@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) {
    html{font-size:75%;}
}
@media screen and (min-width:375px) {
    html{font-size:87.5%;}
}
@media screen and (min-width:480px) {
    html{font-size:87.5%;}
}
@media screen and (min-width:540px) {
    html{font-size:112.5%;}
}
@media screen and (min-width:550px) {
    html{font-size:125%;}
}
@media screen and (min-width:640px) {
    html{font-size:150%;}
}

section.section{ margin-left: auto; margin-right: auto; width: 94%; }
hgroup{ width:100%; text-align: center; margin-top: 5%; overflow: hidden}
hgroup h2{ font-size: 1.25rem; color: #0a6e44}
hgroup h2 a{color: #0a6e44}
hgroup em{ display: block; font-size: 0.8rem; color: #666666;}
a.moreBg{width: 100%;padding: .6rem 0;font-size: 1.05rem;text-align: center;display: block;margin: 1rem 0;background-color: #0a6e44;color: #fff;border-radius: 1rem;box-sizing: border-box;}

/*头部*/
header{ overflow: hidden; width: 100%; padding: 1rem 0;}
header h1{ float: left; width: 45%;}
header h1 img{ width: 100%; padding: 0 1rem; box-sizing: border-box; display: block}
header h2{ float: right; width: 55%; font-size: 1.2rem; color: #0a6e44;  margin-top: 3%;}
header h2 a{ display: block; font-size: 1rem; color: #333; margin-top: .1rem;}

/*nav*/
nav{ width: 100%; background-color: #0a6e44; overflow: hidden}
nav a{ width: 31%; display: block; padding: 0.5rem; font-size: 1rem; color: #fff; border-bottom: 1px solid #0d945c; border-right: 1px solid #0d945c; box-sizing: border-box; float: left; text-align: center}
nav a:nth-child(3n){border-right: none;}
nav a:nth-child(2), nav a:nth-child(5){ width: 38%}

/*banner*/
.banner{ overflow: hidden; width:100%; position: relative}
.banner a img{ display: block; width: 100%;}
.banner .btn{width: 5rem;text-align: center;/* padding: .1rem 0; */position: absolute;left:50%;margin-left: -1.5rem;bottom: 1rem;background: #0a6e44;border-radius: 1rem;overflow: hidden;padding-bottom: 0.2rem;}
.banner .btn span{display: inline-block;width: .5rem;height: 0.5rem;border-radius: 50%;margin: 0 0.2rem;background-color: #003820;}
.banner .btn span.on{ background-color: #fff;}

/*搜索*/
.ssBox{ overflow: hidden; width: 100%; padding: 1.5rem 0 .5rem;}
.ssBox .ssDiv{ width: 90%; border-radius: 2rem; border: 2px solid #0a6e44; overflow: hidden; margin: 0 auto}
.ssBox .ssDiv input{border: none;font-size: 1rem;line-height: 2rem;padding: 0 1rem;box-sizing: border-box;float: left;color: #666;background: none;width: 88%;}
.ssBox .ssDiv  a{ display: block; width: 10%; float: right;}
.ssBox .ssDiv  a img{display: block;width: 94%;}

/*产品*/
.pro{ overflow: hidden; width: 100%; padding-bottom: 2%; border-bottom: 10px solid #dedede;}
.pro .list{ overflow: hidden; margin-top:4%; width: 100%;}
.pro .list li{ width: 48%; float: left; margin: 1.5% 0; text-align: center}
.pro .list li img{ display: block; width: 100%; border: 1px solid #e0e0e0; border-radius: 5px; box-sizing: border-box;}
.pro .list li span{ display: block; margin-top: 0.5rem; font-size: 1rem; color: #333333; padding: .3rem; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis;}
.pro .list li:nth-child(2n){ float: right}

/*设备*/
.sB{ overflow: hidden; width: 100%}
.sB img{ display: block; width: 100%;}

/*优势*/
.ys{ overflow: hidden; width: 100%; background: #f7f7f7; border-bottom: 10px solid #dedede;}
.ys img.yimg{ display: block; width: 100%;}
.ys .dl{ overflow: hidden; width: 100%;}
.ys .dl dt{ width: 50%;}
.ys .dl dt img{ display: block; width: 100%;}
.ys .dl dd{ width: 50%; margin-top: 1rem;}
.ys .dl dd h3{ font-size: 1rem; color: #383838; white-space: nowrap; margin-bottom: 0.5rem;}
.ys .dl dd p{ font-size: .8rem; color: #666666; padding: .1rem 0; white-space: nowrap}
.ys .dl dd p b{  color: #383838; margin-right: 0.2rem;}
.ys .dl dd .wen{ float: left; width: 10%; font-size: 1.25rem; color: #19703d}
.ys .dl dd .wenRt{ width: 88%; float: right}
.ys .imgSh{ display: block; width: 85%; margin: 1rem auto;}
.ys p.p{ text-align: center; font-size: 1rem; color: #0a6e44; margin-bottom: 1rem;}
.ys p.p a{font-size: 1.25rem; color: #0a6e44}

/*需求*/
.need{ overflow: hidden; width: 100%; padding-bottom: 4%; border-bottom: 10px solid #dedede;}
.need hgroup h2{ font-weight: normal; color: #333}
.need hgroup strong{ color: #0a6e44}
.need .needUl{overflow: hidden;width: 100%;margin-top: 4%;text-align: center;}
.need .needUl li{ width: 26%; margin: 1.5% 3%; position: relative; display: inline-block;}
.need .needUl li img{ display: block; width: 100%; border: 1px solid #ccc; box-sizing: border-box;}
.need .needUl li  span{display: block;background: rgba(255,255,255,.85);position: absolute;top: 2.6rem;left:0;text-align: center;font-size: 1rem;padding: .5rem;color: #00b177;width: 100%;box-sizing: border-box;}


/*新闻*/
.new{ overflow: hidden; width: 100%; padding-bottom: 3%;}
.new .newNav{  display:inline-block; width: 100%; margin-top: 2%; }
.new .newNav li{ float: left; width: 33%; text-align: center; padding: .6rem 0; font-size:1.1rem; position: relative;border-bottom: 3px solid #333333; box-sizing: border-box;}
.new .newNav li a{ color: #333333}
.new .newNav li:last-of-type{ width: 34%;}
.new .newNav li.z-on{ border-bottom-color: #0a6e44 }
.new .newNav li.z-on a{color: #0a6e44; }
.new .newNav li:last-of-type{ border-right: none}
.new .newBox,.new .newCon,.new .li,.new .dl{ overflow: hidden; width: 100%;}
.new .newBox{ margin-top: 4%;}
.new .dl dt{ width: 38%; float: left;}
.new .dl dt img{ display: block; width: 100%}
.new .dl dd{width: 59%;float: right;}
.new .dl dd h3{ font-size: 1rem; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; font-weight: normal }
.new .dl dd h3 a{ color: #0a6e44}
.new .dl dd p{font-size: 1rem;color: #333;line-height: 1.4rem;height: 4.2rem;overflow: hidden;margin-top: .5rem;}
.new .li{ margin-top:3%; }
.new .li li {background: url("../images/Index/new_li_a.png") no-repeat left center;background-size: 1.5%;padding-left: .8rem;box-sizing: border-box;line-height: 2rem;font-size: 1rem;color: #666; ;overflow: hidden;}
.new .li li a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;width: 69%;float: left;color: #666;}
.new .li li span{display: block;width: 28%;float: right;text-align: right; color: #666}

/*adder*/
address{ overflow: hidden; width: 100%; padding: 5% 3% 5.5rem 3%; background-color: #2a2a2a; box-sizing: border-box; position: relative; }
address p{ line-height: 1.6rem; color: #fff; font-size: .95rem;}
address p a{color: #fff;}
address  .ewm{ position: absolute; right: 5%; top:1.5rem; width: 22%;}
address  .ewm img{ display: block; width: 100%;}

/*底部*/
footer{ overflow: hidden; width: 100%; background-color: #0a6e44; position: fixed; left: 0; bottom: 0;}
footer a{ width: 22%; float: left; text-align: center; padding: .8rem 0 ; border-right: 1px solid #135b3d; font-size: 1rem; color: #fff; box-sizing: border-box}
footer a:nth-of-type(2){ width:34%}
footer a:last-of-type{ border-right: none}