@charset "utf-8";
body{font-size:14px;color:#666666; font-family:Microsoft JhengHei,Microsoft Yahei,SimHei,Arial,simsun;word-wrap: break-word; background:#FFFFFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form, input,textarea,p,em,button{margin:0;padding:0; } 
a{text-decoration:none; color:#666666;font-size:14px; }
a:hover{ text-decoration:none;}
fieldset,img {border:0;} 
em,strong,th,i{font-style:normal;} 
input,textarea,select,option{ outline:none; color:#333; }
ul,li{list-style:none; margin:0; padding:0;}
embed,object {margin: 0;vertical-align:top;}
.clear{ clear:both; padding:0px; margin:0px; height:0%; font-size:0px; overflow:hidden; line-height:0;}
.left{ float:left;}
.right{ float:right;}
.bgqhui{background:#f0ede8;}
.colqlan{color:#0175c2;}
.size14{ font-size:14px;}
.size16{ font-size:16px;}
.size18{ font-size:18px;}

/*top*/
.topbg{width:100%; position:absolute; left:0; top:0; z-index:9999;}
.top{ width:90%; max-width:1060px; height:96px;  position:relative; margin:30px auto;}
.logo{ width:180px; height:56px; position:absolute; left:0; top:20px; overflow:hidden;}
.logo img{ display:block; height:100%; position:absolute; left:0; bottom:0;}
.manemk{ display:none;}
.mane{ min-width:70%; max-width: calc(100% - 180px); position:absolute; right:0; top:30px; text-align:right; padding-right:4%; background:#FFFFFF; overflow:hidden;}
.mane li{ display:inline-block; position:relative; text-align:center; margin-left:4%; color:#000000;}
.mane .manecur{ display:block; height:38px; line-height:38px; color:#000000; font-size:16px; font-weight:bold;}
.mane .maneov{ display:block; height:38px; line-height:38px; color:#000000; font-size:16px;}
.mane .maneov:hover{font-weight:bold;}
.mane .manetel{ color:#e60012; font-weight:bold;}

.mnysj{ display:none;}
.mtag{ display:none;}
.pc{ display:block;}
.yd{ display:none;}

/*banner*/
.bnbg{ width:100%; position:relative; z-index:1;}
.syhd{width:100%; height:auto; position:relative; margin:0 auto; z-index:2; padding-bottom:30px; overflow:hidden;}
.hdbox{ width:100%; height:auto; position:relative; text-align:center; overflow:hidden;}
.hdpic{ display:block; width:100%; position:relative; text-align:center; z-index:1;}
.hdpic img{ display:inline-block; width:100%; margin:0 auto;}
.sjhdpic{ display:none;}


.syhd .slick-dots{ bottom: 0; text-align:center; left:0; right:0; margin:auto; overflow:hidden;}
.syhd .slick-dots li {
	position: relative;
	display: inline-block;
	height: 4px;
	width: auto;
	margin: auto;
	padding: 0px;
	cursor: pointer;
	text-align:center;
}
.syhd .slick-dots li button {
	display:inline-block;
	width: 34px;
	height: 4px;
	border-radius: 0;
	background:#d2d2d2;
	margin: 0px 8px;
}
.syhd .slick-dots li.slick-active button {
	background: #00993e;
	width: 46px;
	height: 4px;
}
.syhd .slick-prev {
	z-index:2;
	top: 48%;
	left:5%;
	width: 42px;
	height: 83px;
	background:none;
}
.syhd .slick-next {
	z-index:2;
	top: 48%;
	right:5%;
	width: 42px;
	height: 83px;
	background:none;
}

/*f1*/
.f1{width:90%; max-width:1060px;  position:relative; margin:60px auto 0 auto; text-align:center; overflow:hidden;}
.f1 ul{width:100%;  position:relative; margin:0 auto; overflow:hidden; }
.f1 li{width:24%; position:relative; margin: 0 0.5%; float:left; overflow:hidden;}
.f1 .f1pic{width:100%; height:0; padding-bottom:97%; position:relative; overflow:hidden;}
.f1pic img{ display:block; width:100%;margin:0 auto; transition: all 0.5s;}
.f1 li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.f1 .f1bt{width:100%; position:relative; margin: 20px auto 0 auto; font-size:20px; color:#00993e; overflow:hidden;}
.f1 .f1btb{width:100%; position:relative; margin: 0 auto; font-size:18px; overflow:hidden;}
.f1 .f1xq{ display:inline-block; position:relative; margin: 20px auto; font-size:14px; color:#ffffff; background:#00993e; padding:5px 10px; overflow:hidden;}

/*f2*/
.f2bg{width:100%; height:557px; position:relative; margin:60px auto 0 auto; background:#f5fbf7; overflow:hidden;}
.f2mk{width:50%; height:100%; position:absolute; top:0; right:0; overflow:hidden; z-index:1;}
.f2{width:90%; max-width:1060px; position:relative; margin:60px auto; text-align:center; overflow:hidden; z-index:2;}
.f2box{width:47%;  position:relative; margin:0; text-align:justify;  overflow:hidden;}
.f2box .f2bt{width:100%; position:relative; margin: 0 auto; font-size:50px; color:#000000; overflow:hidden;}
.f2box .f2btb{width:100%; position:relative; margin: 0 auto; font-size:30px; color:#00993e; overflow:hidden;}
.f2box .f2dec{width:100%; position:relative; margin: 20px auto; font-size:18px; line-height:180%; overflow:hidden;}
.f2box .f2xq{ display:inline-block; position:relative; margin: 0 auto; font-size:16px; color:#ffffff; background:#00993e; padding:5px 15px; overflow:hidden;}

/*f3*/
.f3{width:90%; max-width:1060px;  position:relative; margin:60px auto 0 auto; text-align:center; overflow:hidden;}
.f3 .f3tag{width:100%; position:relative; margin: 0 auto; font-size:50px; color:#000000; overflow:hidden;}
.f3 .f3tagb{width:100%; position:relative; margin: 0 auto; font-size:30px; color:#00993e; overflow:hidden;}
.f3 ul{width:100%;  position:relative; margin:30px auto 0 auto; overflow:hidden; }
.f3 li{width:31.33%; position:relative; margin: 0 1% 20px 1%; padding:25px 0; float:left; background:#eef9f3; overflow:hidden;}
.f3libk2{background:#f7f7f7!important;}
.f3libk3{background:#fef4f5!important;}
.f3 .f3box{  width:92%; position:relative; margin:0 auto; overflow:hidden;}
.f3 .f3bt{  width:100%; height:30px; line-height:30px; position:relative; margin:0 auto; overflow:hidden; }
.f3bt i{ display:inline-block; width:22px; height:22px; line-height:22px; margin:4px auto; background:#000000; float:left; color:#FFFFFF; overflow:hidden;}
.f3bt span{display:inline-block; width: calc(100% - 32px); position:relative;  font-size:22px; color:#000000; text-align:left; float:right; overflow:hidden;}
.f3 .f3dec{width: calc(100% - 32px); margin: 10px 0 10px 32px; position:relative; font-size:14px; height:40px; line-height:20px; text-align:justify; overflow:hidden;}
.f3 .f3ico{ width: calc(100% - 32px); height:26px; margin: 0 0 0 32px; text-align:left; position:relative; overflow:hidden;}
.f3 .f3icoa{ display:inline-block; height:26px; line-height:26px; position:relative;  font-size:12px; color:#ffffff;  padding:0 2%; margin:0 2%; overflow:hidden;}
.f3bgc1{ background:#009c2e;}
.f3bgc2{ background:#e60012;}
.f3bgc3{ background:#000000;}
.f3 .f3ico img{ display:inline-block; height:100%;}


/*f5*/
.f5bg{width:100%; position:relative; margin:60px auto 0 auto; padding:60px 0; background:#f5fbf7; overflow:hidden;}
.f5{width:90%; max-width:1060px; position:relative; margin:0 auto; text-align:center; overflow:hidden;}
.f5 .f5tag{width:100%; position:relative; margin: 0 auto; font-size:50px; color:#000000; overflow:hidden;}
.f5box{width:100%;  position:relative; margin:30px auto 0 auto; overflow:hidden;}
.f5box ul{width:100%;  position:relative; margin:0 auto; overflow:hidden; }
.f5box li{width:31.33%; position:relative; margin: 0 1% 20px 1%; padding:0; float:left; background:#ffffff; overflow:hidden;}
.f5box .f5pic{ display:block;  width:100%; height:0; padding-bottom:55%; position:relative; margin:0 auto; overflow:hidden;}
.f5pic img{ display:block; width:100%;transition: all 0.5s;}
.f5box li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.f5box .f5bt{display:block;   width:90%; height:60px; line-height:30px; position:relative; margin:20px auto; font-size:18px; text-align:justify; overflow:hidden; }
.f5box li:hover .f5bt{ color:#009c2e;}


/*foot*/
.ftbg{ width:100%;  padding:10px 0; background:#00993e; position:relative; z-index:1; overflow:hidden;}
.ftb{width:90%; max-width:1160px; position:relative; margin:0 auto; text-align:center; color:#FFFFFF; font-size:16px; overflow:hidden;}
.ftb span{ display:inline-block; margin:0 5px;}
.ftb a{ color:#FFFFFF; font-size:16px;}


.fantop{display:none;width:54px; height:66px; position:fixed; right:20px; bottom:10%; background:#FFFFFF; text-align:center; border-radius: 6px; cursor:pointer; box-shadow: 0 0 10px #e0dbdb; overflow:hidden; z-index:99999;}
.fantop p{display:block; width:96%; position:absolute; left:0; top:50%;transform:translateY(-50%); right:0; margin:auto; overflow:hidden;}
.fantop img{ display:block; margin:10px auto 5px auto;}
.fantop span{ display:block; margin:0 auto;}


@media screen and (max-width: 1200px) {
	/*top*/
	.topbg{width:100%; position:fixed; left:0; top:0; z-index:9999; }
	.topbga{ background:#FFFFFF;}
	.top{ width:90%; max-width:1060px; height:56px;  position:relative; margin:20px auto;}
	.logo{ width:180px; height:36px; position:absolute; left:0; top:10px; overflow:hidden;}
	
	.manemk{ width: 100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.8); z-index:1; transition: all 0.5s;}
	.manemkcur{ display:block;opacity:1; transition: all 0.5s;}
	.manemkov{ display:none;opacity:0; transition: all 0.5s;}
	.manebg{width: 80%; height:100%; position:fixed; right:-100%; top:0; z-index:2;}
	.mane{ width: 100%; min-width:100%; max-width: 100%; height:100%; position:absolute; left:auto; top:0; text-align:left; right:0; padding-right:0; background:#FFFFFF; overflow-y:auto;}
	.mane ul{ width:90%; margin:20px auto; position:relative; overflow:hidden;}
	.mane li{ width:100%; display:block; position:relative; text-align:left; margin-left:0; border-bottom:#CCCCCC 1PX dashed;}
	.mane .manecur{ display:block; height:50px; line-height:50px; color:#000000; font-size:16px; font-weight:bold;}
	.mane .maneov{ display:block; height:50px; line-height:50px; color:#000000; font-size:16px;}
	.mane .maneov:hover{font-weight:bold;}
	.mane .manetel{ color:#e60012; font-weight:bold;}
	.mane .maneline{ display:none;}
	
	.mnysj{ display:block; width:18%; height:100%; position:absolute; right:0; top:0;}
	.mnysj span{ display:block; width:10px; height:10px; border:#23489e 1px solid; position:absolute; right:10px; top:15px;}
	.mnysj b{ display:inline-block; width:10px; height:25px; background:#FFFFFF; position:absolute; left:-5px; top:-5px; transform:rotate(-45deg);}
	.mnysj .mnsjov{transform:rotate(45deg); transition: all 0.5s;}
	.mnysj .mnsjcur{transform:rotate(-45deg); transition: all 0.5s;}
	
	/*mtag*/
	.mtag{ display:block; width: 30px; height:30px; position:absolute; right:0; top:50%;transform:translateY(-50%); overflow:hidden; }
	.mico{ display:block; width: 30px;height: 3px;background: #FFFFFF; position:absolute; top:0; }
	.mico::before{content: ''; display: block;width: 30px;height: 3px;background: #FFFFFF; position:absolute; top:10px; }
	.mico::after{content: ''; display: block;width: 30px;height: 3px;background: #FFFFFF; position:absolute; top:20px; }
	
	.micofb{ display:none; width: 30px;height: 3px;background: #073190; position:absolute; top:0; }
	.micofb::before{content: ''; display: block;width: 30px;height: 3px;background: #073190; position:absolute; top:10px; }
	.micofb::after{content: ''; display: block;width: 30px;height: 3px;background: #073190; position:absolute; top:20px; }
	
	/*banner*/
	.hdpic{ display:none; width:100%; position:relative; text-align:center; z-index:1;}
	.hdpic img{ display:inline-block; width:100%; margin:0 auto;}
	.sjhdpic{ display:block; display:block; width:100%; position:relative; text-align:center; z-index:1;}
	.sjhdpic img{ display:inline-block; width:100%; margin:0 auto;}
	

	.pc{ display:none;}
	.yd{ display:block;}
	
	
	/*f1*/
	.f1{width:90%; margin:30px auto 0 auto; }
	.f1 ul{width:100%; }
	.f1 li{width:100%; margin: 0 0.5%; float:none; margin-bottom:20px;}
	.f1 .f1pic{width:100%; height:0; padding-bottom:97%; }

	.f1 .f1bt{margin: 10px auto 0 auto; font-size:14px;}
	.f1 .f1btb{font-size:14px;}
	.f1 .f1xq{ margin: 10px auto; font-size:12px; padding:5px 10px;}
	
	/*f2*/
	.f2bg{width:100%; height:auto; margin:30px auto 0 auto; }
	.f2mk{width:100%; height:0; padding-bottom:59%; position:relative; margin:0 auto;}
	.f2{width:90%; margin:30px auto; }
	.f2box{width:100%; text-align:center;}
	.f2box .f2bt{width:100%; font-size:20px; text-align:center;}
	.f2box .f2btb{font-size:18px; text-align:center;}
	.f2box .f2dec{width:100%; margin: 20px auto; font-size:14px; line-height:180%; text-align:justify;}
	.f2box .f2xq{  position:relative; margin: 0 auto; font-size:12px; padding:5px 15px;}
	
	/*f3*/
	.f3{width:90%; margin:30px auto 0 auto;}
	.f3 .f3tag{font-size:20px;}
	.f3 .f3tagb{margin: 0 auto; font-size:18px; }
	.f3 ul{width:100%; margin:30px auto 0 auto; }
	.f3 li{width:100%; margin: 0 0 10px 0; padding:20px 0; float:none;}
	.f3 .f3box{  width:92%;}
	.f3 .f3bt{  width:100%; height:auto; line-height:160%;}
	.f3bt i{ width:22px; height:22px; line-height:22px; margin:0 auto; float:left; }
	.f3bt span{ width: calc(100% - 32px); font-size:16px;  float:right; }
	
	.f3 .f3dec{width: calc(100% - 32px); margin: 10px 0 10px 32px; font-size:14px; height:auto; line-height:160%;}
	.f3 .f3ico{ width: calc(100% - 32px); height:26px; margin: 0 0 0 32px; }
	.f3 .f3icoa{ display:inline-block; height:26px; line-height:26px; position:relative;  font-size:12px; color:#ffffff;  padding:0 2%; margin:0 2%; }

	.f3 .f3ico img{ display:inline-block; height:100%;}
	
	
	/*f5*/
	.f5bg{margin:30px auto 0 auto; padding:30px 0;}
	.f5{width:90%; }
	.f5 .f5tag{font-size:20px;}
	.f5box{width:100%;  margin:30px auto 0 auto;}
	.f5box ul{width:100%; }
	.f5box li{width:100%; margin: 0 0 20px 0; padding:0; float:none; }
	.f5box .f5pic{ display:block;  width:100%; height:0; padding-bottom:55%; }

	.f5box .f5bt{width:90%; height:auto; line-height:160%; position:relative; margin:10px auto; font-size:16px;}
	
	/*foot*/
	.ftb{ font-size:12px; line-height:200%;}
	.ftb a{font-size:12px;}
	.ftb span{ display:block; width:100%;}
	
}