.dwimg {
    width: 100%
}

.bfsp {
    position: relative
}

.cbsp {
    position: absolute;
    right: 15px;
    bottom: 15px;
    opacity: .8;
    display: none;
    cursor: pointer
}

.bfsp video {
    border-radius: 8px
}

.jg {
    width: 2%;
    display: inline-block;
    opacity: 0;
    height: 1px
}

.pro-appimg {
    display: none !important
}

.appshow {
    display: none
}

@media (max-width: 971px) {

    .disnone {
        display: none !important
    }

    .pro-pcimg, .prodt58 {
        display: none !important
    }

    .appshow, .pro-appimg {
        display: block !important
    }

    .pics h3 {
        text-align: center;
        line-height: 60px;
        font-size: 20px
    }

    .appshow table {
        padding: 0 5px;
        width: calc(100% - 1px)
    }

    .appshow table tr td {
        border-bottom: 1px solid;
        text-align: center;
        padding: 10px 0
    }
}

.img-div {
    overflow: hidden
}

.img-hover:hover .img-div img {
    transform: scale(1.05);
    transition: all .3s
}

.qcfd {
    clear: both
}

.prodt1 {
    padding: 5% 0
}

.prodt1-cont {
    position: relative
}

.prodt1-cont-left {
    width: 35%;
    left: 0;
    position: absolute;
    top: 25%
}

.prodt1-cont-left h5 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 15px
}

.prodt1-cont-left h2 {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 25px
}

.prodt1-cont-left p {
    color: #ec6016;
    font-size: 42px
}

.prodt1-cont-right {
    width: 65%;
    margin-left: 35%
}

.prodt1-cont-right img {
    width: 100%
}

.prodt2 {
    padding: 5% 0
}

.prodt2-cont {
    padding: 5% 0
}

.prodt2-bt {
    color: #fff;
    margin-bottom: 2%
}

.prodt2-bt p {
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    text-align: justify
}

.prodt2-lr li {
    width: 20%;
    float: left;
    padding: 5% 0
}

.prodt2-lr li:hover p {
    color: #fff
}

.prodt2-lr .odd {
    margin: 0 20%
}

.prodt2-lr li > div {
    height: 110px;
    margin-bottom: 30px
}

.prodt2-lr li img {
    display: block;
    margin: auto
}

.prodt2-lr li p {
    color: #999;
    font-size: 20px;
    text-align: justify
}

.prodt3 {
    padding: 5% 0
}

.prodt3-bt, .prodt4-bt, .prodt5-bt, .prodt6-bt {
    text-align: center;
    margin-bottom: 5%
}

.prodt3-bt h2, .prodt4-bt h2, .prodt5-bt h2, .prodt6-bt h2 {
    font-size: 60px;
    font-weight: 700;
    color: #fff
}

.prodt3-lr ul {
    width: 31.333%;
    float: left;
    margin: 0 1%
}

.prodt3-lr li {
    position: relative;
    margin-bottom: 5%
}

.prodt3-lr li img {
    width: 100%
}

.prodt3-lr li p {
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 18px;
    text-align: center;
    width: 100%;
    left: 0;
    line-height: 36px;
    background-color: rgba(0, 0, 0, .1607843137254902)
}

.prodt4 {
    position: relative
}

.prodt4 .dwimg {
    width: 100%
}

.prodt4-cont {
    position: absolute;
    top: 0;
    padding: 5% 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.prodt4-bt h2 {
    margin-bottom: 25px
}

.prodt4-bt p {
    color: #999;
    font-size: 18px;
    line-height: 28px
}

.prodt4-ms {
    display: inline-block;
    text-align: center;
    position: absolute
}

.prodt4-ms h3 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 10px
}

.prodt4-ms p {
    font-size: 18px;
    color: #999;
    margin-bottom: 5px
}

.prodt4-ms1 {
    left: 29%;
    top: 35%
}

.prodt4-ms2 {
    left: 57%;
    top: 40%
}

.prodt4-ms3 {
    left: 20%;
    bottom: 15%
}

.prodt4-ms4 {
    right: 30%;
    bottom: 22%
}

.prodt5 {
    padding: 5% 0
}

.prodt5-lr .swiper-pagination {
    position: static;
    margin-top: 30px;
    width: 100%;
    text-align: center
}

.prodt5-lr .swiper-pagination-bullet {
    opacity: 1;
    background-color: #e4e4e4;
    width: 10px;
    height: 10px;
    margin: 0 4px
}

.prodt5-lr .swiper-pagination-bullet-active {
    background-color: #f1850f
}

.prodt5-ms {
    background-color: #1f2121;
    border-radius: 8px
}

.prodt5-ms1 {
    padding-top: 5%
}

.prodt5-ms2 {
    color: #fff;
    text-align: center;
    padding: 10% 10%
}

.prodt5-ms2 h3 {
    font-size: 28px;
    margin-bottom: 8%
}

.prodt5-ms2 p {
    color: #999;
    font-size: 18px;
    line-height: 28px;
    text-align: justify;
    min-height: 84px
}

.prodt6 {
    padding: 5% 0
}

.prodt6-cont {
    position: relative
}

.prodt6-lr {
    position: relative
}

.prodt6-lr-left {
    width: 45%;
    margin-right: 50%
}

.prodt6-lr-left img {
    width: 100%
}

.prodt6-lr-right {
    position: absolute;
    right: 0;
    width: 55%;
    color: #fff;
    top: 0;
    padding: 3%;
    background-color: #202222;
    height: 100%
}

.prodt6-lr-right h3 {
    font-size: 24px;
    margin-bottom: 15px
}

.prodt6-ms {
    margin-bottom: 35px
}

.prodt6-ms h5 {
    font-size: 18px;
    line-height: 36px
}

.prodt6-ms p {
    font-size: 18px;
    color: #999;
    line-height: 24px
}

.prodt7 {
    position: relative
}

.prodt7 .dwimg {
    width: 100%
}

.prodt7-cont {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    color: #fff;
    padding-top: 29%
}

.prodt7-cont h3 {
    font-size: 32px;
    font-weight: 700
}

.prodt7-cont h2 {
    font-size: 76px;
    margin: 20px 0;
    font-weight: 700
}

.prodt7-cont p {
    font-size: 30px;
    color: #999;
    margin-bottom: 20px
}

.prodt7-8k {
    position: absolute;
    top: 20%;
    right: 20%
}

.anniu {
    background-color: #0071ff;
    display: inline-block;
    font-size: 18px;
    padding: 10px 35px;
    border-radius: 25px;
    color: #fff;
    cursor: pointer
}

.anniu:hover {
    background-color: #e60012
}

.anniu img {
    width: 22px;
    display: inline-block;
    vertical-align: middle
}

.prodt8 {
    padding: 5% 0;
    background-color: #fff
}

.prodt8-h {
    background-color: #000;
    color: #fff
}

.prodt8-cont {
    text-align: center
}

.prodt8-cont h2 {
    font-size: 68px;
    font-weight: 700;
    margin-bottom: 2%;
    line-height: 72px
}

.prodt8-cont h3 {
    font-size: 48px;
    font-weight: 700;
    line-height: 48px
}

.prodt8-cont p {
    font-size: 20px;
    margin: 3% 0 4% 0
}

.prodt8-cont img {
    display: block;
    margin: auto
}

.prodt9 {
    position: relative;
    background-color: #f6f6f7
}

.prodt9 .dwimg {
    width: 100%
}

.prodt9-cont {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%
}

.prodt9-ms {
    width: 40%;
    margin-left: 60%;
    text-align: center;
    margin-top: 15%
}

.prodt9-ms h2 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px
}

.prodt9-ms p {
    font-size: 18px;
    line-height: 28px
}

.prodt10 {
    padding: 5% 0;
    background-color: #fff
}

.prodt10-ms1 {
    text-align: center
}

.prodt10-ms1 h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 48px
}

.prodt10-ms1 p {
    font-size: 18px;
    margin: 3% 0
}

.prodt10-ms2 {
    position: relative
}

.prodt10-ms2 span {
    position: absolute;
    bottom: 2%;
    background-color: #fff;
    font-size: 18px;
    padding: 5px 10px;
    border-radius: 4px
}

.prodt10-ms2 .sp1 {
    left: 2%
}

.prodt10-ms2 .sp2 {
    right: 2%
}

.prodt10-ms2 .sp3 {
    position: absolute;
    width: 50%;
    left: 0;
    height: 100%;
    top: 0;
    background-color: #0000003b
}

.prodt10-ms2 img {
    width: 100%
}

.prodt10-ms3 {
    margin-top: 2%;
    padding-bottom: 15%
}

.prodt10-ms3 ul {
    text-align: center
}

.prodt10-ms3 li {
    display: inline-block;
    position: relative;
    margin: 0 1%;
    margin-bottom: 2%
}

.prodt10-img2 {
    display: none
}

.prodt10-ms3-cont {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #717171;
    color: #fff;
    padding: 25% 10% 10% 10%;
    text-align: justify
}

.prodt10-ms3-cont h3 {
    font-size: 36px;
    margin-bottom: 5%;
    line-height: 48px;
    font-weight: 700
}

.prodt10-ms3-cont p {
    font-size: 18px;
    line-height: 32px
}

.prodt10-ms3-cont2 {
    top: 106%;
    color: #333;
    background-color: rgba(255, 255, 255, .03137254901960784);
    padding: 0;
    height: auto
}

.prodt10-ms3-cont3 {
    top: 106%;
    color: #333;
    background-color: rgba(255, 255, 255, .03137254901960784);
    padding: 0;
    text-align: center;
    height: auto
}

.prodt11, .prodt12, .prodt14 {
    position: relative
}

.prodt11 {
    background-color: #242524
}

.prodt11 .dwimg, .prodt12 .dwimg, .prodt14 .dwimg {
    width: 100%
}

.prodt11-cont {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    color: #fff;
    padding: 3% 0
}

.prodt11-cont h2 {
    font-size: 76px;
    font-weight: 700;
    margin-bottom: 2%
}

.prodt11-cont h5 {
    font-size: 24px;
    margin-bottom: 2%
}

.prodt11-cont .proimg5 {
    margin-bottom: 2%
}

.dw-anniu11 {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 22%;
    z-index: 99
}

.prodt11-anniu {
    font-size: 24px;
    z-index: 99
}

.prodt11-anniu img {
    width: 28px
}

.prodt11-cont h3 {
    font-size: 42px;
    font-weight: 700;
    margin: 1% 0
}

.prodt11-cont .proimg {
    margin-top: -9%
}

.prodt11-cont .proimg2 {
    margin-bottom: 2%
}

.prodt11-cont .proimg3 {
    margin-bottom: 5%;
    margin-top: 5%
}

.prodt11-cont h4 {
    font-size: 36px
}

.prodt11-cont span {
    font-size: 20px;
    border: 1px solid #fff;
    padding: 10px 20px;
    border-radius: 8px;
    display: inline-block;
    margin-top: 1%
}

.prodt11-cont p {
    font-size: 18px;
    line-height: 24px
}

.prodt12-cont {
    position: absolute;
    top: 0;
    width: 100%;
    color: #fff;
    padding: 5% 0;
    left: 0
}

.prodt12-cont-h {
    height: 100%;
    padding: 15% 0 5% 0
}

.prodt12-cont-h .proimg {
    margin-bottom: 5%
}

.prodt12-cont-ms {
    width: 45%;
    margin-left: 55%
}

.prodt12-cont-ms h2 {
    font-size: 56px;
    font-weight: 700;
    line-height: 60px
}

.prodt12-cont-ms p {
    font-size: 20px;
    line-height: 28px;
    margin: 5% 0;
    text-align: justify;
    color: #e4e4e4
}

.prodt13 {
    padding: 5% 0
}

.prodt13-cont {
    color: #fff
}

.prodt13-cont-ms1 {
    text-align: center
}

.prodt13-cont-ms1 h2 {
    font-size: 76px;
    font-weight: 700;
    margin-bottom: 5%
}

.prodt13-cont-ms1 h3 {
    font-size: 340px;
    color: #212121
}

.prodt13-cont-ms1 .proimg {
    display: block;
    margin: auto;
    margin-top: -30%
}

.prodt13-cont-ms2 ul {
    margin-top: 3%
}

.prodt13-cont-ms2 li {
    width: 25%;
    float: left;
    font-size: 18px;
    padding: 2%
}

.prodt13-cont-ms2-h li {
    width: 16.6666%;
    text-align: center
}

.prodt13-cont-ms2 h3 {
    margin: 1% 0
}

.prodt13-cont-ms2 h3 em {
    font-size: 48px;
    margin-right: 5px
}

.prodt13-cont-ms2-h h5 {
    font-size: 18px;
    color: #e4e4e4;
    margin-top: 10%
}

.prodt14-cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 3% 0;
    color: #fff;
    text-align: center;
    z-index: 1;
    height: 100%
}

.prodt14-cont h2 {
    color: #fff;
    font-size: 76px;
    font-weight: 700
}

.prodt11-cont-h {
    position: static
}

.prodt15, .prodt16 {
    background-color: #000;
    position: relative
}

.prodt15-cont-left {
    position: absolute;
    color: #fff;
    height: 100%;
    width: 35%;
    top: 0;
    padding-top: 5%;
    left: 5%
}

.prodt15-cont-right {
    width: 60%;
    margin-left: 40%
}

.prodt15-cont-ms1 {
    text-align: left;
    margin-bottom: 8%
}

.prodt15-cont-ms1 span {
    font-size: 18px;
    border: 1px solid #fff;
    padding: 5px 10px;
    border-radius: 14px;
    width: 32%;
    display: inline-block;
    margin-right: 3%;
    margin-bottom: 3%;
    text-align: center
}

.prodt15-cont-ms2 {
    margin-bottom: 6%
}

.prodt15-cont-ms2 h2, .prodt15-cont-ms3 h2 {
    font-size: 36px;
    color: #ffc608;
    margin-bottom: 2%
}

.prodt15-cont-ms2 p, .prodt15-cont-ms3 p {
    font-size: 18px;
    line-height: 28px
}

.prodt15-x1 {
    position: absolute;
    top: 29.5%;
    right: 38%;
    height: 3px
}

.prodt15-x2 {
    position: absolute;
    top: 46.5%;
    right: 37%;
    height: 3px
}

.prodt16-cont-left {
    color: #fff;
    position: absolute;
    width: 50%;
    left: 50%;
    padding-top: 10%;
    height: 100%;
    padding-right: 10%
}

.prodt16-cont-right {
    width: 40%;
    margin-right: 60%
}

.prodt16-cont-ms1 {
    margin-bottom: 5%
}

.prodt16-cont-ms1 h2 {
    font-size: 60px;
    display: inline-block;
    margin-right: 5%;
    font-weight: 700
}

.prodt16-cont-ms1 img {
    display: inline-block;
    vertical-align: bottom
}

.prodt16-cont-ms {
    margin-bottom: 5%
}

.prodt16-cont-ms h2 {
    font-size: 36px;
    margin-bottom: 2%
}

.prodt16-cont-ms p {
    font-size: 18px;
    line-height: 28px;
    color: #e4e4e4
}

.prodt16-x1 {
    position: absolute;
    top: 46.5%;
    left: 22.3%;
    height: 3px
}

.prodt17-cont {
    padding: 5% 0;
    color: #fff
}

.prodt17-bt {
    text-align: center;
    margin-bottom: 3%
}

.prodt17-bt h2, .prodt18-cont h2 {
    font-size: 76px;
    font-weight: 700;
    line-height: 100px
}

.prodt17-ms li {
    width: 48%;
    display: inline-block;
    margin: 1% 1%;
    float: left;
    position: relative
}

.prodt17-ms li h3 {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    background-color: rgba(0, 0, 0, .65);
    font-size: 20px;
    line-height: 40px;
    height: 40px;
    padding: 0 15px
}

.prodt18 {
    position: relative
}

.prodt18 .dwimg {
    width: 100%
}

.prodt18-cont {
    position: absolute;
    color: #fff;
    width: 100%;
    top: 0;
    height: 100%;
    padding: 5% 0
}

.prodt18-cont-h {
    width: 50%
}

.prodt18-cont-a {
    width: 40%;
    margin-left: 60%
}

.prodt18-cont-h h2 {
    font-size: 60px;
    line-height: 76px
}

.prodt18-cont-h .proimg {
    display: inline-block;
    margin-bottom: 5%
}

.prodt18-cont .proimg2 {
    position: absolute;
    left: 65%;
    bottom: 15%
}

.prodt18-cont .proimg3 {
    position: absolute;
    left: 20%;
    bottom: 15%
}

.prodt18-cont .proimg4 {
    position: absolute;
    left: 28%;
    bottom: 15%
}

.prodt18-cont h2 {
    margin-bottom: 3%
}

.prodt18-ms {
    margin-bottom: 2%
}

.prodt18-cont-h .prodt18-ms {
    margin: 10% 0
}

.prodt18-cont h3 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 1%
}

.prodt18-cont p {
    font-size: 20px;
    color: #999;
    line-height: 36px
}

.prodt19 {
    position: relative
}

.prodt19 .dwimg {
    width: 100%
}

.prodt19-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 10% 0 5%
}

.prodt19-cont-h {
    padding: 0 0 5%
}

.prodt19-ms {
    text-align: center
}

.prodt19-a {
    margin-top: 5%
}

.prodt19-a-left {
    width: 70%;
    float: left;
    margin-right: 5%
}

.prodt19-a-right {
    width: 25%;
    float: left
}

.prodt19-a-right li {
    margin: 15% 0
}

.prodt19-a-right li span {
    font-size: 58px;
    font-weight: 700;
    color: #fff;
    margin-right: 5px
}

.prodt19-a-right li h5 {
    font-size: 28px;
    color: #e4e4e4;
    margin: 2% 0
}

.prodt19-cont-a {
    position: static;
    padding: 5% 0;
    background-color: #050505
}

.prodt19-cont-left {
    float: left;
    width: 50%;
    width: 45%;
    margin-right: 5%;
    padding-top: 10%
}

.prodt19-cont-right {
    width: 50%;
    float: left;
    width: 45%;
    margin-left: 5%
}

.prodt19-ms h2 {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 40px;
    line-height: 76px
}

.prodt19-ms p {
    font-size: 18px;
    line-height: 28px;
    color: #e4e4e4
}

.prodt50 {
    background: #000
}

.prodt50, .prodt51 {
    position: relative
}

.prodt50 .dwimg, .prodt51 .dwimg {
    width: 100%
}

.prodt50-cont, .prodt51-cont {
    text-align: center;
    color: #fff;
    padding: 5% 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.prodt51-cont {
    padding: 15% 0 5% 0
}

.prodt50-cont h2 {
    font-size: 64px;
    font-weight: 700;
    margin-bottom: 2%
}

.prodt50-cont span {
    color: red
}

.prodt50-cont h4 {
    font-size: 36px;
    font-weight: 700
}

.prodt51-ms1 {
    position: relative;
    padding-bottom: 5%;
    margin-bottom: 5%
}

.prodt51-ms1 span {
    position: absolute;
    font-size: 18px
}

.prodt51-ms1 .sp1 {
    top: 25%;
    left: 26%
}

.prodt51-ms1 .sp2 {
    top: 85%;
    left: 45%
}

.prodt51-ms1 .sp3 {
    top: 26%;
    left: 67%
}

.prodt51-ms2 {
    width: 45%;
    float: left;
    text-align: left;
    padding-right: 5%
}

.prodt51-ms2 h2 {
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 5%
}

.prodt51-ms2 p {
    font-size: 20px;
    text-align: justify;
    color: #e4e4e4;
    line-height: 32px
}

.prodt51-ms3 {
    width: 45%;
    float: left;
    padding-left: 5%
}

.prodt51-ms3 ul li {
    width: 33.333%;
    float: left;
    margin-bottom: 5%;
    text-align: center;
    padding: 0 5px
}

.prodt51-ms3 li h3 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 5%
}

.prodt51-ms3 li p {
    color: #e4e4e4;
    font-size: 20px
}

.prodt52-cont {
    color: #fff;
    padding: 5% 0
}

.prodt52-bt {
    text-align: center;
    margin-bottom: 8%
}

.prodt52-bt h2 {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 2%
}

.prodt52-bt p {
    font-size: 20px;
    text-align: justify;
    color: #e4e4e4;
    line-height: 32px
}

.prodt52-ms-left {
    width: 25%;
    float: left
}

.prodt52-ms-left img {
    max-width: 100%
}

.prodt52-ms-left img {
    display: inline-block
}

.prodt52-ms-right {
    width: 75%;
    float: left;
    position: relative
}

.prodt52-ms-right .proimg {
    display: inline-block
}

.prodt52-ms-right span {
    font-size: 20px;
    color: #e4e4e4;
    position: absolute
}

.prodt52-ms-right .sp1 {
    top: 2%;
    left: 0
}

.prodt52-ms-right .sp2 {
    top: 37%;
    left: 0
}

.prodt52-ms-right .sp3 {
    top: 72%;
    left: 0
}

.prodt52-ms-right .sp4 {
    top: 11%;
    right: 15%
}

.prodt52-ms-right .sp5 {
    top: 46%;
    right: 36%
}

.prodt52-ms-right .sp6 {
    top: 80%;
    right: 52%
}

.prodt53-cont {
    padding: 5% 0;
    color: #fff
}

.prodt53-bt {
    text-align: center;
    margin-bottom: 8%
}

.prodt53-bt h2 {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 2%
}

.prodt53-ms {
    position: relative
}

.prodt53-ms span {
    font-size: 16px;
    position: absolute;
    width: 16%;
    line-height: 26px;
    text-align: justify
}

.prodt53-ms .sp1 {
    top: 34%;
    left: 9%
}

.prodt53-ms .sp2 {
    top: 0;
    left: 27%
}

.prodt53-ms .sp3 {
    top: 78%;
    left: 33%
}

.prodt53-ms .sp4 {
    top: 0;
    left: 46%;
    color: #caa56e
}

.prodt53-ms .sp5 {
    top: 81%;
    left: 50%
}

.prodt53-ms .sp6 {
    top: 0;
    left: 75%
}

.prodt53-ms .sp7 {
    top: 40%;
    left: 75%
}

.prodt54-cont {
    padding: 5% 0;
    color: #fff
}

.prodt54-bt {
    text-align: center;
    margin-bottom: 5%
}

.prodt54-bt h2 {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 2%
}

.prodt54-bt p {
    color: #e4e4e4;
    font-size: 20px
}

.prodt54-ms-qh {
    margin-bottom: 5%;
    text-align: center
}

.prodt54-ms-qh li {
    font-size: 24px;
    display: inline-block;
    margin: 0 20px;
    cursor: pointer;
    padding-bottom: 10px;
    color: #e4e4e4
}

.prodt54-ms-qh li:hover {
    border-bottom: 2px solid #fff;
    color: #fff
}

.prodt54-ms-qh .on {
    border-bottom: 2px solid #fff;
    color: #fff
}

.prodt54-ms .swiper-pagination {
    display: none
}

.prodt55-cont {
    padding: 5% 0;
    color: #fff
}

.prodt55-bt {
    text-align: center;
    margin-bottom: 5%
}

.prodt55-bt h2 {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 2%
}

.prodt55-bt p {
    color: #e4e4e4;
    font-size: 20px;
    line-height: 28px
}

.prodt55-ms .swiper-pagination, .prodt57-ms .swiper-pagination {
    left: 50% !important;
    transform: translate(-50%, 20px)
}

prodt55-ms .swiper-pagination-bullet, prodt57-ms .swiper-pagination-bullet {
    margin: 5px
}

.prodt55-ms .swiper-slide {
    opacity: .5
}

.prodt55-ms .swiper-slide-active {
    opacity: 1
}

.prodt55-ms .swiper-slide .prodt55-ms1 {
    width: 70%;
    margin: auto
}

.prodt55-ms .swiper-slide-active .prodt55-ms1 {
    width: 100%
}

.prodt55-ms1 {
    color: #e4e4e4;
    text-align: center
}

.prodt55-ms1 h3 {
    font-size: 26px;
    padding: 10% 0 5%;
    color: #e4e4e4
}

.prodt55-ms .swiper-slide-active h3 {
    color: #fff
}

.prodt55-ms2 {
    opacity: 0
}

.prodt55-ms .swiper-slide-active .prodt55-ms2 {
    display: block;
    opacity: 1
}

.prodt55-ms2 p {
    font-size: 16px;
    line-height: 24px
}

.prodt17-bt-h {
    text-align: center;
    margin-bottom: 5%
}

.prodt17-bt-h h2 {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 2%;
    line-height: 60px
}

.prodt17-bt-h p {
    color: #e4e4e4;
    font-size: 20px;
    line-height: 28px
}

.prodt17-ms-h li {
    width: 31.333%
}

.prodt17-ms1 p {
    display: none
}

.prodt17-ms-h li:hover .prodt17-ms1 {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5803921568627451);
    padding: 0 15px;
    padding-top: 25%
}

.prodt17-ms-h li:hover .prodt17-ms1 h3 {
    position: static;
    background-color: rgba(255, 255, 255, 0);
    margin-bottom: 5px
}

.prodt17-ms-h li:hover .prodt17-ms1 p {
    display: block;
    font-size: 16px
}

.prodt12-cont-a {
    padding: 5% 0 5% 0;
    height: 100%
}

.prodt12-cont-a .prodt12-cont-ms {
    width: 50%;
    margin: 0;
    margin-right: 50%
}

.prodt51-ms3-h {
    padding: 0;
    width: 100%;
    float: none
}

.prodt51-ms3-h ul li {
    text-align: left
}

.prodt12-cont-b .prodt12-cont-ms {
    width: 45%;
    margin: 0;
    margin-right: 55%
}

.prodt12-cont-b .p1 {
    display: inline-block;
    border: 2px solid #caa56d;
    color: #caa56d;
    padding: 5px 20px;
    border-radius: 20px
}

.prodt56-cont {
    padding: 5% 0;
    color: #fff
}

.prodt56-bt {
    text-align: center;
    margin-bottom: 5%
}

.prodt56-bt h2 {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 2%
}

.prodt56-bt p {
    font-size: 20px;
    color: #e4e4e4
}

.prodt56-ms {
    display: flow-root
}

.prodt56-cont-left {
    width: 25%;
    float: left
}

.prodt56-cont-left li {
    margin-bottom: 15%
}

.prodt56-cont-left li:hover p {
    color: #fff
}

.prodt56-cont-left p {
    color: #e4e4e4;
    font-size: 18px;
    margin-top: 8%;
    line-height: 24px
}

.prodt56-cont-right {
    width: 70%;
    float: left;
    margin-left: 5%
}

.prodt57-cont {
    padding: 5% 0;
    color: #fff
}

.prodt57-bt {
    text-align: center;
    margin-bottom: 3%
}

.prodt57-bt h2 {
    font-size: 60px;
    font-weight: 700
}

.prodt57-ms .swiper-slide {
    position: relative
}

.prodt57-ms .swiper-slide img {
    width: 100%
}

.prodt57-ms-cont {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 10%;
    background-color: #000b1e00;
    text-align: left
}

.prodt57-ms-cont h3 {
    font-size: 26px;
    margin-bottom: 5%
}

.prodt57-ms-cont p {
    color: #e4e4e4;
    font-size: 16px;
    line-height: 24px
}

.prodt58 {
    padding: 5% 0
}

.prodt58-cont {
    color: #fff
}

.prodt58-ms ul {
    width: 25%;
    float: left;
    text-align: center
}

.prodt58-ms ul li {
    font-size: 16px;
    color: #e4e4e4;
    border-bottom: 1px solid #e4e4e43d;
    line-height: 24px;
    padding: 10px 10px
}

.prodt58-ms .ul1 li {
    color: #fff
}

.prodt58-ms2 ul {
    width: 100%;
    margin-bottom: 3%
}

.prodt58-ms2 ul li {
    border: none;
    width: 25%;
    float: left
}

.prodt58-ms2 li h3 {
    margin-top: 5%
}

.prodt20 {
    position: relative;
    background: #171a1c
}

.prodt20-cont {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 5% 0
}

.prodt20-ms {
    text-align: center
}

.prodt20-ms h2 {
    font-size: 76px;
    margin: 3% 0;
    font-weight: 700
}

.prodt19-ms2 {
    margin-top: 57%
}

.prodt19-ms2 li {
    width: 25%;
    float: left;
    text-align: center
}

.prodt19-ms2 li img {
    margin-bottom: 5%
}

.prodt19-ms2 li h3 {
    font-size: 30px;
    color: #e4e4e4
}

.prodt19-ms2 ll:hover h3 {
    color: #fff
}

.prodt21 .prodt21-ms img {
    transform: translateX(-7px)
}

.prodt21 .prodt21-cont {
    padding: 5% 0;
    color: #fff
}

.prodt21-bt {
    margin-bottom: 3%;
    text-align: center
}

.prodt21-bt h2 {
    font-size: 42px;
    margin-bottom: 2%
}

.prodt21-bt h5 {
    font-size: 32px;
    color: #e4e4e4
}

.prodt21-lr {
    position: relative
}

.prodt21-lr .jt1 {
    position: absolute;
    left: -5%;
    top: 0;
    padding-top: 25%
}

.prodt21-lr .jt2 {
    position: absolute;
    right: -5%;
    top: 0;
    padding-top: 25%
}

.prodt21-lr .swiper-button-disabled {
    opacity: .5
}

.prodt21-dw {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    left: 0;
    padding-top: 10%
}

.prodt21-lr2 {
    margin-top: 25px
}

.prodt21-lr2 .swiper-slide p {
    text-align: center;
    color: #e4e4e4;
    font-size: 16px;
    margin-top: 10px
}

.prodt21-lr2 .swiper-slide-thumb-active .prodt21-ms {
    border: 1px solid #fff
}

.prodt21-lr2 .swiper-slide-active .prodt21-ms {
    border: 1px solid #fff
}

.prodt21-lr2 .swiper-slide-thumb-active p {
    color: #fff
}

.prodt22-cont {
    padding: 5% 0;
    color: #fff;
    background-color: #050304
}

.prodt22-bt {
    text-align: center;
    margin-bottom: 5%
}

.prodt22-bt h2 {
    font-size: 60px;
    margin-bottom: 2%
}

.prodt22-bt p {
    font-size: 20px;
    color: #e4e4e4
}

.prodt22-ms-sp {
    margin: 2% 0;
    position: relative
}

.prodt22-ms {
    background-color: #131316;
    position: relative;
    border-radius: 25px
}

.prodt22-ms2 {
    position: static;
    width: 63%;
    margin-right: 2%;
    padding-bottom: 2%;
    text-align: center
}

.prodt22-ms3 {
    position: absolute;
    top: 0;
    width: 35%;
    right: 0;
    height: 100%
}

.prodt22-ms4 {
    width: 49%;
    margin-right: 1%
}

.prodt22-ms5 {
    width: 49%;
    margin-left: 1%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}

.prodt22-ms-bt {
    padding-left: 30px;
    padding-top: 30px;
    text-align: left;
    margin-bottom: 30px
}

.prodt22-ms-bt h3 {
    font-size: 26px;
    margin-bottom: 20px
}

.prodt22-ms-bt p {
    font-size: 16px;
    line-height: 24px;
    color: #e4e4e4
}

.prodt22-ms-img {
    width: 50%;
    margin-right: 50%
}

.prodt22-ms2 .prodt22-ms-img, .prodt22-ms3 .prodt22-ms-img, .prodt22-ms4 .prodt22-ms-img, .prodt22-ms5 .prodt22-ms-img {
    width: 100%;
    margin-right: 0
}

.prodt22-ms-img img {
    display: inline-block
}

.prodt22-ms-dw {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 10%;
    width: 50%;
    left: 50%;
    padding: 10% 5%
}

.prodt22-ms-dw h5 {
    font-size: 32px;
    color: #e4e4e4;
    text-align: justify
}

.prodt22-ms-dw ul {
    margin-top: 5%
}

.prodt22-ms-dw li {
    font-size: 20px;
    display: inline-block;
    width: 44%;
    border: 1px solid #e4e4e4;
    border-radius: 15px;
    line-height: 32px;
    text-align: center;
    margin: 5% 2% 0
}

.prodt23-cont {
    padding: 5% 0;
    color: #fff
}

.prodt23-cont ul li {
    position: relative
}

.prodt23-cont ul li img {
    display: inline-block
}

.prodt23-cont ul li span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, .23137254901960785);
    width: 100%;
    font-size: 28px;
    padding: 20px
}

.prodt23-cont .ul1 li img {
    width: 100%
}

.prodt23-cont .ul2 {
    margin-top: 2%
}

.prodt23-cont .ul2 li {
    display: inline-block;
    width: 32.33333%
}

.prodt23-cont .ul2 .odd {
    width: .9%
}

.prodt20-a .prodt20-ms h2 {
    font-size: 60px;
    margin: 0 0 3%;
    font-weight: 700
}

.prodt20-ms h3 {
    font-size: 36px
}

.prodt3-lr-mc {
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    left: 0;
    background-color: rgba(0, 0, 0, .29);
    text-align: left;
    padding: 10px 15px
}

.prodt3-lr-mc h3 {
    font-size: 18px;
    line-height: 26px
}

.prodt3-lr .prodt3-lr-mc span {
    color: #e4e4e4;
    font-size: 16px;
    line-height: 24px
}

.prodt54-ms p {
    text-align: center;
    font-size: 20px;
    margin-top: 3%
}

.prodt59-cont {
    padding: 5% 0;
    color: #fff
}

.prodt59-ms {
    text-align: center;
    margin-bottom: 3%
}

.prodt59-ms h2 {
    font-size: 60px;
    font-weight: 700
}

.prodt59-ms p {
    font-size: 20px;
    margin-top: 2%
}

.prodt59-ms2 {
    position: relative;
    margin-bottom: 5%
}

.prodt59-ms2 .dwimg {
    width: 100%
}

.prodt59-ms2 .tp1 {
    position: absolute;
    top: 15%;
    left: 25%
}

.prodt59-ms3 ul li {
    float: left;
    width: 16.666%;
    text-align: center
}

.prodt59-ms3 ul li img {
    display: inline-block;
    max-width: 100%
}

.prodt59-ms3 ul li p {
    font-size: 20px;
    margin-top: 10%
}

.prodt60 {
    position: relative
}

.prodt60 .dwimg {
    width: 100%
}

.prodt60-cont {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.prodt60-ms {
    width: 40%;
    margin-left: 60%;
    margin-top: 35%
}

.prodt60-ms-h {
    margin-left: 0;
    margin-top: 50%
}

.prodt60-ms h2 {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 5%
}

.prodt60-ms h3 {
    font-size: 32px;
    color: #daad62;
    border: 2px solid #daad62;
    display: inline-block;
    padding: 1% 5%;
    border-radius: 25px;
    margin-bottom: 5%
}

.prodt60-ms2 p {
    font-size: 20px;
    line-height: 32px
}

.prodt61-cont {
    padding: 5% 0;
    color: #fff
}

.prodt61-bt {
    text-align: center;
    margin-bottom: 5%
}

.prodt61-bt h2 {
    font-size: 60px;
    font-weight: 700
}

.prodt61-bt p {
    color: #999;
    font-size: 20px;
    line-height: 32px;
    margin-top: 3%
}

.prodt61-ms video {
    width: 100%
}

.prodt62 {
    color: #fff;
    position: relative
}

.prodt62-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 5% 0
}

.prodt62-bt {
    text-align: center;
    margin-bottom: 5%
}

.prodt62-bt h2 {
    font-size: 60px;
    font-weight: 700
}

.prodt62-bt p {
    color: #999;
    font-size: 20px;
    line-height: 32px;
    margin-top: 3%
}

.prodt13-cont-ms2-a li {
    width: 25%
}

.prodt13-a .prodt13-cont-ms1 h2 {
    font-size: 60px;
    margin-bottom: 3%
}

.prodt13-a .prodt13-cont-ms1 p {
    color: #999;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 3%
}

@media (max-width: 1919px) {
    .prodt51-cont {
        padding: 8% 0 5% 0
    }

    .prodt19-ms2 {
        margin-top: 46%
    }
}

@media (max-width: 1659px) {
    .prodt1-cont-left h5 {
        font-size: 32px
    }

    .prodt1-cont-left h2 {
        font-size: 56px
    }

    .prodt1-cont-left p {
        font-size: 38px
    }

    .prodt2-lr li img {
        width: 80px
    }

    .prodt2-lr li > div {
        height: 85px;
        margin-bottom: 30px
    }

    .prodt12-cont-ms h2, .prodt3-bt h2, .prodt4-bt h2, .prodt5-bt h2, .prodt6-bt h2 {
        font-size: 56px
    }

    .prodt11-cont h2, .prodt13-cont-ms1 h2, .prodt14-cont h2, .prodt7-cont h2 {
        font-size: 72px
    }

    .prodt11-cont h3 {
        font-size: 42px;
        margin: 10px
    }

    .prodt11-cont .proimg {
        width: 80%
    }

    .prodt11-cont span {
        margin-top: 1%
    }

    .prodt8-cont h2 {
        font-size: 62px;
        line-height: 62px
    }

    .prodt8-cont h3 {
        font-size: 42px
    }

    .prodt10-ms1 h2, .prodt9-ms h2 {
        font-size: 44px
    }

    .prodt11-cont h4 {
        font-size: 32px
    }

    .prodt15-x1 {
        width: 30%;
        top: 31%;
        right: 38.2%;
        height: 2px
    }

    .prodt15-x2 {
        width: 530px;
        top: 50.5%;
        left: auto;
        right: 36.5%;
        width: 30%;
        right: 36.2%;
        height: 2px
    }

    .prodt15-cont-ms2 h2, .prodt15-cont-ms3 h2 {
        font-size: 32px
    }

    .prodt16-cont-ms1 h2 {
        font-size: 56px
    }

    .prodt16-cont-ms h2 {
        font-size: 32px
    }

    .prodt16-x1 {
        width: 25%;
        height: 2px
    }

    .prodt17-bt h2, .prodt18-cont h2 {
        font-size: 68px;
        line-height: 76px
    }

    .prodt18-ms {
        width: 35%;
        float: left
    }

    .prodt19-ms h2 {
        font-size: 56px;
        line-height: 72px
    }

    .prodt50-cont h2 {
        font-size: 60px
    }

    .prodt51-cont {
        padding: 5% 0 5% 0
    }

    .prodt51-ms2 h2 {
        font-size: 50px
    }

    .prodt52-bt h2 {
        font-size: 56px
    }

    .prodt17-bt-h h2, .prodt53-bt h2, .prodt54-bt h2, .prodt55-bt h2, .prodt56-bt h2, .prodt57-bt h2 {
        font-size: 56px
    }

    .prodt20-ms h2 {
        font-size: 72px
    }

    .prodt19-ms2 {
        margin-top: 40%
    }

    .prodt19-ms2 li h3 {
        font-size: 26px
    }

    .prodt18-cont-h .prodt18-ms {
        margin: 0 0;
        width: 60%;
        margin-bottom: 5%
    }

    .prodt18-cont-h {
        width: 80%
    }

    .prodt18-cont-a {
        width: 40%
    }

    .prodt18-cont-a .prodt18-ms {
        width: 100%
    }

    .prodt20-a .prodt20-ms h2, .prodt59-ms h2, .prodt60-ms h2, .prodt61-bt h2, .prodt62-bt h2 {
        font-size: 56px
    }

    .prodt60-ms h3 {
        font-size: 30px
    }

    .prodt13-a .prodt13-cont-ms1 h2 {
        font-size: 56px
    }

    .prodt60-ms {
        margin-top: 25%
    }
}

@media (max-width: 1459px) {
    .prodt1-cont-left h5 {
        font-size: 28px
    }

    .prodt1-cont-left h2 {
        font-size: 52px
    }

    .prodt1-cont-left p {
        font-size: 34px
    }

    .prodt2-lr li > div {
        height: 80px;
        margin-bottom: 30px
    }

    .prodt2-lr li img {
        width: 72px
    }

    .prodt3-bt h2, .prodt4-bt h2, .prodt5-bt h2, .prodt6-bt h2 {
        font-size: 48px
    }

    .prodt2-bt p, .prodt2-lr li p, .prodt5-ms2 h3 {
        font-size: 18px
    }

    .prodt4-ms h3 {
        font-size: 22px
    }

    .prodt4-ms p {
        font-size: 16px
    }

    .prodt5-ms2 h3 {
        font-size: 24px
    }

    .prodt6-lr-right h3 {
        font-size: 22px
    }

    .prodt6-ms h5, .prodt6-ms p {
        font-size: 16px
    }

    .prodt11-cont h2, .prodt13-cont-ms1 h2, .prodt14-cont h2, .prodt7-cont h2 {
        font-size: 54px
    }

    .prodt13-cont-ms2 h3 em {
        font-size: 32px
    }

    .prodt13-cont-ms1 h3 {
        font-size: 280px
    }

    .prodt11-anniu {
        font-size: 20px
    }

    .prodt11-anniu img {
        width: 24px
    }

    .prodt7-cont p {
        font-size: 28px
    }

    .prodt11-cont h3 {
        font-size: 36px
    }

    .prodt11-cont .proimg {
        width: 70%
    }

    .prodt11-cont span {
        margin-top: 1%
    }

    .prodt8-cont h2 {
        font-size: 54px;
        line-height: 54px
    }

    .prodt8-cont h3 {
        font-size: 38px
    }

    .prodt10-ms1 h2, .prodt9-ms h2 {
        font-size: 40px
    }

    .prodt10-ms3-cont h3 {
        font-size: 32px;
        line-height: 46px
    }

    .prodt12-cont-ms h2, .prodt3-bt h2, .prodt4-bt h2, .prodt5-bt h2, .prodt6-bt h2 {
        font-size: 48px
    }

    .prodt12-cont-ms p, .prodt56-bt p, .prodt8-cont p {
        font-size: 18px;
        line-height: 28px
    }

    .prodt15-cont-ms2 h2, .prodt15-cont-ms3 h2 {
        font-size: 30px
    }

    .prodt15-x1 {
        top: 32.5%;
        right: 38.3%
    }

    .prodt15-x2 {
        top: 51.5%;
        right: 36.2%
    }

    .prodt16-cont-ms1 h2 {
        font-size: 52px
    }

    .prodt16-cont-ms1 img {
        width: 92px
    }

    .prodt16-cont-ms h2 {
        font-size: 30px
    }

    .prodt17-bt h2, .prodt18-cont h2 {
        font-size: 58px;
        line-height: 68px
    }

    .prodt18-cont h3 {
        font-size: 30px
    }

    .prodt11-cont h4 {
        font-size: 30px
    }

    .prodt19-ms h2, .prodt22-bt h2 {
        font-size: 48px;
        line-height: 58px
    }

    .prodt11-cont h5 {
        font-size: 20px;
        margin: 25px 0
    }

    .prodt50-cont h2 {
        font-size: 52px
    }

    .prodt50-cont h4 {
        font-size: 32px
    }

    .prodt50-cont .proimg {
        width: 80%
    }

    .prodt51-ms2 h2, .prodt52-bt h2 {
        font-size: 48px
    }

    .prodt51-ms2 p, .prodt52-bt p, .prodt54-bt p, .prodt55-bt p {
        font-size: 18px
    }

    .prodt17-bt-h h2, .prodt53-bt h2, .prodt54-bt h2, .prodt55-bt h2, .prodt56-bt h2, .prodt57-bt h2 {
        font-size: 48px
    }

    .prodt53-ms span {
        font-size: 14px;
        line-height: 22px
    }

    .prodt54-ms-qh li {
        font-size: 22px
    }

    .prodt51-ms3 li h3 {
        font-size: 28px
    }

    .prodt57-ms-cont h3 {
        font-size: 24px
    }

    .prodt20-ms h2 {
        font-size: 60px
    }

    .prodt20-ms .proimg {
        max-width: 240px
    }

    .prodt19-ms2 li img {
        width: 80px
    }

    .prodt19-ms2 li h3 {
        font-size: 24px
    }

    .prodt19-ms2 {
        margin-top: 35%
    }

    .prodt19-a-right li span {
        font-size: 52px
    }

    .prodt19-a-right li h5 {
        font-size: 26px
    }

    .prodt22-ms-dw h5 {
        font-size: 28px
    }

    .prodt23-cont ul li span {
        font-size: 26px
    }

    .prodt21-lr .jt1 {
        width: 24px;
        left: -3%
    }

    .prodt21-lr .jt2 {
        width: 24px;
        right: -3%
    }

    .prodt20-a .prodt20-ms h2, .prodt59-ms h2, .prodt60-ms h2, .prodt61-bt h2, .prodt62-bt h2 {
        font-size: 48px
    }

    .prodt20-ms h3 {
        font-size: 32px
    }

    .prodt60-ms h3 {
        font-size: 28px
    }

    .prodt13-a .prodt13-cont-ms1 h2 {
        font-size: 48px
    }

    .prodt60-ms {
        margin-top: 25%
    }
}

@media (max-width: 1259px) {
    .prodt11-cont h2, .prodt13-cont-ms1 h2, .prodt14-cont h2, .prodt7-cont h2 {
        font-size: 42px
    }

    .prodt11-anniu {
        font-size: 18px
    }

    .prodt11-anniu img {
        width: 22px
    }

    .prodt7-cont p {
        font-size: 24px
    }

    .prodt11-cont h3 {
        font-size: 32px
    }

    .prodt11-cont .proimg {
        width: 65%
    }

    .prodt11-cont span {
        margin-top: 9px
    }

    .prodt8-cont h2 {
        font-size: 46px
    }

    .prodt8-cont h3 {
        font-size: 38px;
        line-height: 42px
    }

    .prodt10-ms1 h2, .prodt9-ms h2 {
        font-size: 36px
    }

    .prodt10-ms3-cont h3 {
        font-size: 24px;
        line-height: 24px
    }

    .prodt12-cont-ms h2, .prodt3-bt h2, .prodt4-bt h2, .prodt5-bt h2, .prodt6-bt h2 {
        font-size: 42px;
        line-height: 42px
    }

    .prodt12-cont-ms p, .prodt8-cont p {
        font-size: 16px;
        line-height: 26px
    }

    .prodt15-cont-ms1 span, .prodt15-cont-ms2 p, .prodt15-cont-ms3 p, .prodt16-cont-ms p {
        font-size: 16px
    }

    .prodt15-cont-ms2 h2, .prodt15-cont-ms3 h2 {
        font-size: 28px
    }

    .prodt16-cont-ms1 h2 {
        font-size: 48px
    }

    .prodt16-cont-ms1 img {
        width: 80px
    }

    .prodt16-cont-ms h2 {
        font-size: 28px
    }

    .prodt17-bt h2, .prodt18-cont h2 {
        font-size: 48px;
        line-height: 62px
    }

    .prodt18-cont h3 {
        font-size: 28px
    }

    .prodt18-cont p {
        font-size: 18px;
        line-height: 30px
    }

    .prodt11-cont h4 {
        font-size: 28px
    }

    .prodt19-ms h2 {
        font-size: 38px;
        line-height: 46px;
        margin-bottom: 30px
    }

    .prodt19-ms p {
        font-size: 16px
    }

    .prodt50-cont h2 {
        font-size: 42px
    }

    .prodt50-cont h4 {
        font-size: 28px
    }

    .prodt51-ms2 h2, .prodt52-bt h2 {
        font-size: 38px
    }

    .prodt51-ms2 p, .prodt52-bt p, .prodt54-bt p, .prodt55-bt p {
        font-size: 16px;
        line-height: 26px
    }

    .prodt51-ms3 li h3 {
        font-size: 24px
    }

    .prodt51-ms3 li p {
        font-size: 18px
    }

    .prodt52-ms-right .sp4 {
        right: 3%
    }

    .prodt52-ms-right .sp5 {
        right: 26%
    }

    .prodt52-ms-right .sp6 {
        right: 44%
    }

    .prodt17-bt-h h2, .prodt53-bt h2, .prodt54-bt h2, .prodt55-bt h2, .prodt56-bt h2, .prodt57-bt h2 {
        font-size: 42px
    }

    .prodt53-ms span {
        font-size: 14px;
        line-height: 18px
    }

    .prodt53-ms .sp1 {
        left: 3%
    }

    .prodt53-ms .sp2 {
        left: 25%;
        top: 5%
    }

    .prodt53-ms .sp6 {
        left: 79%
    }

    .prodt53-ms .sp7 {
        left: 79%
    }

    .prodt20-ms h2 {
        font-size: 48px
    }

    .prodt20-ms .proimg {
        max-width: 240px
    }

    .prodt19-ms2 li img {
        width: 80px
    }

    .prodt19-ms2 li h3 {
        font-size: 24px
    }

    .prodt18-cont-h .proimg {
        max-width: 260px
    }

    .prodt19-ms2 {
        margin-top: 35%
    }

    .prodt19-a-right li span {
        font-size: 52px
    }

    .prodt22-ms-dw h5 {
        font-size: 26px
    }

    .prodt23-cont ul li span {
        font-size: 24px
    }

    .prodt18-cont .proimg2 {
        width: 68px
    }

    .prodt18-cont .proimg3 {
        width: 68px
    }

    .prodt18-cont .proimg4 {
        width: 68px
    }

    .prodt21-bt h2 {
        font-size: 38px
    }

    .prodt21-bt h5 {
        font-size: 28px
    }

    .prodt19-ms h2, .prodt22-bt h2 {
        font-size: 38px;
        line-height: 48px
    }

    .prodt20-a .prodt20-ms h2, .prodt59-ms h2, .prodt60-ms h2, .prodt61-bt h2, .prodt62-bt h2 {
        font-size: 42px
    }

    .prodt20-ms h3 {
        font-size: 30px
    }

    .prodt60-ms h3 {
        font-size: 26px
    }

    .prodt13-a .prodt13-cont-ms1 h2 {
        font-size: 42px
    }

    .prodt13-a .prodt13-cont-ms1 p, .prodt59-ms p, .prodt59-ms3 ul li p, .prodt60-ms2 p, .prodt61-bt p, .prodt62-bt p {
        font-size: 18px;
        line-height: 28px
    }

    .prodt59-ms3 ul li img {
        width: 33%
    }
}

@media (max-width: 971px) {
    .anniu {
        padding: 8px 28px
    }

    .prodt1-cont-left {
        width: 100%;
        position: static;
        text-align: center;
        margin-bottom: 30px
    }

    .prodt1-cont-right {
        width: 100%;
        margin-left: 0
    }

    .prodt1-cont-left h5 {
        font-size: 24px;
        margin-bottom: 10px
    }

    .prodt1-cont-left h2 {
        font-size: 44px;
        margin-bottom: 15px
    }

    .prodt1-cont-left p {
        font-size: 26px
    }

    .prodt-cont {
        padding: 30px 0
    }

    .prodt20.prodt20-a {
        background: #000
    }

    .prodt2-bt p, .prodt2-lr li p, .prodt5-ms2 h3 {
        font-size: 16px;
        line-height: 24px
    }

    .prodt5-ms2 h3 {
        font-size: 20px
    }

    .prodt5-ms1 img {
        width: 72px
    }

    .prodt5-ms {
        margin-top: 20px
    }

    .prodt5-ms2 p {
        font-size: 16px
    }

    .prodt2-bt {
        margin-bottom: 20px
    }

    .prodt2-lr li {
        width: 42%;
        margin: 0 4%;
        margin-bottom: 20px
    }

    .prodt2-lr .odd {
        margin: 0 4%;
        margin-bottom: 20px
    }

    .prodt2-lr li > div {
        height: 55px;
        margin-bottom: 20px
    }

    .prodt2-lr li img {
        width: 52px
    }

    .prodt2-lr li p {
        font-size: 16px;
        height: 80px
    }

    .prodt3-bt h2, .prodt4-bt h2, .prodt5-bt h2, .prodt6-bt h2 {
        font-size: 36px;
        line-height: 42px
    }

    .prodt3-bt, .prodt4-bt, .prodt5-bt, .prodt6-bt {
        margin-bottom: 30px
    }

    .prodt4-cont {
        position: relative
    }

    .prodt4-bt p {
        font-size: 16px
    }

    .prodt4-ms h3 {
        font-size: 16px
    }

    .prodt4-ms p {
        font-size: 12px;
        color: #b3b3b3
    }

    .prodt4-lr {
        z-index: 1
    }

    .prodt4-ms {
        position: static;
        width: 48%;
        float: left;
        margin-bottom: 20px
    }

    .prodt4 .dwimg {
        position: absolute;
        bottom: 15%;
        z-index: -1;
        opacity: .5;
        z-index: 0
    }

    .prodt6-lr-left {
        width: 100%;
        margin-right: 0
    }

    .prodt6-lr-right {
        position: static;
        width: 100%;
        padding: 30px 10px
    }

    .prodt11-cont h2, .prodt13-cont-ms1 h2, .prodt14-cont h2, .prodt7-cont h2 {
        font-size: 32px;
        line-height: 42px
    }

    .prodt11-anniu {
        font-size: 16px
    }

    .prodt11-anniu img {
        width: 22px
    }

    .prodt7-cont p {
        font-size: 20px
    }

    .prodt11-cont h3 {
        font-size: 24px;
        margin: 20px 0
    }

    .prodt11-cont p {
        font-size: 16px;
        line-height: 24px
    }

    .prodt11-cont .proimg {
        width: 100%;
        margin: 20px 0
    }

    .prodt11-cont span {
        margin-top: 0;
        font-size: 18px
    }

    .prodt8-cont h2 {
        font-size: 30px;
        line-height: 36px
    }

    .prodt8-cont h3 {
        font-size: 24px;
        line-height: 36px
    }

    .prodt10-ms1 h2, .prodt9-ms h2 {
        font-size: 28px;
        line-height: 36px
    }

    .prodt10-ms3-cont h3 {
        font-size: 24px;
        line-height: 24px
    }

    .prodt12-cont-ms h2, .prodt3-bt h2, .prodt4-bt h2, .prodt5-bt h2, .prodt6-bt h2 {
        font-size: 32px;
        line-height: 38px
    }

    .prodt3-lr ul {
        width: 98%
    }

    .prodt3-lr {
        height: 300px;
        overflow-y: auto
    }

    .prodt3-lr::-webkit-scrollbar {
        width: 3px;
        background-color: #dcdbdb;
        height: 5px
    }

    .prodt3-lr::-webkit-scrollbar-thumb {
        background-color: #e60012;
        border-radius: 0
    }

    .prodt10-ms1 p, .prodt12-cont-ms p, .prodt8-cont p, .prodt9-ms p {
        font-size: 16px;
        line-height: 24px
    }

    .prodt8-cont p {
        margin: 30px 0;
        text-align: justify
    }

    .prodt7-cont {
        position: static;
        padding: 5%
    }

    .prodt7-8k {
        width: 48px;
        top: 15%;
        right: 15%
    }

    .prodt9-cont {
        position: static
    }

    .prodt9-ms {
        width: 100%;
        margin: 30px 0 20px 0
    }

    .prodt10-ms2 span {
        font-size: 14px
    }

    .prodt10-ms3 {
        padding-top: 30px;
        padding-bottom: 5px
    }

    .prodt10-ms3-cont {
        background-color: #fff;
        color: #000;
        position: static;
        padding: 10% 0
    }

    .prodt10-ms3 .li1 {
        display: none
    }

    .prodt10-img1 {
        display: none
    }

    .prodt10-img2 {
        display: block
    }

    .prodt11-cont {
        position: static
    }

    .prodt11 .dwimg {
        display: none
    }

    .dw-anniu11 {
        position: static;
        margin: 20px 0
    }

    .prodt12-cont {
        position: static;
        padding: 30px 0
    }

    .prodt12-cont-a .pro-appimg {
        margin: 20px 0
    }

    .prodt12-cont-ms {
        width: 100%;
        margin: auto;
        text-align: center
    }

    .prodt13-cont-ms1 h3 {
        font-size: 88px
    }

    .prodt13-cont-ms2 li {
        width: 50%;
        padding: 5%;
        font-size: 16px
    }

    .prodt13-cont-ms2 h3 {
        margin: 10px 0
    }

    .prodt13-cont-ms2 h3 em {
        font-size: 24px
    }

    .prodt14 {
        padding: 0;
        padding-top: 30px
    }

    .prodt14-cont {
        position: static
    }

    .prodt11-cont h4 {
        font-size: 24px;
        margin: 20px 0
    }

    .prodt11-cont .proimg4 {
        width: 70%
    }

    .prodt11-cont .proimg2 {
        width: 70%;
        margin-bottom: 15px;
        max-width: 200px
    }

    .prodt15-cont-left {
        position: static;
        width: 100%;
        margin: auto;
        padding: 0 15px
    }

    .prodt15-cont-right {
        width: 80%;
        margin-left: 20%;
        margin: 20px 0 0;
        margin-left: 20%
    }

    .prodt15-cont-ms1 {
        text-align: center
    }

    .prodt15-cont-ms1 span {
        width: auto
    }

    .prodt15-cont-ms2 h2, .prodt15-cont-ms3 h2 {
        font-size: 26px
    }

    .prodt15-x1 {
        display: none
    }

    .prodt15-x2 {
        display: none
    }

    .prodt16-x1 {
        display: none
    }

    .prodt16-cont-left {
        width: 100%;
        position: static;
        padding: 0 15px
    }

    .prodt16-cont-ms1 h2 {
        font-size: 32px
    }

    .prodt16-cont-ms1 img {
        width: 52px
    }

    .prodt16-cont-ms1 {
        margin-bottom: 30px
    }

    .prodt16-cont-ms h2 {
        font-size: 24px
    }

    .prodt16-cont-ms {
        margin-bottom: 20px
    }

    .prodt17-bt h2, .prodt18-cont h2 {
        font-size: 32px;
        line-height: 42px;
        text-align: center
    }

    .prodt17-bt {
        margin-bottom: 20px
    }

    .prodt17-ms ul {
        height: 300px;
        overflow-y: auto
    }

    .prodt17-ms ul::-webkit-scrollbar {
        width: 3px;
        background-color: #dcdbdb;
        height: 5px
    }

    .prodt17-ms ul::-webkit-scrollbar-thumb {
        background-color: #e60012;
        border-radius: 0
    }

    .prodt17-ms li {
        width: 98%;
        margin-bottom: 15px
    }

    .prodt17-ms li h3 {
        font-size: 16px;
        height: 48px;
        line-height: 24px
    }

    .prodt18-cont {
        position: static
    }

    .prodt18-ms {
        float: none;
        width: 100%;
        margin-top: 30px
    }

    .prodt18-cont h3 {
        font-size: 22px
    }

    .prodt13-cont-ms2 li img {
        width: 42px
    }

    .prodt19-cont {
        position: static;
        padding: 5% 0 5%
    }

    .prodt19-ms h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 20px
    }

    .prodt19-ms p {
        text-align: justify;
        line-height: 24px
    }

    .prodt19-cont-left {
        width: 100%;
        float: none
    }

    .prodt19-cont-right {
        width: 100%;
        float: none;
        margin: 0
    }

    .prodt50-cont h2 {
        font-size: 28px;
        margin-bottom: 20px
    }

    .prodt50-cont h4 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .prodt50-cont, .prodt51-cont {
        position: static;
        padding: 0
    }

    .prodt50-cont .proimg {
        width: 100%
    }

    .prodt51-ms1 {
        display: none
    }

    .prodt51-ms2 {
        width: 100%;
        padding: 0;
        margin: 20px 0 30px 0;
        text-align: center;
        float: none
    }

    .prodt51-ms2 h2, .prodt52-bt h2 {
        font-size: 28px;
        margin-bottom: 25px
    }

    .prodt51-ms3 {
        width: 100%;
        float: none;
        padding: 0
    }

    .prodt51-ms3 li h3 {
        font-size: 22px
    }

    .prodt51-ms3 li p {
        font-size: 16px
    }

    .prodt52-ms-left {
        float: none;
        width: 100%;
        margin-bottom: 40px
    }

    .prodt52-ms-right {
        width: 100%;
        float: none
    }

    .prodt52-ms-left img {
        display: block;
        margin: auto;
        max-width: 180px
    }

    .prodt52-ms-right span {
        font-size: 16px
    }

    .prodt52-ms-right .sp1 {
        top: -3%;
        left: 0
    }

    .prodt52-ms-right .sp2 {
        top: 31%;
        left: 0
    }

    .prodt52-ms-right .sp3 {
        top: 66%;
        left: 0
    }

    .prodt52-ms-right .sp4 {
        top: -3%;
        right: 10%
    }

    .prodt52-ms-right .sp5 {
        top: 32%;
        right: 10%
    }

    .prodt52-ms-right .sp6 {
        top: 67%;
        right: 12%
    }

    .prodt17-bt-h h2, .prodt53-bt h2, .prodt54-bt h2, .prodt55-bt h2, .prodt56-bt h2, .prodt57-bt h2 {
        font-size: 28px;
        margin-bottom: 30px
    }

    .prodt53-ms span {
        font-size: 12px;
        width: 12px;
        height: 12px;
        font-size: 0;
        background-color: #60a5b0;
        border-radius: 50%
    }

    .prodt53-ms span::after, .prodt53-ms span::before {
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        content: '';
        top: 1px;
        right: 1px;
        background-color: #16c6e2;
        z-index: 1
    }

    .prodt53-ms span::before {
        animation: scale-sp 1.5s infinite
    }

    .prodt53-ms span::after {
        animation: scale-sp2 1.5s infinite
    }

    @keyframes scale-sp {
        0% {
            transform: scale(1);
            opacity: .9
        }
        100% {
            transform: scale(4);
            opacity: 0
        }
    }
    @keyframes scale-sp2 {
        0% {
            transform: scale(1);
            opacity: .9
        }
        100% {
            transform: scale(8);
            opacity: 0
        }
    }
    .prodt54-ms-qh {
        display: none
    }

    .prodt53-ms2 .swiper-pagination, .prodt54-ms .swiper-pagination, .prodt55-ms .swiper-pagination, .prodt57-ms .swiper-pagination {
        display: block;
        position: static;
        margin-top: 20px
    }

    .prodt55-ms .swiper-pagination {
        position: absolute
    }

    .prodt53-ms2 .swiper-pagination-bullet, .prodt54-ms .swiper-pagination-bullet, .prodt55-ms .swiper-pagination-bullet, .prodt57-ms .swiper-pagination-bullet {
        background-color: #fff;
        opacity: .5
    }

    .prodt53-ms2 .swiper-pagination-bullet-active, .prodt54-ms .swiper-pagination-bullet-active, .prodt55-ms .swiper-pagination-bullet-active, .prodt57-ms .swiper-pagination-bullet-active {
        background-color: #fff;
        opacity: 1
    }

    .prodt17-bt-h p {
        font-size: 18px
    }

    .prodt17-ms1 {
        position: static;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #00000094;
        padding: 0 15px;
        padding: 20px 15px 30px 15px
    }

    .prodt17-ms1 p {
        display: block;
        font-size: 14px
    }

    li .prodt17-ms1 h3 {
        position: static;
        line-height: 22px;
        height: auto;
        margin-bottom: 10px
    }

    .prodt12-cont-a .prodt12-cont-ms {
        width: 100%;
        margin: 0
    }

    .prodt12-cont-ms p, .prodt56-bt p, .prodt8-cont p {
        font-size: 16px;
        line-height: 26px
    }

    .prodt56-cont-left {
        width: 100%;
        float: none
    }

    .prodt56-cont-right {
        display: none
    }

    .prodt56-ms .pro-appimg {
        margin: 20px 0
    }

    .prodt56-cont-left li {
        text-align: left;
        margin: 8% 0
    }

    .prodt56-cont-left img {
        display: inline-block;
        width: 56px
    }

    .prodt56-cont-left p {
        font-size: 16px;
        margin-top: 5%
    }

    .prodt57-ms-cont h3 {
        font-size: 20px
    }

    .prodt53-ms2 {
        margin-top: 30px
    }

    .prodt53-ms2 span {
        font-size: 16px;
        line-height: 24px
    }

    .prodt58-ms ul {
        width: 50%
    }

    .prodt58-ms2 ul {
        width: 100%
    }

    .prodt58-ms2 ul li {
        width: 50%
    }

    .prodt58-ms ul li {
        font-size: 14px;
        min-height: 60px;
        line-height: 24px;
        padding: 5px
    }

    .prodt58-ms {
        margin-bottom: 30px
    }

    .prodt20-cont {
        position: static
    }

    .prodt20-ms h2 {
        font-size: 32px;
        margin: 20px 0
    }

    .prodt20-ms .proimg {
        max-width: 180px
    }

    .prodt19-ms2 {
        margin-top: 50px
    }

    .prodt19-ms2 li {
        width: 48%;
        margin: 20px 1%
    }

    .prodt19-ms2 li img {
        width: 62px;
        margin-bottom: 20px
    }

    .prodt19-ms2 li h3 {
        font-size: 16px
    }

    .prodt18-cont-h {
        width: 100%;
        text-align: center
    }

    .prodt18-cont-h .prodt18-ms {
        width: 100%;
        margin: 30px 0
    }

    .prodt18-cont .proimg2 {
        position: static;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .prodt21-bt h2 {
        font-size: 32px
    }

    .prodt21-bt h5 {
        font-size: 24px
    }

    .prodt18-cont-a {
        margin: 0
    }

    .prodt18-cont .proimg3 {
        position: static;
        margin-top: 20px
    }

    .prodt18-cont .proimg4 {
        position: static;
        margin-top: 20px
    }

    .prodt19-a-left {
        width: 100%;
        margin: 0;
        float: none
    }

    .prodt19-a-right {
        width: 100%;
        float: none
    }

    .prodt19-a-right li {
        width: 31.3333%;
        float: left;
        margin: 20px 1%
    }

    .prodt19-a-right li h5 {
        font-size: 16px
    }

    .prodt19-a-right li span {
        font-size: 28px
    }

    .prodt21-dw {
        padding-top: 20%;
        background-color: #00000042
    }

    .prodt21-dw .prodt21-ms img {
        max-width: 250px
    }

    .prodt21-lr .jt1 {
        width: 18px;
        left: -3%;
        padding-top: 40%
    }

    .prodt21-lr .jt2 {
        width: 18px;
        right: -3%;
        padding-top: 40%
    }

    .prodt19-ms h2, .prodt22-bt h2 {
        font-size: 32px;
        line-height: 42px
    }

    .prodt22-bt p {
        font-size: 18px
    }

    .prodt22-ms-bt {
        padding: 0;
        padding-top: 20px
    }

    .prodt22-ms-bt h3 {
        font-size: 20px;
        padding: 0 5%
    }

    .prodt22-ms-bt p {
        padding: 0 5%
    }

    .prodt22-ms-img {
        width: 100%;
        margin: 0
    }

    .prodt22-ms-dw {
        position: static;
        width: 100%;
        margin: 0
    }

    .prodt22-ms-dw h5 {
        font-size: 20px
    }

    .prodt22-ms-dw li {
        font-size: 16px
    }

    .prodt22-ms-sp {
        margin: 20px 0
    }

    .prodt22-ms2 {
        width: 100%;
        margin: 0
    }

    .prodt22-ms3 {
        position: static;
        width: 100%;
        margin: 20px 0
    }

    .prodt22-ms4 {
        width: 100%;
        margin: 0
    }

    .prodt22-ms5 {
        width: 100%;
        margin: 0
    }

    .prodt23-cont ul li span {
        font-size: 20px
    }

    .prodt23-cont .ul2 .odd {
        display: none
    }

    .prodt23-cont .ul2 li {
        width: 100%;
        margin-bottom: 10px
    }

    .prodt23-cont .ul2 {
        margin-top: 10px
    }

    .prodt11-cont .proimg5 {
        width: 110px;
        margin-bottom: 25px
    }

    .prodt20-a .prodt20-ms h2, .prodt59-ms h2, .prodt60-ms h2, .prodt61-bt h2, .prodt62-bt h2 {
        font-size: 32px
    }

    .prodt20-ms h3 {
        font-size: 24px
    }

    .prodt13-a .prodt13-cont-ms1 p, .prodt59-ms p, .prodt59-ms3 ul li p, .prodt60-ms2 p, .prodt61-bt p, .prodt62-bt p {
        font-size: 16px;
        line-height: 24px
    }

    .prodt59-ms2 .tp1 {
        width: 200px
    }

    .prodt59-ms3 {
        margin-top: 30px
    }

    .prodt59-ms3 ul li {
        width: 50%;
        min-height: 100px;
        margin-bottom: 20px
    }

    .prodt60-cont {
        position: static
    }

    .prodt60-ms {
        width: 100%;
        margin-left: 0;
        text-align: center;
        margin-top: 0
    }

    .prodt60-ms h3 {
        font-size: 22px
    }

    .prodt62-cont {
        position: static
    }

    .prodt13-a .prodt13-cont-ms1 h2 {
        font-size: 32px
    }
}

.prodt63 {
    position: relative
}

.prodt63-cont {
    color: #fff;
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 5% 0
}

.prodt63-cont h2 {
    font-size: 60px
}

.prodt63-cont h4 {
    font-size: 36px;
    margin-top: 2%
}

.prodt64-cont {
    color: #fff;
    padding: 5% 0
}

.prodt64-bt {
    text-align: center;
    margin-bottom: 5%
}

.prodt64-bt h2 {
    font-size: 60px
}

.prodt64-bt p {
    margin-top: 2%;
    font-size: 20px;
    color: #999;
    line-height: 26px
}

.prodt64-ms {
    position: relative
}

.prodt64-left {
    position: absolute;
    width: 45%;
    left: 0
}

.prodt64-right {
    width: 50%;
    margin-left: 50%
}

.prodt64-right ul li {
    margin-bottom: 5%
}

.prodt64-right ul li h3 {
    font-size: 36px;
    margin-bottom: 2%
}

.prodt64-right ul li p {
    font-size: 20px;
    color: #999;
    line-height: 28px
}

.prodt65-cont {
    color: #fff;
    padding: 5% 0
}

.prodt65-bt {
    text-align: center;
    margin-bottom: 5%
}

.prodt65-bt h2 {
    font-size: 60px
}

.prodt65-bt p {
    margin-top: 2%;
    font-size: 20px;
    color: #999;
    text-align: left
}

.prodt65-ms img {
    display: block;
    max-width: 100%;
    margin: auto
}

.prodt65-ms2 {
    text-align: center
}

.prodt65-ms2 img {
    display: inline-block;
    max-width: 46%;
    margin: 0 1%;
    border-radius: 4%
}

.prodt66-cont {
    color: #fff;
    padding: 5% 0
}

.prodt66-bt {
    text-align: center;
    margin-bottom: 5%
}

.prodt66-bt h2 {
    font-size: 60px
}

.prodt66-ms img {
    max-width: 150px;
    max-height: 126px
}

.prodt66-ms ul {
    text-align: center
}

.prodt66-ms ul li {
    width: 44%;
    display: inline-block;
    background-color: #272727;
    margin: 2%;
    padding: 3% 3% 5% 3%;
    vertical-align: middle;
    text-align: left
}

.prodt66-ms ul li h5 {
    font-size: 20px;
    margin-bottom: 2%
}

.prodt66-ms ul li p {
    color: #999;
    margin-bottom: 5%;
    font-size: 16px;
    line-height: 25px;
    min-height: 100px
}

.prodt67-cont {
    color: #fff;
    padding: 5% 0
}

.prodt67-bt {
    text-align: center;
    margin-bottom: 5%
}

.prodt67-bt h2 {
    font-size: 60px
}

.prodt67-bt p {
    font-size: 18px;
    color: #999;
    margin-top: 2%
}

.prodt67-ms ul {
    text-align: center
}

.prodt67-ms ul li {
    display: inline-block;
    width: 20%;
    vertical-align: middle
}

.prodt67-ms ul li p {
    font-size: 18px;
    margin-top: 15%
}

.prodt67-ms .xian {
    width: 18%
}

.prodt67-ms .xian em {
    color: #101010;
    display: block;
    width: 70%;
    height: 2px;
    background-color: #999;
    margin: auto
}

@media (max-width: 1659px) {
    .prodt63-cont h2, .prodt64-bt h2, .prodt65-bt h2, .prodt66-bt h2, .prodt67-bt h2 {
        font-size: 56px
    }

    .prodt63-cont h4 {
        font-size: 32px
    }

    .prodt64-bt p {
        font-size: 18px
    }

    .prodt64-right ul li h3 {
        font-size: 34px
    }

    .prodt64-right ul li p {
        font-size: 18px
    }
}

@media (max-width: 1459px) {
    .prodt63-cont h2, .prodt64-bt h2, .prodt65-bt h2, .prodt66-bt h2, .prodt67-bt h2 {
        font-size: 52px
    }

    .prodt63-cont h4 {
        font-size: 30px
    }

    .prodt64-bt p {
        font-size: 18px
    }

    .prodt64-right ul li h3 {
        font-size: 32px
    }

    .prodt64-right ul li p {
        font-size: 18px
    }
}

@media (max-width: 1259px) {
    .prodt63-cont h2, .prodt64-bt h2, .prodt65-bt h2, .prodt66-bt h2, .prodt67-bt h2 {
        font-size: 42px
    }

    .prodt63-cont h4 {
        font-size: 28px
    }

    .prodt64-bt p {
        font-size: 18px
    }

    .prodt64-right ul li h3 {
        font-size: 28px
    }

    .prodt64-right ul li p {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width: 971px) {
    .prodt63-cont {
        position: static;
        padding: 0;
        margin-bottom: 30px
    }

    .prodt63-cont h2, .prodt64-bt h2, .prodt65-bt h2, .prodt66-bt h2, .prodt67-bt h2 {
        font-size: 26px;
        line-height: 32px
    }

    .prodt63-cont h4 {
        font-size: 20px;
        margin-top: 5%
    }

    .prodt64-bt p {
        font-size: 16px;
        margin-top: 20px;
        text-align: left
    }

    .prodt64-right ul li h3 {
        font-size: 24px
    }

    .prodt64-right ul li p {
        font-size: 15px;
        line-height: 22px
    }

    .prodt64-bt {
        margin-bottom: 30px
    }

    .prodt64-left {
        position: static;
        width: 100%
    }

    .prodt64-right {
        width: 100%;
        margin: auto;
        text-align: left;
        margin-top: 20px
    }

    .prodt64-cont, .prodt65-cont, .prodt66-cont, .prodt67-cont {
        padding: 0
    }

    .prodt65-bt p {
        font-size: 16px;
        margin-top: 20px
    }

    .prodt65-ms2 img {
        width: 80%;
        max-width: initial;
        margin-bottom: 20px
    }

    .prodt66-ms ul li h5 {
        font-size: 18px;
        margin-bottom: 15px
    }

    .prodt66-ms ul li {
        width: 90%;
        margin-bottom: 20px;
        padding: 5% 5% 10%
    }

    .prodt67-bt p {
        margin-top: 20px;
        font-size: 16px;
        text-align: left
    }

    .prodt67-ms ul li {
        display: block;
        margin: auto;
        width: 100%;
        margin-bottom: 20px
    }

    .prodt67-ms ul li img {
        width: 50%
    }

    .prodt67-ms ul li p {
        margin-top: 10%
    }

    .prodt67-ms .xian {
        transform: rotate(90deg);
        padding: 10% 0
    }
}

.prodt68 {
    position: relative
}

.prodt68-cont {
    color: #fff;
    position: absolute;
    top: 60%;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 5% 0
}

.prodt68-a .prodt68-cont {
    color: #fff
}

.prodt68-cont h2 {
    font-size: 48px;
    margin-top: 2%
}

.prodt69 {
    position: relative
}

.prodt69-cont {
    padding: 8% 0
}

.prodt69-bt {
    margin-bottom: 3%
}

.prodt69-bt .tp {
    display: inline-block
}

.prodt69-bt h2 {
    font-size: 80px;
    margin-top: 2%
}

.prodt69-bt h2 em {
    color: #e60027
}

.prodt69-ms {
    margin-bottom: 5%
}

.prodt69-ms h3 {
    font-size: 32px;
    margin-bottom: 1%
}

.prodt69-ms p {
    font-size: 20px;
    color: #c9c9c9;
    line-height: 32px;
    text-align: justify
}

.prodt69-ms li {
    display: inline-block;
    text-align: center;
    margin-right: 8%
}

.prodt69-ms li h5 {
    color: #e60027;
    font-size: 48px;
    font-weight: 700
}

.prodt69-ms li span {
    font-size: 18px;
    margin-top: 5%;
    display: block;
    color: #c9c9c9
}

.prodt70 {
    position: relative
}

.prodt70-cont {
    color: #fff;
    top: 0;
    text-align: left;
    width: 100%;
    height: 100%;
    padding: 5% 0;
    background-color: rgba(0, 0, 0, .28)
}

.prodt70-cont-a {
    text-align: center
}

.prodt70 .bfsp {
    text-align: center
}

.prodt70 .bfsp video {
    max-width: 100%
}

.prodt70-ms {
    margin-bottom: 5%;
    max-width: 960px;
    margin: auto;
    margin-bottom: 5%
}

.prodt70-tp {
    position: relative
}

.prodt70-tp img {
    width: 100%
}

.prodt70.on .prodt70-tp em {
    animation: movethuma 2s linear 1
}

.prodt70-tp em {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2901960784313726);
    color: transparent;
    right: 50%
}

@keyframes movethuma {
    0% {
        right: 0
    }
    50% {
        right: 100%
    }
    100% {
        right: 50%
    }
}

.prodt70-ms h3 {
    font-size: 32px
}

.prodt70-ms p {
    font-size: 20px;
    color: #c9c9c9;
    margin: 2% 0 3% 0
}

.prodt71 {
    position: relative
}

.prodt71-cont {
    position: absolute;
    color: #fff;
    top: 0;
    width: 100%;
    padding: 42% 0 5% 0
}

.prodt71-left {
    float: left;
    width: 50%;
    padding-right: 10%
}

.prodt71-right {
    float: left;
    width: 50%
}

.prodt71-left .tp {
    display: inline-block;
    margin-bottom: 5%
}

.prodt71-left h2 {
    font-size: 80px;
    line-height: 100px
}

.prodt71-left em {
    color: #e60027
}

.prodt71-left h5 {
    font-size: 32px;
    margin: 5% 0
}

.prodt71-left p {
    font-size: 18px;
    line-height: 26px;
    color: #c9c9c9;
    text-align: justify
}

.prodt71-right h2 {
    font-size: 32px;
    margin-bottom: 5%
}

.prodt71-right p {
    font-size: 20px;
    line-height: 26px;
    color: #c9c9c9;
    text-align: justify
}

.prodt71-right ul {
    margin-top: 5%
}

.prodt71-right li {
    display: block;
    margin-bottom: 5%;
    width: 33.333%;
    float: left
}

.prodt71-right li:nth-child(1) {
    text-align: left
}

.prodt71-right li:nth-child(2) {
    text-align: center
}

.prodt71-right li:nth-child(3) {
    text-align: right
}

.prodt71-right li:nth-child(4) {
    width: 50%
}

.prodt71-right li:nth-child(5) {
    width: 50%;
    text-align: right
}

.prodt71-right h5 {
    font-size: 50px;
    color: #f26e7e;
    background: linear-gradient(to right, #6667ad 0, #a65a91 26%, #e54c74 52%, #f5f1b3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700
}

.prodt71-right span {
    font-size: 20px;
    color: #c9c9c9;
    display: block;
    margin-top: 5%
}

.prodt72 {
    background-color: #111
}

.prodt72-cont {
    color: #fff;
    text-align: left;
    padding: 5% 0
}

.prodt72-cont .w1280 {
    position: relative
}

.prodt72-left {
    position: absolute;
    width: 50%;
    left: 0;
    height: 100%;
    top: 10%
}

.prodt72-left h2 {
    font-size: 60px
}

.prodt72-left p {
    font-size: 18px;
    text-align: left;
    color: #c9c9c9;
    margin-top: 5%;
    line-height: 26px
}

.prodt72-right {
    width: 50%;
    margin-left: 50%
}

.prodt72-right .swiper-slide img {
    max-width: 100%
}

.prodt72-right .swiper-pagination {
    position: static;
    margin-top: 20px
}

.prodt72-right .swiper-pagination-bullet {
    background-color: #fff;
    opacity: .8;
    width: 12px;
    height: 12px;
    margin: 0 10px !important;
    vertical-align: middle
}

.prodt72-right .swiper-pagination-bullet:nth-child(1) {
    background-color: #999
}

.prodt72-right .swiper-pagination-bullet:nth-child(2) {
    background-color: #fff
}

.prodt72-right .swiper-pagination-bullet:nth-child(3) {
    background-color: #ff7131
}

.prodt72-right .swiper-pagination-bullet-active {
    opacity: 1;
    width: 15px;
    height: 15px
}

.prodt73-cont {
    color: #fff;
    text-align: center;
    padding: 5% 0;
    max-width: 960px;
    margin: auto
}

.prodt73-bt h2 {
    font-size: 60px
}

.prodt73-bt p {
    font-size: 18px;
    color: #c9c9c9;
    margin-top: 2%;
    line-height: 26px
}

.prodt73-ms {
    margin-top: 5%;
    position: relative;
    overflow: hidden
}

.prodt73-ms video {
    width: 100%;
    height: 546px;
    width: 960px
}

.prodt73-ms ul {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .12156862745098039)
}

.prodt73-ms li {
    float: left;
    width: 25%;
    height: calc(100% - 3px);
    border-right: 1px solid rgba(255, 255, 255, .52);
    position: relative
}

.prodt73-ms:hover li {
    border: none
}

.prodt73-ms li p {
    font-size: 18px;
    position: absolute;
    bottom: 15px;
    text-align: center;
    width: 100%;
    color: rgba(255, 255, 255, .68)
}

.prodt73-ms .on p {
    color: #fff
}

.prodt73-ms li:nth-child(4) {
    border: none
}

.prodt73-xian {
    margin-top: 5%
}

.prodt73-xian li {
    display: inline-block
}

.prodt73-xian li p {
    color: #101010;
    width: 42px;
    height: 2px;
    background-color: rgba(238, 238, 238, .41);
    margin: 0 15px
}

.prodt73-xian .on p {
    background-color: #fff
}

.prodt74 {
    position: relative
}

.prodt74-cont {
    color: #fff;
    position: absolute;
    padding: 10% 0 10% 0;
    top: 0;
    left: 0;
    width: 100%
}

.prodt74-bt {
    width: 50%
}

.prodt74-bt h2 {
    font-size: 50px
}

.prodt74-bt em {
    color: #e60027
}

.prodt74-bt p {
    color: #f0f8ff;
    font-size: 20px;
    line-height: 32px;
    margin: 5% 0
}

.prodt74-ms {
    width: 50%
}

.prodt74-ms li h5 {
    font-size: 40px;
}

.prodt74-ms li p {
    font-size: 20px;
    color: #999
}

.prodt74-ms li em {
    color: #000;
    width: 100px;
    height: 2px;
    display: block;
    margin: 2% 0
}

.prodt75 {
    position: relative
}

.prodt75-cont {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    color: #fff;
    height: 100%;
    padding: 8% 0 5%
}

.prodt75-ms {
    /*width: 50%*/
}

.prodt75-ms2 h2 {
    font-size: 60px
}

.prodt75-ms2 p {
    font-size: 20px;
    line-height: 32px;
    margin: 10% 0
}

.prodt75-ms ul {
    width: 50%
}

.prodt75-ms li {
    /*margin-bottom: 8%*/
}

.prodt75-ms li h5 {
    font-size: 32px;
    margin-bottom: 2%
}

.prodt75-ms li p {
    font-size: 25px;
    color: #fff;
    line-height: 40px
}

.prodt75-ms2 ul {
    width: 100%
}

.prodt75-ms2 li {
    width: 28.333%;
    margin-bottom: 0;
    float: left;
    margin-right: 5%;
    text-align: center;
    background-color: #111;
    padding: 3%;
    border-radius: 8%
}

.prodt75-ms2 li span {
    font-size: 20px;
    margin-bottom: 10%;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, .51);
    padding-bottom: 10%
}

.prodt76 {
    position: relative;
    background-color: #fff;
    padding: 0;
}

.prodt76-cont {
    position: absolute;
    color: #000;
    top: 0;
    text-align: center;
    width: 100%;
    padding: 5% 0
}

.prodt76-bt {
    margin-bottom: 5%;
    position: sticky;
    z-index: 1;
}

.prodt76-ms {
    position: sticky;
    z-index: 1;
}

.prodt76-bt h2 {
    font-size: 60px;
    margin-bottom: 2%
}

.prodt76-bt h2 em {
    color: #e60027
}

.prodt76-bt p {
    font-size: 18px;
    color: #000
}

.prodt77-cont {
    color: #fff;
    text-align: center;
    padding: 5% 0
}

.prodt77-bt h2 {
    font-size: 60px;
    margin-bottom: 3%
}

.prodt77-bt h2 em {
    color: #e60027
}

.prodt77-bt p {
    font-size: 18px;
    color: #999
}

.prodt77-bt {
    margin-bottom: 5%
}

@media (max-width: 1659px) {
    .prodt69-bt h2, .prodt71-left h2 {
        font-size: 72px;
        line-height: 92px
    }

    .prodt72-left h2, .prodt73-bt h2, .prodt74-bt h2, .prodt76-bt h2, .prodt77-bt h2 {
        font-size: 58px
    }
}

@media (max-width: 1459px) {
    .prodt69-bt h2, .prodt71-left h2 {
        font-size: 62px;
        line-height: 78px
    }

    .prodt72-left h2, .prodt73-bt h2, .prodt74-bt h2, .prodt76-bt h2, .prodt77-bt h2 {
        font-size: 52px
    }

    .prodt69-ms li h5 {
        font-size: 44px
    }

    .prodt69-ms h3, .prodt70-ms h3, .prodt71-left h5, .prodt71-right h2, .prodt75-ms li h5 {
        font-size: 30px
    }

    .prodt71-right h5, .prodt74-ms li h5 {
        font-size: 42px
    }
}

@media (max-width: 1259px) {
    .prodt69-bt h2, .prodt71-left h2 {
        font-size: 52px;
        line-height: 68px
    }

    .prodt72-left h2, .prodt73-bt h2, .prodt74-bt h2, .prodt76-bt h2, .prodt77-bt h2 {
        font-size: 40px
    }

    .prodt69-ms li h5 {
        font-size: 38px
    }

    .prodt69-ms h3, .prodt70-ms h3, .prodt71-left h5, .prodt71-right h2, .prodt75-ms li h5 {
        font-size: 28px
    }

    .prodt71-right h5, .prodt74-ms li h5 {
        font-size: 30px
    }

    .prodt69-ms p, .prodt70-ms p, .prodt71-right p, .prodt74-bt p {
        font-size: 18px;
        line-height: 26px
    }

    .prodt68-cont h2 {
        font-size: 28px
    }
}

.prodt76-cont_color {
    color: #fff;
    padding-top: 4%;
}
.prodt76-cont_color p {
    line-height: 28px;
    color: #fff;
    width: 80%;
    margin: 0 auto;
}

@media (max-width: 971px) {
    .cbsp img {
        width: 32px
    }

    .prodt76-ms {
        padding-bottom: 60%;
    }

    .prodt76-bt {
        padding-top: 10%;
    }
    .prodt76-cont_color {
        color: #000;
    }
    .prodt76-cont_color p {
        color: #000;
    }
    .prodt69-bt h2, .prodt71-left h2 {
        font-size: 32px;
        line-height: 49px
    }

    .prodt72-left h2, .prodt73-bt h2, .prodt74-bt h2, .prodt76-bt h2, .prodt77-bt h2 {
        font-size: 32px
    }

    .prodt69-ms li h5 {
        font-size: 26px
    }

    .prodt69-ms h3, .prodt70-ms h3, .prodt71-left h5, .prodt71-right h2, .prodt75-ms li h5 {
        font-size: 24px;
        line-height: 32px
    }

    .prodt69-ms h3 {
        margin-bottom: 15px
    }

    .prodt71-right h5, .prodt74-ms li h5 {
        font-size: 24px
    }

    .prodt69-ms p, .prodt70-ms p, .prodt71-left p, .prodt71-right p, .prodt71-right span, .prodt72-left p, .prodt73-bt p, .prodt74-bt p, .prodt76-bt p, .prodt77-bt p {
        font-size: 16px;
        line-height: 24px;
        text-align: justify
    }

    .prodt71-right span {
        display: block;
        text-align: center
    }

    .prodt70-ms p {
        margin: 15px 0 20px 0
    }

    .prodt68-cont {
        position: static;
        background-color: #000;
        padding: 0
    }

    .prodt68-cont h2 {
        font-size: 28px;
        margin: 20px 0
    }

    .prodt68-cont .tp {
        width: 80%
    }

    .prodt68 {
        background-color: #000;
        padding: 30px 0 0 0
    }

    .prodt68-a {
        background-color: #0a0908
    }

    .prodt68-a .prodt68-cont {
        background-color: #0a0908
    }

    .prodt69-cont {
        position: static;
        padding: 0
    }

    .prodt69-bt .tp {
        width: 80%
    }

    .prodt69-ms {
        margin-bottom: 30px
    }

    .prodt69-ms li {
        width: 28.333%;
        margin: 1.5%
    }

    .prodt70-cont {
        padding: 0
    }

    .prodt70-ms {
        margin-bottom: 30px
    }

    .prodt71-cont {
        position: static;
        text-align: center;
        padding: 0
    }

    .prodt71-left {
        width: 100%;
        padding: 0;
        float: none;
        margin-bottom: 20px
    }

    .prodt71-right {
        width: 100%;
        float: none
    }

    .prodt71-right li {
        margin: 0;
        margin-right: 2%;
        width: 47%;
        margin-bottom: 20px;
        display: inline-block;
        float: none
    }

    .prodt71-right li:nth-child(1) {
        text-align: center
    }

    .prodt71-right li:nth-child(2) {
        text-align: center
    }

    .prodt71-right li:nth-child(3) {
        text-align: center
    }

    .prodt71-right li:nth-child(4) {
        width: 47%
    }

    .prodt71-right li:nth-child(5) {
        width: 47%;
        text-align: center
    }

    .prodt72-cont {
        padding: 0
    }

    .prodt72-left {
        width: 100%;
        position: static
    }

    .prodt72-right {
        width: 100%;
        margin: 20px 0 0 0
    }

    .prodt73-cont {
        padding: 0
    }

    .prodt73-ms li p {
        font-size: 16px
    }

    .prodt73-xian li p {
        width: 24px
    }

    .prodt74-cont {
        position: sticky;
        padding: 0;
        z-index: 1;
    }
    .prodt74-cont ul{
        padding-bottom: 60%;
    }
    .prodt74 .dwimg {
        position: absolute;
        bottom: 0px;
    }

    .prodt74-bt, .prodt74-ms {
        width: 100%
    }

    .prodt75-cont, .prodt76-cont {
        position: static;
        padding: 0
    }

    .prodt75-ms {
        width: 100%
    }

    .prodt75-ms ul {
        width: 100%
    }

    .prodt76 img.dwimg {
        position: absolute;
        bottom: 0;
        z-index: 0;
    }
}

.prodt78 {
    position: relative
}

.prodt78-cont {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    color: #fff;
    padding: 5% 0;
    height: 100%;
    text-align: center
}

.prodt78-bt {
    max-width: 960px;
    margin: auto
}

.prodt78-bt-a {
    padding-top: 5%
}

.prodt78-bt h2 {
    font-size: 48px;
    margin-top: 4%
}

.prodt78-bt-a h2 {
    font-size: 60px;
    margin-top: 0;
    line-height: 78px
}

.prodt78-bt h2 em {
    color: #ff3600
}

.prodt78-bt p {
    font-size: 20px;
    margin-top: 3%;
    line-height: 32px
}

.prodt79 {
    position: relative
}

.prodt79-cont {
    position: absolute;
    color: #fff;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10% 0 5% 0
}

.prodt79-ms {
    width: 45%;
    margin-left: 55%
}

.prodt79-ms ul {
    margin-top: 5%
}

.prodt79-ms h2 {
    font-size: 72px;
    color: #c9caca;
    margin-bottom: 5%
}

.prodt79-ms p {
    font-size: 20px;
    text-align: justify;
    line-height: 32px
}

.prodt79-ms li {
    display: inline-block;
    width: 48%;
    margin-bottom: 5%;
    text-align: left
}

.prodt79-ms li img {
    display: inline-block;
    vertical-align: middle
}

.prodt79-ms li span {
    font-size: 20px;
    margin-left: 5%;
    display: block
}

.prodt80 {
    position: relative
}

.prodt80-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 10% 0 5% 0
}

.prodt80-ms {
    width: 50%
}

.prodt80-ms .tp {
    display: inline-block
}

.prodt80-ms h2 {
    font-size: 72px;
    color: #ff3600;
    line-height: 82px
}

.prodt80-ms h3 {
    font-size: 48px;
    margin: 5% 0
}

.prodt80-ms p {
    font-size: 20px;
    line-height: 32px;
    margin: 5% 0
}

.prodt80-ms li {
    display: inline-block;
    width: 48%
}

.prodt80-ms li img {
    display: inline-block;
    vertical-align: middle
}

.prodt80-ms li span {
    font-size: 20px;
    margin-left: 2%
}

.prodt81-cont {
    padding: 5% 0
}

.prodt81-ms {
    position: relative
}

.prodt81-left {
    position: absolute;
    height: 100%;
    left: 0;
    width: 50%;
    top: 0;
    text-align: center;
    color: #fff
}

.prodt81-left .swiper-slide img {
    max-width: 100%
}

.prodt81-left .swiper-slide h3 {
    color: #fb4f08;
    font-size: 60px;
    margin: 8% 0 5% 0
}

.prodt81-left .swiper-slide:nth-child(1) h3 {
    color: #fb4f08
}

.prodt81-left .swiper-slide:nth-child(2) h3 {
    color: #fff
}

.prodt81-left .swiper-slide:nth-child(3) h3 {
    color: red
}

.prodt81-left .swiper-slide:nth-child(4) h3 {
    color: #878787
}

.prodt81-right {
    width: 50%;
    margin-left: 50%
}

.prodt81-left .swiper-pagination {
    position: static;
    margin-top: 20px
}

.prodt81-left .swiper-pagination-bullet {
    background-color: #fff;
    opacity: .8;
    width: 15px;
    height: 15px;
    margin: 0 10px !important;
    vertical-align: middle
}

.prodt81-left .swiper-pagination-bullet:nth-child(1) {
    background-color: #fb4f07
}

.prodt81-left .swiper-pagination-bullet:nth-child(2) {
    background-color: #fff
}

.prodt81-left .swiper-pagination-bullet:nth-child(3) {
    background-color: red
}

.prodt81-left .swiper-pagination-bullet:nth-child(4) {
    background-color: #878787
}

.prodt81-left .swiper-pagination-bullet-active {
    opacity: 1;
    width: 20px;
    height: 20px
}

.prodt81-bt {
    text-align: center;
    color: #fff;
    margin-bottom: 8%
}

.prodt81-bt h2 {
    font-size: 60px
}

.prodt81-bt p {
    font-size: 20px;
    color: #fff;
    margin-top: 2%;
    line-height: 32px
}

.prodt81-ms2 {
    position: relative
}

.prodt81-ms2 li {
    width: 50%
}

.prodt81-ms2 li:nth-child(2) {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    height: 100%;
    padding: 10% 5% 5% 5%
}

.prodt81-ms2 li img {
    width: 100%
}

.prodt81-ms2 li h2 {
    font-size: 48px
}

.prodt81-ms2 li h2 em {
    font-size: 100px
}

.prodt81-ms2 li h5 {
    font-size: 30px;
    margin: 5% 0
}

.prodt81-ms2 li p {
    font-size: 30px
}

.prodt82-cont {
    padding: 5% 0;
    color: #fff;
    text-align: center
}

.prodt82-bt {
    margin-bottom: 5%
}

.prodt82-bt h2 {
    font-size: 120px;
    color: #ff4200
}

.prodt82-bt h3 {
    font-size: 48px
}

.prodt82-bt h5 {
    font-size: 48px;
    margin-top: 3%
}

.prodt82-bt p {
    font-size: 20px;
    margin-top: 3%
}

.prodt83-cont {
    padding: 5% 0;
    color: #fff;
    text-align: center
}

.prodt83-bt {
    margin-bottom: 5%
}

.prodt83-bt h2 {
    font-size: 72px
}

.prodt83-bt p {
    font-size: 20px;
    margin-top: 2%
}

.prodt83-ms {
    max-width: 960px;
    margin: auto;
    height: 587px
}

.prodt83-img {
    width: 960px;
    height: 587px
}

.prodt83-img li {
    display: none
}

.prodt83-img li .tp {
    width: 100%;
    height: 100%
}

.prodt83-img .on {
    display: block
}

.prodt83-dian {
    width: 100%;
    margin-top: 5%
}

.prodt83-dian li {
    width: 25%;
    text-align: center;
    float: left;
    border-top: 2px solid #fff;
    position: relative
}

.prodt83-dian .on em, .prodt83-dian li:hover em {
    position: absolute;
    width: 100%;
    height: 6px;
    background-color: #fff;
    left: 0;
    top: -4px
}

.prodt83-dian p {
    font-size: 20px;
    line-height: 42px
}

.prodt84 {
    position: relative
}

.prodt84-cont {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    width: 100%;
    padding: 5% 0 5% 0;
    height: 100%
}

.prodt84-ms {
    width: 40%;
    margin-left: 60%;
    text-align: right
}

.prodt84-ms li {
    margin-bottom: 20%
}

.prodt84-ms li h2 {
    font-size: 50px
}

.prodt84-ms li p {
    font-size: 18px;
    margin: 10% 0;
    padding-left: 40%;
    line-height: 32px
}

.prodt84-ms li img {
    display: inline-block
}

@media (max-width: 1659px) {
    .prodt79-ms h2 {
        font-size: 68px
    }

    .prodt80-ms h2 {
        font-size: 68px;
        line-height: 78px
    }

    .prodt81-bt h2 {
        font-size: 58px
    }

    .prodt81-left .swiper-slide h3 {
        font-size: 58px
    }

    .prodt81-ms2 li h2 em {
        font-size: 82px
    }

    .prodt82-bt h2 {
        font-size: 100px
    }

    .prodt83-bt h2 {
        font-size: 68px
    }

    .prodt75-ms2 h2 {
        font-size: 58px
    }

    .prodt78-bt-a h2 {
        font-size: 58px
    }
}

@media (max-width: 1459px) {
    .prodt79-ms li img, .prodt80-ms li img {
        width: 68px
    }

    .prodt79-ms h2 {
        font-size: 62px
    }

    .prodt80-ms h2 {
        font-size: 62px;
        line-height: 68px
    }

    .prodt81-bt h2 {
        font-size: 52px
    }

    .prodt81-left .swiper-slide h3 {
        font-size: 50px
    }

    .prodt81-ms2 li h2 em {
        font-size: 72px
    }

    .prodt82-bt h2 {
        font-size: 82px
    }

    .prodt83-bt h2 {
        font-size: 58px
    }

    .prodt75-ms2 h2 {
        font-size: 52px
    }

    .prodt78-bt-a h2 {
        font-size: 52px;
        line-height: 62px
    }

    .prodt80-ms h3 {
        font-size: 42px
    }

    .prodt81-ms2 li h2 {
        font-size: 42px
    }

    .prodt82-bt h3, .prodt82-bt h5 {
        font-size: 42px
    }

    .prodt84-ms li h2 {
        font-size: 42px
    }

    .prodt84-ms li {
        margin-bottom: 10%
    }

    .prodt84-ms li p {
        margin: 5% 0;
        padding-left: 20%
    }

    .prodt75-ms2 li img, .prodt84-ms li img {
        width: 68px
    }

    .prodt78-bt h2 {
        font-size: 42px
    }

    .prodt68-cont .tp, .prodt78-bt .tp, .prodt80-ms .tp {
        max-width: 420px
    }

    .prodt79-cont {
        padding: 6% 0 5% 0
    }

    .prodt81-left .swiper-slide img {
        max-width: 320px
    }
}

@media (max-width: 1259px) {
    .prodt79-ms h2 {
        font-size: 52px
    }

    .prodt80-ms h2 {
        font-size: 52px;
        line-height: 62px
    }

    .prodt81-bt h2 {
        font-size: 46px
    }

    .prodt81-left .swiper-slide h3 {
        font-size: 42px
    }

    .prodt81-ms2 li h2 em {
        font-size: 62px
    }

    .prodt82-bt h2 {
        font-size: 82px
    }

    .prodt83-bt h2 {
        font-size: 48px
    }

    .prodt75-ms2 h2 {
        font-size: 46px
    }

    .prodt78-bt-a h2 {
        font-size: 52px
    }

    .prodt80-ms h3 {
        font-size: 36px
    }

    .prodt81-ms2 li h2 {
        font-size: 36px
    }

    .prodt82-bt h3, .prodt82-bt h5 {
        font-size: 42px
    }

    .prodt84-ms li h2 {
        font-size: 36px
    }

    .prodt78-bt h2 {
        font-size: 36px;
        line-height: 48px
    }

    .prodt79-ms li img {
        width: 62px
    }

    .prodt79-ms li span, .prodt79-ms p, .prodt80-ms li span, .prodt80-ms p {
        font-size: 18px;
        line-height: 28px
    }

    .prodt81-left .swiper-slide img {
        max-width: 280px
    }

    .prodt81-ms2 li h5, .prodt81-ms2 li p {
        font-size: 28px;
        line-height: 42px
    }
}

@media (max-width: 971px) {
    .prodt79-ms h2 {
        font-size: 35px
    }

    .prodt80-ms h2 {
        font-size: 36px;
        line-height: 52px
    }

    .prodt81-bt h2 {
        font-size: 32px
    }

    .prodt81-left .swiper-slide h3 {
        font-size: 32px
    }

    .prodt81-ms2 li h2 em {
        font-size: 42px
    }

    .prodt82-bt h2 {
        font-size: 42px
    }

    .prodt83-bt h2 {
        font-size: 32px
    }

    .prodt75-ms2 h2 {
        font-size: 36px
    }

    .prodt78-bt-a h2 {
        font-size: 52px
    }

    .prodt80-ms h3 {
        font-size: 28px
    }

    .prodt81-ms2 li h2 {
        font-size: 28px
    }

    .prodt82-bt h3, .prodt82-bt h5 {
        font-size: 24px
    }

    .prodt84-ms li h2 {
        font-size: 28px
    }

    .prodt78-bt h2 {
        font-size: 26px;
        line-height: 36px
    }

    .prodt79-ms li span, .prodt79-ms p, .prodt80-ms li span, .prodt80-ms p {
        font-size: 16px;
        line-height: 26px
    }

    .prodt79-ms li span {
        min-height: 52px
    }

    .prodt79-ms li {
        text-align: center;
        width: 50%;
        float: left
    }

    .prodt80-ms li {
        width: 100%;
        text-align: left
    }

    .prodt79-ms li img, .prodt80-ms li img {
        width: 62px;
        height: 62px
    }

    .prodt81-left .swiper-slide img {
        max-width: 280px
    }

    .prodt81-ms2 li h5, .prodt81-ms2 li p {
        font-size: 24px;
        line-height: 32px
    }

    .prodt68-cont .tp, .prodt78-bt .tp, .prodt80-ms .tp {
        max-width: 240px
    }

    .prodt78-cont {
        position: static
    }

    .prodt79-cont {
        position: static;
        padding: 0
    }

    .prodt79-ms {
        width: 100%;
        margin: 0
    }

    .prodt80-cont {
        position: static;
        padding: 0;
        text-align: center
    }

    .prodt80-ms {
        width: 100%;
        margin-bottom: 30px
    }

    .prodt81-bt p {
        font-size: 18px;
        text-align: justify;
        line-height: 28px
    }

    .prodt81-left {
        width: 100%;
        position: static;
        margin-bottom: 30px
    }

    .prodt81-right {
        width: 100%;
        margin: 0
    }

    .prodt81-ms2 li {
        width: 100%
    }

    .prodt81-ms2 li:nth-child(2) {
        position: static
    }

    .prodt82-cont {
        padding: 0
    }

    .prodt75-ms2 p, .prodt78-bt p, .prodt82-bt p, .prodt83-bt p {
        font-size: 18px;
        text-align: justify;
        line-height: 28px
    }

    .prodt75-ms2 li span, .prodt83-dian p {
        font-size: 16px
    }

    .prodt83-ms {
        height: 100%
    }

    .prodt75-ms2 {
        width: 100%;
        text-align: center
    }

    .prodt84-cont {
        padding: 0;
        position: static
    }

    .prodt84-ms {
        width: 100%;
        margin: 0;
        text-align: left
    }

    .prodt84-ms li p {
        padding: 0;
        font-size: 16px;
        line-height: 26px
    }

    .prodt84-ms li img {
        width: 80px;
        display: block
    }

    .prodt73-ms video {
        width: 100%;
        height: auto
    }

    .prodt83-img {
        width: 100%;
        height: auto
    }

    .jg {
        width: 3%
    }
}

.hprodt-cont {
    overflow: hidden;
    position: relative;
    height: 1920px
}

.hprodt-cont .prodt-wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0
}

.hprodt-cont .prodt-wrapper.step-2 {
    position: fixed;
    top: 50%;
    transform: translateY(-50%)
}

.hprodt-cont .prodt-wrapper.step-3 {
    bottom: 0;
    top: auto
}

.hprodt-cont .bg {
    position: relative;
    height: 1080px
}

.hprodt-cont .bg.beside .cropper {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.hprodt-cont .bg.active .cropper .mask {
    opacity: 1
}

.hprodt-cont .bg .cropper {
    position: absolute;
    left: 80px;
    right: 80px;
    top: 80px;
    bottom: 80px;
    transition: all .3s ease-in-out;
    overflow: hidden
}

.hprodt-cont .bg .cropper img, .hprodt-cont .bg .cropper video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.hprodt-cont .bg .cropper .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    transition: opacity .3s
}

.hprodt-cont .ftblock {
    text-align: left;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 960px;
    transition: opacity .3s;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.prodt69-cont {
    color: #fff
}

.hprodt-contmobile {
    display: none
}

@media (max-width: 971px) {
    .hprodt-cont {
        display: none
    }

    .hprodt-contmobile {
        display: block
    }
}

.prodt55-table table {
    width: 100%;
    max-width: 960px;
    margin: auto;
    margin-top: 5%
}

.prodt55-table thead {
    background-color: rgba(77, 77, 77, 0.8);
}

.prodt55-table td {
    border: 1px solid rgba(228, 228, 228, 0.6901960784313725);
    font-size: 16px;
    padding: 2%;
    text-align: center;
}

.prodt55-table td:nth-child(1) {
    text-align: left
}

@media (max-width: 971px) {
    .prodt55-table td {
        font-size: 14px
    }
}

.prodt55-ms .swiper-pagination-bullet {
    background: #fff;
    opacity: .8;
    margin: 4px
}

.prodt55-ms .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.prodt55-ms .swiper-button-next {
    background: url(next.png) rgba(0, 0, 0, .1) no-repeat center center;
    right: 0
}

.prodt55-ms .swiper-button-prev {
    background: url(prev.png) rgba(0, 0, 0, .1) no-repeat center center;
    left: 0
}

.prodt55-ms .swiper-button-next:hover {
    background: url(next.png) rgba(0, 0, 0, .5) no-repeat center center
}

.prodt55-ms .swiper-button-prev:hover {
    background: url(prev.png) rgba(0, 0, 0, .5) no-repeat center center
}

.prodt55-ms .swiper-button-next, .prodt55-ms .swiper-button-prev {
    width: 55px;
    height: 55px;
    bottom: 25px;
    border-radius: 28px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

/* 2021.11.17 */
.prodt86 {
    background: url(img5.png?v=1) no-repeat bottom;
}

.prodt86-main {
    position: relative;
}

.prodt86-app {
    display: none;
}

.prodt86-main ul {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.prodt86-main li p {
    font-size: 18px;
}

.prodt86-main li h5 {
    font-size: 20px;
    margin-bottom: 10px;
}

.prodt86-main li p.color2 {
    color: #969696;
}

.prodt86-main li {
    position: absolute;
    width: 20%;
    text-align: center;
}

.prodt86-main li .pic-info {
    position: absolute;
    left: 0;
    transform: translateX(-85%);
    top: 50%;
    width: 153px;
}

.prodt86-main li:first-child {
    left: 25%;
    bottom: 28%;
}

.prodt86-main li:nth-child(2) {
    left: -1%;
    bottom: 39%;
    width: 12%;
}

.prodt86-main li:nth-child(3) {
    left: 9%;
    top: 26%;
    width: 15%;
}

.prodt86-main li:nth-child(4) {
    left: 18.5%;
    top: 13%;
    width: 15%;
}

.prodt86-main li:nth-child(5) {
    left: 36%;
    top: 8%;
    width: 15%;
}

.prodt86-main li:nth-child(6) {
    left: 54.5%;
    top: 12%;
    width: 15%;
}

.prodt86-main li:nth-child(7) {
    left: 62%;
    top: 24%;
    width: 21%;
}

.prodt86-main li:nth-child(8) {
    left: 77%;
    bottom: 45%;
    width: 21%;
}

.prodt86-main li:nth-child(9) {
    left: -2%;
    bottom: 61%;
    width: fit-content;
}

.prodt86-main li:nth-child(10) {
    bottom: 61%;
    width: fit-content;
    right: 10%;
}

.prodt86-main li:last-child {
    right: 14%;
    bottom: 28%;
}

.prodt86-main li:nth-child(9) p, .prodt86-main li:nth-child(10) p {
    margin-top: 10px;
}

.prodt86-main li:last-child .pic-info {
    transform: translateX(85%);
    left: auto;
    right: 0;
}

@media (max-width: 1259px) {
    .prodt86-main li {
        width: 14%;
    }

    .prodt86-main li:last-child {
        right: 18%;
        bottom: 28%;
    }

    .prodt86-main li:nth-child(7) {
        left: 65%;
        top: 21%;
        width: 21%;
    }

    .prodt86-main li:nth-child(3) {
        left: 5%;
        top: 22%;
        width: 21%;
    }

    .prodt86-main li:nth-child(9) {
        left: -4%;
    }

    .prodt86-main li:nth-child(10) {
        right: 8%;
    }

    .prodt86-main li:nth-child(2) {
        left: -4%;
        bottom: 38%;
        width: 15%;
    }

    .prodt86-main li:nth-child(8) {
        left: 82%;
        bottom: 42%;
        width: 16%;
    }
}

@media (max-width: 1100px) {
    .prodt86-main li h5 {
        font-size: 18px;
    }

    .prodt86-main li p {
        font-size: 16px;
    }
    .prodt74-cont{
        padding: 5% 0;
    }

}

@media (max-width: 992px) {
    .prodt86-main li p {
        font-size: 14px;
    }

    .prodt86-main li:nth-child(7) {
        left: 67%;
        top: 20%;
        width: 17%;
    }

    .prodt86-main li:nth-child(3) {
        left: 6%;
        top: 22%;
        width: 17%;
    }

    .prodt86-main li:nth-child(8) {
        width: 19%;
    }

    .prodt86-main li:nth-child(9) img, .prodt86-main li:nth-child(10) img {
        width: 35px;
    }

    .prodt86-main li:nth-child(9) p, .prodt86-main li:nth-child(10) p {
        margin-top: 5px;
    }

    .prodt86-main li:nth-child(9), .prodt86-main li:nth-child(10) {
        bottom: 58%;
    }

    .prodt86-main {
        left: 10px;
    }
}

@media (max-width: 767px) {
    .prodt86 .apphide {
        display: none;
    }

    .prodt86-app {
        display: block;
        width: 200%;
        max-width: 400%;
    }

    .prodt86-main ul {
        display: none;
    }

    .prodt86-main {
        overflow-x: auto;
        overflow-y: hidden;
        left: 0;
    }

    .prodt86-main::-webkit-scrollbar {
        width: 3px;
        background-color: #dcdbdb;
        height: 5px;
    }

    .prodt86-main::-webkit-scrollbar-thumb {
        background-color: #e60012;
        border-radius: 0;
    }
}


.alert {
    display: flex;
    z-index: 90000;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.55);
    animation-duration: 0.35s;
    animation-timing-function: ease;
    animation-play-state: running;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-name: klaviyo-fadein;
}

.alert .mainer {
    border-radius: 10px;
}

.alert .arowana-form .arowana-form-tit {
    font-size: 18px;
    line-height: 28px;
}

.alert .arowana-form {
    width: 100%;
    max-width: 500px;
    padding: 20px 10px 20px;
}

.alert .arowana-form .arowana-form-list ul {
    margin-top: 14px;
}

.alert .arowana-form .arowana-form-list ul li {
    margin-right: 20px;
    margin-bottom: 10px;
}

.alert .arowana-form .arowana-form-list ul li label {
    font-size: 12px;
}

.alert .arowana-form .arowana-form-list ul li.row {
    width: 100%;
}

.alert .arowana-form .arowana-form-list ul li.row label {
    width: 15.5%;
    height: auto;
}

.alert .arowana-form .arowana-form-check {
    width: 84%;
}

.alert .arowana-form .arowana-form-text {
    height: 80px;
    font-size: 14px;
    padding: 5px 10px;
    overflow: auto;
}

.alert .arowana-form .arowana-form-list .arowana-form-input {
    padding: 0 10px;
    font-size: 14px;
    height: 30px;
}

.alert .arowana-form .arowana-form-list select {
    font-size: 14px;
}

.alert .arowana-form .arowana-form-list ul li label.error { /* position:static; */
    bottom: -10px;
    color: #ffffff;
}

@media screen and (max-width: 980px) {
    .alert .arowana-form .arowana-form-list ul li label {
        width: 70px;
        text-align: right;
    }

    .alert .arowana-form .arowana-form-list .arowana-form-input, .alert .arowana-form .arowana-form-sele {
        width: calc(100% - 70px);
    }

    .alert .arowana-form .arowana-form-list ul li {
        width: 48%;
        margin-right: 2%;
    }

    .alert .arowana-form .arowana-form-list ul li:nth-child(10) label {
        width: 70px;
    }

    .alert .arowana-form .arowana-form-text {
        width: calc(100% - 70px);
    }
}

/**/
.pro-botton {
    width: 135px;
    margin: 0 auto;
    padding-bottom: 2%;
}

.pro-botton a {
    display: inline-block;
    padding: 15px 26px;
    background: rgb(127 127 127);
    color: #fff;
    font-weight: bold;
    border-radius: 50px;
    font-size: 15px;
}

.pro-botton a:hover {
    background: #0078f7;
}

.prodt65-ms2-0722 {
}

.prodt65-ms2-0722 div {
    width: 46%;
    display: inline-block;
    margin: 0 2%;
    vertical-align: bottom;
}

.prodt65-ms2-0722 div img {
}

.prodt65-ms2-0722 div p {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 20px;
    min-height: 75px;
}

@media screen and (max-width: 1366px) {

    .prodt65-ms2-0722 div p {

        font-size: 17px;

    }
}

@media screen and (max-width: 980px) {
    .prodt65-ms2-0722 div {
        width: 100%;
        margin: auto;
        margin-bottom: 20px;
    }

    .prodt65-ms2-0722 div p {

        font-size: 14px;

        line-height: 20px;
    }
}