html{color:#333;-webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%;font-size: 62.5%; font-family:microsoft yahei; font-size:0.24rem;}
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;}
h1,h2{ font-weight:bold}
em,i{ font-style:normal}
ul,li{list-style:none}
a{text-decoration:none;}
b,strong{ font-weight:bold}
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;}


html, body {position: relative; height: 100%; }
body {background: #fff; font-size:0.24rem; color:#333; }
.swiper-container { 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; }

.content{position: relative;width:7.2rem;overflow: hidden;margin: -44px auto 0;}
.content1{position: relative;width:100%;overflow: hidden;margin: -44px auto 0;}

.bg1{background: url("../img/bg1.jpg") no-repeat center center;background-size:cover;text-align: center;}
.bg2{background: url("../img/bg2.jpg") no-repeat center center;background-size:cover;text-align: center;}
.bg3{background: url("../img/bg3.jpg") no-repeat center center;background-size:cover;text-align: center;}




.title{margin:0 auto;}

/*封面*/
.cover{background: url("../img/cover-bg.jpg") no-repeat center center;background-size:cover;text-align: center;}
.cover-img1{position: absolute;top: 0;right: 0;width: 1.24rem;}
.cover-title{width:7.04rem;margin:0 auto;padding-top:1.35rem}
.cover-img2{width:4.4rem;margin:.2rem auto 0;}

/*导语*/
.lead .content1{height:9.41rem;background: url("../img/lead-bg.png") no-repeat center center;background-size: 7.5rem 9.41rem;}
.lead .title{width:.82rem;}
.lead-img{position:relative;z-index:999;}
.lead-img1{width:3.46rem;margin-bottom:.05rem;}
.lead-img2{width:1.73rem;margin:0 .05rem 0 .14rem;}
.lead-img3{width:1.54rem;}
.lead-main{margin-top: 1.2rem;}
.lead-main .left-body{box-sizing:border-box;width:3.85rem;height: 4.5rem;text-align:left;padding:0 .2rem;display: flex;justify-content: center;align-content: center;}
.lead-main .left-body p{text-indent:2em;font-size:.2rem;line-height: .34rem;}
.lead-main .left-body b{font-size: .24rem;}
.lead-main .right-body{position:relative;width:3.55rem;margin-top:.3rem;padding-top:.12rem}
.lead-bg{position:absolute;right:0;top:0;width:3.2rem;height:4rem;background:#004d99}

/*产品简介*/
.introduction .title{width:1.38rem;margin-bottom:.55rem;}
.introduction-img{width:7.2rem;margin:0 auto;}
.introduction-article{box-sizing: border-box;height: 3.3rem;margin-top: .1rem;padding:.12rem .2rem 0 .2rem;background:url("../img/introduction-bg.jpg") no-repeat center center;background-size: 100% 100%;text-align:left;font-size:0;}
.introduction-article span{display:inline-block;font-size:.2rem;box-sizing:border-box;padding-left: .07rem;border-left:.02rem solid #004d99;}
.introduction-article p{padding:.06rem 0}
.introduction-article .text1{width: 2.64rem;}
.introduction-article .text2{width: 2.12rem;}
.introduction-article .text4{width:3.91rem;}
.introduction-article .logo{width:2.06rem;margin:0 auto .2rem;}

/*外观鉴赏*/
.appearance .title{width:1.37rem;margin-bottom:.48rem;}
.appearance-main{position:relative;padding-top:1rem;overflow: hidden;}
.appearance-img{position:relative;width:7.2rem;margin:0 auto;}
.appearance-alt{position:absolute;bottom:.4rem;left:calc( 50% - 1.7rem );width:3.4rem;height:.5rem;margin:0 auto;line-height: .5rem;font-size: 0;background: url("../img/bg.png");}
.appearance-alt i{display: inline-block;vertical-align: middle;zoom: 1;width:.83rem;height: .01rem;background: #fff;}
.appearance-alt strong{display: inline-block;vertical-align: middle;zoom: 1;font-size: .24rem;color:#fff;padding: 0 .3rem;}
.appearance-text{position:relative;box-sizing:border-box;width:6.4rem;height:1.4rem;margin:.22rem auto 0;padding:0 .3rem 0 .5rem ;background:#004d99;text-align:left;display:flex;align-items:center;}
.appearance-text p{color:#fff;font-size:.2rem;}
.appearance-text .border{position:absolute;left:.27rem;top:calc( 50% - .335rem );width:.02rem;height:.67rem;background:#ffd20c;}
.pagination{top: 0!important;font-size:0}
.pagination .swiper-pagination-bullet{display:inline-block;height: .4rem;width: .96rem;border-radius: .05rem;border:.01rem solid #004d99;line-height: .4rem;opacity:1;background-color:transparent;font-size:.2rem}
.pagination .swiper-pagination-bullet-active{background: #004d99;color:#ffd20c;}

/*工艺展示*/
.process-article{width:7.18rem;margin:.2rem auto 0;text-align:left;background: #004d99;box-sizing:border-box;padding:.4rem .3rem .4rem}
.process-article .border{width:.86rem;margin-bottom:.2rem}
.process-article h2{font-size:.24rem;color:#ffd20c;margin-bottom:.1rem}
.process-article p{font-size:.2rem;color:#fff;line-height:.32rem}
.process .title{width:1.37rem;margin-bottom: .5rem;}
.process-main{display:flex;justify-content:center}
.process-text{position:relative;width:2.5rem;height:4.3rem;background:url("../img/process-bg.jpg") no-repeat center center;background-size: 100% 100%;z-index: 999;}
.process-text .text{position:absolute;font-size:.2rem;color:#ffd20c;display:flex;align-items:center;width:3.8rem;}
.process-text .text .circle{display:block;width:.11rem;height:.11rem;border-radius:.11rem;background:#ffd20c;margin-left:.05rem;}
.process-text .text .border{display:block;height:.01rem;background:#ffd20c;}
.process-text .text1{left:.05rem;top:.8rem}
.process-text .text1 .border{width:0}
.process-text .text2{left:.9rem;top:1.3rem}
.process-text .text2 .border{width:0}
.process-text .text3{left:.25rem;top:2rem}
.process-text .text3 .border{width:0}
.process-text .text4{left:.53rem;top:2.5rem}
.process-text .text4 .border{width:0}
.process-text .logo{width:2.05rem;margin:0 auto;padding-top:3.5rem}
.process-img{width:4.58rem;border:.01rem solid #e5e5e5;margin-left:.08rem}


@-webkit-keyframes lineGrow1 {
    0% {
        width:0;
    }

    100% {
        width:1.25rem;
    }
}

@keyframes lineGrow1 {
    0% {

        width:0;
    }

    100% {

        width:1.25rem;
    }
}

.lineGrow1 {
    -webkit-animation-name: lineGrow1;
    animation-name: lineGrow1;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
}
@-webkit-keyframes lineGrow2 {
    0% {
        width:0;
    }

    100% {
        width:1.77rem;
    }
}

@keyframes lineGrow2 {
    0% {

        width:0;
    }

    100% {

        width:1.77rem;
    }
}

.lineGrow2 {
    -webkit-animation-name: lineGrow2;
    animation-name: lineGrow2;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
}
@-webkit-keyframes lineGrow3 {
    0% {
        width:0;
    }

    100% {
        width:2.07rem;
    }
}

@keyframes lineGrow3 {
    0% {

        width:0;
    }

    100% {

        width:2.07rem;
    }
}

.lineGrow3 {
    -webkit-animation-name: lineGrow3;
    animation-name: lineGrow3;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
}
@-webkit-keyframes lineGrow4 {
    0% {
        width:0;
    }

    100% {
        width:1.96rem;
    }
}

@keyframes lineGrow4 {
    0% {

        width:0;
    }

    100% {

        width:1.96rem;
    }
}

.lineGrow4 {
    -webkit-animation-name: lineGrow4;
    animation-name: lineGrow4;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
}

/*锁扣设计*/

.design .title{width:1.38rem;margin-bottom:.15rem;}
.design-main{display:flex;align-items:center;flex-direction: column;}
.design-main li{margin-top:.35rem}
.design-img{width:3.5rem;}
.design-text{width:3.6rem;height:2.1rem;box-sizing:border-box;padding:0 .07rem;display:flex;justify-content:center;flex-direction:column;}
.design-text h2{width:1.79rem;height:.35rem;border-radius:.06rem;line-height:.35rem;margin:0 auto;font-size:.22rem;color:#fff;border:.01rem solid #fff;margin-bottom:.3rem}
.design-text p{font-size:.2rem;text-align:left;color:#fff}
.marginr{margin-left:.2rem;}

/*评测现场1*/
.evaluation1 .title{width:1.67rem;margin-bottom:.3rem;}
.evaluation1-main{position: relative;padding-top:1.25rem;}
.pagination1{top: 0!important;font-size:0;z-index: 0;}
.pagination1 .swiper-pagination-bullet{display:inline-block;box-sizing:border-box;padding-top:.1rem;height: .9rem;width: .9rem;border-radius: .05rem;border:.01rem solid #004d99;color:#004d99;line-height: .3rem;opacity:1;background-color:transparent;font-size:.2rem;}
.pagination1 .swiper-pagination-bullet-active{background: #004d99;color:#ffd20c;}
/*screen1*/
.evaluation1 .screen1 .top-block{padding-bottom:.17rem;border-bottom:.01rem dashed #bfbfbf}
.evaluation1 .screen1 .bottom-block{padding-top:.2rem;}
.evaluation1 .screen1 .left-body{text-align:right}
.evaluation1 .screen1 .left-body h2{display:inline-block;width:1.97rem ;height:.33rem;line-height:.33rem;border-radius:.04rem;background:#004d99;font-size:.2rem;color:#ffd20c;text-align:center;margin-top:.13rem}
.evaluation1 .screen1 .right-body{width:3.66rem;margin-left:.08rem}
.evaluation1 .screen1 .evaluation-img2{margin:0 auto}
.evaluation1 .screen1 .evaluation-text{font-size:.2rem;text-align:left;height:1.6rem;display:flex;justify-content:center;flex-direction:column}
.evaluation1 .screen1 .evaluation-text p{text-indent:2em;text-align:justify}
.evaluation-img1,.evaluation-img2{width:3.4rem;}
/*screen2*/
.screen2{width:6.6rem}
.screen2 .evaluation-images{}
.evaluation-img3{width:3.2rem;}
.evaluation-img3:first-child{margin-right:.13rem}
.screen2 .border{width:.86rem;margin:0 auto .35rem;}
.screen2 .evaluation-text{margin-top:.15rem;padding:.25rem .35rem .4rem;background:#004d99;}
.screen2 .evaluation-text p{text-align:left;color:#ffd20c;font-size:.2rem}

/*screen3*/
.evaluation1 .screen3 .evaluation-text{position:relative;width: 7.28rem;margin:0 auto;height:1.8rem;background:#004d99;display:flex;align-items:center;box-sizing:border-box;padding:0 .3rem 0 .5rem;margin-top:.22rem;}
.evaluation1 .screen3 .border{position:absolute;left:.25rem;top:calc( 50% - .335rem );width:.02rem ;height:.67rem;background:#ffd20c}
.evaluation1 .screen3 .evaluation-text p{font-size:.2rem;color:#ffd20c;text-align:left}
.evaluation1 .screen3 .evaluation-images{position:relative;overflow: hidden;padding-bottom: .8rem;margin-top: .35rem;}
.evaluation1 .screen3 .evaluation-img5{position: relative;width: 3.6rem;}
.evaluation1 .screen3 .evaluation-img5 img{height:2.4rem}
.evaluation1 .screen3 .swiper-slide .evaluation-img5:first-child{margin-right:.08rem}
.evaluation1 .screen3 .evaluation-img5 strong{position: absolute;right:0;bottom:0;width:1.07rem;height:.8rem;background: url("../img/evaluation-bg.png") no-repeat center center;background-size: 100% 100%;text-align: right;color:#fbcf0b;box-sizing: border-box;padding: .32rem .06rem 0 0;}


.evaluation1 .screen3{position:relative;overflow: hidden;padding-bottom: .5rem;margin-top: .3rem;}
.pagination2{bottom: .1rem!important;font-size:0;}
.pagination2 .swiper-pagination-bullet{display:inline-block;box-sizing:border-box;padding-top:.1rem;height: .27rem;width: .27rem;border-radius:100%;border:.01rem solid #004d99;opacity:1;background-color:transparent;}
.pagination2 .swiper-pagination-bullet-active{background: #004d99;}

/*screen4*/
.evaluation1 .screen4{position:relative;overflow: hidden;padding-bottom: .5rem;margin-top: .3rem;}
.evaluation1 .screen4 .swiper-slide{flex-direction:column;}
.pagination3{bottom: .1rem!important;font-size:0;}
.pagination3 .swiper-pagination-bullet{display:inline-block;box-sizing:border-box;padding-top:.1rem;height: .27rem;width: .27rem;border-radius:100%;border:.01rem solid #004d99;opacity:1;background-color:transparent;}
.pagination3 .swiper-pagination-bullet-active{background: #004d99;}
.evaluation-img6{width:7.2rem}
.evaluation1 .screen4 .evaluation-text{position:relative;width:6.4rem;height:1.4rem;background:#004d99;display:flex;align-items:center;box-sizing:border-box;padding:0 .3rem 0 .5rem;margin-top:.22rem}
.evaluation1 .screen4 .border{position:absolute;left:.25rem;top:calc( 50% - .335rem );width:.02rem ;height:.67rem;background:#ffd20c}
.evaluation1 .screen4 .evaluation-text p{font-size:.2rem;color:#ffd20c;text-align:left}
/*screen5*/
.screen5 .evaluation-images{display:flex;justify-content:center}
.screen5 .left-body{width:4rem;height: 3.8rem;margin-right: .06rem;overflow:hidden}
.screen5 .left-body img{width:auto;height:3.8rem}
.screen5 .valuation-img7{width:3.24rem;}
.screen5 .valuation-img7:first-child{margin-bottom:.08rem}
.screen5 .evaluation-text{box-sizing:border-box;margin-top:.1rem;width:7.3rem;height:2.25rem;padding:.4rem .4rem 0 .5rem;text-align:left;background:#004d99;color:#ffd20c}
.screen5 .evaluation-text h2{font-size:.2rem;padding-bottom:.1rem}
.screen5 .evaluation-text p{font-size:.2rem;line-height:.34rem}

/*评测现场2*/
.evaluation2 .title{width:1.67rem;margin-bottom:.3rem;}
.evaluation2-main{position: relative;padding-top: 1.1rem;}
.pagination4{top: .1rem!important;font-size:0;z-index: 0;}
.pagination4 .swiper-pagination-bullet{display:inline-block;box-sizing:border-box;padding-top:.1rem;height: .9rem;width: .9rem;border-radius: .05rem;border:.01rem solid #004d99;color:#004d99;line-height: .3rem;opacity:1;background-color:transparent;font-size:.2rem;}
.pagination4 .swiper-pagination-bullet-active{background: #004d99;color:#ffd20c;}
.pagination3 .swiper-pagination-bullet-active{background: #004d99;}

/*screen1*/
.evaluation2 .screen1{position:relative;overflow: hidden;padding-bottom: .5rem;margin-top: .35rem;display: flex;}
.evaluation2 .screen1 .evaluation-img5{width:4.3rem}
.evaluation2 .screen1 .evaluation-img5:first-child{margin-bottom:.07rem}
.evaluation2 .screen1 .right-body{width:2.95rem;height: 5.75rem;margin-left:.06rem;box-sizing:border-box;padding:0 .25rem;background:#004d99;display:flex;justify-content:center;flex-direction:column}
.evaluation2 .screen1 .right-body .border{width:.86rem;margin:0 auto .3rem}
.evaluation2 .screen1 .right-body p{font-size:.2rem;text-align:left;color:#ffd20c;line-height:.34rem}

/*screen2*/
.evaluation2 .screen2{position:relative;overflow: hidden;padding-bottom: .5rem;margin-top: .3rem;}
.evaluation2 .screen2 .swiper-slide{flex-direction:column;}
.evaluation2-img6{width:7.2rem;}
.evaluation2 .screen2 .evaluation-text{position:relative;width:6.4rem;height:1.4rem;background:#004d99;display:flex;align-items:center;box-sizing:border-box;padding:0 .3rem 0 .5rem;margin-top:.22rem}
.evaluation2 .screen2 .border{position:absolute;left:.25rem;top:calc( 50% - .335rem );width:.02rem ;height:.67rem;background:#ffd20c}
.evaluation2 .screen2 .evaluation-text p{font-size:.2rem;color:#ffd20c;text-align:left}
.pagination5{bottom: .1rem!important;font-size:0;}
.pagination5 .swiper-pagination-bullet{display:inline-block;box-sizing:border-box;padding-top:.1rem;height: .27rem;width: .27rem;border-radius:100%;border:.01rem solid #004d99;opacity:1;background-color:transparent;}
.pagination5 .swiper-pagination-bullet-active{background: #004d99;}

/*screen3*/
.evaluation2 .screen3 .evaluation-text{position:relative;width: 7.28rem;margin:0 auto;height: 2.6rem;background:#004d99;display:flex;align-items:center;box-sizing:border-box;padding:0 .3rem 0 .5rem;}
.evaluation2 .screen3 .border{position:absolute;left:.25rem;top:calc( 50% - .335rem );width:.02rem ;height:.67rem;background:#ffd20c}
.evaluation2 .screen3 .evaluation-text p{font-size:.2rem;color:#ffd20c;text-align:left}
.evaluation2 .screen3 .evaluation-images{position:relative;overflow: hidden;padding: .15rem 0 .45rem;width:6.9rem;margin: 0 auto;}
.evaluation2 .screen3 .evaluation-images .swiper-slide{flex-wrap:wrap;width:6.9rem!important;}
.evaluation2 .screen3 .evaluation-lg-img7{position:relative;width: 6.9rem;margin-bottom:.1rem}
.evaluation2 .screen3 .evaluation-lg-img7 p{position:absolute;bottom:0;left:0;background:url("../img/bg.png");width:100%;text-align:center;padding:.1rem 0;color:#fff;font-size:.2rem}
.evaluation2 .screen3 .evaluation-md-img7{width: 3.4rem;}
.evaluation2 .screen3 .swiper-slide .margin1{margin-right:.1rem;}


.pagination6{bottom: .1rem!important;font-size:0;}
.pagination6 .swiper-pagination-bullet{display:inline-block;box-sizing:border-box;padding-top:.1rem;height: .27rem;width: .27rem;border-radius:100%;border:.01rem solid #004d99;opacity:1;background-color:transparent;}
.pagination6 .swiper-pagination-bullet-active{background: #004d99;}


/*screen4*/
.evaluation2 .screen4{display:flex;align-items:center;flex-direction:column}
.evaluation2-img6{width:7.2rem;height:4rem;}
.evaluation2 .screen4 .evaluation-text{position:relative;width:6.4rem;height:1.4rem;background:#004d99;display:flex;align-items:center;box-sizing:border-box;padding:0 .3rem 0 .5rem;margin-top:.22rem}
.evaluation2 .screen4 .border{position:absolute;left:.25rem;top:calc( 50% - .335rem );width:.02rem ;height:.67rem;background:#ffd20c}
.evaluation2 .screen4 .evaluation-text p{font-size:.2rem;color:#ffd20c;text-align:left}

/*评测总结报告*/
.report .title{width:2.55rem;margin-bottom:.15rem;}
.report .logo{width:3.81rem;margin:0 auto .33rem;}
.report-images{display: flex;justify-content:center;}
.report-images .report-img{width: 1.29rem;margin:0 .2rem .3rem ;}
.report-images .icons{font-size:0}
.report-images .icons i{display: inline-block;width:.22rem;margin:0 .03rem}

.report-text{margin-top: .15rem;text-align: left;padding: 0 .5rem;}
.report-text p{font-size: .2rem;color:#fff;line-height: .3rem;text-indent:2em}

/*小编手记*/
.team-title{text-align: center;margin-bottom: .25rem;}
.team-title h2{font-size: .3rem;color:#6b6b6b;font-weight:normal;}
.team-title strong{font-size:.24rem;text-transform: uppercase;font-weight:normal}

.planner{display: flex;justify-content: center;align-items: center;line-height:.36rem;font-size:.2rem;color:#6b6b6b;}
.planner .left-body{text-align:right}

.follow{display:flex;align-items:center;justify-content:center;margin-top: .6rem;}
.follow .company{width: 1.45rem;padding-right: .4rem;text-align: center;}
.gz_nav{margin-top:.1rem}
.follow .code{width: 1.78rem;}


.mz-title{padding:.65rem 0 .2rem;text-align:center;}
.mz-title h2{font-size:.3rem;font-weight:normal;color:#6b6b6b;}
.mz-title h2 b{color:#e38044}
.mz-title strong{font-size:.24rem;text-transform: uppercase;font-weight:normal}
.mzsm p{font-size: .2rem;line-height: .34rem;text-align:center;color:#6b6b6b;}

#top{    position: absolute;right: 0;top: 30%;width: 1.22rem;z-index: 999;display: none;}
footer{display: none;}