﻿.wrap img{ width:100%;}	

html {font-size: 10px;-webkit-text-size-adjust: none;}
@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;}}  /*ipone6*/
@media screen and (min-width: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} /*ipone6P*/
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@media screen and (min-width: 480px) {html {font-size: 15px;}}
@media screen and (min-width: 520px) {html {font-size: 16.25px;}}
@media screen and (min-width: 560px) {html {font-size: 17.5px;}}
@media screen and (min-width: 600px) {html {font-size: 18.75px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}



/*导航样式*/
.g-nav { padding:1.8rem 0 1.5rem 1.5rem;width: 30.5rem;}
.g-nav a { font-size:1.1rem; color:#fff;height: 3.8rem;line-height: 3.8rem; width:9.15rem; text-align:center; display:block; float:left;background: #434343; margin:0 0.8rem 0.8rem 0;}
.g-nav a:nth-child(1){background: #0a5caa;}

/*通栏广告*/
.g-adv{ width:100%; height:15rem; overflow:hidden;}

/*深圳沈飞地板中心*/
.g-cp{ width:100%; height:47rem; overflow:hidden;}
.g-cp .m-bt,.g-pin .m-bt{display: block;width: 100%;text-align: center;height: 3rem;line-height: 3.8rem;font-size: 1.3rem;color: #434343;font-weight: bold; background:url(/mobile/Images/Index/cp_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-cp .sclwrap_box{ height:36rem;overflow: hidden;}
.g-cp .m-box .con,.g-pin .m-box .con,.g-hz .m-box .con{ display:inline; float:left;}
.g-cp .m-box ul li{ width:14.1rem; float:left; padding:1.5rem 0 0 1.2rem;}
.g-cp .m-box ul li img{ width:14rem;height: 13rem; border:#d0d0d0 1px solid;}
.g-cp .m-box ul li span{ display:block; text-align:center; width:14rem;height: 1.8rem;line-height: 1.8rem;background: #f0f0f0; margin:0.5rem 0 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-cp .m-box ul li span a{ font-size:0.9rem; color:#434343;}
.g-cp .m-cnt,.g-pin .m-cnt,.g-ys .m-cnt,.g-hz .m-cnt{ width:10rem; display:inline-block; padding:0 0 0 13.5rem;}
.g-cp .m-cnt li,.g-pin .m-cnt li,.g-ys .m-cnt li,.g-hz .m-cnt li{ width:0.8rem; height:0.8rem; background:#b2b2b2; float:left; margin:0 0.5rem; 
border-radius:2rem; 
-webkit- border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.g-cp .m-cnt li.z-on,.g-pin .m-cnt li.z-on,.g-ys .m-cnt li.z-on,.g-hz .m-cnt li.z-on{ background:#0196f0; }
.g-cp .u-gd,.g-about .u-gd{ display:block; font-size:1.2rem; color:#fff; width:90.6%; text-align:center; height:2.8rem; line-height:2.8rem; background:#0a5caa; margin:1.5rem auto 0;
border-radius:3rem; 
-webkit- border-radius:3rem;
-moz-border-radius:3rem;
-o-border-radius:3rem;}

/*卓越品质*/
.g-pin{width: 100%;height: 36.8rem; padding:2.4rem 0 0; background:url(/mobile/Images/Index/case_bg.gif) repeat;}
.g-pin .m-bt{ margin:0 0 1.4rem; background:url(/mobile/Images/Index/pin_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-pin .sclwrap_box{ height:29rem;overflow: hidden;}
.g-pin dl{width: 74.7%; margin:0 auto;background: #fff;}
.g-pin dl dt{width: 100%;}
.g-pin dl dd{width: 100%;height: 11rem; padding:1rem 0 0;text-align: center;}
.g-pin dl dd em{width: 3.6rem;display: block; margin:0 auto;}
.g-pin dl dd em img{width: 3.6rem;height: 2.7rem;}
.g-pin dl dd b{display: block;font-size: 1.3rem;color: #0a5caa; padding:0.5rem 0;}
.g-pin dl dd p{font-size: 1.2rem;color: #262626;padding:0 1rem; text-align:left;}

/*案例*/
.g-case{ width:100%; height:36rem; overflow:hidden; padding:2.3rem 0 0;}
.g-case .m-bt,.g-hz .m-bt{display: block;width: 100%;text-align: center;font-size: 1.3rem;color: #434343;height: 4.5rem; margin:0 0 1.3rem; background:url(/mobile/Images/Index/hz_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-case .m-bt b,.g-hz .m-bt b{display: block; padding:1rem 0 0;}
.g-case .m-cnt,.g-news .m-cnt{ height:4.5rem; width:30.5rem; padding:0 0 0 1.5rem;}
.g-case .m-cnt li,.g-news .m-cnt li{ width:9rem; text-align:center;height: 2.6rem;line-height: 2.6rem; border:#959595 1px solid; float:left;font-size: 1.1rem;color: #434343; margin:0 0.8rem 0 0;}
.g-case .m-cnt li.z-on,.g-news .m-cnt li.z-on{ background:#0a5caa; color:#fff; border:#0a5caa 1px solid;}
.g-case .m-box .con,.g-news .m-box .con{ display:inline; float:left;}
.g-case dl{width: 90.6%; margin:0 auto;background: #f0f0f0;}
.g-case dl dt{width: 100%;}
.g-case dl dd{width: 100%;height: 4.7rem; padding:0.8rem 0 0; border-bottom:#434343 0.2rem solid;}
.g-case dl dd p{font-size: 1.1rem;color: #322617;line-height: 1.8rem; padding:0 5%;width: 90%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-case dl dd p i{color: #7f7f7f;}

/*优势*/
.g-ys{ width:100%; overflow:hidden; height:48.5rem; background:url(/mobile/Images/Index/case_bg.gif) repeat;}
.g-ys .m-bt{font-size: 1.3rem;color: #fff;width: 100%;height: 8.1rem;display: block;text-align: center; background:url(/mobile/Images/Index/ys_tbg.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-ys .m-bt b{display: block; padding:2.3rem 0 0;}
.g-ys .sclwrap_box{ height:37rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .ys_pic{ width:100%; overflow:hidden; padding:1rem 0 1.8rem;}
.g-ys dl{ width:90.6%; margin:0 auto;}
.g-ys dl dt{ width:100%; display:inline-block; padding:0 0 2%; overflow:hidden;}
.g-ys dl dt em{ display:block; width:3rem; float:left; padding:0 0.8rem 0 0;}
.g-ys dl dt b{ display:block; float:left; width:25rem;font-size: 1.5rem;color: #0a5caa; padding:0.9rem 0 0;}
.g-ys dl dt b i{ display:block; color:#bdbdbd;font-size: 0.8rem;text-transform: uppercase; padding:0.2rem 0 0; font-weight:normal;}
.g-ys dl dd{ font-size:1.1rem; color:#353636; line-height:1.8rem; width:86%; padding:0 0 0 14%;position: relative;}
.g-ys dl dd:before,.g-news .m-box ul li:before{ content:"";width: 0;height: 0;position: absolute;top: 0.6rem;left: 2.4rem;
border-top:0.4rem solid transparent; 
border-bottom:0.4rem solid transparent;
border-left:0.4rem solid #0a5caa;}

/*合作客户*/
.g-hz{width: 100%; padding:2.3rem 0;}
.g-hz .sclwrap_box{ height:11.5rem; overflow:hidden;}
.g-hz .m-box ul li{ width:14.1rem; float:left; padding:0 0 0 1.2rem;}
.g-hz .m-box ul li img{ width:14rem;height: 7.2rem; border:#d0d0d0 1px solid;}
.g-hz .m-box ul li span{ display:block; text-align:center; width:14rem; margin:0.5rem 0 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-hz .m-box ul li span a{ font-size:1.1rem; color:#434343;}

/*走进沈飞*/
.g-about{ width:100%; overflow:hidden;height: 43.5rem; 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-bt{display: block;width: 100%;text-align: center;font-size: 1.3rem;color: #434343;font-weight: bold; padding:3.4rem 0 0;height: 4.7rem;}
.g-about dl{ width:90.6%; margin:0 auto;}
.g-about dl dt{ width:94.8%;}
.g-about dl dd{ width:100%; padding:3rem 0 0;}
.g-about dl dd p{ font-size:1.1rem; color:#353636; line-height:1.8rem;height: 7.2rem;overflow: hidden;}
.g-about .u-gd{width: 100%;}

/*资讯*/
.g-news{ width:100%; padding:2.5rem 0 1.5rem; overflow:hidden;}
.g-news p{ width:90.6%; margin:0 auto;}
.g-news .m-box ul{ width:90.6%; margin:1rem auto;}
.g-news .m-box ul li{height: 2.4rem;line-height: 2.4rem;width: 100%;position: relative;overflow:hidden;}
.g-news .m-box ul li:before{top: 0.9rem;left: 0;
border-top:0.3rem solid transparent; 
border-bottom:0.3rem solid transparent;
border-left:0.3rem solid #0a5caa;}
.g-news .m-box ul li a{font-size: 1.2rem;color: #555; padding:0 0 0 0.8rem;}
.g-news .m-box ul li em{font-size: 1.2rem;color: #9f9f9f;float: right;}
