.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: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:35.46rem;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }

.g-adv .m-cnt{ position:absolute; top:34.17rem; left:9.67rem; width:5.08rem; height:1.3rem; background:#238a9b; border-radius:10rem; padding:0.83rem 0 0 2rem;}
.g-adv .m-cnt li { background:#f4f4f4; width:0.58rem; height:0.58rem; border-radius:1rem; float:left; margin:0 0.8rem 0 0;}
.g-adv .m-cnt li.z-on{ background:#f3bd00;}

/*创始人*/
.g-csr { background:url(/mobile/Images/Index/csr_bg.gif) no-repeat; height:16.63rem; padding:3.7rem 0 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-csr a { display:block; float:left; width:9.58rem; height:7.5rem; padding-left:3.5rem; font-size:0.83rem; color:#000;}
.g-csr a:nth-child(2n) { float:right; padding:0;}
.g-csr a em { display:block;}
.g-csr a span { display:block;}
.g-csr a span b { font-family: Arial; font-size:3rem; color:#2591a3; display:inline-block; font-weight:normal; margin-right:0.2rem}
.g-csr a span i { display:inline-block; width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center; font-size:0.75rem; color:#ffc600; background:#2591a3; border-radius:100rem;}
.g-csr a:nth-child(4) { padding:1rem 0 0;}

/*为什么选择YOLA*/
.g-xz { background:#2591a3; height:47rem;}
.m-bt01 { padding:2rem 0 0.68rem; text-align:center;}
.m-bt01 a b { display:block; font-size:2.08rem; color:#fff; line-height:2.5rem;}
.m-bt01 a b em { color:#ffc600;}
.m-bt01 a span { display:block; font-size:0.92rem; color:#dfecee}
.g-xz .m-cnt { display:block; margin:0 0.83rem;}
.g-xz .m-cnt li { float:left; width:25%; height:9rem; color:#afafaf; font-size:0.83rem; position:relative; background:#fff;}
.g-xz .m-cnt li img { display:block; position:absolute; top:1.5rem; left:1rem; width:2.67rem; height:2.43rem;}
.g-xz .m-cnt li i { display:block; position:absolute; top:0; left:0; display:none}
.g-xz .m-cnt li em { display:block; padding:4.4rem 0 0 1rem; line-height:1rem;}
.g-xz .m-cnt li b { display:block; padding:0.4rem 0 0 1rem; color:#3b3b3b; font-size:1rem;}
.g-xz .m-cnt li:before { position:absolute; content:""; width:1px; height:9rem; top:0; right:0; background:#cbcbcb;}
.g-xz .m-cnt li:nth-child(4n):before { background:none;}
.g-xz .m-cnt li:nth-child(5),.g-xz .m-cnt li:nth-child(6),.g-xz .m-cnt li:nth-child(7),.g-xz .m-cnt li:nth-child(8) { border:none;}
.g-xz .m-cnt li.z-on { background:#ffc600; color:#a9ad67;}
.g-xz .m-cnt li.z-on img { display:none}
.g-xz .m-cnt li.z-on i { display:block;}
.g-xz .m-cnt li.z-on i img { display:block;}
.g-xz .m-cnt li.z-on b { color:#2591a3}


.g-xz .sclwrap_box{ height:27.75rem; overflow:hidden}
.g-xz .con { float:left}
.g-xz .con dl { background:#fff; margin:0 0.83rem; padding-bottom:2rem;}
.g-xz .con dl dt a img { width:100%; height:15.13rem;}
.g-xz .con dl dd { padding:1rem 1.5rem 0;}
.g-xz .con dl dd b a { display:block; font-size:1.67rem; color:#000}
.g-xz .con dl dd b a em { color:#2591a3}
.g-xz .con dl dd span { display:block; font-size:0.92rem; color:#000; line-height:2rem; height:2rem; overflow:hidden; border-bottom:solid 1px #c0c0c0;}
.g-xz .con dl dd p { font-size:0.92rem; color:#626262; line-height:1.25rem; padding:0.5rem 0 0;}

/*核心产品*/
.m-bt02 { padding:2rem 0 0.68rem; text-align:center;}
.m-bt02 a b { display:block; font-size:2.08rem; color:#000; line-height:2.5rem;}
.m-bt02 a b em { color:#2591a3;}
.m-bt02 a span { display:block; font-size:0.92rem; color:#585858}

.m-cpdl01 { margin:0 0.83rem;}
.m-cpdl01 dl { height:7.75rem; background:#f0f0f0; border-radius:0.21rem; margin-bottom:0.42rem;}
.m-cpdl01 dl dt a { background:#2591a3; display:block; height:2.25rem; line-height:2.25rem; border-radius:0.21rem; font-size:0.92rem; color:#fff; text-align:center;}
.m-cpdl01 dl dd { padding:0.5rem 0 0;}
.m-cpdl01 dl dd a { width:7.75rem; height:1.71rem; line-height:1.71rem; background:#fff; border-radius:100rem; display:block; float:left; float:left; margin:0 0 0.42rem 0.42rem; text-align:center; font-size:0.83rem;}
.m-cpdl01 dl:nth-child(2) { height:7.58rem;}
.m-cpdl01 dl:nth-child(2) dt a { background:#ffc600}

.m-cppic01 i { display:block; margin:0 0.83rem;}
.m-cppic01 p { margin:0 0.83rem;}
.m-cppic01 p a { display:block; float:left; margin-bottom:0.83rem;}
.m-cppic01 p a:nth-child(2n) { float:right;}
.m-cppic01 p a img { display:block; width:11.83rem; height:10.25rem; border:solid 3px #c7c7c7; border-radius:0.21rem; overflow:hidden;}
.m-cppic01 p a em { display:block; height:2rem; line-height:2rem; text-align:center; font-size:0.83rem; background:#f0f0f0; margin:1px 0 0;} 
.m-cppic01 span a img { display:block; width:25rem; margin:0 auto 2.5rem;}

/*科技无限*/
.g-kj { background:url(/mobile/Images/Index/kj_bg.jpg) no-repeat; height:29.87rem; padding:1.67rem 0 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.g-kj .m-bt { display:block; text-align:center; width:24.8rem; height:3.58rem; line-height:3.58rem; border:solid 3px #2591a3; font-size:2.08rem; color:#232323; font-weight:bold; margin:0 auto;}
.g-kj .m-bt em { color:#2591a3;}
.g-kj p { font-size:0.75rem; margin:0.58rem 0.83rem; color:#232323;}
.g-kj p b { display:block; font-size:1rem; color:#2591a3; text-decoration:underline;}
.g-kj dl { padding:1.67rem 0 0 0.75rem;}
.g-kj dl dt { margin-right:10rem; height:9.08rem;}
.g-kj dl dt span { display:block; width:7.29rem; height:3.76rem; background:#fff; border-radius:0.36rem; float:left; margin:0 0.44rem 0.36rem 0; padding:0.24rem 0 0;}
.g-kj dl dt span em { display:block; border:solid 1px #63b0bd; font-size:0.58rem; text-align:center; width:6.75rem; height:3.33rem; margin:0 auto;}
.g-kj dl dt span em b { display:block; font-size:0.75rem; color:#2591a3; padding:0.25rem 0 0;}
.g-kj dl dd a img { width:15.04rem; height:2.29rem;}

/*应用案例*/
.g-al { margin-bottom:2.5rem;}
.g-al .m-cnt { display:block; margin:0 0.83rem 0.83rem; padding:0.92rem 0 0; height:11rem; background:#fff; box-shadow:0 0 0.5rem 0.25rem #f1f1f1; }
.g-al .m-cnt li { float:left; width:33.3%; height:5.23rem; padding:0.5rem 0 0; text-align:center; position:relative;}
.g-al .m-cnt li:before { position:absolute; content:""; width:1px; height:2.71rem; background:url(/mobile/Images/Index/al_xx01.gif) no-repeat; top:0.95rem; right:0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-al .m-cnt li:nth-child(3n):before { background:none}
.g-al .m-cnt li i { display:block; font-size:2rem; color:#d5d5d5; font-family:Arial;}
.g-al .m-cnt li span { display:block; font-size:0.83rem; color:#000;}
.g-al .m-cnt li em { display:block; font-size:0.5rem; color:#b8b8b8; font-family:Arial;}
.g-al .m-cnt li.z-on { background:#2591a3; border-radius:0.21rem;}
.g-al .m-cnt li.z-on:before { background:none;}
.g-al .m-cnt li.z-on i { color:#ffc600;}
.g-al .m-cnt li.z-on span { color:#fff;}
.g-al .m-cnt li.z-on em { color:#95c2cb;}

.g-al .sclwrap_box{height:31.67rem; overflow:hidden}
.g-al .con { float:left}
.g-al .con dl { margin:0 0.83rem; background:#f0f0f0; height:31.67rem;}
.g-al .con dl dt a img { width:100%; height:17rem;}
.g-al .con dl dd { padding:2rem 0 0 1.42rem;}
.g-al .con dl dd b a { font-size:1.25rem; color:#000;}
.g-al .con dl dd p { font-size:0.83rem; color:#5e5e5e; line-height:1.25rem; margin:1rem 0;}
.g-al .con dl dd i a { display:block; float:left; width:10.42rem; height:2.08rem; margin:0 0.62rem 0 0;}

/*新闻中心*/
.g-dt { background:#f0f0f0;}
.g-dt .m-cnt { display:block;  height:3rem; margin:0 0.83rem; background:url(/mobile/Images/Index/dt_btbg.gif) no-repeat; height:2.38rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-dt .m-cnt li { width:33.3%; height:2.38rem; line-height:2rem; float:left; color:#f7f7f7; font-size:0.92rem; text-align:center;}
.g-dt .m-cnt li.z-on { background:url(/mobile/Images/Index/dt_libg01.gif) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.g-dt .sclwrap_box { height:35.5rem}
.g-dt .con { float:left;}
.g-dt .con dl { margin:1.17rem 0.83rem 0;}
.g-dt .con dl dd em a { font-size:1.25rem; color:#333;}
.g-dt .con dl dd em a i { font-size:1.25rem; color:#333; display:block; font-family:Arial;}
.g-dt .con dl dd span { display:block; font-size:0.83rem; color:#898888; line-height:1.08rem; margin:1rem 0;}
.g-dt .con dl dd span a { display:block; font-size:1rem; color:#333; width:5rem; height:1.5rem; line-height:1.5rem; text-align:center; border:solid 2px #15262e; margin:0.75rem 0 1.67rem;} 

.g-dt .con p { margin:0.5rem 0.83rem 0; padding:0.5rem 0 0; border-top: solid 1px #ccc;}
.g-dt .con p a { height:1.88rem; line-height:1.88rem; display:block; color:#444; font-size:0.83rem; overflow:hidden;}
.g-dt .con p a span { display:block; float:left; width:19.8rem; overflow:hidden;}
.g-dt .con p a em { display:block; float: right; color:#cacaca; }
.g-dt .con .m-pic02 { margin:1rem 0.83rem;}
.g-dt .con .m-pic02 a { display:block; width:11.63rem; height:6.54rem; float:left; position:relative; margin-bottom:1rem;}
.g-dt .con .m-pic02 a:nth-child(2n) { float:right;}
.g-dt .con .m-pic02 a em { display:block; position:absolute; top:5rem; left:0; height:1.58rem; line-height:1.58rem; background:rgba(0,0,0,0.8) none repeat scroll !important; filter:Alpha(opacity=80); font-size:0.83rem; color:#fff; text-align:center; width:100%;}

/*万物摩擦 · 皆需润滑*/
.g-zj { margin-bottom:2rem;}
.g-zj .m-bt { display:block; line-height:0; font-size:0;}
.m-zj01 { background:#fff; margin:-2.25rem 0.75rem 0; box-shadow:0 0 0.5rem 0.25rem #e8e8e8; height:18rem; position:relative;} 
.m-zjp { width:19.17rem; float:left; padding:1.25rem 0 0;}
.m-zjp p { padding-left:0.83rem; width:16.67rem}
.m-zjp p b a { display:block; font-size:1rem; color:#000;}
.m-zjp p b a em { color:#2591a3; display:block; font-size:1.5rem;}
.m-zjp p span { display:block; font-size:0.83rem; color:#7d7d7d; padding:0.4rem 0; border-top:solid 1px #d3d3d3; margin:0.5rem 0 1rem;}

.m-zj01 i { display:block; padding:0.5rem 0 0;}
.m-zj01 i a { display:block; float:left; width:6.25rem; text-align:center; border-right:solid 1px #c9c9c9;}
.m-zj01 i a:nth-child(3) { border:none;}
.m-zj01 i a img { width:2.83rem; height:2rem; display:block; margin:0 auto;}
.m-zj01 i a span { display:block; font-size:0.83rem; color:#000; padding:0.3rem 0 0;}
.m-zj01 i a em { display:block; font-size:0.5rem; color:#bebebe;}

.m-zj02 { width:5.83rem; height:17.92rem; float:right; line-height:0;}
.m-zj02 a img { width:5.83rem; height:17.92rem;}