﻿.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:85%;}}
@media screen and (min-width:375px) {html { font-size:88%;}}
@media screen and (min-width:392px) {html { font-size:98%;}}
@media screen and (min-width:400px) {html { font-size:98%;}}
@media screen and (min-width:414px) {html { font-size:97%;}}
@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:12.46rem;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }

/*导航样式*/
.g-nav { position:relative; clear:both; background:#343434;}
.g-nav a { float:left;  height:3.08rem; line-height:3.08rem; width:33.3%; text-align:center; display:block; color:#fff; position:relative; border-bottom:solid 1px #fff; font-size:1.08rem;
background-image: -webkit-linear-gradient(top, #515151, #333);
background-image: -moz-linear-gradient(top, #515151, #333);
background-image: -o-linear-gradient(top, #515151, #333);
background-image: -ms-linear-gradient(top, #515151, #333);
background-image: linear-gradient(top, #515151, #333);}
.g-nav a:after { position:absolute; content:""; width:1px; height:100%; background:#fff; top:0; right:0;}
.g-nav a:nth-child(1),.g-nav a:nth-child(2),.g-nav a:nth-child(3) { border-top:none;}
.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(1){ background:#d04342}

/**/
.m-bt10 { text-align:center; padding-top:2.5rem;}
.m-bt10 img { width:11.21rem; margin:0 auto; display:block;}
.m-bt10 b { font-size:1.25rem; padding-top:0.2rem; display:block;}
.m-bt10 b em { color:#d04342}

.g-pp p { padding:1.5rem 0 0;}
.g-pp p a { background:url(/mobile/Images/Index/pp_libg01.gif) no-repeat; width:7.25rem; height:7.25rem; text-align:center; display:block; float:left; margin:0 0.3rem 0 0.83rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-pp p a em { padding-top:2.55rem; color:#fff; font-size:0.83rem; display:block; line-height:1.5rem;}
.g-pp p a:nth-child(1) { background:url(/mobile/Images/Index/pp_libg02.gif) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-pp span { display:block; padding:1.67rem 0 2rem 4.58rem;}
.g-pp span img { display:block; width:17.42rem; margin-top:0.5rem;}

/*规格储气罐可选*/
.g-cp { background:url(/mobile/Images/Index/cp_bg.gif) no-repeat; height:42.77rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-cp dl { padding-top:1.5rem;}
.g-cp dl dt { background:#333; height:1.79rem; line-height:1.79rem; margin:0 0.83rem;}
.g-cp dl dt a em { display:block; float:right; color:#fff; text-transform:uppercase; padding-right:1rem;}
.g-cp dl dt a span { font-size:1rem; color:#fff; font-weight:bold;}
.g-cp dl dt a span img { display:block; width:0.38rem; float:left; padding:0.67rem 0.5rem 0;} 
.g-cp dl dd { padding:1rem 0 0; height:4.38rem;}
.g-cp dl dd a { display:block; width:12.5rem; float:left; height:1.67rem; line-height:1.67rem; padding:0 0 0 0.5rem;} 
.g-cp dl .m-dd02 { height:2.8rem;}
.g-cp dl .m-dd02 a { width:6rem; float:left; height:1.67rem; line-height:1.67rem; padding:0 0 0 0.5rem;} 
.g-cp dl dd a img { display:block; width:0.36rem; float:left; padding:0.6rem 0.5rem 0 0;}
.g-cp p a { display:block; float:left; width:11.21rem; padding:0 1rem 0 0.83rem; text-align:center;}

/*广告*/
.g-pic { position:relative; line-height:0;}
.g-pic p { position: absolute; top:4.17rem; left:7rem; line-height:1.5rem;}
.g-pic p i { display:block; float:left; width:1.46rem;}
.g-pic p b { display:block; float:left; font-size:1rem; color:#d04342; padding:0 0.5rem; font-family:Arial;}
.g-pic p em { display:block; float:left; width:5.21rem;}
.g-pic02 p { position: absolute; top:5.21rem; left:7rem; }
.g-pic03 { margin-top:2.2rem;}

/**/
.g-aq .m-bt10 img { width:19.13rem;}

.g-aq .sclwrap_box {height:14.5rem; overflow:hidden; margin-top:1.2rem;}
.g-aq .con { float:left}
.g-aq .con a { display:block; float:left; position:relative;}
.g-aq .con a span { display:block; text-align:center; position:absolute; width:100%; height:3rem; line-height:3rem; font-size:0.83rem; color:#fff; top:11.5rem; left:0; background:rgba(0,0,0,0.75) none repeat scroll !important; filter:Alpha(opacity=75);}
.g-aq .con:nth-child(3) a span,.g-aq .con:nth-child(5) a span{ line-height:1.5rem;}

.g-aq .m-cnt { display:block; background:#333; height:2rem; line-height:2rem; margin-top:0.65rem;}
.g-aq .m-cnt li { float:left; width:20%; text-align:center; color:#fff; font-size:0.83rem; position:relative;}
.g-aq .m-cnt li:before { position:absolute; content:""; width:1px; height:100%; background:#fff; right:0; top:0;}
.g-aq .m-cnt li.z-on { color:#fff; background:#d04342}

/*30年生产制造经验为品质护航*/
.g-pz { background:url(/mobile/Images/Index/pz_bg.jpg) no-repeat; height:23.38rem; margin-top:2.5rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-pz .m-bt10 { padding-bottom:1rem;}
.g-pz .m-bt10 img { width:19.13rem;}

.g-pz .m-cnt { float:left; width:7.38rem; padding-left:0.83rem;}
.g-pz .m-cnt li { background:#333; width:6.67rem; height:2.79rem; line-height:2.79rem; text-align:center; font-size:1rem; color:#fff; margin-bottom:0.88rem;}
.g-pz .m-cnt li.z-on { background:#d04342; border:none;}

.g-pz .sclwrap_box { width:17.63rem; height:13.79rem; float:left;}
.g-pz .m-box { width:17.63rem;}
.g-pz .con a { display:block;width:17.63rem; height:13.79rem; position:relative; }
.g-pz .con a em {display:block; text-align:center; position:absolute; width:100%; height:2.79rem; line-height:2.79rem; font-size:0.83rem; color:#fff; top:11rem; left:0; background:rgba(0,0,0,0.75) none repeat scroll !important; filter:Alpha(opacity=75);}

/**/
.g-dz { height:28.3rem;}
.g-dz .m-bt10 { padding-bottom:1rem;}
.g-dz .m-bt10 img { width:19.13rem;}
.g-dz p a { display:block; width:7.29rem; float:left; padding: 0 0.5rem 1.08rem 0.83rem; text-align:center; font-size:0.83rem;}
.g-dz p a:nth-child(4) { padding-left:5.21rem;}

/**/
.g-hy .m-bt10 { padding-bottom:1.75rem;}
.g-hy .m-bt10 img { width:19.13rem;}

.g-hy .m-cnt { float:left; width:7.38rem; padding-left:0.83rem; position:relative;}
.g-hy .m-cnt i { position:absolute; top:10.92rem; left:0.83rem;}
.g-hy .m-cnt i a { display:block; background:#333; width:6.54rem; height:2.33rem; line-height:2.33rem; text-align:center; font-size:1rem; color:#fff; }
.g-hy .m-cnt li { background:#333; width:6.54rem; height:2.33rem; line-height:2.33rem; text-align:center; font-size:1rem; color:#fff; margin-bottom:0.42rem;}
.g-hy .m-cnt li.z-on { background:#d04342; border:none;}

.g-hy .sclwrap_box { width:17.38rem; height:13.33rem; float:left;}
.g-hy .m-box { width:17.38rem;}
.g-hy .con a { display:block;width:17.38rem; height:13.33rem; position:relative; }
.g-hy .con a em {display:block; text-align:center; position:absolute; width:100%; height:2.79rem; line-height:2.79rem; font-size:0.83rem; color:#fff; top:10.55rem; left:0; background:rgba(0,0,0,0.75) none repeat scroll !important; filter:Alpha(opacity=75);}

/**/
.g-jz { padding:2.5rem 0 1rem; border-bottom:solid 1px #b6b6b6}
.g-jz .m-bt { display:block; background:#333; height:2.71rem; line-height:2.71rem; color:#fff; padding-left:1rem;}
.g-jz .m-bt em { font-size:0.58rem; font-family:Arial; text-transform:uppercase; padding-left:0.3rem;}
.g-jz p { padding:1.25rem 0 0 1.25rem; height:8.5rem;height:11.79rem;}
.g-jz p i { display:block; float:left; width:11.79rem; height:8.42rem; height:11.79rem; border:solid 1px #ccc; line-height:0; font-size:0;}
.g-jz p span { display:block; float:left; width:12.1rem; padding:0.2rem 0 0 0.5rem; font-size:0.92rem; color:#000; line-height:1.5rem;}
.g-jz p span b { display:inline-block; border-bottom:solid 1px #111; font-size:1.00rem; color:#111; padding-bottom:0.3rem;text-overflow:ellipsis ;overflow: hidden;white-space :nowrap; display:block ;}
.g-jz p span em { display:block; font-size:1rem; color:#b90f0f;}

/*走进申江*/
.g-zj .m-bt { display:block; margin:2.08rem 0 1.6rem;}
.g-zj .m-bt em { display:block; font-size:1.25rem; color:#d04342; font-weight:bold; text-align:center;}
.g-zj .m-bt img { display:block; width:5.71rem; margin:0 auto;} 
.g-zj p { padding-left:0.88rem; height:11.5rem;}
.g-zj p i { display:block; width:10.25rem; float:left;}
.g-zj p span { display:block; width:14.33rem; float:left; padding-left:0.68rem; line-height:1.5rem;}
.g-zj p span em { display:block; margin-top:1rem;}
.g-zj p span em a { display:block; width:5.75rem; height:2.08rem; line-height:2.08rem; text-align:center; color:#fff; float:left; margin-right:0.83rem; background:#333;}

/*行业动态*/
.g-dt .m-cnt { background:#333; height:3rem; line-height:3rem; display:block;}
.g-dt .m-cnt li { float:left; color:#fff; font-size:1.17rem; width:33.3%; text-align:center;}
.g-dt .m-cnt li.z-on { background:url(/mobile/Images/Index/dt_libg.gif) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.g-dt .sclwrap_box { height:14.3rem}
.g-dt .con { float:left; padding-top:0.8rem;}
.g-dt .con a { display:block; height:2.25rem; line-height:2.25rem; margin:0 1rem 0 2.42rem; color:#7d7d7d;}
.g-dt .con a img { width:0.58rem; float:left; padding:1rem 0.5rem 0 0;}


