@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.ttf') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#head{height: 104px; background: #FFFFFF; border-top: 8px solid #009d83; position: fixed; top: 0; width: 100%;  transition: all 0.5s; z-index: 9;}
.logo{padding-top: 20px; float: left;}
.nav{float: right;}
.nav ul{padding-top: 35px;}
.nav ul li{float: left; font-size: 16px; background: url(../img/nav_li.png) left no-repeat; padding-left: 27px; padding-right: 18px;}
.nav ul li:nth-child(1){background: 0;}
.nav ul li:nth-last-child(1){padding-right: 0;}
.nav ul li a{color: #555555;}
.nav ul li.on a{color: #c1a059;}
.fullSlide{ width:100%;  position:relative;  height:100%; background:#000; margin-top: 0px;  }
	.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
	.fullSlide .bd ul{ width:100% !important;  }
	.fullSlide .bd li{ width:100% !important;  height:100%; overflow:hidden; text-align:center;  }
	.fullSlide .bd li a{ display:block; height:100%; }

	.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:65px; left:0; height:30px; line-height:30px; 
	}
	.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
	.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:8px; border-radius: 4px; margin:5px; background: rgba(255,255,255,0.7); overflow:hidden;  transition: all 0.5s;
		line-height:9999px; 
	}
	.fullSlide .hd ul .on{ width: 64px;  background: rgba(255,255,255,1);}
	.fullSlide_wap{ width:100%;  position:relative; height: auto;  min-height:133px; background:#000; margin-top: 0px;  }
		.fullSlide_wap .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
		.fullSlide_wap .bd ul{ width:100% !important;   height: auto;}
		.fullSlide_wap .bd li{ width:100% !important;  height: auto;  min-height:133px; overflow:hidden; text-align:center;  }
		.fullSlide_wap .bd li a{ display:block; min-height:133px; }
	
		.fullSlide_wap .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; background:url(../img/touming.png) repeat-x; text-align:center;
			 _background:#000; _filter:alpha(opacity=60); 
		}
		.fullSlide_wap .hd ul{ text-align:center;  padding-top:5px;  }
		.fullSlide_wap .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../img/tg_flash_p.png) -18px 0; overflow:hidden; 
			line-height:9999px; 
		}
		.fullSlide_wap .hd ul .on{ background-position:0 0; }
.m2{position: relative;}
.m2t{height: 299px; background: url(../img/m2t.jpg) center; /* position: absolute; top: 0; */ width: 100%;}
.m2t ul{padding-top: 244px;}
.m2t ul li{float: left; text-align: center; font-size: 21px; color: #888888; height: 50px; width: 144px; text-align: center; line-height: 50px; color: #888888; margin-right: 30px;}
.m2t ul li a{color: #888888;}
.m2t ul li.on{border: 3px solid #f2f2f2; border-bottom: 0;  border-top-right-radius: 25px; border-top-left-radius: 25px;}
.m2t ul li.on a{color: #009d83;}
.m2con .tab-hd{width: 50%; float: right; padding-top: 120px;}
.m2con .tab-hd ul li{height: 105px; color: #444444; padding-left: 5px;}
.m2con .tab-hd ul li .sj{width: 138px; height: 90px; text-align: center; float: left; background: #ffffff; padding-top: 15px;}
.m2con .tab-hd ul li .sj h3{ font-size: 55px; font-weight: normal; line-height: 55px; padding: 0; margin: 0;}
.m2con .tab-hd ul li .sj span{font-size: 14px;}
.m2con .tab-hd ul li .nr{border-bottom: 1px solid #ebebeb; height: 84px; padding-top: 20px; text-indent: 16px; }
.m2con .tab-hd ul li .nr span{ text-indent: 16px; display: block;}
.m2con .tab-hd ul li .nr h3{font-size: 18px; font-weight: normal;}
.m2con .tab-hd ul li.on a{color: #009d82;}
.m2con .tab-hd ul li.on .sj{border-right: 4px solid #009d82;}
.m2con .tab-bd{float: left; width: calc(50% - 40px); padding-right: 40px; padding-top: 112px;}
.m2con .tab-bd img{width: 100%;}
.m3t{ text-align: center; height: 122px; position: absolute; top: 114px; width: 100%; overflow: hidden; }
.m3kuang{width: 282px; height: 114px; border: 4px solid #009d84; position: absolute; left: 50%; margin-left: -141px; top: 0px;}
.m3t h3{font-size: 36px; color: #009d83; font-weight: normal; padding: 0; margin: 0; line-height: 114px; z-index: 9; position: relative; top: 10px;}
.m3t span{font-weight: bold; font-size: 55px; font-weight: bold; color: #f2f2f2; position: relative; top: -92px; z-index: 1; background: #ffffff; height: 52px; display: block; line-height: 40px; padding-top: 10px;}
.m3con{height: 100%; position: relative; top: 0px;}
.m3con ul{height: 100%;    clear: both;}
.m3con ul li{width: 20%; height: 100%; float: left; position: relative;}
.m3con ul li .m3con_t{position: absolute; bottom: 0; height: 204px; width: calc(100% - 1px); border: 1px solid #dadcdb; border-left: none; background: #f6f6f6; text-align: center; color: #797979;}
.m3con ul li span{font-size: 25px; width: 100%;}
.m3con ul li h3{font-weight: normal; font-size: 17px; width: 100%; line-height: 40px;}
.m3con ul li a{width: 100%; color: #797979;}
.m3con ul li img{width: 80%;}
.m3con ul li .m3con_img{height: calc(100% - 204px);}
.m3con ul li:hover .m3con_t{background: #009c84; color: #FFFFFF; transition: all 0.5s; height: 300px;}
.m3con ul li:hover a{color: #FFFFFF;}
.w1300{width: 1300px; margin: auto;}
.m4con{position: relative; top: 300px;}
.m4l{width: calc(50% - 20px); float: left; padding-right: 20px;}
.m4r{width: calc(50% - 40px); float: right; padding-left: 20px; padding-right: 20px;}
.m4r h3{font-size: 24px; }
.m4r span{font-size: 14px;}
.m4r p{font-size: 14px; padding-top: 20px; padding-bottom: 20px;}
.m4r a{font-size: 16px;}

.m4ul{clear: both; position: absolute; bottom: 100px; width: 100%;}
.m4ul ul li{float: left; width: calc(25% - 8px); margin: 0px 4px; text-align: center; height: 76px;  background: #f6f6f6; font-size: 18px;}
.m4ul ul li span{ display: inline-block; padding-right: 25px; font-size: 18px;}
.m4ul ul li span.iconfont{font-size: 41px;}
.m4ul ul li span.sp2{position: relative; top: -8px;}
.m4ul ul li:hover{background: #009d83;}
.m4ul ul li:hover a{color: #FFFFFF;}

.logo2{margin: auto; width: 204px; padding-top: 40px;}
.foot_2{border-bottom: 1px solid #555555; height: 64px;}
.foot_2 ul{text-align: center; padding-top: 12px;}
.foot_2 ul li{display: inline-block; font-size: 16px; background: url(../img/foot_nav_li.png) left no-repeat; padding-left: 27px; padding-right: 18px;}
.foot_2 ul li a{color: #9b9b9b;}
.foot_2 ul li:nth-child(1){background: 0;}
.foot_2 ul li:nth-last-child(1){padding-right: 0;}
.foot_3{text-align: center; color: #9b9b9b; padding-top: 25px;}

.m5{background: #2d2d2d; height: 290px;}


#zybanner{height: 338px;  background: url(../img/zybanner.jpg) center; text-align: center; line-height: 338px; clear: both;font-size: 48px; font-weight: bold; color: #FFFFFF; text-shadow: black 0.1em 0.1em 0.2em; margin-top: 104px;}

#zytit{height: 59px; line-height: 59px; border-bottom: 1px solid #e7e7e7;}
.dqwz{float: left;}
.zytit_l{float: right;}
.zytit_l a{display: block; padding: 0px 30px; float: left;}
.zytit_l a.on{background: #009c84; color: #FFFFFF;}

/* 手机 */
@media (max-width:768px){
	#zybanner{height: 238px;  background: url(../img/zybanner.jpg) center; text-align: center; line-height: 238px; clear: both;font-size: 38px; font-weight: bold; color: #FFFFFF; text-shadow: black 0.1em 0.1em 0.2em; margin-top: 70px;}
	#zytit{min-height: 59px; line-height: 59px; border-bottom: 1px solid #e7e7e7;}
	.dqwz{display: none;}
	.zytit_l{float: none;}
	.zytit_l a{display: block; padding: 0px 30px; float: left; display: none;}
	.zytit_l a.on{background: #009c84; color: #FFFFFF; display: block;}
	.w1300{width: 100%; margin: auto;}
	.m2t{height: 129px; background: url(../img/m2t.jpg) bottom left; /* position: absolute; top: 0; */ width: 100%;}
	.m2t ul{padding-top: 74px;}
	.m2t ul li{float: left; text-align: center; font-size: 21px; color: #888888; height: 50px; width: 114px; text-align: center; line-height: 50px; color: #888888; margin-right: 00px;}
	
	.m2con .tab-hd{width: 100%; float: none; padding-top: 40px;}
	.m2con .tab-hd ul li{height: 105px; color: #444444; padding-left: 5px;}
	.m2con .tab-hd ul li .sj{width: 138px; height: 90px; text-align: center; float: left; background: #ffffff; padding-top: 15px;}
	.m2con .tab-hd ul li .sj h3{ font-size: 55px; font-weight: normal; line-height: 55px; padding: 0; margin: 0;}
	.m2con .tab-hd ul li .sj span{font-size: 14px;}
	.m2con .tab-hd ul li .nr{border-bottom: 1px solid #ebebeb; height: 84px; padding-top: 0px; text-indent: 0px; }
	.m2con .tab-hd ul li .nr span{ text-indent: 16px; display: block;}
	.m2con .tab-hd ul li .nr h3{font-size: 18px; font-weight: normal; padding-left: 16px;}
	.m2con .tab-hd ul li.on a{color: #009d82;}
	.m2con .tab-hd ul li.on .sj{border-right: 4px solid #009d82;}
	.m2con .tab-bd{float: none; width: 100%; padding-right: 0px; padding-top: 40px;}
	.m2con .tab-bd img{width: 100%;}
	.m3{clear: both;}
.m3t{ text-align: center; height: 122px; position: relative; top: 114px; width: 100%; overflow: hidden; }
.m3con ul li{width: 100%; height: 100%; float: left; position: relative;}
	.m4{overflow: hidden;}
	.m4l{width: 100%; float: none; padding-right: 0px;}
.m4r{width: 100%; float: none; padding-left: 20px; padding-right: 20px;}
.m4con{position: relative; top: 138px;}
.m4ul{clear: both; position: static;  width: 100%;}
	.m5{ clear: both;  }
}