html{color:#333;-webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%;font-size: 62.5%;}
@media only screen and (max-width: 2047px) and (min-width: 1601px){
    html {
        font-size: 100px!important;
    }
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
body{max-width: 750px;margin:0 auto;}
h1,h2{ font-weight:bold}
em,i{ font-style:normal}
a{text-decoration:none;}
img{border:none; width:100%; display:block}
.fl, .fr{_display: inline;}
.fl{float: left;}
.fr{float: right;}
.cl { clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}


.content{box-sizing: border-box;margin: 44px auto 0 auto;width:6.9rem;position: relative;overflow: hidden;}
.content1{box-sizing: border-box;margin: 44px auto 0 auto;width:100%;position: relative;overflow: hidden;}

html, body {position: relative; height: 100%; }
body {background: #fff; font-size:0.24rem; color:#333; }
.swiper-container { width: 100%;height: 100%;}
.swiper-wrapper{width:100%;height:100%;}
.swiper-slide {     position: relative;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }
.pagination{position: relative;padding-bottom:.8rem}
.swiper-pagination{width:100%!important;bottom:0!important;text-align: center;position: absolute;}
.paginate1{text-align:center;}
.paginate1 .swiper-pagination-bullet {width:.2rem;height:.2rem;background:#707070;opacity:1;}
.paginate1 .swiper-pagination-bullet-active{background:#e85e0e}

.pr{ position:relative}
.u-topbar {position: fixed;top: 0;z-index: 9999;width: 100%;max-width: 750px;}
.ns-box{max-width: 670px;}

@-webkit-keyframes start{
    0%,30%{opacity:0;-webkit-transform:translate(0,10px);}
    60%{opacity:1;-webkit-transform:translate(0,0);}
    100%{opacity:0;-webkit-transform:translate(0,-8px);}
}
@-moz-keyframes start{
    0%,30%{opacity:0;-moz-transform:translate(0,10px);}
    60%{opacity:1;-moz-transform:translate(0,0);}
    100%{opacity:0;-moz-transform:translate(0,-8px);}
}
@keyframes start{
    0%,30%{opacity:0;transform:translate(0,10px);}
    60%{opacity:1;transform:translate(0,0);}
    100%{opacity:0;transform:translate(0,-8px);}
}
@-webkit-keyframes end{
    0%,30%{opacity:1;-webkit-transform:scale3d(1,1,1);}
    60%{opacity:1;-webkit-transform:scale3d(.9,.9,1);}
    100%{opacity:1;-webkit-transform:scale3d(.8,.8,1);}
}
@-moz-keyframes end{
    0%,30%{opacity:1;-moz-transform:scale3d(1,1,1);}
    60%{opacity:1;-moz-transform:scale3d(.9,.9,1);}
    100%{opacity:1;-moz-transform:scale3d(.8,.8,1);}
}
@keyframes end{
    0%,30%{opacity:1;transform:scale3d(1,1,1);}
    60%{opacity:1;transform:scale3d(.9,.9,1);}
    100%{opacity:1;transform:scale3d(.8,.8,1);}
}
#array{position:absolute;z-index:999;-webkit-animation:start 1.5s infinite ease-in-out;width:0.47rem;height:0.49rem;bottom:10px;left:45%;}



.title i{width:.94rem;height:.94rem;background:#e85e0e;font-size:1rem;color:#fff;text-align:center;line-height:.9rem;font-family:"宋体";font-weight:bold}
.biaot{height:.94rem;padding:0 .1rem}
.biaot h2{font-size:.48rem;line-height:.5rem}
.biaot h2 b{color:#e85e0e;}
.biaot strong{font-size:.36rem;color:#888;text-transform:uppercase;line-height:.58rem}
.subtitle{position: absolute;top: 0;right: 0;width:.46rem;padding:.1rem 0;border:.02rem solid #333;text-align: center;font-size: .2rem;}
.tcolor{color:#fff;}
.subcolor{color:#fff;border-color:#fff;}

.title1{color:#fff;text-align:center;margin: .3rem 0 .1rem 0;}
.title1 h2 b{color:#e85e0e}
.title1 strong{text-transform:uppercase;color:#888;}

.bg2{background: url("../img/bg2.jpg") no-repeat center center;background-size: cover;}
.bg3{background: url("../img/bg3.jpg") no-repeat bottom right #f5f5f5;background-size:3.1rem;height:5.26rem}
.bg4{background: url("../img/bg4.jpg") no-repeat center center;background-size: cover;}
.bg5{background: url("../img/bg5.jpg") no-repeat center center;background-size: cover;}



/*封面*/
.cover{background: url("../img/bg1.jpg")no-repeat center center;background-size:cover;}
.cover-title{width:2.92rem;padding-left:.5rem}
.cover-title1{width:6.05rem;padding:0  0  5rem .5rem}

/*产品定位*/
.orientation-article{padding:.2rem .8rem 0 0}
.orientation-article p{line-height:.4rem}
.orientation-img1{width:1.83rem;padding:.2rem 0}
.orientation-img2{width:6.9rem;margin-top:.2rem}

/*设计赏析*/
.design-main{padding: .3rem .8rem 0 0;}
.design-main li{position:relative;padding: 0 0 .2rem 1.2rem;color: #fff;}
.design-main li p{line-height:.38rem;font-size:.22rem}
.design-main li p i{color:#e85e0e}
.design-main em{position:absolute;top:.1rem;left: 0;display: block;width:.89rem;}
.design-img{width:6.9rem}

/*核心亮点*/
.key-icon{width:1.32rem;}
.key-img1{width:2.56rem;}
.key-img{width:1.17rem;padding: .4rem 0 0 0.4rem;}
.key-main{padding:.9rem 0 .6rem 0;}
.key-main .left-body{height: 3.1rem;}
.key-main .right-body{width:6.9rem;}
.key-article{width:3.3rem;padding-right:.8rem}
.key-article p{margin-top:.1rem;font-size:.22rem;line-height:.38rem;background:#e85e0e;color:#fff}
.key-article .first-text{margin-top:.2rem;}


/*八大空间*/
.spaces-main{margin-top:.4rem;padding:1.4rem 0 .6rem 0;background:url("../img/spaces-bg1.png") no-repeat top left;background-size:2.46rem 4.74rem}
.spaces-main .swiper-slide h2{text-align:center;width:2.6rem;height:.8rem;line-height:.8rem;font-size:.36rem;color:#fff;margin:.6rem auto;background:#e85e0e;}
.spaces-main .spaces-img{width:6.9rem}

/*策划团队*/
.team-main{text-align: center;color:#fff}
.team-main p{line-height:.4rem}
.notes-title h2{font-size:.48rem}
.notes-title strong{font-size:.36rem;}
.notes-text{text-align:left;font-size:.22rem}
.follow{display:flex;align-items:center;justify-content:center;margin-top: .1rem;}
.follow .company{width: 1.31rem;padding-right:.2rem;}
.gz_nav{margin-top:.1rem}
.follow .code{width:1.5rem;padding-right:.2rem}
.team-title h2,.mzsm-title h2{font-size:.36rem}
.mzsm{padding:0 .4rem;margin-top: .2rem;}
.mzsm p{font-size: .2rem;color:#fff;text-align: left;line-height: .4rem;text-indent:2em;text-align:center;}

footer{display:none}



