﻿.wrap img{ width:100%;}	

@media screen and (min-width:320px) {html { font-size:75%;}}
@media screen and (min-width:360px) {html { font-size:84.4%;}}
@media screen and (min-width:375px) {html { font-size:86.6%;}} /*ipone6*/
@media screen and (min-width:400px) {html { font-size:87%;}}
@media screen and (min-width:414px) {html { font-size:96%;}} /*ipone6P*/
@media screen and (min-width:480px) {html { font-size:112.5%;}}
@media screen and (min-width:550px) {html { font-size:131.25%;}}
@media screen and (min-width:639px) {html { font-size:150%;}}


/*导航样式*/
.g-nav { position:relative;width: 100%;background: #0276c3; margin:0.21rem 0 0;}
.g-nav:before{ content:"";width: 100%;height: 1px;background: #fff;position: absolute;top: 50%;left: 0;z-index: 2;}
.g-nav a { font-size:0.83rem; color:#fff;height: 2.5rem;line-height: 2.5rem; width:33.3%; text-align:center; display:block; float:left; position:relative;}
.g-nav a:before { position:absolute; content:""; width:1px; height:100%; background:#fff; top:0; right:0;}
.g-nav a:nth-child(1){background: #015790;}
.g-nav a:nth-child(3n):before{ background:none;}

/*通栏广告*/
.g-adv{ width:100%; height:12.5rem; overflow:hidden;}

/*分类*/
.g-fenl{ width:100%; padding:1.67rem 0 0.83rem; overflow:hidden;}
.g-fenl .u-bt{ font-size:1rem; color:#0276c3; font-weight:bold; height:2.33rem; line-height:2.33rem; width:25.83rem; text-align:center; display:block; margin:0 auto; border-bottom:#d6d6d6 1px solid;}
.g-fenl ul{display: block; padding:0 0 0 0.25rem;}
.g-fenl ul li{ height:1.67rem; line-height:1.67rem;width: 8.5rem;background: #f2f2f2;text-align: center;overflow: hidden;float: left; margin:0.17rem 0 0 0.17rem;}
.g-fenl ul li a{ font-size:0.75rem; color:#333;}

/*产品图片*/
.g-cp{ width:25.83rem; height:16.33rem; height:21.53rem; margin:0 auto; overflow:hidden; position:relative;}
.g-cp .prev{ width:3.75rem; position:absolute; top:5.92rem; top:7.92rem; left:0;z-index: 5;}
.g-cp .next{ width:3.75rem; position:absolute; top:5.92rem; top:7.92rem; right:0;z-index: 5;}
.g-cp .nowarp { margin:0;}
.g-cp .m-box .con{ display:inline; float:left;}
.g-cp p{width: 100%;line-height: 0;position: relative;}
.g-cp p img{width: 25.75rem;height: 13.75rem;height: 19.75rem; border:#e5e5e5 1px solid;}
.g-cp p span{font-size: 0.75rem;color: #fff;display: block;width: 100%;height: 2rem;line-height: 2rem;text-align: center;position: absolute;bottom: 0;left: 0; background:rgba(0,0,0,0.6);}

/*分类02*/
.m-fenl{ display:inline-block; padding:0 0 1.55rem 0.25rem;}
.m-fenl a{font-size: 0.83rem;color: #fff;display: block;float: left;width: 8.5rem;text-align: center;height: 2.42rem;line-height: 2.42rem;background: #595959;overflow: hidden; margin:0 0 0 0.17rem;}
.m-fenl a:first-child{background: #0277c6;}

/*广告条*/
.g-ban01{ display:block; width:100%; text-align:center; overflow:hidden; height:7.08rem; line-height:10.5rem; font-size:0.83rem; color:#fff; background:url(/mobile/Images/Index/ban01.jpg) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ban01 em{ display:inline-block; padding:0 2% 0 0;width: 1.17rem;}
.g-ban01 em img{width: 1.17rem;height: 1.17rem; vertical-align:middle;}

.g-ban02{ background:url(/mobile/Images/Index/ban02.jpg) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/*荣誉资质*/
.g-honor{ width:100%; height:21.67rem; overflow:hidden; position:relative; background:url(/mobile/Images/Index/honor_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-honor .m-bt01,.g-hz .m-bt,.g-pin .m-bt{display: block;width: 100%;text-align: center;font-size: 1rem;color: #333;font-weight: bold; padding:1.8rem 0 0;height: 5.2rem;}
.g-honor .m-bt01 i,.g-honor .m-bt02 i,.g-hz .m-bt i,.g-pin .m-bt i{color: #0277c6;}
.g-honor .m-bt01 span,.g-hz .m-bt span,.g-pin .m-bt span{display: block;font-size: 0.75rem;font-weight: normal; padding:0.2rem 0 0;}
.g-honor .m-bt02{width: 100%;height: 3.33rem;}
.g-honor .m-bt02 a{font-size: 0.67rem;color: #333;font-weight: bold; text-shadow:2px 2px 2px #fff; padding:0 0.6rem;}
.g-honor .sclwrap_box{ height:10.83rem;}
.g-honor .prev{ width:1.42rem; position:absolute; top:13.58rem; left:0.42rem;}
.g-honor .next{ width:1.42rem; position:absolute; top:13.58rem; right:0.42rem;}
.g-honor .nowarp { margin:0 2rem;}
.g-honor .m-box .con{ display:inline; float:left;}
.g-honor ul li{ width:6.25rem; float:left; padding:0 0 0 1rem;}
.g-honor ul li img{ width:6.25rem;height: 7.88rem;}
.g-honor ul li span{ display:block; text-align:center; width:100%; padding:0.3rem 0 0;}
.g-honor ul li span a{ font-size:0.75rem; color:#333;}

/*合作客户*/
.g-hz{width: 100%;background: #f5f5f5; padding:0 0 1rem;}
.g-hz .m-bt{ padding:1.33rem 0 0;height: 3.75rem;}
.g-hz ul li{width: 8.5rem;float: left; padding:0 0 0.33rem 0.3rem;}
.g-hz ul li img{width: 8.33rem;height: 4.38rem; border:#ececec 1px solid;}

/*客户见证*/
.g-jz{ width:100%;background: #f5f5f5;height: 12.5rem;position: relative; overflow:hidden;}
.g-jz .u-more{display: block; font-size:0.75rem; color:#333; width:5rem; text-align:center;height: 1.5rem;line-height: 1.5rem;background: #d8d8d8; float:left;position: absolute;top: 8.25rem;right: 0.42rem;
border-radius:5rem;               
-webkit- border-radius:5rem;
-moz-border-radius:5rem;
-o-border-radius:5rem;}
.g-jz .m-cnt{ background:#0064a9; width:100%; position:relative;}
.g-jz .m-cnt li{ font-size:0.75rem; color:#333; width:5rem; text-align:center;height: 1.5rem;line-height: 1.5rem;background: #d8d8d8; float:left; margin:0 0.26rem 0 0;
border-radius:5rem;               
-webkit- border-radius:5rem;
-moz-border-radius:5rem;
-o-border-radius:5rem;}
.g-jz .m-cnt li.z-on{ background:#0277c6;color: #fff;}
.g-jz .sclwrap_box{ height:8.25rem; overflow:hidden;}
.g-jz .m-box .con{ display:inline; float:left;}
.g-jz dl{ display:inline-block; width:100%; overflow:hidden;}
.g-jz dl dt{ width:10.42rem; float:left; padding:0 0.83rem 0 0.42rem;}
.g-jz dl dt img{ width:10.42rem;height: 7.38rem;}
.g-jz dl dd{ width:14.2rem; float:left;}
.g-jz dl dd b{display: block;height: 2rem;line-height: 1rem;}
.g-jz dl dd b a{font-size: 0.75rem;color: #0277c6;}
.g-jz dl dd em{display: block;font-size: 0.75rem;color: #333; padding:0.5rem 0 0;}
.g-jz dl dd p{ font-size:0.67rem; color:#a6a6a6; line-height:1rem;height: 3rem;overflow: hidden; padding:0.5rem 0 0;}

/*迈向完美品质*/
.g-pin{width: 100%;height: 17.92rem; background:url(/mobile/Images/Index/pin_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-pin .m-bt{height: 3rem;}
.g-pin p{font-size: 0.67rem;color: #0277c6;width: 5.42rem;float: left;}
.g-pin p b{display: block;}
.g-pin p:nth-child(2){ padding:3.3rem 2.5rem 0 12.17rem;}
.g-pin p:nth-child(3){ padding:3.3rem 0 0 1rem;}
.g-pin p:nth-child(4){ padding:3rem 2.5rem 0 12.17rem;color: #fff;}
.g-pin p:nth-child(5){ padding:3rem 0 0 1rem;color: #fff;}

/*优势*/
.g-ys{ width:25.83rem; margin:0 auto; overflow:hidden; height:36rem;}
.g-ys .m-bt{display: block;width: 100%; padding:2rem 0 0;height: 4.42rem;font-size: 1rem;color: #0277c6;font-weight: bold;}
.g-ys .m-bt em{display: block;width: 3.17rem;float: left; padding:0 0 0 5.5rem;}
.g-ys .m-bt em img{width: 3.17rem;height: 3.17rem;}
.g-ys .m-bt span{display: block;float: left;width: 12.5rem; padding:0.5rem 0 0 0.33rem;}
.g-ys .m-bt i{display: block;font-size: 0.67rem;color: #adadad;text-transform: uppercase;font-weight: normal;}
.g-ys .sclwrap_box{ height:27.33rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{ width:100%; display:inline-block; padding:0 0 0.2rem;}
.g-ys dl dt{ width:11.83rem;float: left;}
.g-ys dl dt img{width: 11.83rem;height: 13.04rem;}
.g-ys dl dd{width: 12.5rem;height: 13.04rem;background: #f5f5f5;float: left; padding:0 0.75rem;}
.g-ys dl dd span{display: block;height: 2.5rem;line-height: 1.25rem;overflow: hidden; padding:2.17rem 0 0;}
.g-ys dl dd span a{font-size: 1rem;color: #0277c6;font-weight: bold;}
.g-ys dl dd span i{ color:#333;display: block;font-size: 0.83rem;font-weight: normal;}
.g-ys dl dd p{font-size: 0.75rem;color: #666; padding:0.6rem 0 0;line-height: 1.25rem;}
.g-ys .m-cnt{ width:2.4rem; margin:0 auto;}
.g-ys .m-cnt li{ width:0.67rem; height:0.67rem; background:#333; float:left; margin:0 0.25rem; 
border-radius:2rem; 
-webkit- border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.g-ys .m-cnt li.z-on{ background:#0277c6; }

/**/
.g-about{width: 100%;height: 20.5rem; margin:0.5rem 0 0; background:url(/mobile/Images/Index/ab_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-about .m-pic{display: block;width: 13.08rem; margin:0 auto; padding:0.45rem 0 0;}
.g-about .m-pic img{width: 13.08rem;height: 8.92rem;}
.g-about em{display: block;float: left;width: 7.5rem;height: 7.5rem;text-align: center; padding:0 0 0 0.42rem;}
.g-about em a{font-size: 0.83rem;color: #fff;display: block; padding:2.17rem 0 0;}
.g-about em i{display: block;font-size: 0.5rem;text-transform: uppercase;color: #a4c3e4;}
.g-about p{float: left;font-size: 0.67rem;color: #333;width: 17rem; padding:1.33rem 0 0 0.58rem;height: 6.17rem;}
.g-about p a{font-size: 0.58rem;color: #333;display: block; padding:0.3rem 0 0;}
.g-about span{ display:inline-block;width: 22rem; padding:0.5rem 0 0 2.6rem;}
.g-about span a{display: block;font-size: 0.75rem;color: #333;width: 6.17rem;height: 2rem;text-align: center;line-height: 2rem; border:#909090 1px solid;float: left;}
.g-about span a:nth-child(2){background: #0277c6;color: #fff;border:#0277c6 1px solid; margin:0 1rem;}
