.wrap { background:#fff;}	
.wrap img { width:100%;}
.pr { position:relative;}
.pa { position:absolute;}
.m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

@media screen and (min-width:320px) {html { font-size:75%;}}
@media screen and (min-width:360px) {html { font-size:83%;}}
@media screen and (min-width:375px) {html { font-size:88%;}}
@media screen and (min-width:393px) {html { font-size:92%;}}
@media screen and (min-width:400px) {html { font-size:93%;}}
@media screen and (min-width:412px) {html { font-size:94%;}}
@media screen and (min-width:414px) {html { font-size:95%;}}
@media screen and (min-width:480px) {html { font-size:112%;}}
@media screen and (min-width:568px) {html { font-size:131%;}}
@media screen and (min-width:639px) {html { font-size:150%;}}

/*通栏广告*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15;}

.g-adv .sclwrap_box{ height:18.75rem;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }

/*导航样式*/
.g-nav { position:relative; margin:1.33rem 0 0 1.33rem;}
.g-nav a { font-size:1rem; color:#fff; text-align:center; width:7.33rem; height:3.33rem; line-height:3.33rem; margin:0 1rem 0.68rem 0; text-align:center; display:block; float:left; background:#4778c7; border-radius:5px;}

/*轻钢结构房屋-建筑产业新趋势*/
.g-qs { background:#f0f2f8; margin:0.83rem 0 0; height:33.13rem;}
.g-qs .m-bt { display:block; padding:1.17rem 0 0; text-align:center; font-size:1.5rem;}
.g-qs .m-bt i { display:block; width:2.33rem; height:0.24rem; background:#3c5ca9; margin:0.5rem auto; font-size:0; line-height:0;}
.g-qs p span { color:#424242; line-height:1.5rem; margin:0 1.5rem 1rem; display:block; text-align:center;}

/*案例中心*/
.g-al { position:relative; height:37.08rem; overflow:hidden}
.g-al .m-bt { text-align:center; display:block; font-size:1.5rem; color:#424242; padding:1rem 0; font-weight:bold;}
.g-al .c-list { display:block; height:4.33rem; margin-left:1.33rem;}

.g-al .c-list li { float:left; width:7.92rem; height:2.83rem; line-height:2.83rem; text-align:center; color:#222; font-size:1.17rem; border:solid 2px #4778c7; background:#fff;}
.g-al .c-list li:nth-child(3) {border-right:solid 2px #4778c7;}
.g-al .c-list li.z-on { color:#fff; background:#4778c7;}
.g-al .c-list li:nth-child(1) { border-radius:0.1rem 0 0 0.1rem;}
.g-al .c-list li:nth-child(3) { border-radius:0 0.1rem 0.1rem 0;}

.m-alcon { position:relative;}
.m-alcon .prev { position:absolute; top:8rem; left:0; width:2.67rem; z-index:999;}
.m-alcon .prev img { width:100%;}
.m-alcon .next { position:absolute; top:8rem; right:0; width:2.67rem; z-index:999;}
.m-alcon .next img { width:100%;}

.m-alcon .no_ov { margin:0 1.30rem;}
.m-alcon .sclwrap_box { height:29.7rem;}
.m-alcon .no_ov .m-box .page { position:relative; float:left}
.m-alcon .no_ov .m-box .page span a { display:block; width:24rem;}
.m-alcon .no_ov .m-box .page span a em { display:block; color:#333; font-size:1.17rem; line-height:3rem;}
.m-alcon .no_ov .m-box .page i a { width:11.33rem; height:3.17rem; line-height:3.17rem; border:solid 2px #4778c7; font-size:1.17rem; color:#4778c7; text-align:center; display:block; float:left; margin-right:1rem; border-radius:0.2rem;}
.m-alcon .no_ov .m-box .page i a:nth-child(2) { margin:0; background:#f7941c; border:solid 2px #f7941c; color:#fff;} 

/*优势*/
.g-ys { background:#f0f2f8; height:30.42rem; position:relative;  }
.g-ys .m-bt { display:block; text-align:center; padding:1.25rem 0 0;} 
.g-ys .m-bt b { display:block; font-size:1.5rem; color:#212121}
.g-ys .m-bt i { display:block; width:2.33rem; height:0.24rem; background:#3c5ca9; margin:0.5rem auto; font-size:0; line-height:0;}

.g-ys .m-cnt { position:absolute; top:16.88rem; left:2.5rem; z-index:999}
.g-ys .m-cnt li { background:url(/mobile/Images/Index/ys_szbg01.png) no-repeat; width:3.67rem; height:3.67rem; line-height:3.67rem; float:left;  text-align:center; color:#3c5ca9; font-size:1.25rem; margin-right:2.17rem; font-weight:bold; font-style:italic;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-ys .m-cnt li.z-on { background:url(/mobile/Images/Index/ys_szbg02.png) no-repeat; color:#fff;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.g-ys .sclwrap_box{height:11.65rem; overflow:hidden; background:#3c5ca9;}
.g-ys .m-box { margin-top:2.75rem;}
.g-ys .con { float:left}
.g-ys .con a { display:block; margin:0 1.25rem; color:#fff;}
.g-ys .con a b { display:block; font-size:1.33rem;}
.g-ys .con a span { display:block; font-size:1rem; line-height:1.5rem; padding:0.75rem 0 0;}
.g-ys .con a span em { font-weight:bold;}

/*走进江津·桥南*/
.g-zj .m-bt { display:block; text-align:center; padding:1.25rem 0 0;} 
.g-zj .m-bt b { display:block; font-size:1.5rem; color:#212121}
.g-zj .m-bt i { display:block; width:2.33rem; height:0.24rem; background:#3c5ca9; margin:0.5rem auto; font-size:0; line-height:0;}
.g-zj p { padding:0.5rem 0 0;}
.g-zj p i { display:block; position:relative; width:24rem; height:14.67rem; margin:0 auto;}
.g-zj p i em { display:block; width:24rem; height:3.3rem; line-height:3.3rem; background:rgba(0,0,0,0.6) none repeat scroll !important; filter:Alpha(opacity=60); position:absolute; top:11.33rem; left:0; font-size:1.17rem; color:#fff; text-align:center;}
.g-zj p span { display:block; font-size:1rem; color:#424242; line-height:1.54rem; margin:0.5rem 1.25rem 1.5rem;}
.g-zj p b a { width:23.83rem; height:3.17rem; line-height:3.17rem; border:solid 2px #4778c7; font-size:1.17rem; color:#4778c7; text-align:center; display:block; margin:0 auto; border-radius:5px; font-weight:normal;}

/*公司相册*/
.g-xc { position:relative; height:16.21rem; overflow:hidden; background:#f0f2f8; padding:1.33rem 0 0; margin:1.5rem 0 0;}
.g-xc .m-bt { text-align:center; display:block; font-size:1.5rem; color:#424242; padding:1rem 0; font-weight:bold;}
.g-xc .c-list { display:block; height:4.33rem; margin-left:1.33rem;}

.g-xc .c-list li { float:left; width:7.92rem; height:2.83rem; line-height:2.83rem; text-align:center; color:#4778c7; font-size:1.17rem; border:solid 2px #4778c7; border-right: none;}
.g-xc .c-list li:nth-child(3) {border-right:solid 2px #4778c7;}
.g-xc .c-list li.z-on { color:#fff; background:#4778c7;}
.g-xc .c-list li:nth-child(1) { border-radius:0.1rem 0 0 0.1rem;}
.g-xc .c-list li:nth-child(3) { border-radius:0 0.1rem 0.1rem 0;}

.m-zzcon { position:relative;}
.m-zzcon .prev { position:absolute; top:3rem; left:0; width:2.67rem; z-index:999;}
.m-zzcon .prev img { width:100%;}
.m-zzcon .next { position:absolute; top:3rem; right:0; width:2.67rem; z-index:999;}
.m-zzcon .next img { width:100%;}

.m-zzcon .no_ov { margin:0 1.30rem;}
.m-zzcon .sclwrap_box { height:29.7rem;}
.m-zzcon .no_ov .m-box .page { position:relative; float:left}
.m-zzcon .no_ov .m-box .page span { display:block; width:11.5rem; float:left; line-height:0;}
.m-zzcon .no_ov .m-box .page span:nth-child(2) { float:right;}
.m-zzcon .no_ov .m-box .page span a { display:block; width:11.5rem; }
.m-zzcon .no_ov .m-box .page span a em { display:block; color:#212121; font-size:0.83rem; line-height:1.88rem; text-align:center; background:#fff;}

/*公司新闻  */
.g-dt { padding:1.5rem 0 0;}
.g-dt .m-cnt  {display:block; height:4.33rem; margin-left:1.33rem;}
.g-dt .m-cnt li { float:left; width:7.92rem; height:2.83rem; line-height:2.83rem; text-align:center; color:#4778c7; font-size:1.17rem; border:solid 2px #4778c7; border-right: none;}
.g-dt .m-cnt li.z-on {  color:#fff; background:#4778c7;}
.g-dt .m-cnt li:nth-child(3) {border-right:solid 2px #4778c7;}

.g-dt .m-cnt li:nth-child(1) { border-radius:0.1rem 0 0 0.1rem;}
.g-dt .m-cnt li:nth-child(3) { border-radius:0 0.1rem 0.1rem 0;}

.g-dt .sclwrap_box { height:28.17rem}
.g-dt .con { float:left;}
.g-dt .con p { width:24.21rem; margin:0 auto;}
.g-dt .con p i { display:block; line-height:0; font-size:0;}
.g-dt .con p span { padding:1.25rem 0 0; display:block;}  
.g-dt .con p span a { font-size:1rem; color:#555; display:block; height:2.5rem;}
.g-dt .con p span a em { display:block; float:right; color:#9f9f9f} 
.g-dt .con p span a img { display:block; width:0.24rem; padding:0.5rem 0.5rem 0 0; float:left;}
.g-dt .con b a { width:23.83rem; height:3.17rem; line-height:3.17rem; border:solid 2px #4778c7; font-size:1.17rem; color:#4778c7; text-align:center; display:block; margin:0 auto; border-radius:5px; font-weight:normal;}


/**/


/*流程*/
.g-lc { background:#eff2f8; height:37rem;}
.g-lc .m-bt { display:block; text-align:center; padding:1.25rem 0 0;} 
.g-lc .m-bt b { display:block; font-size:1.5rem; color:#212121}
.g-lc .m-bt i { display:block; width:2.33rem; height:0.24rem; background:#3c5ca9; margin:0.5rem auto; font-size:0; line-height:0;}
.g-lc p { background:url(/mobile/Images/Index/lc_bg.jpg) no-repeat; height:27.96rem; margin:2rem 0 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-lc p span { display:block; float:left; width:6.71rem; margin-left:1.33rem; height:9.8rem; text-align:center; position:relative;}
.g-lc p span img { width:5.71rem; height:5.71rem; margin:0 auto;}
.g-lc p span em { display:block; font-size:1rem; color:#333; font-family:Arial; font-style:italic; padding:0.3rem 0; font-weight:bold;}  
.g-lc p span i { display:block; font-size:1rem; color:#333;} 
.g-lc p span .m-i02 { position:absolute; top:1.3rem; left:1.25rem; color:#fff; font-size:0.68rem; text-align:left; font-style:italic;}
.g-lc p span .m-i02 b { display:block; font-size:0.75rem; line-height:1rem;}

/*客户分享*/
.g-jz { position:relative;}
.g-jz .m-bt { display:block; text-align:center; padding:1.25rem 0 0;} 
.g-jz .m-bt b { display:block; font-size:1.5rem; color:#212121}
.g-jz .m-bt i { display:block; width:2.33rem; height:0.24rem; background:#3c5ca9; margin:0.5rem auto; font-size:0; line-height:0;}

.g-jz .prev { position:absolute; top:10.6rem; left:0; width:2.67rem; z-index:999;}
.g-jz .prev img { width:100%;}
.g-jz .next { position:absolute; top:10.6rem; right:0; width:2.67rem; z-index:999;}
.g-jz .next img { width:100%;}

.g-jz .nowarp .sclwrap_box{ height:23rem;}
.g-jz .nowarp .m-box { padding-top:1rem;}
.g-jz .nowarp .m-box .con { float:left}
.g-jz .nowarp .m-box .con a { display:block; width:24rem; margin:0 auto;}
.g-jz .nowarp .m-box .con a span { display:block; color:#424242; padding:0.5rem 0 0; line-height:1.5rem;}
.g-jz .nowarp .m-box .con a span em { display:block; color:#345ca6; margin:1rem 0 0;}