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

/*导航样式*/
.g-nav { position:relative; }
.g-nav a { float:left; height:2.92rem; line-height:2.92rem; width:33.3%; text-align:center; display:block; font-size:1rem; color:#000; position:relative; border-bottom:solid 1px #fff; background:#bda578}
.g-nav a:before{ 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(4),.g-nav a:nth-child(5),.g-nav a:nth-child(6) { border-bottom:none;}
.g-nav a:nth-child(3n):before,.g-nav a:nth-child(3n):after { background:none}

/*日翔智能锁—享誉业内 · 有口皆碑*/
.m-bt01 { text-align:center; padding:2rem 0 0.83rem; font-size:1.29rem; color:#333;}
.m-bt01 a em { display:block; font-size:1rem; padding:0.6rem 0;}
.m-bt01 a i { display:block; width:2.42rem; height:2px; background:#333; margin:0 auto; font-size:0; line-height:0;}
.g-pp p { height:20.7rem;}
.g-pp p a { width:12.08rem; height:8.58rem; background:#535353; display:block; float:left; margin:0 0.5rem 1rem 0.58rem; color:#fff; text-align:center; border-radius:0.2rem;}
.g-pp p a img { display:block; width:2.75rem; height:2.5rem; margin:0 auto; padding:0.83rem 0 0;}
.g-pp p a em { display:block; font-size:1.25rem; padding:0.5rem 0;}
.g-pp p a span { display:block; font-size:0.68rem; line-height:1rem;}

/*日翔产品中心*/
.g-zx { background:url(/mobile/Images/Index/zx_bg.jpg) no-repeat; height:64.75rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.m-zx01 { margin:0 0.44rem 1rem; height:7.58rem; background:#fff;}
.m-zx01 b { display:block; height:2.5rem; line-height:2.5rem; background: url(/mobile/Images/Index/zx_bbg.gif) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-zx01 b a { font-size:1.08rem; color:#333;}
.m-zx01 b a img { display:block; width:1.25rem; height:1.17rem; padding:0.75rem 0.5rem 0 8.17rem; float:left;} 

.m-zx01 .m-cnt { display:block; padding:0.75rem 0 0;}
.m-zx01 .m-cnt li { background:url(/mobile/Images/Index/zx_libg01.gif) no-repeat; float:left; width:5.67rem; height:1.83rem; line-height:1.83rem; text-align:center; color:#fff; font-size:1rem; margin-left:0.58rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-zx01 .m-cnt li.z-on { background:url(/mobile/Images/Index/zx_libg02.gif) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.m-zx01 .sclwrap_box{height:2.2rem; overflow:hidden}
.m-zx01 .m-box { margin-top:0.5rem;}
.m-zx01 .con { float:left}
.m-zx01 .con p { padding-left:0.58rem; height:1.25rem; line-height:1.25rem; overflow:hidden;}
.m-zx01 .con p a{ padding-right:1.25rem; font-size:0.68rem;}
.m-cp a { width:12.21rem; height:18.58rem; display:block; float:left; position:relative; margin:0 0.5rem 1rem;}
.m-cp a img { width:12.21rem; height:18.58rem;}
.m-cp a em { display:block; position:absolute; top:16.6rem; left:0; width:100%; text-align:center;}

/*16年工匠精神 · 不忘初心*/
.g-ys { position:relative;}

.g-ys .prev { position:absolute; top:13.75rem; left:0.83rem; width:2.13rem; z-index:999;}
.g-ys .prev img { width:100%;}
.g-ys .next { position:absolute; top:13.75rem; right:0.83rem; width:2.13rem; z-index:999;}
.g-ys .next img { width:100%;}

.g-ys .nowarp .sclwrap_box{ height:29.2rem;}
.g-ys .nowarp .m-box .con { float:left}
.g-ys .nowarp .m-box .con .m-pic01 a img { height:14.17rem; display:block; margin:0.3rem 0 0;}
.g-ys .nowarp .m-box .con dl dt { padding:2rem 0 0 1.5rem; height:4rem; overflow:hidden;}
.g-ys .nowarp .m-box .con dl dt a img { display:block; float:left; width:4.33rem; height:4.08rem;}
.g-ys .nowarp .m-box .con dl dt a span { display:block; float:left; width:20rem; height:4.08rem;}
.g-ys .nowarp .m-box .con dl dt a span em { font-size:1.33rem; color:#cfaa63; display:block; }
.g-ys .nowarp .m-box .con dl dt a span i { display:block; font-size:1.25rem; color:#666;}
.g-ys .nowarp .m-box .con dl dd { padding-left:1.58rem; clear:both;}
.g-ys .nowarp .m-box .con dl dd p { height:2rem; line-height:2rem; font-size:0.75rem; color:#666;}
.g-ys .nowarp .m-box .con dl dd p em { font-weight:bold; color:#cfaa61;}
.g-ys .nowarp .m-box .con dl dd p img { display:block; float:left; width:0.5rem; height:3px; padding:1rem 0.5rem 0 0;}

/*全程支持 · 日翔与您携手共赢*/
.g-zc { background:url(/mobile/Images/Index/zc_bg.jpg) no-repeat; height:31.46rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-zc .m-bt { display:block; padding:2.33rem 0 3.58rem; line-height:0;}
.g-zc p { position:relative;}
.g-zc p i { display:block; position:absolute; top:0; left:5.75rem; width:6.38rem;}
.g-zc p i:nth-child(2) { top:0; left:19.38rem;}
.g-zc p i:nth-child(3) { top:10.54rem; left:6.75rem;}
.g-zc p i:nth-child(4) { top:10.54rem; left:19.38rem;}
.g-zc p span { display:block; position:absolute; top:5.67rem; left:1.17rem; font-size:1rem; color:#f7dc93;}
.g-zc p span em { display:block; font-size:0.75rem; padding:0.5rem 0 0;}
.g-zc p .m-sp02 { top:5.67rem; left:14.71rem;}
.g-zc p .m-sp03 { top:15.08rem; left:1.17rem;}
.g-zc p .m-sp04 { top:15.08rem; left:14.71rem;}

/*客户评价与您分享*/
.g-jz { height:26.42rem; overflow:hidden;}
.g-jz dl { float:left; background:url(/mobile/Images/Index/jz_libg.gif) no-repeat; width:12.33rem; height:17.13rem; margin:0.5rem 0 0 0.75rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-jz dl dt { position:relative;}
.g-jz dl dt a img { display:block; width:7.83rem; height:7.83rem; margin:0 auto;}
.g-jz dl dt i { position:absolute; display:block; top:0; left:0; width:100%;}
.g-jz dl dt i img { display:block; width:7.83rem; height:7.83rem; margin:0 auto;}
.g-jz dl dt em { text-align:center; font-size:0.68rem; color:#333; text-align:center; padding:0.75rem 0;}
.g-jz dl dd { text-align:center;}
.g-jz dl dd a { display:block; font-size:0.68rem; color:#333; font-weight:bold; margin:0.65rem 0;}
.g-jz dl dd i { display:block; width:2.42rem; height:2px; background:#333; margin:0.5rem auto; font-size:0; line-height:0;}
.g-jz dl dd p { font-size:0.68rem; color:#666; width:11.08rem; margin:0 auto; line-height:1rem;}

/*长期合作伙伴*/
.g-hz { background:#e7e7e8; height:19.75rem;}
.g-hz p { padding:1rem 0 0;} 
.g-hz p a { display:block; width:8.21rem; height:4.5rem; line-height:0; float:left; margin:0 0 0.64rem 0.5rem;}

/*走进日翔*/
.g-zj p { width:25.83rem; margin:0 auto; }
.g-zj p a img { display:block; width:25.83rem; height:16.42rem;}
.g-zj p a span { display:block; font-size:0.75rem; color:#666; line-height:1.25rem; padding:1rem 0 0; text-align:center;}

/*新闻中心*/
.g-dt { background:#f1f1f2; height:21.08rem; margin:1.4rem 0 0; overflow:hidden;}
.g-dt .m-bt01 i { margin:1rem auto 0;}
.g-dt .m-cnt { display:block; padding:0 0 0 5.67rem; height:2rem;}
.g-dt .m-cnt li { float:left; color:#666; font-size:1rem; margin-right:1.25rem;}
.g-dt .m-cnt li.z-on { color:#dfb458; font-weight:bold;}

.g-dt .sclwrap_box { height:17.17rem}
.g-dt .con { float:left; padding-top:0.42rem;}
.g-dt .con p { padding:0 0.42rem;}
.g-dt .con p a { display:block; height:6.25rem}
.g-dt .con p a img { width:12.54rem; height:5.17rem; float:left;}
.g-dt .con p a span { width:12.67rem; float: right;}
.g-dt .con p a span em { display:block; font-size:0.75rem; color:#333; line-height:1rem; height:2rem; overflow:hidden;}
.g-dt .con p a span i { display:block; font-size:0.58rem; color:#777; line-height:1rem; height:3rem; overflow:hidden;}