﻿.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 {width: 100%;overflow: hidden;}
.g-nav a { font-size:1rem; color:#333;height: 3.88rem;line-height: 3.88rem; width:33%; text-align:center; display:block; float:left; position:relative; border-bottom:solid 1px #fff;
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f7f7 0%, #d3d3d3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#d3d3d3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f7f7f7 0%,#d3d3d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
}
.g-nav a:before { position:absolute; content:""; width:1px; height:100%; background:#fff; top:0; right:1px;}
.g-nav a:after { position:absolute; content:""; width:1px; height:100%; background:#d2d2d2; top:0; right:0;}
.g-nav a:nth-child(1),.g-nav a:nth-child(4) {width: 34%;}
.g-nav a:nth-child(5),.g-nav a:nth-child(6),.g-nav a:nth-child(4){ border-bottom:none;}
.g-nav a:nth-child(3n):before,.g-nav a:nth-child(3n):after{ background:none;}
.g-nav a:nth-child(1){color: #fff;
background: #ffd257; /* Old browsers */
background: -moz-linear-gradient(top,  #ffd257 0%, #f49100 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffd257 0%,#f49100 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffd257 0%,#f49100 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd257', endColorstr='#f49100',GradientType=0 ); /* IE6-9 */
}

/*通栏广告*/
.g-adv{ width:100%; height:12.5rem; overflow:hidden;}

/*关于我们*/
.g-about{width: 25rem; margin:0 auto; padding:2.5rem 0 0.5rem;}
.g-about .m-bt{display: block;text-align: center;font-size: 1.17rem;color: #375f7c;font-weight: bold;position: relative;}
.g-about .m-bt i{display: block;font-size:0.75rem;color: #333;font-weight: normal;}
.g-about .m-bt:before{ content:"";position: absolute;width: 6.5rem;height: 0px;background:#fff;top: 80%;left: 2rem;}
.g-about .m-bt:after{ content:"";position: absolute;width: 6.5rem;height: 0px;background: #fff;top: 80%;right: 2rem;}
.g-about .m-pic{display: block;width: 23.5rem; margin:0 auto; padding:0.8rem 0 0;height: 10.75rem;}
.g-about span{display: block;height: 2.17rem;line-height: 2.17rem;overflow: hidden;width: 23.5rem; margin:0 auto;position: relative;}
.g-about span a{font-size: 1rem;color: #666; padding:0 0 0 1.25rem;}
.g-about span:before{ content:"";width: 0.5rem;height: 0.5rem;background: #f39800;position: absolute;top: 40%;left: 0.2rem;
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
transform: rotate(35deg);}

/*水泵产品*/
.g-fenl{ width:25rem; padding:1.25rem 0 0; margin:0 auto; overflow:hidden;}
.g-fenl .m-bt{display: block;font-size: 1rem;color: #4d6375;font-weight: bold;height: 2rem;line-height: 2rem; border-bottom:#999 2px solid;}
.m-fenl01{ padding:0.4rem 0 0;}
.m-fenl01 ul li{ width:25%; float:left; position:relative; height:1.88rem; line-height:1.88rem;}
.m-fenl01 ul li a{ font-size:1rem; color:#333; padding:0 0 0 0.5rem;}
.m-fenl01 ul li:before{ position:absolute; content:""; width:0.17rem; height:0.83rem; background:#577085; top:33%; left:0;}

.m-fenl02{ width:100%; overflow:hidden; display:inline-block;}
.m-fenl02 ul li{ width:11.21rem; float:left;position: relative;line-height: 0; padding:5% 10% 0 0;}
.m-fenl02 ul li img{ width:11.13rem;height: 11.13rem; border:#dedede 1px solid;}
.m-fenl02 ul li span{ display:block; text-align:center; width:11.13rem;height: 2.08rem;line-height: 2.08rem; background:rgba(0,0,0,0.8);position: absolute;bottom: 1px;left: 1px;}
.m-fenl02 ul li span a{ font-size:1rem; color:#fff;}
.m-fenl02 ul li:last-child{ padding-right:0;}

/*广告条*/
.g-ban01{ width:25rem; margin:2.2rem auto 2.5rem; overflow:hidden; height:7.75rem; 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 span{display: block;float: right; padding:4rem 0 0;}
.g-ban01 span i{ padding:0 0.5rem 0 0; letter-spacing:-1px;}
.g-ban01 span i a{ font-size:0.92rem; color:#fff;}

.g-ban02{ width:100%; margin:0; overflow:hidden; height:7.33rem; 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-ban02 span{padding:4.33rem 0.5rem 0 0;}
.g-ban02 span i a{ font-size:0.83rem; color:#fff;}

/*不锈钢潜水泵*/
.g-xiu{ widows: 100%; height:20rem; overflow:hidden;}
.g-xiu .m-cnt{ height:2.21rem; width:100%;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #c5d1d9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#c5d1d9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eeeeee 0%,#c5d1d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c5d1d9',GradientType=0 ); /* IE6-9 */
border-radius:0.5rem 0.5rem 0 0;               
-webkit- border-radius:0.5rem 0.5rem 0 0;
-moz-border-radius:0.5rem 0.5rem 0 0;
-o-border-radius:0.5rem 0.5rem 0 0;}
.g-xiu .m-cnt li{ width:33.3%; text-align:center;height: 2.21rem;line-height: 2.21rem; float:left;font-size: 0.83rem;color: #25537f;position: relative;overflow: hidden;}
.g-xiu .m-cnt li:after{ content:"";position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: #fff;}
.g-xiu .m-cnt li:nth-child(3):after{ background:none;}
.g-xiu .m-cnt li.z-on{ background:#2b6093;color: #fff;
border-radius:0.5rem 0.5rem 0 0;               
-webkit- border-radius:0.5rem 0.5rem 0 0;
-moz-border-radius:0.5rem 0.5rem 0 0;
-o-border-radius:0.5rem 0.5rem 0 0;}
.g-xiu .m-box .con{ display:inline; float:left;}
.g-xiu .m-pic{display: block;width: 100%;}
.g-xiu .m-pic img{width: 100%;height: 17.75rem;}

/*优势*/
.g-ys{ width:25rem; margin:0 auto; overflow:hidden; height:34.33rem;}
.g-ys .m-bt{display: block; margin:0.5rem 0 0;font-size:0.83rem;color: #375f7c;width: 100%;height: 4.33rem;line-height: 1.5rem;text-align: center; background:url(/mobile/Images/Index/ys_tbg.gif) 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-ys .m-bt b{display: block;font-size: 1.5rem;color: #f39800; letter-spacing:1px;}
.g-ys .sclwrap_box{ height:25rem;overflow: hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .ys_pic{ width:23.58rem; margin:2.2rem auto 0;height: 12.33rem;position: relative;}
.g-ys .ys_pic img{width: 23.58rem;height: 12.33rem;}
.g-ys .ys_pic em{display: block; font-family:Arial, Helvetica, sans-serif;font-size: 1.5rem;color: #fff;width: 3rem;height: 3.5rem;line-height: 3.5rem;text-align: center;background: #4d6375;position: absolute;top: -0.5rem;left: 0.5rem;}
.g-ys .ys_p{ width:23.58rem; margin:0 auto; padding:1.5rem 0 0;}
.g-ys .ys_p b{display: block;}
.g-ys .ys_p b a{font-size: 1rem;color: #000;}
.g-ys .ys_p span{display: block;font-size: 1rem;color: #666;line-height: 1.5rem; padding:0.5rem 0 0;}
.g-ys .m-cnt{ width:100%; display:inline-block;height: 2.5rem; background:url(/mobile/Images/Index/ys_bg.gif) 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-ys .m-cnt li{ width:0.83rem; height:0.83rem; background:#4e4e4e; float:left; margin:1rem 1% 0; 
border-radius:2rem; 
-webkit- border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.g-ys .m-cnt li.z-on{ background:#4d6375; }
.g-ys .m-cnt li:first-child{ margin-left:11.8rem;}

/*案例*/
.g-case{ width:25rem; margin:0 auto; height:25rem; padding:1.3rem 0 0; overflow:hidden; position:relative;}
.g-case .m-bt{display: block;text-align: center;font-size: 1rem;color: #577085;font-weight: bold;position: relative; padding:1.25rem 0 0.6rem;}
.g-case .m-bt i{display: block;font-size:0.75rem;color: #333;font-weight: normal;}
.g-case .m-bt:before{ content:"";position: absolute;width: 2.5rem;height: 1px;background: #817f7f;top: 75%;left: 6.25rem;}
.g-case .m-bt:after{ content:"";position: absolute;width: 2.5rem;height: 1px;background: #817f7f;top: 75%;right: 6.25rem;}
.g-case .m-cnt{ width:100%;height:2.25rem;
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f7f7 0%, #d4d4d4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#d4d4d4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f7f7f7 0%,#d4d4d4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */
}
.g-case .m-cnt li{ font-size:0.92rem; color:#4d6375; width:25%; text-align:center;position: relative; float:left;height:2.25rem;line-height: 2.25rem;}
.g-case .m-cnt li:after{ content:"";width: 1px;height: 100%;background: #cacaca;position: absolute;top: 0;right: 0;}
.g-case .m-cnt li.z-on{ background:#fd9a29;color: #fff;}
.g-case .m-cnt li:nth-child(4):after{ background:none;}
.g-case .sclwrap_box{height:19rem; overflow:hidden;}
.g-case .m-case{ position:relative;}
.m-case .prev{ width:1.17rem; position:absolute; top:5.17rem; left:0;}
.m-case .next{ width:1.17rem; position:absolute; top:5.17rem; right:0;}
.g-case .no_ov{ margin:0 1.67rem;}
.g-case .m-box .page{ display:inline; float:left;}
.g-case p{width: 21.5rem; padding:1.5rem 0 0;}
.g-case p img{ width:21.13rem;height: 13.38rem; border:#4d6375 0.17rem solid;}

.g-case .u-gd{display: block;width: 12rem;height: 2rem;line-height: 2rem;text-align: center;overflow: hidden;position: absolute;bottom: 0.5rem;left: 6rem;font-size: 1rem;color: #4d6375; border:#4d6375 1px solid; box-shadow:inset 2px 2px 4px #999;
border-radius:0.2rem;               
-webkit- border-radius:0.2rem;
-moz-border-radius:0.2rem;
-o-border-radius:0.2rem;}

/*客户见证*/
.g-jz{ width:100%; overflow:hidden;height: 21.6rem; padding:0.5rem 0 0;}
.g-jz .m-cnt,.g-news .m-cnt{ background:#375f7c; width:100%;height: 2.5rem;}
.g-jz .m-cnt li,.g-news .m-cnt li{ font-size:1rem; color:#fff; width:8.33rem; text-align:center; float:left;height: 2.5rem;line-height: 2.5rem;overflow: hidden;}
.g-jz .m-cnt li.z-on,.g-news .m-cnt li.z-on{
background: #ff9d2d; /* Old browsers */
background: -moz-linear-gradient(top,  #ff9d2d 0%, #ef8913 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff9d2d 0%,#ef8913 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff9d2d 0%,#ef8913 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d2d', endColorstr='#ef8913',GradientType=0 ); /* IE6-9 */
}
.g-jz .m-box .con{ display:inline; float:left;}
.g-jz dl{ display:inline-block; width:100%; overflow:hidden; padding:1.27rem 0 0;}
.g-jz dl dt{ width:6.29rem; float:left; padding:0 0.5rem 0 0.83rem;}
.g-jz dl dt img{ width:6.21rem;height: 4.44rem; border:#7f7f7f 1px solid;}
.g-jz dl dd{ width:17.5rem; float:left;}
.g-jz dl dd b{display: block; padding:0.4rem 0 0;}
.g-jz dl dd b a{font-size: 1rem;color: #4d6375;text-overflow:ellipsis ;overflow: hidden;white-space :nowrap; display:block ;}
.g-jz dl dd i{display: block;font-size: 0.82rem;color: #333; padding:0.2rem 0;}
.g-jz dl dd p{ font-size:0.82rem; color:#666;}
.g-jz .m-box ul li{ width:7.58rem; float:left; padding:1.5rem 0 0 1rem;}
.g-jz .m-box ul li img{width: 7.42rem;height: 5rem; border:2px solid #c8c8c8;}
.g-jz .m-box ul li span{width: 7.42rem;display: block;text-align: center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:2% 0 0;}
.g-jz .m-box ul li span a{font-size: 1rem;color: #333;}

/*广告条*/
.g-ban03{ width:100%; overflow:hidden; height:7rem; background:url(/mobile/Images/Index/ban03.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-ban03 span{display: block;width: 9rem;height: 2.25rem; border:#fff 1px solid;float: right;text-align: center; margin:4.17rem 2.8rem 0 0;}
.g-ban03 span i{display: block; letter-spacing:-1px;}
.g-ban03 span i a{ font-size:0.75rem; color:#fff;}

/*尤孚中国工厂*/
.g-gong{ padding:2.2rem 0 2.3rem;width: 25rem; margin:0 auto;}
.g-gong .m-bt{display: block;height: 3rem;text-align: center;font-size: 1.08rem;color: #375f7c;font-weight: bold;position: relative;}
.g-gong .m-bt i{display: block;font-size:0.75rem;color: #333;font-weight: normal;}
.g-gong .m-bt:before{ content:"";position: absolute;width:100%;height: 1px;background: #4d6375;bottom:0;left: 0;}
.g-gong .m-bt:after{ content:"";position: absolute;width: 6rem;height: 0.21rem;background: #4d6375;bottom:0;left: 9.33rem;}
.g-gong .m-pic{display: block;width: 25rem; padding:1.08rem 0 0;}
.g-gong .m-pic img{width: 25rem;height: 10.92rem;}
.g-gong span{display: block;width: 100%; display:inline-block; padding:0.83rem 0 0;}
.g-gong span a{font-size: 0.92rem;color: #fff;display: block;float: left;width: 4.67rem;height: 2rem;line-height: 2rem;text-align: center;background: #375f7c; margin:0 0.35rem 0 0;}
.g-gong span a:last-child{ margin:0;}

/**/
.g-news{ width:100%; height:19.17rem; overflow:hidden;}
.g-news .m-cnt li{ width:7.5rem; position:relative;}
.g-news .m-cnt li:before{ position:absolute; content:""; width:1px; height:100%; background:#fff; top:0; right:0;}
.g-news .m-cnt li:last-child:before{ background:none;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .m-box ul{ width:22.5rem; display:inline-block; padding:2% 0 0 0.83rem;}
.g-news .m-box ul li{ height:2.5rem; line-height:2.5rem; border-bottom:#e4e4e4 1px dashed; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news .m-box ul li a{ font-size:1rem; color:#666;}
.g-news .m-box ul li em{ display:inline-block; width:0.42rem; padding:0 0.83rem 0 0;}
.g-news .m-box ul li:last-child{ border:none;}
