.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-adv{ width:100%; height:20rem; overflow:hidden;}

/*精品泳池案例*/
.sw_bg{ width:100%; height:29.6rem;background: #f1f6f8; overflow:hidden; position:relative;}
.sw_nr{width: 93.5%;background: #fff;border: 1px solid #e8f0f3;height: 27.9rem;margin: 0.8rem auto 0;}
.sw_nr h3{text-align: center;width: 100%;font-size: 1.4rem;line-height: 2rem;font-weight: bold;color: #00a6e3;padding-top:1.5rem;}
.sw_nr p{width: 89%;margin:0 auto;display: block;padding-top: 1.5rem}
.sw_nr p img{width: 100%;}
.sw_nr span{text-align: center;display: block;color: #666666;font-size: 1.1rem;padding-top: 0.8rem;}

.ys_bg{background:url(/Mobile/Images/Indexdl/ys_bg.jpg) no-repeat center;height: 36.7rem;background-size: 100% 36.7rem}
.ys_bg h3{height:5.1rem;text-align: center;display: block;font-size: 1.3rem;color: #fff;background:url(/Mobile/Images/Indexdl/ys_t.png) no-repeat center 7rem;background-size: 1.58rem 0.33rem;padding-top: 1.9rem;font-weight: bold;}
.ys_bg h3 span{display: block;text-align: center;font-size: 1rem;padding-top: 0.5rem;font-weight: normal;}
.ys_bg .con{height: 23.5rem;}
.ys_bg .ys_p01{width: 93.5%;display: block;margin: 0 auto;}
.ys_bg .ys_p01 img{width: 100%;}
.ys_bg .ys_bt{width: 85%;margin:0 auto;height: 2.2rem;padding-top: 1.3rem;}
.ys_bg .ys_bt span{width:16.5%;float: left;}
.ys_bg .ys_bt span img{width: 100%;}
.ys_bg .ys_bt em{font-style:normal;float: right;display: block;width: 82%;border-bottom: 1px solid #33b8e9;height: 2rem;color: #fff0b0;font-size: 1.3rem;margin-bottom: 0.8rem}
.ys_bg .ys_div1 i{display: block;font-size: 1rem;color: #fff;line-height: 1.7rem;text-align: left;width: 83%;margin: 0 auto}
.ys_div2{height:21.5rem;position: relative;width: 62.5%;margin: 1rem auto;}
.ys_div2 .ys_p02{width: 100%;display: block;margin:1rem auto 0;}
.ys_p02 img{width: 100%;}

.ys_bg .m-cnt{ width:60.2%; display:block; margin:3rem auto 0;text-align: center;}
.ys_bg .m-cnt li{width: 5%;height: 0.8rem; background: #fff; border-radius: 100%; margin: 0 1.5%;display:inline-block;*display:inline;zoom:1;}
.ys_bg .m-cnt li.z-on{ background:#fff0b0; }

.sp01{position: absolute;left: -29%;top: 0;}
.sp02{position: absolute;left: 84%;top: 0;}
.sp03{position: absolute;left: -29%;top: 12rem;}
.sp04{position: absolute;left: 84%;top: 12rem;}
.ys_div2 .sp05{position: absolute;left: 21%;top: 16rem;width: 60%;}
.ys_div2 span{color: #fff0b0;display: block;text-align: center;font-size: 1rem;width: 44%;}
.ys_div2 span em{display: block;width: 100%;text-align: center;color:#fff;font-size: 0.9rem;padding-top: 1rem}

.case_bg{ width:100%; height:24.4rem;background: #f1f6f8; overflow:hidden; position:relative;}
.case_nr{width: 93.5%;background: #fff;border: 1px solid #e8f0f3;height: 23.5rem;margin: 0.8rem auto 0;}
.case_nr h3{height:2.6rem;text-align: center;display: block;font-size: 1.3rem;background:url(/Mobile/Images/Indexdl/al_t.png) no-repeat center 3.8rem;background-size: 1.58rem 0.33rem;padding-top: 1.6rem;}
.case_nr h3 a{color: #00a6e3;font-weight: bold;}

.case_bt{ display:inline-block;width: 100%;height: 3.5rem;padding-top: 1.2rem;}
.case_bt li{font-size: 1rem;color: #fff;display: block;float: left;text-align: center;height: 2.3rem;line-height: 2.3rem;background: #8899a1;position: relative; border-radius:1.5rem; -webkit- border-radius:1.5rem;-moz-border-radius:1.5rem;-o-border-radius:1.5rem;float: left;display: inline;margin-right:5px;color: #fff;width: 22.3%;color: #fff;}
.case_bt a{font-size: 1rem;color: #fff;display: block;float: left;text-align: center;height: 2.3rem;line-height: 2.3rem;background: #8899a1;position: relative; border-radius:1.5rem; -webkit- border-radius:1.5rem;-moz-border-radius:1.5rem;-o-border-radius:1.5rem;float: left;display: inline;margin-right:5px;color: #fff;width: 22.3%;color: #fff;}
.case_bt li:first-child{ margin-left:0.67rem;}
.case_bt li.z-on{background: #00a6e3;}
.case_bt li.z-on:after{ content:""; position:absolute;border-top:0.4rem solid #00a6e3;border-left:0.6rem solid transparent;border-right:0.6rem solid transparent;height: 0;width: 0; left:2.2rem; top:100%; }


.case_bg .sclwrap_box{height:29.5rem; overflow:hidden;}
.case_bg .case-qh{ position:relative;float:left;display:inline;width:100%}
.case-qh .prev{ width:2.3rem; position:absolute; top:4rem; left:-0.7rem;}
.case-qh .next{ width:2.3rem; position:absolute; top:4rem; right:-0.7rem;}
.case_bg .no_ov{ width: 83%;margin: 0 auto;}
.case_bg .m-box .page{float:left;display:inline;width:100%}
.case_bg .m-box a{width: 100%;display: block;text-align: center;}
.case_bg .m-box a img{width: 100%}
.case_bg .m-box a span{color: #666666;font-size: 1.2rem;line-height: 2rem;margin-top: 0.5rem;display: block;}


.ab_us{ width:100%; height:31.2rem;background: #f1f6f8; overflow:hidden; position:relative;}
.ab_nr{width: 93.5%;background: #fff;border: 1px solid #e8f0f3;height: 29rem;margin: 0.8rem auto 0;}
.ab_nr h3{height:2.6rem;text-align: center;display: block;font-size: 1.3rem;background:url(/Mobile/Images/Indexdl/al_t.png) no-repeat center 3.8rem;background-size: 1.58rem 0.33rem;padding-top: 1.6rem;}
.ab_nr h3 a{color: #00a6e3;font-weight: bold;}

.ab_nr dl{width: 90%;margin: 0 auto;padding-top: 0.8rem}
.ab_nr dl dt{width: 100%;display: block;}
.ab_nr dl dt a img{width: 100%;display: block;}
.ab_nr dl dd h4{display: block;font-size: 1rem;line-height: 2rem;padding:0.8rem 0 0.3rem}
.ab_nr dl dd h4 a{color: #00a6e3}
.ab_nr dl dd p{color: #666666;font-size: 1rem;line-height: 1.7rem}

.g-ft .u-top{background: #f1f6f8;}