#tou{height: 116px;}
.logo{float: left; height: 116px;}
.nav{float: right;}
.nav ul li{width: 117px; height: 116px; float: left; line-height: 115px; text-align: center;}
.nav ul li a{font-size: 18px; color: #383737;}
.nav ul li.on{background: #005b30; color: #FFFFFF;}
.nav ul li.on a{color: #FFFFFF;}
#banner{height: 591px;}
#banner .bd li{height: 591px;}
.m1{padding-top: 77px; height: 633px; position: relative;}
.m1l{width: 764px; float: left;}
.m1lt{height: 89px; font-size: 26px; font-weight: bold; color: #373737; line-height: 30px;;}
.m1lt span{font-size: 12px; font-family: 'Arial'; font-weight: bold; display: block;}
.m1lcon{font-size: 14px; color: #6d6d6d; line-height: 30px;}
.m1_2{width: 1115px; height: 121px; background: rgba(3,98,38,0.55); position: absolute; bottom: 108px;}
.m1r{width: 390px; height: 557px; float: right;}
.m1_2 ul{padding-top: 36px;}
.m1_2 ul li{width: 267px; float: left; text-align: center; color: #FFFFFF; font-size: 16px; height: 55px; border-right: 1px solid rgba(255,255,255,0.5); line-height: 28px;}
.m1_2 ul li span{font-size: 36px; font-family: Arial; display: inline; padding-right: 5px;}
.m1_2 ul li:nth-last-child(1){border: 0;}
#m2{height: 617px; background: url(../img/m2.jpg) center;}
.m2{padding-top: 80px;}
.m2r{float: right; width: 390px; height: 454px; background: url(../img/a2.jpg);}
.m2r p{color: #FFFFFF; font-size: 16px; padding: 330px 18px 0px 18px;}
.m2l{float: left; width: 800px;}
.m2l ul li{float: left; width: 393px; height: 220px; text-align: center; background: #FFFFFF; margin-right: 12px; margin-bottom: 12px; position: relative;}
.m2l ul li:nth-child(2n){margin-right: 0;}
.m2l ul li img{display: inline-block; height: 204px;}
.m2l ul li .hui{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); color: #FFFFFF; font-size: 20px; display: none; transition: all 0.8s;}
.m2l ul li:hover .hui{display: flex; transition: all 0.8s;}
.m3{height: 433px;}
.m3t{height: 93px; padding-top: 50px; text-align: center; font-size: 26px; font-weight: bold; color: #373737; line-height: 30px;;}
.m3t span{font-size: 12px; font-family: 'Arial'; font-weight: bold; display: block;}
.m3con ul li{width: 393px; height: 277px; float: left; margin-left: 11px;}
.m4{height: 653px;}
.m4con ul li{width: 393px; height: 444px; margin-right: 12px; float: left; background: #f0eded;}
.m4con ul li img{width: 393px; height: 287px;}
.m4con ul li span{padding-left: 23px; padding-right: 23px; font-size: 18px; color: #3f3e3e;}
.m4con ul li .tit{height: 80px; padding-top: 15px;}
.m4con ul li .sj{ font-size: 14px;}

#foot{height: 113px; font-size: 14px; background: #393939; text-align: center; color: #FFFFFF; line-height: 36px; padding-top: 40px;;}

#zybanner{height: 339px; background: url(../img/zybanner.jpg) center; text-align: center; line-height: 339px; font-size: 48px; font-weight: bold; color: #FFFFFF; text-shadow: black 0.1em 0.1em 0.2em}
.zycon{padding-top: 10px;}
.news li{border-bottom: 1px solid #e6e6e6; padding-top: 30px; padding-bottom: 30px;}
.news li img{float: left; width: 280px; height: 175px; padding-right: 20px;}
.news li h3{font-size: 18px; font-weight: bold; color: #2C2C2C; line-height: 35px;}
.news li span{color: #999; font-size: 12px;}
.news li .shijian{background: url(../img/shijian.png) left no-repeat; padding-left: 24px; margin-right: 20px;}
.news li .liulan{background: url(../img/liulan.png) left no-repeat; padding-left: 24px; }
.news li .gd{float: right;}




.prolist{margin-left: -30px;}
.prolist li{width: 270px; float: left; margin-left: 30px; margin-top: 20px; text-align: center; height: 260px;}
.prolist li img{max-width: 270px;height: 195px;}