﻿.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 { padding:1.25rem 0 0;width: 100%;}
.g-nav a { font-size:1rem; color:#fff;height: 2.92rem;line-height: 2.92rem; width:33.3%; text-align:center; display:block; float:left; background:url(/mobile/Images/Index/nav_bg01.gif) repeat;}
.g-nav a:nth-child(2n){ background:url(/mobile/Images/Index/nav_bg02.gif) repeat;}

/*通栏广告*/
.g-adv{ width:100%; height:14.17rem; overflow:hidden;}

/*精品泳池案例*/
.g-case{ width:100%; height:25.67rem; padding:2.67rem 0 0;background: #f6f7f9; overflow:hidden; position:relative;}
.g-case .m-bt,.g-fuw .m-bt,.g-ys .m-bt,.g-jz .m-bt,.g-about .m-bt{display: block;width: 100%;text-align: center;color: #00a6e3;height: 4.42rem;font-size: 1rem;}
.g-case .m-bt b,.g-fuw .m-bt b,.g-ys .m-bt b,.g-jz .m-bt b,.g-about .m-bt b{font-size: 1.25rem;color: #00a6e3;}
.g-case .m-bt span,.g-fuw .m-bt span,.g-ys .m-bt span,.g-jz .m-bt span,.g-about .m-bt span{display: block;font-size: 0.75rem;color: #999; font-family:Arial, Helvetica, sans-serif; padding:0.3rem 0 0;}
.case_bt{ display:inline-block;width: 100%;height: 4.17rem;}
.case_bt a{font-size: 1rem;color: #fff;display: block;float: left;width: 6.25rem;text-align: center;height: 2.5rem;line-height: 2.5rem;background: #8899a1;position: relative; margin-right:2px;
border-radius:0.3rem;               
-webkit- border-radius:0.3rem;
-moz-border-radius:0.3rem;
-o-border-radius:0.3rem;}
.case_bt a:first-child{ margin-left:0.67rem;}
.g-case .prev{ width:2.08rem; position:absolute; top:16.17rem; left:0.83rem;}
.g-case .next{ width:2.08rem; position:absolute; top:16.17rem; right:0.83rem;}
.g-case .nowarp { margin:0 3.67rem;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case ul li{ width:19.17rem; margin:0 auto;}
.g-case ul li img{ width:19.17rem;height: 11.92rem;}
.g-case ul li span{ display:block; text-align:center; width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0.4rem 0 0;}
.g-case ul li span a{ font-size:1rem; color:#333;}

/*一站式服务*/
.g-fuw{ padding:2.75rem 0 2.8rem;}
.g-fuw p{width: 4.75rem;height: 8.67rem;float: left; border:#eee 1px solid; margin:0 0 0 0.4rem;text-align: center;
border-radius:0.3rem;               
-webkit- border-radius:0.3rem;
-moz-border-radius:0.3rem;
-o-border-radius:0.3rem;}
.g-fuw p em{display: block;width: 3.17rem; margin:0 auto; padding:1rem 0 0.5rem;}
.g-fuw p em img{width: 3.17rem;height: 2.75rem;}
.g-fuw p span{display: block;font-size: 1rem;color: #666;}

/*合作客户*/
.g-hz{ width:100%; overflow:hidden; height:11rem; padding:1.5rem 0 0; background:url(/mobile/Images/Index/nav_bg02.gif) repeat;}
.g-hz .m-bt{height: 2.67rem; width:100%;display: block;text-align: center;font-size: 1.25rem;color: #fff;}
.g-hz .sclwrap_box{ height:4.83rem; overflow:hidden;}
.g-hz .m-box .con{ display:inline; float:left;}
.g-hz ul li{ width:7.92rem; float:left; padding-right:0.42rem;}
.g-hz ul li img{ width:7.92rem;height: 3.96rem;}
.g-hz ul li:first-child{ padding-left:1rem;}
.g-hz .u-more{display: block;font-size: 1rem;color: #049eda;width: 10rem;text-align: center;height: 2.08rem;line-height: 2.08rem;background: #fff0b0; margin:0 auto;
border-radius:0.3rem;               
-webkit- border-radius:0.3rem;
-moz-border-radius:0.3rem;
-o-border-radius:0.3rem;}

/*5大优势品质至上*/
.g-five{width: 100%;height: 21.67rem;position: relative; background:url(/mobile/Images/Index/five_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-five .m-bt{display: block;font-size: 1.25rem;color: #00a6e3;font-weight: bold;line-height: 2rem;width: 100%;text-align: center;position: absolute;top: 13rem;left: 0;}
.g-five .m-bt i{display: block;font-size: 1.5rem;}
.g-five p{font-size: 1rem;color: #fff;width: 5.83rem;text-align: center;height: 5.83rem;position: absolute;line-height: 1.5rem; background:url(/mobile/Images/Index/five_k02.png) 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-five p i{display: block; padding:1.4rem 0 0;}
.g-five p:nth-child(2n){background:url(/mobile/Images/Index/five_k01.png) 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-five p:nth-child(2){top: 11.67rem;left: 0.83rem;}
.g-five p:nth-child(3){top: 5.83rem;left: 4rem;}
.g-five p:nth-child(4){top: 3rem;left: 10.42rem;}
.g-five p:nth-child(5){top: 5.83rem;right: 4rem;}
.g-five p:nth-child(6){top: 11.67rem;right: 0.83rem;}

/*优势*/
.g-ys{ width:100%; overflow:hidden; height:43.67rem; padding:3rem 0 0;}
.g-ys .m-bt{height: 5rem;}
.g-ys .sclwrap_box{ height:33.67rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .ys_pic{display: block; width:100%; overflow:hidden;}
.g-ys .ys_pic img{width: 100%;height: 19rem;}
.g-ys dl{ width:24.17rem; margin:0 auto;}
.g-ys dl dt{ padding:1.25rem 0 0 1.5rem;width: 22.5rem; display:inline-block;}
.g-ys dl dt em{ display:block; width:4.17rem; float:left;}
.g-ys dl dt em img{width: 4.17rem;height: 4.17rem;}
.g-ys dl dt b{ display:block; float:left; width:16.67rem; padding:0.3rem 0 0 0.75rem;}
.g-ys dl dt b a{ font-size:1.5rem; color:#00a6e3;}
.g-ys dl dt b i{ display:block;font-size: 1.08rem; font-weight:normal;}
.g-ys dl dd{ padding:0.5rem 0 0 1.5rem;width: 22.5rem;}
.g-ys dl dd p{font-size:1rem; color:#666;line-height: 1.6rem;position: relative; padding:0 0 0 0.67rem;}
.g-ys dl dd p:before{ content:"";width: 0;height: 0;position: absolute;top: 0.5rem;left: 0;
border-left:0.3rem solid #049eda; 
border-top:0.3rem solid transparent;
border-bottom:0.3rem solid transparent;}
.g-ys .m-cnt{ margin:0 0 0 8.33rem; width:10rem;height: 2.75rem; display:inline-block; background:url(/mobile/Images/Index/ys_botbg.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.5rem; height:0.5rem; background:#8899a1; float:left; margin-right:0.5rem; margin-top:1rem; 
border-radius:2rem; 
-webkit- border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.g-ys .m-cnt li.z-on{ background:#00a6e3; }
.g-ys .m-cnt li:first-child{ margin-left:3.67rem;}

/*客户见证*/
.g-jz{background: #f6f7f9; width:100%; overflow:hidden; padding:3rem 0 0;}
.g-jz dl{ width:24.17rem; display:inline-block; overflow:hidden; padding:0 0 0 1.25rem;}
.g-jz dl dt{width: 12.08rem; float:left;}
.g-jz dl dt img{width: 12.08rem;height: 9.17rem;}
.g-jz dl dd{ width:10.5rem;height: 8.17rem;background: #fff; float:left; padding:1rem 0.5rem 0 1rem;}
.g-jz dl dd em{display: block;}
.g-jz dl dd em a{font-size: 1rem;color: #333;}
.g-jz dl dd p{ font-size:0.92rem; color:#666; padding:0.5rem 0 0;}

/*工程业绩一览表*/
.g-list{width: 100%;height: 15.83rem; background:url(/mobile/Images/Index/list_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-list .m-bt{display: block;width: 100%;text-align: center;font-size: 1rem;color: #fff;font-weight: bold;height: 2.29rem;line-height: 2.29rem;overflow: hidden; padding:2rem 0 0;}
.g-list ul{width: 20.83rem;height: 5rem; margin:0.5rem auto;overflow: hidden;text-align: center;}
.g-list ul li{height: 2.5rem;line-height: 2.5rem; border-bottom:#ddd 1px dashed;}
.g-list ul li a{font-size: 1rem;color: #666;}
.g-list .u-more{display: block;font-size: 1rem;color: #fff;width: 10rem;text-align: center;height: 2.08rem;line-height: 2.08rem;background: #00a6e3; margin:0 auto;
border-radius:0.3rem;               
-webkit- border-radius:0.3rem;
-moz-border-radius:0.3rem;
-o-border-radius:0.3rem;}

/*走进天曼*/
.g-about{ width:100%;height: 28.59rem; overflow:hidden; padding:3.08rem 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 dl{width: 24.17rem; margin:0 auto;}
.g-about dl dt{ width:24.17rem;}
.g-about dl dt img{width: 24.17rem;height: 14.38rem;}
.g-about dl dd{ width:24.17rem; font-size:1rem; color:#333;line-height: 1.6rem; padding:1.7rem 0 0;}

/*资讯*/
.g-news{ width:100%; overflow:hidden; height:21.25rem;}
.g-news .m-cnt{ height:2.92rem; width:100%; background:#8899a1;}
.g-news .m-cnt li{ width:50%; text-align:center; float:left;height: 2.92rem;line-height: 2.92rem;overflow: hidden;font-size: 1rem;color: #fff;}
.g-news .m-cnt li.z-on{ background:#00a6e3;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news dl{ width:24.17rem; margin:0 0 0 1.25rem; padding:1.5rem 0 1rem; display:inline-block;overflow: hidden;}
.g-news dl dt{ width:20.83rem;height:5.83rem; margin:0 auto;}
.g-news dl dt img{width:20.83rem;height: 5.83rem;}
.g-news dl dd{ width:24.17rem; padding:1rem 0 0;}
.g-news dl dd span{width: 20.83rem; display:block; border-bottom:#ccc 1px dashed;height: 2.5rem;line-height: 2.5rem; padding:0 1.66rem}
.g-news dl dd span a{ font-size: 1rem;color: #333;}
.g-news dl dd p{width: 20.83rem; margin:0 auto;font-size: 1rem;color: #666;height: 3.4rem;line-height: 1.7rem;overflow: hidden; padding:0.5rem 0 0;}
.g-news .m-box .con:last-child dl{ padding:1.25rem 0 0;height: 7rem; border-bottom:#ccc 1px dashed;}
.g-news .m-box .con:last-child dl dt{ width:100%; height:2rem; line-height:2rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-shadow:none;}
.g-news .m-box .con:last-child dl dt a{ font-size:1rem; color:#333;}
.g-news .m-box .con:last-child dl dd{ font-size:1rem; color:#666; width:100%; padding:0;height: 3.2rem;line-height: 1.6rem;overflow: hidden;}
.g-news .m-box .con:last-child dl dd span{ padding:0.3rem 0 0; border:none;float: left;width: 21.5rem;height: 3.2rem;line-height: 1.6rem;}
.g-news .m-box .con:last-child dl em{ width:1.5rem; display:block;float: left; padding:0.3rem 0.83rem 0 0;}
.g-news .m-box .con:last-child dl em img{width: 1.5rem;height: 1.5rem;}
.g-news .m-box .con:last-child dl span{display: block;float: left;width: 21rem;}
.g-news .m-box .con:last-child dl:last-child{ border:none;}
