@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:100%; padding:1.25em 0;}
header h1{ float:left; margin-left:3%; width:13%;}
header h1 img{ display:block; width:100%;}
header .wen{ overflow:hidden; width: 76%; float:left; padding-left:3%; margin-left:3%; border-left:1px solid #ddd;}
header .wen h2{ font-size:1.2em; color:#10a930; margin-bottom:0.3em;}
header .wen p{ font-size:0.9em; color:#000;}
header .wen a{ padding:0.1em 0; display:block; background:url(phone.png) left center no-repeat; background-size:1em; padding-left:1.5em; font-size:1.2em; color:#000; font-family:Arial;}

/*nav*/
nav { overflow:hidden; width:100%; background-color:#10a930;}
nav a{ display:block; width:33.33333333333%; float:left; text-align:center; font-size:1.1em; color:#fff; padding:0.9em 0; background:url(nav.png) right top repeat-y; border-bottom:1px solid #ea8900; border-top:1px solid #ffab2d;}
nav a:nth-child(3),nav a:nth-child(6){ background:none;}

/*banner*/
.banner { overflow:hidden; width:100%; margin-bottom:1.25em;}
.banner img{ display:block; width:100%;}

/*特点*/
.td { overflow:hidden; width:100%; background:url(td_bg.jpg) repeat center; padding:1em 0; margin-bottom:1.25em;}
.td ul{ overflow:hidden; width:100%;}
.td li{ float:left; width:50%; text-align:center; margin:0.5em 0;}
.td li img{ display:block; margin:0 auto; width:70%;}

.title{ overflow:hidden; width:100%; padding:0.8em 0; background-color:#10a930; margin-bottom:1.3em;}
.title h3{ float:left; margin-left:3%; font-size:1.1em;}
.title a{ color:#fff;}
.title .more{ font-size:0.9em; float:right; margin-right:3%;}

/*pro*/
.pro { overflow:hidden; width:100%; background:url(td_bg.jpg) repeat center; padding-bottom:1em; margin-bottom:1.25em;}
.pro .list{ overflow:hidden; width:96%; margin:0 auto;}
.pro .list li{ float:left; width:46%; margin:0 2%; margin-bottom:0.8em;}
.pro .list li img{ display:block; width:100%; margin-bottom:0.8em;}
.pro .list li span{ display:block; text-align:center; font-size:0.9em; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/*ad01*/
.ad01{ overflow:hidden; width:100%; margin-bottom:1.25em;}
.ad01 img{ display:block; width:100%;}

/*case*/
.case { overflow:hidden; width:94%; padding:3%; background-color:#10a930; margin-bottom:1.25em;}
.case .casebox{ overflow:hidden; background-color:#fff;}
.case h3{ text-align:center; font-size:1.2em; margin-top:1.25em; margin-bottom:0.3em;}
.case h3 a{ color:#10a930;}
.case span{ display:block; text-align:center; font-size:0.5em; color:#666; margin-bottom:0.5em;}
.case i{ display:block; width:2em; height:3px; background-color:#10a930; margin:0 auto; margin-bottom:1.2em;}
.case .cabox{ overflow:hidden; width:100%; position:relative}
.case .cabox b{ display:block; width:10%; position:absolute; top:30%;}
.case .cabox .btn01{ left:0}
.case .cabox .btn02{ right:0}
.case .cabox b img{ display:block; width:100%;}
.case .cawin{ overflow:hidden; width:70%; margin:0 auto; position:relative}
.case .cawin ul{ overflow:hidden}
.case .cawin li{ float:left; width:100%;}
.case .cawin li img{ display:block; width:100%; margin-bottom:0.7em;}
.case .cawin li em{ display:block; text-align:center; font-size:0.9em; color:#000; margin-bottom:1.2em;}

/*liyou*/
.liyou { overflow:hidden; width:100%; background:url(td_bg.jpg) repeat center; margin-bottom:1.25em;}
.liyou img{ display:block; width:100%;}
.liyou .box{ overflow:hidden; width:94%; margin:0 auto; box-shadow:0 0 10px #ccc; position: relative; margin-bottom:1.3em;}
.liyou .btn{ overflow:hidden; width:7.5em; margin:0 auto; margin-bottom:1.3em;}
.liyou .btn li { background-color:#333; overflow:hidden; width:1em; height:1em; border-radius:1em; float:left; margin:0 0.25em; margin-top: 10px;}
.liyou .btn li.on{ background-color:#10a930;}

/*about*/
.about { overflow:hidden; width:100%; margin-bottom:1.7em;}
.about img{ display:block; width:94%; margin:0 auto; margin-bottom:0.9em;}
.about h4{ text-align:center; font-size:1em; margin-bottom:0.9em;}
.about h4 a{ color:#000;}
.about p{ width:92%; margin:0 auto; text-align:justify; font-size:0.9em; color:#666; line-height:1.5em; height:5.8em; overflow:hidden;}

/*team*/
.team { overflow:hidden; width:100%; margin-bottom:1.25em;height: 18em;}
.team .menu{    overflow: hidden;    width: 100%;    background-color: #10a930;    margin-bottom: 1.3em;}
.team .menu li{ float:left; width:50%; text-align:center; padding:0.8em 0;   font-size: 1.1em; color:#fff}
.team .menu li.on{ background-color:#1f1f1f;}         /* 1f1f1f  */
.team .box{ overflow:hidden; width:96%; margin:0 auto; position:relative}
.team .box ul{ overflow:hidden; width:100%;}
.team .box ul li { float:left; width:46%; margin:0 2%;}
.team .box li img{ display:block; width:96%; padding:2%; background-color:#d4d4d4; margin-bottom:0.6em;}
.team .box li em{ display:block;  text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:0.8em; color:#000; margin-bottom:0.5em;}


/*news*/
.news { overflow:hidden; width:100%; margin-bottom:1.25em;}
.news img{ display:block; width:94%; margin:0 auto; margin-bottom:0.8em;}
.news ul{ overflow:hidden; width:94%; margin:0 auto}
.news li{ float:left; width:100%; overflow:hidden; background:url(news_li.png) no-repeat left center; background-size:2%; border-bottom:1px dotted #ccc; line-height:3em;}
.news li a{ display:block; width:70%; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1em; color:#333; margin-left:3%;}
.news li span{ float:right; font-size:0.9em; color:#666; font-family:Arial;}

/*liuyan */
.liuyan { overflow:hidden; width:94%; padding:2em 3% 6em 3%; background:url(td_bg.jpg) repeat center; position:relative}
.liuyan img{ display:block; position:absolute; right:3%; top:22%; width:22%;}
.liuyan p{ font-size:0.9em; color:#000;}
.liuyan b{ display:block; font-size:1em; color:#10a930; margin-top:0.5em; margin-bottom:1.25em;}
.liuyan ul{ overflow:hidden; width:60%; padding-right:1%}
.liuyan li{ overflow:hidden; width:100%; border:1px solid #ccc; box-shadow:3px 3px 3px #ccc; margin-bottom:0.8em; background-color:#fff;}
.liuyan span{ display:block; width:25%; float:left; height:2em; padding-left:3%; line-height:2.2em; font-size:0.7em; color:#000;}
.liuyan input{ float:left; width:65%; padding:0 2.5%; background:none; outline:none; height:2em; line-height:2em; border:none; border-left:1px solid #ccc;}
.liuyan textarea{ padding:2.5%; width:65%; height:5em; border:none;  border-left:1px solid #ccc; resize:none; outline:none; background:none;}
.liuyan li:nth-child(5){ border:none; background:none; box-shadow:none}
.liuyan em{ display:block; width:100%; font-weight:bold; text-align:center; font-size:0.9em; color:#fff; padding:0.5em 0; background-color:#10a930; cursor:pointer;}

/*footer*/
footer { overflow:hidden; width:100%; background-color:#1f1f1f; position:fixed; left:0; bottom:0;}
footer a{ display:block; width:25%; float:left; text-align:center; background:url(f04.png) repeat-y right top; font-size:1em; color:#fff; padding:0.5em 0;}
footer a img{ display:block; margin:0 auto; width:20%; margin-bottom:0.5em;}
footer a:nth-child(3){ border:none;}

.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; text-indent:-999em;}
.focus .hd ul .on{ background:#10a930;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }


.team .hd ul li{ display:none; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden; text-indent:-999em;  }
.team .hd ul .on{ background:#FE6C9C;  }