@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}
@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}


/*header*/
header { overflow:hidden; width:90%; margin:0.6em auto;}
header h1{ float:left; width:20%;}
header h1 img{ display:block; width:100%;}
header .wen{ float:left; overflow:hidden; padding:0.5em 0; padding-left:5%; margin-left:5%; width:70%; background:url(../images/logo_bg.png) no-repeat left center; background-size:1.5%; margin-top:2%}
header h2{ font-size:1em; color:#1f1f1f; float:left}
header .phone{ float:right; width:12%;}
header .phone img{ display:block; width:100%;}

/*nav*/
nav { overflow:hidden; width:100%; background-color:#058d32;}
nav a{ display:block; width:33.333333333333%; float:left; font-size:1em; color:#fff; padding:0.7em 0; background:url(../images/nav.png) repeat-y right top; border-bottom:1px solid #25a850; text-align:center}

/*banner*/
.banner{ overflow: hidden; width:100%;}
.banner img{ display:block; width:100%;}

.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
.focus .hd ul .on{ background:#DA251C;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  }
.focus .bd li a{ -webkit-tap-highlight-color:#0b85ec; /* 取消链接高亮 */ }


.jiange{ overflow:hidden; width:100%; height:0.8em; background-color:#f0f0f0;}
.jiange.last{ height:6em;}
h3.ht{ text-align:center; font-size:1.1em; color:#333; padding-bottom:1.1em; background:url(../images/ht_bg.png) no-repeat center bottom; background-size:100%; margin-top:1em; margin-bottom:1em;}
h3.ht a{ color:#333;}

/*pro*/
.pro { overflow:hidden; width:100%;margin-top:1.5em;}
.pro ul{ overflow:hidden; width:94%; margin:0 auto;}
.pro li{ float:left; width:30%; background-color:#fafafa; border-radius:5px; margin:1.66666666%; text-align:center; padding-bottom:1em;}
.pro li img{ display:block; width:60%; margin:1em auto 0.5em auto;}
.pro li a{ display:block; text-align:center; font-size:1em; color:#333;}
.pro .more{ display:block; width:90%; margin:1em auto 1.5em auto; font-size:1em; color:#fff; background-color:#1e9846; padding:0.6em 0; border-radius:5px; text-align:center;}

.youshi{ overflow:hidden; width:100%;margin-top:1em;}
.youshi img{ display:block; width:100%;}

/*case*/
.case { overflow:hidden; width:100%; padding-bottom:1em;}
.case .casebox{ overflow:hidden; width:90%; margin:0 auto; position:relative}
.case .casebox ul{ overflow:hidden}
.case .casebox .tempWrap li{ float:left; width:50%;}
.case .casebox li img{ display:block; width:85%; margin:0 auto; border:3px solid #e5e5e5; margin-bottom:0.5em;}
.case .casebox li span{ display:block; width:90%; margin:0 auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:0.8em; color:#333; text-align:center}
.case .hd{ width:100%;   position:absolute; z-index:1; bottom:0px; text-align:center;  }
	.case .hd ul{ display:inline-block; height:10px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.case .hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.case  .hd ul .on{ background:#1e9846;  }


.case .more{ display:block; width:90%; margin:0.5em auto 0.5em auto; font-size:1em; color:#1e9846;   text-align:right;}


/*ad*/
.ad01 { overflow:hidden; width:100%;}
.ad01 img{ display:block; width:100%;}

/*hezuo*/
.hezuo { overflow:hidden; width:94%; margin:1em auto;position: relative;}
.hezuo ul{ overflow:hidden}
.hezuo li{ float:left; width:33.333333333%; overflow:hidden}
.hezuo li img{ display:block; width:80%; border:3px solid #e5e5e5; margin:0 auto; margin-bottom:0.4em;}
.hezuo li span{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:0.8em; color:#1d1d1d; text-align:center}

.hezuo .hd{     width: 100%;  /* position: absolute; */   z-index: 1;    height: 20px; text-align: center; }
.hezuo .hd ul{ display:inline-block; height:10px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
.hezuo .hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.hezuo  .hd ul .on{ background:#1e9846;  }
.hezuo .more{ display:block; width:90%; margin:0.5em auto 0.5em auto; font-size:1em; color:#1e9846;  text-align:right;}
/*about*/
.about { overflow:hidden; width:100%; padding-bottom:2em;}
.about img{ display:block; width:86%; padding:1%; margin:0 auto; border:1px solid #e5e5e5; margin-bottom:1.1em;}
.about p{ overflow:hidden; width:88%; margin:0 auto; font-size:0.8em; color:#333;  line-height:1.5em; text-align:justify}

/*fengcai*/
.fengcai { overflow:hidden; width:100%; margin-top:0.8em; margin-bottom:1.7em;}
.fengcai .menu{ overflow:hidden; width:100%; margin-bottom:1.7em; border-bottom:1px solid #e5e5e5;}
.fengcai .menu li{ float:left; width:50%; padding-bottom:0.8em; font-size:1.1em; text-align:center; color:#333; border-bottom:3px solid #fff;}
.fengcai .menu li.on{ font-weight:bold; border-bottom:3px solid #058d32;}
.fengcai .fcbox{ overflow:hidden; width:94%; margin:0 auto;}
.fengcai .fclist{ overflow:hidden; width:100%; position:relative}
.fengcai .fclist ul{ overflow:hidden}
.fengcai .fclist li{ float:left; width:50%;}
.fengcai .fclist li img{ display:block; margin:0 auto; width:90%; border:3px solid #e5e5e5;}
.fengcai .fclist li span{ display:block; text-align:center; font-size:0.8em; color:#333; margin-top:0.5em;}

/*news*/
.news { overflow:hidden; width:100%; margin-bottom:0.5em; margin-top:1em;}
.news .menu{ overflow:hidden; width:100%; margin-bottom:1.7em; border-bottom:1px solid #e5e5e5;}
.news .menu li{ float:left; width:50%; padding-bottom:0.8em; font-size:1.1em; text-align:center; color:#333; border-bottom:3px solid #fff;}
.news .menu li.on{ font-weight:bold; border-bottom:3px solid #058d32;}
.news .nb ul{ overflow:hidden; width:94%; margin:0 auto;}
.news .nb li{ overflow:hidden; background:url(../images/news.png) no-repeat left center; padding-left:3%; background-size:2%; width:97%; font-size:0.8em; line-height:3em; border-bottom:1px dashed #e5e5e5;}
.news .nb li:nth-child(6){ border:none}
.news .nb li a{ display:block; width:70%; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333;}
.news .nb li span{ float:right; color:#333;}
.news .more{ display:block; width:97%;  font-size:1em; color:#1e9846;  text-align:right;}

/*留言*/
.liuyan { overflow:hidden; width:100%; padding-bottom:2.5em;}
.liuyan .lybox{ overflow:hidden; width:84%; margin:0 auto; padding-top:0.1em;}
.liuyan input{ display:block; border:1px solid #e5e5e5; border-radius:3px; width:87%; margin:0 auto; height:2.5em; line-height:2.5em; font-size:0.8em; color:#666; padding-left:10%; margin-bottom:0.5em;}
.liuyan .name{ background:url(../images/ly01.png) no-repeat left center; background-size:9%}
.liuyan .phone{ background:url(../images/ly02.png) no-repeat left center; background-size:9%}
.liuyan .qq{ background:url(../images/ly03.png) no-repeat left center; background-size:9%}
.liuyan .text{ background:url(../images/ly04.png) no-repeat left center; background-size:9%}
.liuyan span{ display:block; width:97%; margin:0 auto; text-align:center; font-size:1.1em; color:#fff; background-color:#058d32; padding:0.7em 0; border-radius:3px; font-weight:bold}

/*top*/
.top { overflow:hidden; width:100%;}
.top .phone{ display:block; float:left; margin-left:3%; font-size:1.1em; color:#333; background:url(../images/top_phone.png) no-repeat left center; background-size:1em; padding-left:1.5em; line-height:3em;}
.top .bck{ display:block; float:right; width:3.5em; height:3.5em; background:url(../images/top.png) no-repeat center; background-size:1.5em; border-left:1px solid #e5e5e5;}

.top ul.share { overflow:hidden; width:100%; margin:1.5em 0; text-align:center}
.top ul.share li{ display:inline-block; width:2.5em; height:2.5em; margin:0 2%; border:1px solid #ccc;}
.top ul.share li a.a01{ display:block; width:100%; height:100%; background:url(../images/sina.png) no-repeat center; background-size:100%;}
.top ul.share li.li02{ background:url(../images/weixin01.png) no-repeat center ; background-size:100%;}
.top ul.share li.li02.lick{ background:url(../images/weixin02.png) no-repeat center; background-size:100%; background-color:#0CCB19; border:1px solid #0CCB19}

.top .ewmbox{ overflow:hidden; width:40%; border:1px solid #ccc; position:fixed; left:37%; bottom:24%; display:none}
.top .ewmbox img{ display:block; width:100%;}

/*footer*/
footer { overflow:hidden; width:100%; background-color:#fff; border-top:1px solid #ddd; position:fixed; left:0; bottom:0; z-index:5}
footer a{ display:block; float:left; width:25%; text-align:center; font-size:1em; color:#058d32; padding:0.9em 0;}
footer a img{ display:block; width:24%; margin:0 auto; margin-bottom:0.3em;}