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

/*导航样式*/
.g-nav { position:relative; clear:both; border-top:solid 2px #009a3d;}
.g-nav a { float:left; height:3.38rem; line-height:3.38rem; width:33.3%; text-align:center; display:block; color:#000; position:relative; background:#e3f4ea}
.g-nav a:after { position:absolute; content:""; width:1px; height:100%; background:#b6c7bc; top:0%; right:0;}
.g-nav a:nth-child(3n):after { background:none}

/*DYNACO快速门性能卓越*/
.m-bt01 { text-align:center; padding:1.5rem 0 1rem;}
.m-bt01 a span { display:block; font-size:1.5rem; color:#000; text-transform:uppercase; font-weight:bold;}
.m-bt01 a span i { color:#009a3d}
.m-bt01 a span img { width:1.58rem; height:1.58rem; display:inline-block;}
.m-bt01 a em { display:block; font-size:0.75rem; color:#82898f; padding:0.25rem 0 0;}

.m-xn01 { height:4.67rem;}
.m-xn01 span { display:block; width:20%; text-align:center; float:left;}
.m-xn01 span img { display:block; width:1.67rem; margin:0 auto;}
.m-xn01 span em { display:block; padding:0.6rem 0 0; font-size:0.92rem; color:#000;}

.m-xn02 { position:relative; margin:0 0.85rem;}
.m-xn02 .m-cnt { display:block; position:absolute; top:13.79rem; left:0; z-index:999; width:25.5rem;}
.m-xn02 .m-cnt li { float:left; width:12.46rem; height:2.79rem; line-height:2.79rem; background:#4d4d4d; text-align:center; color:#e7e7e7; font-size:1.25rem; margin-right:1px;}
.m-xn02 .m-cnt li.z-on { background:#009a3d;}

.m-xn02 .sclwrap_box {height:26.2rem; overflow:hidden}
.m-xn02 .con { float:left}
.m-xn02 .con a { display:block; width:25rem; margin:0 auto;}
.m-xn02 .con p { width:24.76rem; height:9.17rem; border:solid 2px #dedede; margin:2.4rem 0 0; background:#ededed}
.m-xn02 .con p em { display:block; padding:1rem 1rem 0; font-size:1.25rem; color:#000;}
.m-xn02 .con p span { display:block; padding:0.5rem 1rem 0; font-size:1rem; color:#828282; line-height:1.5rem;}

/*快速门分类*/
.g-zx {margin-left:0.83rem;}
.g-zx p { width:12.25rem; height:19rem; background:#e5f5eb; float:left; margin-right:0.5rem; }
.g-zx p em a { display:block; font-size:1.08rem; color:#009a3d; height:2.92rem; line-height:2.92rem; border-bottom:solid 2px #ceecd9; padding-left:1rem;}
.g-zx p span { padding:0.5rem 0 0 1rem; display:block;}
.g-zx p span a { display:block; color:#000; height:2.5rem;}

/*快速门持续创新*/
.g-cx { background:url(/mobile/Images/Index/cx_bg.gif) no-repeat center 0; height:52.54rem; overflow:hidden;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.g-cx .c-list { width:24.92rem; height:13.25rem; border-top:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5; margin:0 auto;}
.g-cx .c-list li { float:left; font-size:1rem; color:#000; width:33%; height:6.63rem; border-right:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; position:relative; text-align:center;}
.g-cx .c-list li i { display:block; width:1.67rem; display:none; position:absolute; top:0; left:3.3rem;}
.g-cx .c-list li img { display:block; width:1.67rem; height:1.67rem; margin:1.67rem auto 0.6rem;}
.g-cx .c-list li.z-on { color:#fff; background:#009a3d}
.g-cx .c-list li.z-on i { display:block;}

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

.m-cxcon .no_ov { margin:0.5rem 0.83rem;}
.m-cxcon .sclwrap_box { height:32.42rem;}
.m-cxcon .no_ov .m-box .page { float:left}
.m-cxcon .no_ov .m-box .page dl dt { width:25rem;}
.m-cxcon .no_ov .m-box .page dl dd { background:url(/mobile/Images/Index/cx_pbg.gif) no-repeat; width:23.38rem; height:21.79rem; margin:-2.5rem auto 0; position:relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-cxcon .no_ov .m-box .page dl dd p { padding:1.33rem 0 0 1.33rem;}
.m-cxcon .no_ov .m-box .page dl dd p a { display:block; font-size:1rem; color:#000}
.m-cxcon .no_ov .m-box .page dl dd p em { display:block; font-size:0.92rem; color:#a3a3a3; line-height:1.5rem; padding:0.5rem 1.67rem 0 0; height:6.25rem; overflow:hidden;}
.m-cxcon .no_ov .m-box .page dl dd span { display:block; padding:2.5rem 0 0;}
.m-cxcon .no_ov .m-box .page dl dd span a { display:block; float:left; width:33%; text-align:center; color:#fff; padding-bottom:0.5rem;}
.m-cxcon .no_ov .m-box .page dl dd span a img { width:2.25rem; margin:0 auto 0.5rem; display:block;}

/*优势*/
.g-ys { background:#d9dbdd}
.g-ys .m-bt01 a em { display:block; font-size:1rem;}

.g-ys .sclwrap_box { height:39.38rem; overflow:hidden}
.g-ys .con { float:left}
.g-ys .con .m-pic01 { display:block; line-height:0; position:relative;}
.g-ys .con .m-pic01 em { display:block; position:absolute; width:6rem; height:8.71rem; top:11.67rem; left:15rem;}
.g-ys .con .m-pic01 span { display:block; position:absolute; width:4.88rem; height:4.88rem; top:5.54rem; left:20rem;}
.g-ys .con .m-pic01 b { display:block; position:absolute; width:13.21rem; top:16.08rem; left:12.63rem;}
.g-ys .con dl { padding:0.5rem 0.83rem 0;}
.g-ys .con dl dt a { font-size:1.25rem; color:#009a3d; height:1.83rem; border-bottom:solid 2px #009a3d; display:block; margin-bottom:0.5rem;}

.g-ys .con dl dd p { clear:both;}
.g-ys .con dl dd p img { width:0.5rem; float:left; display:block; padding:0.65rem 0 0;}
.g-ys .con dl dd p em { display:block; float: right; width:23.83rem; color:#000; font-size:1rem; padding-bottom:0.25rem; line-height:1.75rem;}

.g-ys .m-cnt{ padding:1rem 0 0 8rem; height:1.83rem;}
.g-ys .m-cnt li{ background:#fff; width:1.08rem; height:1.08rem; float:left; margin:0 3rem 0 0;
border-radius:1rem;      
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}
.g-ys .m-cnt li.z-on{ background:#009a3d;}

/*合作案例*/
.g-al { position:relative;}

.g-al .prev { position:absolute; top:12.5rem; left:0; width:2.13rem; z-index:999;}
.g-al .prev img { width:100%;}
.g-al .next { position:absolute; top:12.5rem; right:0; width:2.13rem; z-index:999;}
.g-al .next img { width:100%;}

.g-al .nowarp { margin:0 1.42rem;}
.g-al .nowarp .sclwrap_box{ height:30.88rem;}
.g-al .nowarp .m-box .con { float:left}
.g-al .nowarp .m-box .con span { display:block; width:23.88rem;}
.g-al .nowarp .m-box .con span a em { display:block; font-size:1rem; color:#000; padding:0.5rem 0;}
.g-al .nowarp .m-box .con span a i { display:block; font-size:1rem; color:#8d8d8d; line-height:1.5rem; padding-bottom:1rem;}
.g-al .nowarp .m-box .con p a { width:7.42rem; height:2.83rem; line-height:2.83rem; background:#dedede; font-size:1rem; color:#000; text-align:center; display:block; float:left;}
.g-al .nowarp .m-box .con p a:nth-child(2) { margin-left:0.42rem; background:#009a3d; color:#fff;}

/*合作伙伴*/
.g-hz { position:relative;}

.g-hz .prev { position:absolute; top:1.5rem; left:0; width:2.13rem; z-index:999;}
.g-hz .prev img { width:100%;}
.g-hz .next { position:absolute; top:1.5rem; right:0; width:2.13rem; z-index:999;}
.g-hz .next img { width:100%;}

.g-hz .nowarp { margin:0 1rem;}
.g-hz .nowarp .sclwrap_box{ height:7rem;}
.g-hz .nowarp .m-box .con { float:left}
.g-hz .nowarp .m-box .con p a { width:7.8rem; text-align:center; float:left; display:block; margin-right:0.5rem;}
.g-hz .nowarp .m-box .con p a:nth-child(3) { margin:0;}
.g-hz .nowarp .m-box .con p a img { width:7.67rem; height:4.58rem; border:solid 1px #e6e5e5;}
.g-hz .nowarp .m-box .con p a em { display:block; font-size:0.83rem; color:#bdbdbd}

/*动态*/
.g-dt { background:#d9dbdd; padding:1.25rem 0 0;}
.g-dt .m-bt { display:block; font-size:1.5rem; color:#000; font-weight:bold; padding:0 0 0.8rem 0.92rem;}
.g-dt .m-cnt { display:block; margin:0 0.92rem 0.68rem; height:2.21rem; position:relative;}
.g-dt .m-cnt:before { position:absolute; content:""; width:100%; height:3px; background:#c3c5c6; top:1.5rem; left:0;}
.g-dt .m-cnt li { float:left; color:#000; font-size:1rem; position:relative; margin-right:5rem;}
.g-dt .m-cnt li:nth-child(3) { margin:0;}
.g-dt .m-cnt li.z-on { color:#009a3d;}
.g-dt .m-cnt li.z-on:before { position:absolute; content:""; width:100%; height:3px; background:#009a3d; top:1.5rem; left:0;}

.g-dt .sclwrap_box { height:22rem}
.g-dt .con { float:left;}
.g-dt .con p { padding:0 0.83rem;}
.g-dt .con p a { height:6.83rem; display:block; border-bottom:dashed 1px #b9bbbc; margin-bottom:0.58rem;}
.g-dt .con p a:nth-child(3) { border:0;}
.g-dt .con p a img { display:block; width:6.21rem; float:left; padding-right:0.83rem;}
.g-dt .con p a span { display:block; font-size:0.83rem; color:#8a8b8c; width:16.25rem; float:left; line-height:1.25rem;}
.g-dt .con p a em { display:block; font-size:1.08rem; color:#000; text-transform:uppercase;  padding:0.75rem 0 0.5rem;}

/*关于DYNACO快速门*/
.g-zj { background:#ccebd8; padding:1.08rem 0 0; height:26.15rem;}
.g-zj .m-bt { display:block; font-size:1.5rem; color:#000; text-align:center;}
.g-zj p { width:25rem; margin:0.5rem auto 1.5rem;}
.g-zj p a { display:block; width:24.75rem; height:11.92rem;}
.g-zj p em { display:block; font-size:1rem; color:#798c80; line-height:1.5rem;}
.g-zj i a { width:100%; height:2.71rem; line-height:2.71rem; background:#009a3d; font-size:1rem; color:#fff; text-align:center; display:block; }