.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:27.08rem;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }

/*导航样式*/
.g-nav { background:url(/mobile/Images/Index/nav_bg.gif) no-repeat; height:4.54rem; position:relative; margin:2rem 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-nav a { font-size:0.75rem; color:#fff; text-align:center; width:25%; height:2.27rem; line-height:2.27rem; text-align:center; display:block; float:left;}

/**/
.g-xh { background:url(/mobile/Images/Index/xh_bg.jpg) no-repeat; height:40rem; padding:2rem 0 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-xh01 { background:url(/mobile/Images/Index/xh_bg01.jpg) no-repeat; width:10.21rem; height:16.08rem; margin-left:0.68rem; float:left;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-xh01 b { display:block; font-size:1.08rem; color:#dfdfdf; text-align:center; padding:1.67rem 0 0;}
.m-xh01 span { display:block; padding:1.08rem 0 0 2.08rem; font-size:0.75rem; color:#dfdfdf; line-height:1.29rem;}
.m-xh01 p { font-size:0.58rem; color:#000; padding:1rem 0 0; line-height:1.25rem; text-align:center;}
.m-xh01 p i { font-size:0.83rem; color:#000; font-weight:bold; display:block; line-height:1rem;}
.m-xh01 a { width:4.88rem; height:1.13rem; line-height:1.13rem; background:#111; font-size:0.58rem; color:#fff; display:block; margin:0.5rem auto; text-align:center;}

.m-xh02 { width:14.42rem; height:16.08rem; float:left; margin-left:0.42rem; position:relative;}

.m-xh02 .m-cnt { display:block; position:absolute; top:15.5rem; right:0.28rem; z-index:999; }
.m-xh02 .m-cnt li { float:left; width:0.58rem; height:0.28rem; background:#fff; margin-left:0.16rem;}
.m-xh02 .m-cnt li.z-on { background:#0972af;}

.m-xh02 .sclwrap_box{ height:16.08rem; overflow:hidden}
.m-xh02 .con { float:left}
.m-xh02 .con a { display:block;}

.m-xh03 { padding:1.33rem 0 0 2.67rem;}
.m-xh03 p { background:url(/mobile/Images/Index/xh_libg.png) no-repeat; width:22.17rem; height:4.33rem; margin-bottom:1.25rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-xh03 p b { display:block; width:6.5rem; text-align:center; padding:1rem 0 0; line-height:1.25rem; font-size:0.75rem; color:#fff; float:left;}
.m-xh03 p span { display:block; float:left; width:14rem; padding:0.83rem 0 0 1rem; font-size:0.58rem; color:#000; line-height:1rem;}

/*产品中心*/
.g-cp { background:url(/mobile/Images/Index/cp_bg.jpg) no-repeat; height:40.46rem; margin:3rem 0 1.25rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-cp .m-bt { display:block; padding:2rem 0 0; height:3.13rem;}
.g-cp .m-bt em { display:block; float:right; padding:0.83rem 1.83rem 0 0; font-size:0.58rem; color:#fff;}
.g-cp .m-bt span { display:block; padding-left:2rem; font-size:0.83rem; color:#fff;}
.g-cp .m-bt span i { font-family: Arial; font-size:1.08rem; color:#1e1e1e; font-weight:bold;}
.g-cp .m-bt span b { font-size:0.83rem; color:#1e1e1e}
.g-cp .m-bt .m-i02 { font-family:Arial; font-size:0.83rem; color:#848484; text-transform:uppercase; padding:0.3rem 0 0 4rem;}
.g-cp .m-bt02 { display:block; margin:0 1.04rem; height:2.38rem; line-height:2.38rem; border-top:solid 1px #000; border-bottom:solid 1px #000; font-size:0.83rem; color:#fff; font-weight:bold; padding-left:1rem;}
.g-cp .m-bt02 em { font-weight:normal; font-family:Arial; font-size:0.5rem; color:#8e8e8e; padding-left:0.3rem; text-transform:uppercase;}
.g-cp p { padding:0.83rem 0 0 1.75rem; height:7.54rem;}
.g-cp p a { width:7.67rem; height:1.63rem; line-height:1.63rem; border:solid 1px #000; font-size:0.68rem; color:#fff; text-align:center; display:block; float:left; margin:0 0.4rem 0.5rem 0;}
.g-cp p a:nth-child(1) { background:#000; color:#00d3ff}
.g-cp p a:nth-child(9) { color:#000;}

.m-cp { position:relative;}

.m-cp .sclwrap_box{height:23rem; overflow:hidden}
.m-cp .con { float:left}
.m-cp .con span { display:block; margin-left:1.75rem;} 
.m-cp .con span a { width:7.5rem; height:10.33rem; border:solid 2px #cdcdcd; display:block; line-height:0; float:left; margin:0 0.5rem 1.25rem 0;}
.m-cp .con span a em { display:block; height:1.08rem; line-height:1.08rem; background:#000; font-size:0.5rem; color:#fff; text-align:center;}

.m-cp .m-cnt { display:block; padding-left:11.5rem; }
.m-cp .m-cnt li { float:left; width:0.54rem; height:0.54rem; background:#fff; margin-right:0.83rem; border-radius:1rem;}
.m-cp .m-cnt li.z-on { background:#000;}

/**/
.g-sb { background:url(/mobile/Images/Index/hd_bg.jpg) no-repeat; height:13rem; padding:1rem 0 0; overflow:hidden;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-sb .m-cnt { float:left; width:6.25rem; height:12.75rem; background:#8b8b8b; margin-left:0.75rem;}
.g-sb .m-cnt li { width:6.25rem; height:1.5rem; line-height:1.5rem; text-align:center; border-bottom:solid 1px #fff; font-size:0.58rem; color:#fff;}
.g-sb .m-cnt li:last-child { border:none;}
.g-sb .m-cnt li a { color:#fff;}
.g-sb .m-cnt li.z-on { background:#0075b8;}

.g-sb .sclwrap_box { width:18.75rem; height:15.83rem; float:left; margin-left:0.24rem;}
.g-sb .m-box { width:15.54rem;}
.g-sb .con a { display:block; height:15.83rem; position:relative;}
.g-sb .con a img { width:18.5rem; height:10.33rem; border: solid 0.12rem #0075b8;}
.g-sb .con a p {padding:0; display:block; width:17rem; height:3.75rem; background:#0075b8; top:8.63rem; left:1rem; position:absolute; z-index:999;}
.g-sb .con a p em { display:block; font-size:0.75rem; color:#fff; text-align:center; padding:0.3rem 0;}
.g-sb .con a p span { display:block; font-size:0.5rem; color:#fff; line-height:0.83rem; height:1.67rem; overflow:hidden; padding:0 0.5rem;}

/*优势*/
.g-ys .m-bt { display:block; padding:2.5rem 0 1.5rem;}
.g-ys dl { height:32rem;}
.g-ys dl dt { float:left; width:11rem; line-height:0;}
.g-ys dl dt span { display:block; height:6rem; background:#000; color:#fff; text-align:center; font-size:0.58rem; color:#fff; padding:1rem 0 0; line-height:1.25rem;}
.g-ys dl dt span b { display:block; font-size:1.08rem;}
.g-ys dl dt span a { width:4.63rem; height:1.21rem; line-height:1.21rem; background:#0075b8; font-size:0.68rem; color:#fff; text-align:center; display:block; margin:0.75rem auto;}
.g-ys dl dd { float:right; width:14.5rem;}
.g-ys dl dd a { display:block; height:2rem;}
.g-ys dl dd a i { display:block; font-family:Impact; font-size:1.2rem; color:#bfbfbf; float:left;}
.g-ys dl dd a b { display:block; font-size:0.83rem; color:#fff; float: right; background:url(/mobile/Images/Index/ys_btbg.jpg) no-repeat; width:11.63rem; height:1.29rem; line-height:1.29rem; padding-left:1rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-ys dl dd p { font-size:0.54rem; color:#5f5f5f; line-height:1rem; padding-bottom:0.5rem;}

/*全部案例*/
.g-al { padding:1.67rem 0 0;}
.g-al i { background:url(/mobile/Images/Index/al_btbg.gif) no-repeat; width:25.08rem; height:2.17rem; line-height:2.17rem; display:block; margin:0.75rem 0 1rem 1rem;}
.g-al i a { display:block; text-align:right; font-size:0.5rem; color:#fff; padding-right:1rem;}
.g-al p a { display:block; width:12.18rem; margin:0 0 1rem 1rem; float:left;}
.g-al p a img { display:block; float:left; width:9.92rem; height:8.67rem;}
.g-al p a span { background:url(/mobile/Images/Index/al_btbg02.gif) no-repeat; width:2.17rem; height:8.67rem; display:block; float:left;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-al p a span em { display:block; font-size:0.4rem; color:#fff; width:0.8rem; margin:0 auto; padding:4rem 0 0; line-height:0.7rem; height:4rem;}

/*客户见证*/
.g-jz { padding:0.5rem 0 3rem; position:relative;}

.g-jz .prev { position:absolute; top:20.75rem; left:9.83rem; width:3.13rem; z-index:999;}
.g-jz .prev img { width:100%;}
.g-jz .next { position:absolute; top:20.75rem; right:9.83rem; width:3.13rem; z-index:999;}
.g-jz .next img { width:100%;}

.g-jz .nowarp { margin:0 1.25rem;}
.g-jz .nowarp .sclwrap_box{ height:16rem;}
.g-jz .nowarp .m-box { padding-top:1.5rem;}
.g-jz .nowarp .m-box .con { float:left}
.g-jz .nowarp .m-box .con a { display:block; width:11.38rem; float:left; text-align:center}
.g-jz .nowarp .m-box .con a:last-child {  float:right;}
.g-jz .nowarp .m-box .con em { display:block; font-size:0.75rem; color:#8f8f8f; padding:0.5rem;}
.g-jz .nowarp .m-box .con span { display:block; font-size:0.58rem; color:#8f8f8f; line-height:1rem; }

/*黑伟罗茨*/
.g-zj { background:url(/mobile/Images/Index/zj_bg.jpg) no-repeat; height:28.33rem; margin:1.25rem 0 0; padding:1.5rem 0 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-zj p { background:url(/mobile/Images/Index/zj_pic01.jpg) no-repeat; width:22.13rem; height:13.83rem; margin:0 auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-zj p span { display:block; padding:0.83rem 0 0 1.92rem; line-height:2.17rem;} 
.g-zj p span a { font-size:0.92rem; color:#fff;}
.g-zj p span a i { font-family: Arial;}
.g-zj p em { display:block; width:19.08rem; margin:0 auto; font-size:0.58rem; color:#fff; line-height:1.25rem; padding:0.75rem 0;}
.g-zj p b a { width:6.83rem; height:1.54rem; line-height:1.54rem; border:solid 1px #000; font-size:0.58rem; color:#000; text-align:center; display:block; margin:0 auto; font-weight:normal;}

.m-zj { position:relative; margin:1.8rem 0 0;}
.m-zj .m-bt { width:6.83rem; height:1.54rem; line-height:1.54rem; border:solid 1px #656565; background:#0075b8; font-size:0.75rem; color:#fff; text-align:center; display:block; margin:0 auto; }

.m-zj .prev { position:absolute; top:6rem; left:0.68rem; width:0.71rem; z-index:999;}
.m-zj .prev img { width:100%;}
.m-zj .next { position:absolute; top:6rem; right:0.68rem; width:0.71rem; z-index:999;}
.m-zj .next img { width:100%;}

.m-zj .no_ov { margin:1rem 3rem;}
.m-zj .sclwrap_box{ height:9.6rem}
.m-zj .no_ov .m-box .page { float:left;}
.m-zj .no_ov .m-box .page a { display:block; width:9.79rem; float:left; }
.m-zj .no_ov .m-box .page a:nth-child(2) { float:right;}

/*黑伟学堂*/
.g-dt { padding:1.67rem 0 0 1.83rem;}
.g-dt .m-bt { display:block; font-size:0.83rem; color:#0075b8}
.g-dt .m-bt em { font-family:Arial; font-size:0.58rem; color:#989898; text-transform:uppercase; padding-left:0.5rem;}
.g-dt .m-bt i { display:block; width:1.5rem; height:2px; background:#0075b8; margin:0.5rem 0 1.5rem; font-size:0; line-height:0}
.g-dt dl { height:8.13rem;}
.g-dt dl dt { float:left; width:11.71rem;}
.g-dt dl dd { float:left; width:11.67rem; padding-left:0.83rem;}
.g-dt dl dd em { display:block; font-size:0.75rem; color:#9d9c9d; padding-bottom:0.5rem;}
.g-dt dl dd span { display:block; font-size:0.58rem; color:#9d9c9d; padding-bottom:0.5rem; line-height:1rem;}
.g-dt dl dd a { width:6.67rem; height:1.58rem; line-height:1.58rem; border:solid 1px #bcbcbc; font-size:0.58rem; color:#a1a1a1; text-align:center; display:block;}
.g-dt p { width:24.5rem; border-top:solid 1px #afafaf; padding:0.92rem 0 0; height:4.38rem;}
.g-dt p span { display:block; float:left; width:4.58rem; font-size:1.08rem; color:#9d9c9d}
.g-dt p span i { display:block; font-size:0.58rem;}
.g-dt p em { display:block; float:left; width:18.33rem; font-size:0.58rem; color:#9d9c9d}
.g-dt p em a { display:block; font-size:0.75rem; margin-bottom:0.5rem;}