@charset "utf-8";
/* CSS Document */
html {color: #222;background: #fff;	font-family: microsoft yahei;}
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;}
ol, ul, li { list-style: none; }
.fl, .fr { _display: inline; }
.fl { float: left; }
.fr { float: right; }
img {border: none;display: inline-block;width:100%;}
a { text-decoration: none; color:#333;}
.cl { clear: both; }
.cl:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; }

.wauto{margin:0 auto;position: relative;box-sizing: border-box;/* overflow: hidden; */}
img{width: 100%;height: 100%;}

/* 过渡效果 */
div, ul {transition: width .2s;}
/* title 公共样式 */
.part-title-wrap {
    font-family: SourceHanSansCN-Regular;
    margin-bottom: .69rem;
    font-size: .4rem;
}
.part-title-wrap .part-sort {
    font-size: .5rem;
    color: #dcdcdc;
}
.part-title-wrap .sub-title {
    margin-left: .22rem;
    color: #efefef;
}
.part-title-wrap .part-title {
    color: #222222;
    display: inline-block;
    font-size: .4rem;
    text-align: -webkit-right;
    font-family: SourceHanSansCN-Regular;
}
.part-title-wrap .part-title > hr {
    margin-top: 0.09rem;
    width: 0.76rem;
    height: 0.07rem;
    border: none;
}    
/* triangle */
.triangle {
    border-style: solid;
    border-color: black transparent transparent;
    padding: 0px; 
    width: 0px;
    height: 0px;
}


.wauto {padding: 0 .2rem;/* background-color: #fff; */}
.part-title-wrap {margin-bottom: .59rem;}
/* banner */
.banner {
    box-sizing: border-box;
    padding-top: .23rem;
    padding-bottom: .23rem;
    width: 100%;
    background-image: url(https://zt.cdnjm.cn/response/view/demo05/banner.png);
    background-repeat: no-repeat;
    /* background-position: center;
     */
     background-size: cover;
    height: auto;
}
.banner-detail {
    box-sizing: border-box;
    margin: 0 auto;
    width: 5rem;
    height:3.2rem;
    padding: 1.14rem 0 .56rem;
    text-align: center;
 
    background-size: contain;
    }
.banner-detail .brand-logo {width: 1.63rem;margin: auto;height: auto;}
.banner-detail .brand-logo > img{display: block;width: 100%;/* height: auto; */}
.banner-detail .brand-txt {margin: .2rem 0 .18rem;font-size: 0.7rem;}
.banner-detail .brand-desc {font-size: 0.28rem;font-weight: bold;/* line-height: 0.26rem; */color: #222222;margin-bottom: .06rem;}
.banner-detail .brand-en-desc {
    position: relative;
    font-size: 0.11rem;
    text-indent: .03rem;
    letter-spacing: .03rem;
}
.banner-detail .brand-en-desc .line{
    display: inline-block;
    position: absolute;
    top: 0.15rem;
    width: 0.35rem;
    height: 0.02rem;
    background: #434343;
}

.banner-detail .brand-en-desc .line-prev {
    left: 0;
}
.banner-detail .brand-en-desc .line-next {
    right: 0;
}

.banner-detail .website {margin: .48rem auto .5rem;width: 1.35rem;height: .32rem;}
.banner-detail .website > img {display: block;width: 100%;height: auto;}
.banner-detail .triangle {margin: 0 auto;border-width: .1rem;}
/* 前言 */
.preface-content {
    width: 100%;
    margin-top: .4rem;
}
.preface-content .preface-flag {
    box-sizing: border-box;
    color: #ffffff;
    text-align: center;
}
.preface-content .preface-flag .preface-txt-wrap {
    padding: .44rem 0 .1rem;
}
.preface-content .preface-flag .preface-txt {
    font-size: 0.22rem;
    font-weight: bold;
}
.preface-content .preface-flag .preface-txt .prev-txt {
    font-size: 0.36rem;
}
.preface-content .preface-flag .preface-txt-en {
    margin: .14rem 0 .23rem;
    font-size: 0.16rem;
}
.preface-content .preface-flag .preface-txt-wrap .line {
    display: block;
    width: 0.3rem;
    height: 0.04rem;
    background-color: #fff;
    margin: 0 auto;
}
.preface-content > p {margin-top:.29rem;padding-left: 3%;font-size: .24rem;line-height: 0.3rem;color: #333333;}
.preface-content .triangle {
    border-left: .735rem solid transparent;
    border-right: .735rem solid transparent;
    border-top-width: .4rem;
}
/* 产品概况 */
.part01 {padding-top: .62rem;}
.part01 .part-main {
    margin-top: .28rem;
}
.part01-left img{
    vertical-align: middle;
}
.part01 .part-main .part01-rigth {
    /* height: 5rem; */
    margin-top: 0;
    margin-left: 0;
    padding: .1rem .37rem .6rem .28rem;
    color: #ffffff;
    text-align: center;
    }
.part01 .part-main .part01-rigth > h3{
    margin-top: .3rem;
    margin-bottom: .3rem;
    display: inline-block;
    padding: .15rem .38rem;
    font-size: 0.3rem;
    border: solid 0.03rem #ffffff;
}
.part01 .part-main .part01-rigth .pro-list li{text-align: left;font-size: .26rem;font-weight: bold;line-height: .5rem;}
.part01 .part-main .part01-rigth .pro-list li p{float: left;}
.part01 .part-main .part01-rigth .pro-list li p.pro-txt {max-width: 60%;line-height: .4rem;}
.part01 .part-main .part01-rigth .pro-list .line {
    display: inline-block;
    margin-right: .12rem;
    color: #ffffff;
    vertical-align: top;
    font-size: .22rem;
}
/* 产品特色 */
.part02 {
    background-image: none;
    margin-top: 0;
    padding-top: .62rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/* .part02 .wauto {background-color: #ffffff;} */
.part02-main {
    margin: 0 .2rem;
    padding-top: 51%;
    box-sizing: border-box;
    background-image: url(./img/431f58be6b59b14e7758947cdd3e1718-1209225.jpg);
    background-position: 137.5% top;
    background-repeat: no-repeat;
    background-size: contain;
}
.part02-top img {vertical-align: middle;}
.part02-list {padding: .48rem .28rem .4rem;color: #ffffff;}
.part02-list > li {margin-bottom: .41rem;margin-right: .32rem;line-height: 0.36rem;}
.part02-list > li h3 {line-height: 0.38rem;font-size: .3rem; font-family: SourceHanSansCN-Bold;}
.part02-list > li p {margin-top:.16rem; font-size: .26rem;line-height: .36rem;}
.part02-list > li h3 .line {vertical-align: top;margin-right: .1rem;font-size: .2rem;}
.part02-right {height: 100%;}
/* 细节介绍 */
.part03 {background-image: none;padding-top: .62rem;background-size: 9.4rem;background-position: left bottom;background-repeat: no-repeat;background-size: 50% 62%;}
.part03 .part03-right {margin: 0;}
.part03 .part03-left {height: 100%;}
.part03 .part03-right {overflow: hidden;}
.part03 .part03-right li { box-sizing: border-box;position: relative;margin-bottom: .2rem;padding: .38rem .31rem .32rem;height: auto;background-color: #f9f9f9;transition: .2s;overflow: hidden;}
.part03 .part03-right li:last-child {margin-bottom: 0;}
.part03 .part03-right li h3 {font-size: .3rem;line-height: 0.38rem;font-weight: bold;}
.part03 .part03-right p {font-size: .24rem; line-height: .36rem; color: #666666;}
.part03 .part03-right li.theme-hover:hover {color: #ffffff;}
.part03 .part03-right .sort-num,
.part03 .part03-right .triangle {position: absolute;right: 0;}
.part03 .part03-right li:hover h3 {color: #ffffff;}
.part03 .part03-right li:hover p {color: #ffffff;}
.part03 .part03-right .sort-num {bottom: -.55rem;font-size: 1.28rem;letter-spacing: -0.1rem;color: #bcbcbc;opacity: 0.2;}
.part03 .part03-right .triangle {border-width: .08rem;bottom: -.08rem;right: -0.1rem;transform: rotate(-45deg);}

/* 性能评测 */
.part04 {padding-top: .56rem;}
.part04 .part04-main {position: relative;height: 5rem;background: #f9f9f9;}
.part04 .part04-main .part04-swiper {height: 4.14rem;}
.part04 .part04-main .part04-txt {position: relative;margin-left: 0;margin-top: .86rem;color: #ffffff;z-index: 1;}
.part04 .part04-main .part04-txt .opacity-bg.theme-bg{opacity: 1;}
.part04 .part04-main .part04-txt  .part04-txt-list {padding: .6rem .2rem .2rem .3rem;}
.part04 .part04-main .part04-txt .part04-txt-list li{box-sizing: border-box;float: left;padding-right: .3rem;min-height: 1.2rem; width: 50%; margin-bottom: .27rem;}
.part04 .part04-main .part04-txt .part04-txt-list h3 {font-size: 0.26rem;line-height: 0.38rem;margin-right: .1rem;}
.part04 .part04-main .part04-txt .part04-txt-list p{font-size: 0.2rem;/* width: 90%; */}
.part04 .part04-main .part04-txt .part04-txt-list .start {padding-top: 0;font-size: .3rem;}
.part04 .part04-main .part04-txt  .part04-txt-list p {line-height: 0.3rem;font-size: 0.16rem;}

.swiper-pagination.swiper-pagination-fraction {width: 100%;text-align: center;bottom: .18rem;font-size: .4rem;margin-left: 0;}
.swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {font-size: 0.4rem;}
.swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {font-size: 0.2rem;}
.swiper-button-prev {left: 2rem;background-image: url(https://zt.cdnjm.cn/response/view/demo05/prev.png);}
.swiper-button-next {right: 2rem; background-image: url(https://zt.cdnjm.cn/response/view/demo05/next.png); }
.swiper-button-next, .swiper-button-prev {top: 91%; outline: none;background-size: .27rem .27rem;}

/* 评测总结 */
.part05 {padding-top: .84rem;}
.part05-main .part05-right{
    background: #f9f9f9;
}
.part05-main .part05-left img{vertical-align: middle;}
.part05-main .part05-right .part05-txt {width:auto;margin: 0;background: #f9f9f9;}
.part05-main .part05-right .part05-txt > div {padding: .32rem .15rem .2rem .28rem;}
.part05-main .part05-right .part05-txt .line {margin-bottom: .22rem;display: block;width: 0.53rem;height: 0.06rem;}
.part05-main .part05-right .part05-txt p {font-size: 0.24rem;line-height: 0.4rem;color: #222222;}

/* 策划团队 */
.part06 {padding-top: .62rem;}
.part06 .part06-bg {padding-bottom: .58rem;background: #f9f9f9;}
.part06-main {padding: .65rem 0;font-size: 0.14rem;color: #333333;overflow: hidden;}
.part06-main .team li{font-size: 0.24rem;line-height: 0.5rem;}
.part06-main .team .team-role {display: inline-block;margin-right: .05rem;width: 3rem;text-align: right;}

.part06-main .focus .site-logo{width: 1.27rem;}
.part06-main .focus .focus-icon {width: .42rem;text-align: center;margin-left: .05rem;}
.part06-main .qr-code-wrap {width: 1.45rem;margin-left: .47rem;}
.part06-main .disclaimer {padding-top: .39rem;}
.part06-main .disclaimer-text {padding-right: .7rem;font-size: 0.2rem;line-height: 0.35rem;}

.part06-main .logo-wrap {margin-top: .25rem;overflow: hidden;}
.part06-main .disclaimer-img {display: inline-block;width: 1.4rem;height: 0.4rem;background: url(https://zt.cdnjm.cn/response/view/demo05/disclaimer.png) no-repeat;background-size: contain;vertical-align: middle;}

.part06-main .disclaimer-text {margin-top: .02rem;line-height: .3rem;}


/* 新增视频模块 */
/* 企业视频 */
.part-video {
    padding-top: .92rem;
}

.part-video-main {
	position: relative;
	margin: .6rem auto 0;
	height: 5.6rem;
}

.part-video-main .video {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 6.6rem;
    height: 5rem;
	z-index: 999;
}

.part-video-main .left-square {
    position: absolute;
    top: .1rem;
	left: .08rem;
	width: 1rem;
    height: 1rem;
    background: #f9f9f9;
}

.part-video-main .bottom-square {
	position: absolute;
	bottom: 0;
    left: 0;
    right: 0;
	width: 100%;
	height: 2.74rem;
}

@media (min-width: 411px) {
    .preface-content .triangle {
        border-left: .8rem solid transparent;
        border-right: .67rem solid transparent;
    }
    /* 评测视频 */
    .part-video-main {
        margin: .6rem auto 0;
        height: 5rem;
    }
    
    .part-video-main .video {
        width: 6.8rem;
        height: 4.5rem;
    }

    .part-video-main .left-square {
        left: .2rem;
        top: .1rem;
    }
}
@media (min-width: 411px) {
    .part-video-main .left-square {
        left: 0rem;
        top: 0;
    }
}
@media (min-width: 576px) {
    .preface-content .triangle {
        border-left: 1.15rem solid transparent;
        border-right: 1.15rem solid transparent;
    } 
    .part02-main {
        padding-top: 52%;
    }

    /* 评测视频 */
    .part-video-main {
        margin: .6rem auto 0;
        height: 5rem;
    }
    
    .part-video-main .video {
        width: 7rem;
        height: 4.5rem;
    }

    .part-video-main .left-square {
        left: .5rem;
    }
}
@media (min-width: 768px){
 
    .banner-detail {
        box-sizing: border-box;
        margin: 0 auto;
        padding: 1.43rem 0 .71rem;
        width: 6.29rem;
        height: 8.3rem;
        text-align: center;

        background-size: contain;
    }

    .banner-detail .brand-logo {
        height: 0.48rem;
    }
    .banner-detail .brand-txt {
        margin: .46rem 0 .25rem;
        font-size: 0.85rem;
    }
    .banner-detail .brand-desc {
        margin-bottom: .27rem;
        font-size: 0.35rem;
    }
    .banner-detail .brand-en-desc {
        font-size: 0.16rem;
        letter-spacing: 0.08rem;
        text-indent: .08rem;
    }
    .banner-detail .brand-en-desc .line {
        height: .01rem;
        top: .1rem;

    }
    .banner-detail .websit {
        width: 1.7rem;
        height: .4rem;
        margin: .5rem auto .3rem;
    }
    .banner-detail .triangle {
       border-width: .15rem;
    }

    /* 前言 */
    .preface-content .preface-flag {
        box-sizing: border-box;
        color: #ffffff;
        text-align: center;
    }
    .preface-content .preface-flag .preface-txt-wrap {
        padding: .44rem 0 .1rem;
    }
    .preface-content .preface-flag .preface-txt {
        font-size: 0.22rem;
        font-weight: bold;
    }
    .preface-content .preface-flag .preface-txt .prev-txt {
        font-size: 0.36rem;
    }
    .preface-content .preface-flag .preface-txt-en {
        margin: .14rem 0 .23rem;
        font-size: 0.16rem;
    }
    .preface-content .preface-flag .preface-txt-wrap .line {
        display: block;
        width: 0.3rem;
        height: 0.04rem;
        background-color: #fff;
        margin: 0 auto;
    }
    .preface-content > p {
        padding-left: 2%; 
        margin-top: .56rem;
        line-height: 0.3rem;
        font-size: 0.16rem;
    }
    .preface-content .triangle {
        border-left: .59rem solid transparent;
        border-right: .59rem solid transparent;
        border-top-width: .4rem;
        border-left-width: 12.5%;
    }
    /* 产品概况 */
    .part01 {
        padding-top: .53rem;
    }
    .part01 .part-main .part01-rigth {
        min-height: 4.5rem;
        margin-top: .24rem;
        margin-left: -8.4%;
        padding: 0rem .2rem .25rem;
    }

    .part01 .part-main .part01-rigth > h3{
        font-size: 0.24rem;
        padding: .15rem .38rem;
    }
    .part01 .part-main .part01-rigth .pro-list li {
        font-size: 0.18rem;
        line-height: .4rem;
    }

    /* part02 */
    .part02 {
        margin-top: -.8rem;
        padding-top: 1.2rem;
        padding-bottom: .32rem;
        background-image: url(https://zt.cdnjm.cn/response/view/demo05/part02_bg.png);
    }
    .part02 .wauto {background-color: transparent;}
    .part02.white{background-color: #ffffff;}
    .part02-main {
        margin: 0;
        background-image: url(./img/431f58be6b59b14e7758947cdd3e1718-1209225.jpg);
        background-position: right top;
        padding-top: 0;
    }
    .part02-top {display: none !important;}
    .part02-list {
        padding: .2rem 0 .2rem 0;
    }
    
    .part02-list > li {
        margin-bottom: .25rem;
    }
    .part02-list > li h3 {
        font-size: 0.24rem;
    }

    .part02-list > li h3 .line {
        vertical-align: top;
        margin-right: .1rem;
        font-size: .2rem;
    }
    .part02-list > li p{
        line-height: 0.26rem;
        font-size: 0.16rem;
    }

    .part02-main.white {background-color: none;}

    /* 细节介绍 */
    .part03 {
        padding-top: .8rem;
        background-image:url(https://zt.cdnjm.cn/response/view/demo05/part03_bg.png);
    }
    .part03 .part03-main {
        height: 5.4rem;
    }
    .part03 .part03-right {
        margin: .1rem 0 .1rem -4.17%;
        overflow: hidden;
    }

    .part03 .part03-right li {
        padding: .1rem .1rem .1rem .29rem;
        min-height: 1.15rem;
    }
    .part03 .part03-right li h3 {
        font-size: 0.24rem;
    }

    .part03 .part03-right p {
        line-height: 0.24rem;
        font-size: 0.14rem;
        
    }
    /* 性能评测 */
    .part04 {
        padding-top: .92rem;
    }
    .part04 .part04-main {
        position: relative;
        height: 6.86rem;
    }
    .part04 .part04-main .part04-swiper{
        height: 5.6rem;
    }

    .part04 .part04-main .part04-txt {
        margin-top: 1.06rem;
        margin-left: -41.66666667%;
        height: 5.8rem;
    }

    .part04 .part04-main .part04-txt  .part04-txt-list,
    .part04 .part04-main .part04-txt .opacity-bg  {
        position: absolute;
        left: 0;
        right: 0;
        top: 0; 
        bottom: 0;
        z-index:1;
        padding: .4rem .2rem .2rem .3rem; 
    } 
    .part04 .part04-main .part04-txt  .part04-txt-list {
        padding: .4rem .2rem .2rem .3rem; 
    }
    .part04 .part04-main .part04-txt  .part04-txt-list.theme-bg {
        background: transparent;
    }
    .part04 .part04-main .part04-txt .opacity-bg.theme-bg {
        z-index:0;
        opacity: 0.9;
    }
    .part04 .part04-main .part04-txt  .part04-txt-list li {
        width: 100%;
        margin-bottom: 0;
        min-height: .5rem;
    }
    .part04 .part04-main .part04-txt  .part04-txt-list h3 {
        margin-right: .05rem;
        font-size: 0.2rem;
    }
    .part04 .part04-main .part04-txt  .part04-txt-list .start {
        padding-top: .03rem;
        font-size: .24rem;
    }
    .part04 .part04-main .part04-txt  .part04-txt-list p {
        line-height: 0.3rem;
        font-size: 0.16rem;
    }
    /* 评测总结 */
    .part05 {
        padding-top: .91rem;
    }
    .part05-main .part05-left{
        height: 4.2rem;
    }
    .part05-main .part05-right{
        display: table;
        height: 4.2rem;
        background: #f9f9f9;
    }
    .part05-main .part05-right .part05-txt{
        display: table-cell;
        vertical-align: middle;        
    }

    .part05-main .part05-right .part05-txt > div{
        padding: .32rem .15rem .2rem .28rem;
        margin-left: -.2rem;
        background: #f9f9f9;
    }
    .part05-main .part05-right .part05-txt .line {
        margin-bottom: .22rem;
        display: block;
        width: 0.53rem;
        height: 0.06rem;
    }
    .part05-main .part05-right .part05-txt p {
        font-size: 0.16rem;
        line-height: 0.3rem;
    }

    /* 策划团队 */
    .part06 {
        padding-top: .82rem; 
    }
    .part06-main {
        padding: .65rem 0;
        font-weight: normal;
    }
    .part06-main .team > li {
        line-height: 0.3rem;
        font-size: .14rem;
    }
    .part06-main .team .team-role {
        width: 1.8rem;
    }

    .part06-main .focus .site-logo {
        width: .91rem;
    }
    .part06-main .qr-code-wrap {
        margin-left: .13rem;
        width: 1.07rem;
    }
    .part06-main .logo-wrap {
        margin-top: .25rem;
    }
    .part06-main .disclaimer {
    text-align: left;
    }
    .part06-main .disclaimer-img {
        display: inline-block;
        width: 1.2rem;
        height: 0.28rem;
        background: url(https://zt.cdnjm.cn/response/view/demo05/disclaimer.png) no-repeat;
        background-size: contain;
    }

    .part06-main .disclaimer-text {
        margin-top: .02rem;
        line-height: .3rem;
        font-size: .14rem;
    }

    /* 评测视频 */
    .part-video-main {
        margin: .6rem auto 0;
        height: 5rem;
    }
    
    .part-video-main .video {
        width: 8rem;
        height: 4.5rem;
    }

    .part-video-main .left-square {
        left: .5rem;
    }
    
    /* 重置轮播的样式 */
    .swiper-pagination.swiper-pagination-fraction {
        margin-left: 28%;
        width: auto;
        bottom: .4rem;
        text-align: left;
        color: #222222;
    }

    .swiper-button-next, .swiper-button-prev {
        top: 90%;
    }

    .swiper-button-next {right: 54%;}

}
@media (min-width: 992px){
    .preface-content .triangle {
        border-left: .59rem solid transparent;
        border-right: .59rem solid transparent;
    }
    .part01 .part-main .part01-rigth .pro-list li {
        line-height: .3rem;
    }
    .part02 {
        margin-top: -1.2rem;
    }
    .part-video-main .left-square {
        left: 0;
    }
}
@media (min-width: 1024px) {
    .preface-content .triangle {
        border-left: .6rem solid transparent;
        border-right: .6rem solid transparent;
    }
    .part01 .part-main .part01-rigth .pro-list li {
        line-height: .4rem;
    }
    .part02 {margin-top: -.8rem;}

    .part-video-main {
        margin: .6rem auto 0;
        height: 5.6rem;
    }
    .part-video-main .left-square {
        left: .15rem;
    }

    .part-video-main .video {
        width: 8.5rem;
        height: 5rem;
    }
    
    .part-video-main .left-square {
        top: .05rem;
        left: .4rem;
    }
    
}
@media (min-width: 1200px) {
    .wauto {padding: 0;width: 1467px;}
    html {font-size: 100px;}
    /* 前言 */
    .preface-content .triangle {
        border-left: .735rem solid transparent;
        border-right: .735rem solid transparent;
        border-top-width: .4rem;
    }
    .part01 .part-main .part01-rigth {
        padding-top: .2rem;
        margin-left: -4.2%;
    }
    .part01 .part-main .part01-rigth > h3 {
        padding: .15rem .38rem;
    }
    .part01 .part-main .part01-rigth .pro-list li {
        margin-bottom: .1rem;
    }
    
    /* 产品特色 */
    .part02 {
        margin-top: 0.4rem;
        padding-top: 1.3rem;
    }
    /* 策划团队 */
    .part06 .part06-bg {
        padding-top: .68rem;
    }
    .part06-main .disclaimer {
        padding-top: 0;
    }

    /* 视频评测 */
    .part-video-main .video {
        width: 9rem;
    }
    
    .part-video-main .left-square {
        top: .1rem;
        left: 1.2rem;
    }
}

@media (min-width: 1400px) {
    .banner{
        background-position: center;

    }
    .part02-main {
        height: 7.2rem;
        background-position: right top;
    }

    .part02-list {
        padding-top: 1rem;
        box-sizing: border-box;
        height: 7.2rem;
    }
}
.ant-col-xs-offset-3{
    margin-left:19.3% !important;
    /* margin-top: -0.8rem; */
}