@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; padding-top:1px; background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
.fl{float: left;}
.fr{float: right;}
/* -- 页面整体布局 -- */
.wrap{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/
.wrap img{display:block;width:100%;}

h2{font-size:1.9rem;font-weight: bold;color: #333;height:1.9rem;line-height: 1.9rem;text-align: center;background:url(../img/tit_bg.png) no-repeat center 2rem;background-size:100% 1.9rem;padding:2rem 0 1.5rem;border-bottom:2px solid #f5f5f5;}
/**/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }
/*product*/
.pro{padding-bottom:1.2rem;background:url(../img/yin.jpg) no-repeat bottom center;background-size:100% 1.2rem;}
.pro_con{width:96%;padding:1.8rem 2%;background: #dad9d7;margin:1.2rem auto 0;}
.pro_con .xp{position: absolute;width:11.5%;top:1.8rem;right: 5.1%;z-index:10;}
.pro_con .swiper-pagination{bottom:0.6rem;height:0.4rem;}
.pro_con .swiper-pagination .swiper-pagination-bullet{width:0.4rem;height:0.4rem;background: #999;opacity: 1;margin:0 0.25rem;vertical-align:top;}
.pro_con .swiper-pagination .swiper-pagination-bullet-active{background: #008842;}
.pro ul{padding:0.8rem 0 0.9rem;margin-top:1.4rem;}
.pro ul li{float: left;width:30.6%;height: 3rem;line-height: 3rem;text-align: center;font-size: 1.1rem;background: #dad9d7;margin-right:1px;margin-bottom:1px;}
.pro ul li:nth-child(1),.pro ul li:nth-child(4){margin-left: 3.9%;}
.pro ul li a{color:#282828;}
/*品质*/
.pz{padding-bottom:1.2rem;background:url(../img/yin.jpg) no-repeat bottom center;background-size:100% 1.2rem;}
.pz ul{width:92.5%;margin:0 auto;padding:1.4rem 0 0;}
.pz ul li{float: left;width:33.3%;padding-bottom:2.5rem;}
.pz ul li img{display: block;width:55.8%;margin:0 auto 1.2rem;}
.pz ul li span{display: block;text-align: center;font-size: 1.3rem;color: #555;line-height:1.3rem;}
/*实力*/
.shili{padding-bottom:1.2rem;background:url(../img/yin.jpg) no-repeat bottom center;background-size:100% 1.2rem;}
.shili h2{background:url(../img/shili_t.png) no-repeat center 2rem;background-size:100% 1.9rem;}
.shili p{font-size: 1rem;color: #666;line-height:1.8rem;padding:0 3.75% 1.5rem;border-bottom:2px solid #f5f5f5;}
.shili p em{color: #008842;}
.shili h3{height: 2.7rem;line-height:2.7rem;font-size:1rem;color: #333;background:url(../img/line1.png) no-repeat 3.8% center;background-size:0.25rem 1.35rem;border-bottom:1px solid #f5f5f5;padding-left:6.4%;}
.shili .tu{padding:1.5rem 0;}
.shili .tu img{float: left;width:28.75%;margin-right:3.1%;}
.shili .tu img:first-child{margin-left:3.8%;}
/*service*/
.ser{padding-bottom:3rem;background:url(../img/yin.jpg) no-repeat bottom center;background-size:100% 1.2rem;position: relative;}
.ser h2{margin-bottom:1.5rem;}
.ser_con{width:92.5%;margin:0 auto;}
.ser_con dt{height: 12.4rem;background: #e9e9e9;}
.ser_con dt img{height: 12.4rem;width:61.6%;margin:0 auto;}
.ser_con dd{height:6.6rem;border:1px solid #e9e9e9;border-top:0;padding-top:3.8rem;}
.ser_con dd p{font-size: 1rem;color: #666;line-height:1.5rem;padding-left:4%;padding-top:0.7rem;border-top:1px solid #e9e9e9;}
.ser ul{position:absolute;top:19.4rem;width:100%;z-index:10;padding-top:1.2rem;}
.ser ul li{float: left;width:30.3%;height:1.5rem;line-height:1.5rem;font-size: 1.3rem;color: #666;}
.ser ul li i{display:inline-block;width:1.5rem;height:1.5rem;font-size:0.8rem;color: #fff;font-family: "Arial";background: #999;text-align: center;margin-right:0.5rem;vertical-align:top;}
.ser ul li:first-child{margin-left:7.7%;}
.ser ul li.cur{color: #333;}
.ser ul li.cur i{background: #008842;}
/*case*/
.case{padding-bottom:3rem;background:url(../img/yin.jpg) no-repeat bottom center;background-size:100% 1.2rem;position: relative;}
.case ul{margin:1.5rem 0;height: 4rem;}
.case ul li{float: left;width: 23.1%;height: 4rem;line-height: 4rem;text-align: center;font-size: 1.2rem;color: #666;background:#dadada;margin-right:1px;}
.case ul li.cur{background: #008842;color: #fff;}
.case ul li:first-child{margin-left:3.8%;}
.case_con{width:92.5%;margin:0 auto;}
.case_con em{display:block;font-size: 1.1rem;color: #666;line-height:3.5rem;text-align: center;}
.case .more{display: block;width:92.5%;height: 3rem;line-height: 3rem;text-align: center;font-size: 1.2rem;color: #fff;background: #008842;margin:0 auto;}
/*about*/
.about dl{width: 92.5%;margin:2rem auto 0;}
.about dd{font-size: 1.1rem;color: #666;line-height:1.6rem;padding:1.2rem 0 1.5rem;}


/**/
/**/
@media screen and (min-width:320px) {html {font-size: 10px;}}
@media screen and (min-width:360px) {html {	font-size: 11.25px;}}
@media screen and (min-width:375px) {html {	font-size: 11.7px;}}
@media screen and (min-width:384px) {html {	font-size: 12px;}}
@media screen and (min-width:480px) {html {	font-size: 15px;}}
@media screen and (min-width:414px) {html {	font-size: 13px;}}
@media screen and (min-width:560px) {html {	font-size: 17.5px;}}
@media screen and (min-width:640px) {html {	font-size: 20px;}}