.sections{ width: 100%; position: relative;font-size: 0;background: #000;}
.sections img{ display: block; max-width: 100%;line-height: 0;margin-top: -2px;}
.section{ width: 100%; position: relative;font-size: 0;}
.a_anim{ opacity: 0;}

@keyframes fadeInLeft1{
    0%{ opacity: 0; transform: translate(-100px,0);}
    100%{ opacity: 1; transform: translate(0,0);}
}

@keyframes fadeInUp1{
    0%{ opacity: 0; transform: translate(0,60px);}
    100%{ opacity: 1; transform: translate(0,0);}
}

.fadeInUp{ animation: fadeInUp1  0.6s ease 0.2s  forwards; will-change: transform,opacity;}
.fadeInUp1{ animation: fadeInUp1  0.6s ease 0.4s  forwards; will-change: transform,opacity;}
.fadeInUp2{ animation: fadeInUp1  0.6s ease 0.6s  forwards; will-change: transform,opacity;}
.fadeInUp3{ animation: fadeInUp1  0.6s ease 0.8s  forwards; will-change: transform,opacity;}

/*fonts*/
.txtC{text-align: center;}
.font_bold{font-weight: bold;}
.colorfff{ color: #fff; }
.color39057c{ color: #39057c; }
.section{width: 100%;position: relative;}
.section1{position: relative;}
.fsize36{ font-size: 1.8vw;line-height: 1.6;}
.fsize62{ font-size: 3.2vw;line-height: 1.6;}
.fsize26{ font-size: 1.4vw;line-height: 1.6;}
.fsize20{ font-size: 0.9vw;line-height: 1.6;letter-spacing: 0.1vw;}


.box_pic_01{position: absolute;left: 46.5%;top:27.5%;width: 40%;}
.box_pic_02{position: absolute;left: 10%;top:77.6%;width: 20.1%;}
.box_pic_03{position: absolute;left: 28.5%;top:5.8%;width: 44.6%;}
.box_pic_04{position: absolute;left: 49.7%;top:42.2%;width: 29%;}
.box_pic_05{position: absolute;left: 50.3%;top:76.7%;width: 5.5%;}
.box_pic_06{position: absolute;left: 25.9%;top:86.1%;width: 11.6%;}
.box_pic_07{position: absolute;left: 37%;top:7%;width: 29.4%;}
.box_pic_08{position: absolute;left: 27.4%;top:16.8%;width: 45.2%;cursor: pointer;}
.box_pic_09{position: absolute;left: 27%;top:61.3%;width: 46%;mix-blend-mode: lighten;}
.box_pic_10{width: 46.3%;position: absolute;  top: 2.7%;left: 27.1%;}
.box_pic_11{width: 38.1%;position: absolute;  top: 19.7%;left: 26.8%;}
.box_pic_12{width: 1.5%;position: absolute;  top: 25.7%;left: 26.8%;}
.box_pic_13{width: 94.9%;position: absolute;top: 14.7%;left: 6.55%;}
.box_pic_14{width: 47.7%;position: absolute;top: 56.8%;left: 26.15%;}
.box_pic_15{width: 46.5%;position: absolute;top: 68.7%;left: 26.75%;}
.box_pic_16{width: 39.5%;position: absolute;top: 14.5%;left: 30.25%;}
.box_pic_17{width: 46.8%;position: absolute;top: 52.2%;left: 27%;}


.box_text_01{position: absolute;left: 31.5%;top:80.6%;font-size: 1.4vw;}
.box_text_02{position: absolute;left: 51.5%;top: 35%;font-size: 1.3vw;}
.box_text_03{position: absolute;left: 50%;top: 63.9%;font-size: 0.7vw;}
.box_text_04{position: absolute;left: 50.3%;top: 69.7%;font-size: 0.7vw;line-height: 1.6;}
.box_text_05{position: absolute;left: 57%;top: 81.7%;font-size: 1vw;line-height: 1.4;}
.box_text_06{position: absolute;left: 29.5%;top: 24.9%;font-size: 2vw;line-height: 1.4;letter-spacing: 0.2vw;font-weight: bold;}
.box_text_07{position: absolute;left: 27%;top: 98.7%;font-size: 0.7vw;line-height: 1.6;}
.box_text_08{position: absolute;left: 0;top: 46.4%;font-size: 2vw;line-height: 1.6;width: 100%;text-align: center;letter-spacing: 0.2vw;}
.box_text_09{position: absolute;left: 0;top: 62.2%;font-size: 1.7vw;line-height: 1.6;width: 100%;text-align: center;letter-spacing: 0.2vw;}
.box_text_10{position: absolute;left: 27%;top:0;font-size: 0.7vw;line-height: 1.6;}

.swiper-containerpc1{width: 46.4%;position: absolute;top:7.2%;left: 50%;transform: translateX(-50%);overflow: hidden;}
.swiper-containerpc1 .swiper-slide{width: 14.3vw!important;position: relative;}
.slide_title{font-size: 1vw;font-weight: bold;color: #fff;text-align: center;height: 4vw;}
.slide_des{font-size: 0.8vw;color: #fff;text-align: left;line-height: 1.6;margin-top: 2.6vw;}
.slide_note{font-size: 0.55vw;position: absolute;left: 1%;top:14vw;color: #fff;}
.slide_icon{position: absolute;left: 6%;top: 0.35vw;width: 0.8vw;height: 0.8vw;}
.swiper-containerpc1 .swiper-pagination-bullets{bottom: 1.5vw!important;}
.swiper-containerpc1 .swiper-pagination-bullet{background:#e4612b;opacity: 1;border-radius: 0.3vw;transition: all 0.3s ease-in; width: 0.6vw;height: 0.6vw;}
.swiper-containerpc1 .swiper-pagination-bullet-active{background:#ffffff;width: 3vw;border-radius: 0.3vw;}
.section1 .swiper-button-prev, .section1 .swiper-button-next{background: unset!important;top:11vw;color: unset;}
.section1 .swiper-button-prev{left: 23.5%;width: 2.1vw;}
.section1  .swiper-button-next{right: 23.5%;width: 2.1vw;}
.msections{ width: 100%; position: relative;display: none;}

@media screen and (min-width:1921px) {
    .section{width: 1920px!important;margin: 0 auto;}
    .fsize36{ font-size: 34px;line-height: 1.6;} .fsize62{ font-size: 61px;line-height: 1.6;} .fsize26{ font-size: 26px;line-height: 1.6;} .fsize20{ font-size: 17px;line-height: 1.6;letter-spacing: 1px;} .box_pic_01{position: absolute;left: 46.5%;top:27.5%;width: 40%;} .box_pic_02{position: absolute;left: 10%;top:77.6%;width: 20.1%;} .box_pic_03{position: absolute;left: 28.5%;top:5.8%;width: 44.6%;} .box_pic_04{position: absolute;left: 49.7%;top:42.2%;width: 29%;} .box_pic_05{position: absolute;left: 50.3%;top:76.7%;width: 5.5%;} .box_pic_06{position: absolute;left: 25.9%;top:86.1%;width: 11.6%;} .box_pic_07{position: absolute;left: 37%;top:7%;width: 29.4%;} .box_pic_08{position: absolute;left: 27.4%;top:16.8%;width: 45.2%;cursor: pointer;} .box_pic_09{position: absolute;left: 27%;top:61.3%;width: 46%;mix-blend-mode: lighten;} .box_pic_10{width: 46.3%;position: absolute; top: 2.7%;left: 27.1%;} .box_pic_11{width: 38.1%;position: absolute; top: 19.7%;left: 26.8%;} .box_pic_12{width: 1.5%;position: absolute; top: 25.7%;left: 26.8%;} .box_pic_13{width: 94.9%;position: absolute;top: 14.7%;left: 6.55%;} .box_pic_14{width: 47.7%;position: absolute;top: 56.8%;left: 26.15%;} .box_pic_15{width: 46.5%;position: absolute;top: 68.7%;left: 26.75%;} .box_pic_16{width: 39.5%;position: absolute;top: 14.5%;left: 30.25%;} .box_pic_17{width: 46.8%;position: absolute;top: 52.2%;left: 27%;} .box_text_01{position: absolute;left: 31.5%;top:80.6%;font-size: 26px;} .box_text_02{position: absolute;left: 51.5%;top: 35%;font-size: 24px;} .box_text_03{position: absolute;left: 50%;top: 63.9%;font-size: 13px;} .box_text_04{position: absolute;left: 50.3%;top: 69.7%;font-size: 13px;line-height: 1.6;} .box_text_05{position: absolute;left: 57%;top: 81.7%;font-size: 19px;line-height: 1.4;} .box_text_06{position: absolute;left: 29.5%;top: 24.9%;font-size: 38px;line-height: 1.4;letter-spacing: 3px;font-weight: bold;} .box_text_07{position: absolute;left: 27%;top: 98.7%;font-size: 13px;line-height: 1.6;} .box_text_08{position: absolute;left: 0;top: 46.4%;font-size: 38px;line-height: 1.6;width: 100%;text-align: center;letter-spacing: 3px;} .box_text_09{position: absolute;left: 0;top: 62.2%;font-size: 32px;line-height: 1.6;width: 100%;text-align: center;letter-spacing: 3px;} .box_text_10{position: absolute;left: 27%;top:0;font-size: 13px;line-height: 1.6;} .swiper-containerpc1{width: 46.4%;position: absolute;top:7.2%;left: 50%;transform: translateX(-50%);overflow: hidden;} .swiper-containerpc1 .swiper-slide{width: 274px!important;position: relative;} .slide_title{font-size: 19px;font-weight: bold;color: #fff;text-align: center;height: 76px;}
    .slide_des{font-size: 16px;color: #fff;text-align: left;line-height: 1.6;margin-top: 49px;}
    .slide_note{font-size: 10px;position: absolute;left: 1%;top:268px;color: #fff;}
    .slide_icon{position: absolute;left: 6%;top: 6px;width: 15px;height: 15px;}
    .swiper-containerpc1 .swiper-pagination-bullets{bottom: 28px!important;}
    .swiper-containerpc1 .swiper-pagination-bullet{background:#e4612b;opacity: 1;border-radius: 5px;transition: all 0.3s ease-in; width: 11px;height: 11px;}
    .swiper-containerpc1 .swiper-pagination-bullet-active{background:#ffffff;width: 57px;border-radius: 5px;}
    .section1 .swiper-button-prev, .section1 .swiper-button-next{background: unset!important;top:211px;color: unset;} .section1 .swiper-button-prev{left: 23.5%;width: 40px;} .section1 .swiper-button-next{right: 23.5%;width: 40px;}
}

@media screen and ( max-width : 800px) {
    .msections{ width: 100%; position: relative;
        overflow: hidden;background: #000;display: block;}
    .section{width: 100%;}
    .msections img{ display: block; width: 100%;}
    .swiper-containerm1{width: 84.3%;position: absolute;top:6.2%;left: 7.85%;overflow: hidden;}
    .swiper-containerm1 .swiper-slide{width: 40vw!important;position: relative;}
    .choujiang_btn{width: 40.3vw;position: absolute;left: 50%;transform: translateX(-50%);top:77.8%;}
    .mvideo{width: 84.5vw;position: absolute;left: 50%;transform: translateX(-50%);top:24%;}
    .slide_title{font-size: 3.5vw;font-weight: bold;color: #fff;text-align: center;height: 12vw;}
    .slide_des{font-size: 2.8vw;color: #fff;text-align: left;line-height: 1.6;margin-top: 8vw;}
    .slide_note{font-size: 2vw;position: absolute;left: 1%;top:40vw;color: #fff;}
    .slide_icon{position: absolute;left:0;top: 1.5vw;width: 1.8vw;height: 1.8vw;}
    .swiper-containerpc1 .swiper-pagination-bullets{bottom: 1.5vw!important;}
    .section1 .swiperbutton-prev {
        position: absolute;
        left: 2.5%;
        width: 3.1vw;
    }
    .section1 .swiperbutton-next {
        right: 2.5%;
        width: 3.1vw;
        position: absolute;
    }
    .section1 .swiperbutton-prev, .section1 .swiperbutton-next{top:28vw;}
}