@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.ttf?t=1666681318581') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#tou1{height: 35px; background: #018845; line-height: 35px; font-size: 14px; color: #65ec90;}
#tou1 .icon1{font-size: 16px;line-height: 35px;  padding-right: 5px;float: left;}
#tou1 .touspan{font-size: 16px;line-height: 35px;  color: #ffb743; font-weight: bold;float: right;}
.tou2{height: 100px; }
.logo img{height: 86px; padding-top: 5px;display: block;}
.nav ul li{width: 115px; height: 100px; border-right: 1px solid #ececec; float: left; line-height: 100px; text-align: center;font-size: 16px;}
.nav ul li.on{background: #feb640;}
#banner{ width: 100%; height: 825px; top: 0; z-index: -1; position: relative;}
#banner .bd{ position:relative;  height: 825px; z-index:0;   }
#banner .bd li{ zoom:1; vertical-align:middle; height: 825px; width: 100%; }
#banner .hd{ width:100%;  position:absolute; z-index:1; bottom:110px; left:0; height:46px; line-height:46px; text-align:center; }
#banner .hd ul{ text-align:center;  padding-top:5px; }
#banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:46px; height:46px; margin:0px;  overflow:hidden; font-size: 46px; color: #fff; margin: 0px 5px;		line-height:46px;  }
#banner .hd ul li span{font-size: 46px;}
#banner .hd ul li.on span{color: #ffb236;}
#m1{height: 630px; background: url(../img/m1.jpg) center; position: relative;}
.m1{height: 85px; background: #fff; position: relative; top: -42px; border-radius: 17px;}
.m1t{width: 246px; text-align: center; color: #007b3c;float: left;}
.m1t h3{font-size: 24px; font-weight: normal; line-height: 26px; padding-top: 18px;}
.m1t span{font-size: 12px; font-family: Arial, Helvetica, sans-serif}
.m1_r{float: right; width: 136px; height: 85px; background: #feb640; border-radius: 17px; text-align: center; line-height: 85px; }
.m1_r span{font-size: 30px; color: #fff;}
.m1_m{width: 765px; height: 60px; padding-left: 45px; padding-top: 25px; float: left; border-left: 8px solid #008647; border-radius: 8px; padding-left: 45px;}
.m1_m a{height: 20px; border-left: 1px solid #d0d0d0; color: #d0d0d0; padding-left: 7px;}
.m2{}
.m2t{text-align: center; height: 90px; padding-top: 30px;}
.m2t span{font-size: 30px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #d7d7d7; line-height: 30px;}
.m2t h3{color: #068744; font-size: 25px; font-weight: normal; line-height: 25px;}
.m2con{text-align: center;}
.m2con p{height: 220px;}
.m2con a{width: 130px; height: 40px; text-align: center; line-height: 40px;background: #feb640; color: #fff; display: block; margin: auto;}

.m2ul{position: absolute; bottom: -78px; left: 50%; margin-left: -600px;}
.m2ul ul li{width: 25%; height: 108px;float: left; text-align: center; color: #fff; padding-top: 47px;}
.m2ul ul li:nth-child(1){background: #39b94c;}
.m2ul ul li:nth-child(2){background: #40ad50;}
.m2ul ul li:nth-child(3){background: #279f3b;}
.m2ul ul li:nth-child(4){background: #19942c;}
.m2ul ul li .sz{font-size: 40px; font-style: italic; font-weight: bold;padding-right: 10px; line-height: 40px;letter-spacing:3px;}
.m2ul ul li .dw{position: relative; width: 40px; display: inline-block;}
.m2ul ul li .dw::after{content: url(../img/dwbj.jpg); position: absolute; left: 12px; top: -61px;}
#m3{height: 520px; background: url(../img/m3.jpg) center; color: #fff;}
.m2ul ul li p{padding-right: 40px;}
.m2ul ul li:nth-child(2n) .dw::after{content: url(../img/dwbj.jpg); position: absolute; left: 12px; top: 29px;}
#m3{text-align: center; }
#m3 h3{padding-top: 140px; line-height: 100px;font-size: 35px;}
#m3 p{font-size: 18px; padding-bottom: 20px;}
#m3 span{font-size: 40px; }
.m4{padding-top: 56px;}

.proHd ul{text-align: center;}
.proHd ul li{display: inline-block; width: 144px; height: 43px; border: 1px solid #d8d8d8; text-align: center; line-height: 43px; font-size: 16px; margin: 0px 10px; transform: skew(-30deg, 0);}
.proHd ul li a{ transform: skew(30deg, 0); display: block;}
.proHd ul li.on{background: #feb640; border: 1px solid #feb640;}
.proHd ul li.on a{color: #fff;}
.probd{padding-top: 63px; position: relative;}

.cpl{width: 666px; height: 400px; -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%); position: absolute; left: 0;}
.cpr{float: right; height: 376px; width: 420px; padding-left: 215px; padding-right: 80px;border: 1px solid #eeeeee; margin-top: 12px;}
.cpr h3{font-size: 28px; font-weight: bold; color: #363636; padding-top: 50px;padding-bottom: 10px;}
.cpr p{height: auto;}
.cpr a{width: 130px; height: 40px; display: block; text-align: center; line-height: 40px; color: #fff; background: #feb640;margin-top: 67px;}
.probd .bd{height: 400px;}
.probd .hd ul{text-align: center; padding-top: 25px;}
.probd .hd ul li{display: inline-block; width: 13px; height: 13px; border-radius: 50%; background: #d6d6d6; margin: 0px 8px;}
.probd .hd ul li.on{background: #018845;}
#m5{height: 650px; background: url(../img/m4.jpg) center; clear: both;}
.m5l{width: 515px; float: left; padding-right: 85px;}
.m5t{color: #fff; font-size: 22px; line-height: 40px; padding-top: 90px; height: 82px;}
.m5t a{float: right; color: #fff; font-size: 16px;}
.m5t span{font-size: 28px; float: left; padding-right: 15px;}
.m5con{padding-top: 0px;}
.m5con img{width: 517px; height: 378px;}
.m5r{float: right; width: 565px;}
.m5rcon .hdtit ul li{float: none; height: 42px; width: 137px; border-top: 6px solid #ffb538;text-align: center; line-height: 42px; font-size: 16px; background: #ffb538;}
.m5rcon .hdtit ul li a{color: #fff;}
.m5rcon .hdtit ul li.on{background: #fff;}
.m5rcon .hdtit ul li.on a{color: #333;}
.m5rcon .bd{height: 275px; background: #fff; padding-top: 55px;}
.m5rcon .bd ul li{float: left; padding: 9px; border: 1px solid #eaeaea; margin-left: 28px;}
.m5rcon .bd ul li .img{width: 218px; height: 163px; background-position: center; background-size: cover;}

.m6{height: 713px; padding-top: 30px;}
.m6con{height: 406px; padding-top: 10px;}
.m6con ul li{width: 345px; height: 384px; border: 1px solid #eaeaea; padding: 10px; float: left; margin-right: 52px;}
.m6con ul li .img{width: 345px; height: 190px; background-size: cover; background-position: center;}
.m6con ul li h3{font-size: 18px; font-weight: normal; padding-top: 20px;  line-height: 30px;}
.m6con ul li .time{font-size: 14px; color: #8d8d8d;}
.m6con ul li p{font-size: 14px; color: #8d8d8d; line-height: 25px; padding-top: 5px;}
.m6con ul li .more{float: right; color: #8d8d8d;padding-top: 5px;}
.m6con ul li a{padding-left: 20px; padding-right: 20px; display: block;}
.m6more{width: 130px; height: 40px; background: #feb640; display: block; margin: auto; color: #fff; text-align: center; line-height: 40px; margin-top: 43px;}
#foot1{height: 386px; background: #018845;}
.foot1l{width: 326px; float: left; padding-top: 49px; color: #fff;}
.foot1l img{display: block; padding-bottom: 20px;}
.foot1r{color: #fff; float: right; width: 280px;}
.foot1r h3{font-size: 24px; font-weight: normal; padding-top: 65px;}
.foot1r ul li img{float: right;}
.foot1r ul li{border-bottom: 1px solid #53aa77; height: 100px; padding-top: 30px;}
.foot1m ul{padding-top: 83px;}
.foot1m ul li{float: left; width: 180px; height: 260px; border-left: 1px solid #55ad7a; text-align: center; color: #fff; font-size: 18px;}
.foot1m ul li a{color: #fff;}
.foot1m ul li:nth-last-child(1){border-right: 1px solid #55ad7a;}
#foot2{background: #212f32; height: 70px; line-height: 70px; color: #fff;}
#foot2 a{color: #fff;}
#foot2 span{padding-right: 10px;}
#foot2 span a{color: #f5ab56;}

#zy{min-height: 500px;}


.head_wap{height: 63px;}

/* 本例子css */
		.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;  }
		.slideBox .hd{ width:100%;  position:absolute; z-index:1; bottom:0px; left:0; height:20px; line-height:20px; }
		.slideBox .hd ul{ text-align:center;  }
		.slideBox .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:0 8px;  vertical-align:top; line-height:9999px;background: #f5f5f5;border-radius: 50%; }
		.slideBox .hd ul .on{ background: #006e9d; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width: 100%; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-80px; display:block; width:90px; height:56px; background:url(../img/bl.png) no-repeat;   }
		.slideBox .next{ left:auto; right:3%;  background:url(../img/br.png) no-repeat; }
		.slideBox .prev:hover{  background:url(../img/blh.png) no-repeat;  }
		.slideBox .next:hover{  background:url(../img/brh.png) no-repeat;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

#zybanner{height: 381px; background: url(../img/zybanner.jpg) center; text-align: center;}
#zybanner h3{font-size: 50px; font-weight: bold; color: #333; position: relative;z-index: 2;top: 15px;}
#zybanner span{font-size: 50px; color: rgba(125,125,125,0.4); font-family: Arial, Helvetica, sans-serif; font-weight: normal;position: relative; top: 90px;}
#zyt{height: 72px; line-height: 72px; border-bottom: 1px solid #9ed4b8; color: #7d7d7d;}
#zyt a{color: #7d7d7d;}






		
		
/* 手机 */
@media (max-width:768px){
	.m1{height: 85px; background: #fff; position: relative; top: 0px; border-radius: 17px;}
	.m1t{width: auto; text-align: center; color: #007b3c;float: left; border-left: 8px solid #008647; border-radius: 8px; padding-left:15px;}
	.m1t h3{font-size: 24px; font-weight: normal; line-height: 26px; padding-top: 18px;}
	.m1t span{font-size: 12px; font-family: Arial, Helvetica, sans-serif}
	.m1_r{float: right; width: 136px; height: 85px; background: #feb640; border-radius: 17px; text-align: center; line-height: 85px; display: none; }
	.m1_r span{font-size: 30px; color: #fff;}
	.m1_m{width: auto; height: 60px; padding-left: 0px; padding-top: 25px; float: right; border: 0;}
	.m1_m a{height: 20px; border-left: 1px solid #d0d0d0; color: #d0d0d0; padding-left: 7px;}
	.m2con p{min-height: 262px;}
	#m1{height: 550px; background: url(../img/m1.jpg) center; position: relative;}
	.cpl{width: 100%; height: auto; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); position: relative; left: 0;}
	.cpr{float: right; height: 376px; width: 100%; padding-left: 15px; padding-right: 15px;border: 1px solid #eeeeee; margin-top: 12px;}
	#m5{height: 650px; background: url(../img/m4.jpg) right; clear: both;}
	.m5r{float: none; width: 100%;}
	.m5t{color: #fff; font-size: 22px; line-height: 40px; padding-top: 20px; height: 82px;}
	.m5rcon .bd{height: 275px; background: #fff; padding-top: 55px;}
	.m5rcon .bd ul li{float: left;width: calc(100% - 76px); padding: 9px; border: 1px solid #eaeaea; margin-left: 28px;}
	.m5rcon .bd ul li .img{width: 100%; height: 163px; background-position: center; background-size: cover;}
	.m6con ul li{width: calc(100% - 22px); height: 384px; border: 1px solid #eaeaea; padding: 10px; float: left; margin-right: 0px;}
	.m6con ul li .img{width: 100%; height: 190px; background-size: cover; background-position: center;}
	#foot2{height:auto;}
	#foot2{background: #212f32;  line-height: 30px; color: #fff;}

	#zybanner{height: 200px; background: url(../img/zybanner.jpg) center; text-align: center;}
#zybanner h3{font-size: 40px; font-weight: bold; color: #333; position: relative;z-index: 2;top: 0px; line-height: 200px;}
#zybanner span{font-size: 50px; color: rgba(125,125,125,0.4); font-family: Arial, Helvetica, sans-serif; font-weight: normal;position: relative; top: 90px; display: none;}
}