.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; }
.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;}
.section1_pic{width: 39%;position: absolute;  top: 21%;left: 30.6%;}
.swiper-containerpc1 .swiper-pagination-bullets{bottom: 1.5vw!important;width: 100%;}
.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;margin: 0.3vw;}
.swiper-containerpc1 .swiper-pagination-bullet-active{background:#ffffff;width: 3vw;border-radius: 0.3vw;}
.swiper-containerpc1 .swiper-button-prev, .swiper-containerpc1 .swiper-button-next{background: unset!important;}
.swiper-containerpc1 .swiper-button-prev{left: 6.5%;width: 3.9vw;}
.swiper-containerpc1 .swiper-button-next{right: 6.5%;width: 3.9vw;}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display:none;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display:none;}

.nav_box{position: absolute;width: auto;top:27%;left:8%;display: flex;flex-direction: column;}
.nav_box_item{padding-left: 1.5vw; background: url('../images/sanjiaoxing.png') left center no-repeat;background-size: 0.9vw auto;height: 2.7vw;cursor: pointer;font-size: 1.7vw;line-height: 1.6;font-weight: lighter; color: #fff;display: flex;transform: translateX(0);transition: all 0.3s ease-in-out;letter-spacing: 0.2vw;}
.nav_box_item span{font-size: 60%;line-height: 2.3;margin-right: 0.3vw;}
.nav_box_item.active{padding-left: 0; background:none;font-size: 2vw;line-height: 2;color: #000000;height: 4vw;transform: translateX(0); font-weight: bold;}
.nav_box_item.active span{line-height: 2.8;}

.content_box{position: absolute;width: 100%;left: 0;top:0;height: 100%;}
.s_content_box{position: absolute;width: 15.8vw;left: 77.4%;top:23.5vw;}
.s_content_box .s_content_box_item{display: none;}
.s_content_box .s_content_box_item.active{display: block;cursor: pointer;}
.s_content_box_item_title{font-size: 1.4vw;font-weight: bold;letter-spacing: 0.1vw;color: #000;margin-bottom: 0.5vw;padding-left: 1.2vw;
    background: url('../images/right_jiantou.png') right 2.2vw no-repeat;width: auto;background-size: 0.7vw auto;
    padding-right: 2vw;
    display: inline-block;}
.s_content_box_item_title span{font-size: 60%;}
.content_box .content_box_item{display: block;width: 40vw;position: absolute;left: 35.6%;top: 13.8vw;}

.content_box .swiper-pagination{position: absolute;left: 36%;bottom: 26%;}
.content_box .swiper-pagination-bullet{background:#000;opacity: 1;border-radius: 0.3vw;transition: all 0.3s ease-in; width: 0.6vw;height: 0.6vw;margin: 0 0.2vw;}
.content_box .swiper-pagination-bullet-active{background:#ffffff;}
.content_box_item_btn{position: absolute;left: 0;width: 100%;bottom: 0;cursor: pointer;height: 100%}
.content_box .content_box_item.active{display: block;}
.title_sample{width: 100%;position: absolute;left: 0;font-size: 3.4vw;top:7%;color: #fff;text-align: center;}
.content_box .swiper-button-prev, .content_box .swiper-button-next{background: unset!important;}
.content_box .swiper-button-prev{left: 24%;}
.content_box .swiper-button-next{right: 24%;}
.content_box_title{max-width: 21.7vw;position: absolute;right: 1.5vw;bottom: 0;}
.content_box_curret{position: absolute;font-size: 4.9vw;left: 82.8%;top: 23%;color: #fff;font-weight: bold;font-style: italic;}
.content_box_xian{position: absolute;width:3vw;height: 1px;background: #fff; right: 24%;bottom: 17%;transform: rotate(-45deg);}
.content_box_total{position: absolute;font-size: 1.5vw;left: 89%;top: 29.5%;color: #000;}
.content_box_total span{font-style: italic;}

.content_box_text{position: absolute;bottom: 15%;left: 28%;width: 43.5%;}
.content_box_text .content_box_text_item{display: none;width: 100%;}
.content_box_text .content_box_text_item.active{display: flex;font-size: 1.8vw;color: #fff;align-items: baseline;justify-content: center;}
.content_box_text .content_box_text_item span{color:#a61225;transform: scale(0.7);}
.a7rm5_logo{width: 5.9vw;}
.a9m3_logo{width: 5.5vw;}
.a1m2_logo{width: 4.9vw;}


.col_05_pic{width: 85.6%;position: absolute;left: calc(50% - 42.8%);top: 20%;}

.section2{ width:100%;}
.section2 .section2_title{width: 48.3%;position: absolute;top: 12.2%;left: 22.5%;}
.section2 .items{width: 85.7vw;position: absolute;left: calc(50% - 42.85vw); top:30.1%; display: flex;justify-content: space-between;flex-wrap: wrap;}
.section2 .items .item{position: relative;margin-bottom: 1.5vw;width: 20.2vw;transition:all 0.3s ease-in-out; }
.section2 .items .section2_item_img{position: absolute;top:0;left: 0;width: 100%;}
.section2 .items .section2_item_mask{position: absolute;top:0;left: 0;width: 100%;}
.section2 .items .item:hover{transform: scale(1.03);}
.section2 .items .item:nth-child(2n+1){margin-top: 4.8vw;}
.section2 .items .item1{position: relative;margin-bottom: 1.5vw;width: 36.5vw;}
.section2 .items .item1 .item_title{position: absolute;left:0;top: 1.1vw;width: 100%;}
.section2 .items .item1 .item_des{position: absolute;left:0;top: 2.9vw;width: 100%;}

.section2 .items .item .item_title{position: absolute;left:0;bottom: 1.3vw;width: 100%;font-size: 1.9vw;}
.section2 .items .item .section2_play_btn{position: absolute;left:calc(50% - 3.55vw);top: 10vw;width: 7.1vw;cursor: pointer;}
.section2 .items .item .item_des{position: absolute;left:0;top: 2.9vw;width: 100%;}
.section2 .items .item .new{position: absolute;left: 15vw;top: 1.4vw;width: 4.8vw;}

.section3 .section3_title{width: 28.5%;position: absolute;top: 7.7%;left: 39.4%;}
.section3 .section3_hezuo_title{width: 42.2%;position: absolute;top: 11.7%;left: 28.9%;}
.section3 .section3_title1{width: 19.4%;position: absolute;top: 27.5%;left: 40.4%;}
.section3 .section3_title2{width: 34.6%;position: absolute;top:3.1%;left: 32.7%;}
.section3 .section3_title3{width: 45.2%;position: absolute;top:6.5%;left: 27.5%;}

.section3 .items{width: 85.7vw;position: absolute;left: calc(50% - 42.85vw); top:39.1%; display: flex;justify-content: space-between;flex-wrap: wrap;}
.section3 .items1{width: 85.7vw;position: absolute;left: calc(50% - 42.85vw); top:11.4%; display: flex;justify-content: space-between;flex-wrap: wrap;}
.section3 .items2{width: 85.7vw;position: absolute;left: calc(50% - 42.85vw); top:14.4%; display: flex;justify-content: start;flex-wrap: wrap;}
.section3 .items .item{position: relative;width: 25.5vw;margin-bottom: 3vw;}
.section3 .items .item1{position: relative;width: 40vw;margin-bottom: 3vw;}
.section3 .items .item2{position: relative;width: 18.9vw;margin-bottom: 3vw;margin-right: 3vw;}
.section3 .items .item2:nth-child(4n){margin-right: 0;}

.section3 .items .item .item_title{position: absolute;left:0;top: 7vw;width: 100%;}
.section3 .items .item .item_btn{position: absolute;left:6.8vw;top:24vw;width:11.8vw;}
.section3 .items .item .item_des1{position: absolute;left:0;top:18.8vw;width:100%;}

.section3 .items .item1 .item_title{position: absolute;left:0;top: 2.4vw;width: 100%;}
.section3 .items .item1 .item_des{position: absolute;left:0;top:5vw;width: 100%;}
.section3 .items .item1 .item_btn{position: absolute;left:calc(50% - 5.9vw);top:18.8vw;width:11.8vw;}

.section3 .items .item2 .item_title{position: absolute;left:0;top: 2.4vw;width: 100%;}
.section3 .items .item2 .item_des{position: absolute;left:0;top:5vw;width: 100%;}
.section3 .items .item2 .item_btn{position: absolute;left:calc(50% - 5.9vw);top:19.8vw;width:11.8vw;}

.section3 .items .item1 .item_title1{position: absolute;left:2.1vw;top: 9.4vw;width: 32vw;}
.section3 .item_title{position: absolute;width: 100%;top: 6.5%;left: 0;}
.section3 .item_des{position: absolute;left: 0;top: 11.1vw;width:100%;}
.section3 .item_title1{position: absolute;width: 50%;top: 5.4vw;left: 10.4%;}

@media screen and (min-width:1921px) {
    .section{width: 1920px!important;margin: 0 auto;}
    .colorfff{ color: #fff; }.section1{position: relative;} .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;} .section1_pic{width: 39%;position: absolute; top: 21%;left: 30.6%;} .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;} .swiper-containerpc1 .swiper-button-prev, .swiper-containerpc1 .swiper-button-next{background: unset!important;} .swiper-containerpc1 .swiper-button-prev{left: 6.5%;width: 75px;} .swiper-containerpc1 .swiper-button-next{right: 6.5%;width: 75px;}
    .nav_box{position: absolute;width:auto;top:27%;left:8%;display: flex;flex-direction: column;}
    .nav_box_item{padding-left: 28px; background: url('../images/sanjiaoxing.png') left center no-repeat;background-size: 17px auto;height: 51px;cursor: pointer;font-size: 32px;line-height: 1.6;font-weight: lighter; color: #fff;display: flex;transform: translateX(0);transition: all 0.3s ease-in-out;letter-spacing: 3px;}
    .nav_box_item span{font-size: 60%;line-height: 2.3;margin-right: 5px;}
    .nav_box_item.active{padding-left: 0; background:none;font-size: 40px;color: #000000;height: 76px;transform: translateX(0); font-weight: bold;}  .content_box{position: absolute;width: 100%;left: 0;top:0;height: 100%;} .s_content_box{position: absolute;width: 303px;left: 77.4%;top:451px;} .s_content_box .s_content_box_item{display: none;} .s_content_box .s_content_box_item.active{display: block;cursor: pointer;} .s_content_box_item_title{font-size: 26px;font-weight: bold;letter-spacing: 1px;color: #000;margin-bottom: 9px;padding-left: 23px; background: url('../images/right_jiantou.png') right 42px no-repeat;width: auto;background-size: 13px auto; padding-right: 38px; display: inline-block;} .s_content_box_item_title span{font-size: 60%;} .content_box .content_box_item{display: block;width: 768px;position: absolute;left: 35.6%;top: 264px;} .content_box .swiper-pagination{position: absolute;left: 36%;bottom: 26%;} .content_box .swiper-pagination-bullet{background:#000;opacity: 1;border-radius: 5px;transition: all 0.3s ease-in; width: 11px;height: 11px;margin: 0 3px;} .content_box .swiper-pagination-bullet-active{background:#ffffff;}
    .content_box_item_btn{position: absolute;left: 0;width: 100%;bottom: 0;cursor: pointer;height: 100%}
    .content_box .content_box_item.active{display: block;} .title_sample{width: 100%;position: absolute;left: 0;font-size: 65px;top:7%;color: #fff;text-align: center;} .content_box .swiper-button-prev, .content_box .swiper-button-next{background: unset!important;} .content_box .swiper-button-prev{left: 24%;} .content_box .swiper-button-next{right: 24%;} .content_box_title{max-width: 416px;position: absolute;right: 28px;bottom: 0;} .content_box_curret{position: absolute;font-size: 94px;left: 82.8%;top: 23%;color: #fff;font-weight: bold;font-style: italic;} .content_box_xian{position: absolute;width:57px;height: 1px;background: #fff; right: 24%;bottom: 17%;transform: rotate(-45deg);} .content_box_total{position: absolute;font-size: 28px;left: 89%;top: 29.5%;color: #000;} .content_box_total span{font-style: italic;} .content_box_text{position: absolute;bottom: 15%;left: 28%;width: 43.5%;} .content_box_text .content_box_text_item{display: none;width: 100%;} .content_box_text .content_box_text_item.active{display: flex;font-size: 34px;color: #fff;align-items: baseline;justify-content: center;} .content_box_text .content_box_text_item span{color:#a61225;transform: scale(0.7);} .a7rm5_logo{width: 113px;} .a9m3_logo{width: 105px;} .a1m2_logo{width: 94px;} .col_05_pic{width: 85.6%;position: absolute;left: calc(50% - 42.8%);top: 20%;} .section2{ width:100%;} .section2 .section2_title{width: 48.3%;position: absolute;top: 12.2%;left: 22.5%;} .section2 .items{width: 1645px;position: absolute;left: calc(50% - 822px); top:30.1%; display: flex;justify-content: space-between;flex-wrap: wrap;} .section2 .items .item{position: relative;margin-bottom: 28px;width: 387px;} .section2 .items .item:nth-child(2n+1){margin-top: 92px;} .section2 .items .item1{position: relative;margin-bottom: 28px;width: 700px;} .section2 .items .item1 .item_title{position: absolute;left:0;top: 21px;width: 100%;} .section2 .items .item1 .item_des{position: absolute;left:0;top: 55px;width: 100%;} .section2 .items .item .item_title{position: absolute;left:0;bottom: 24px;width: 100%;font-size: 36px;} .section2 .items .item .section2_play_btn{position: absolute;left:calc(50% - 68px);top: 192px;width: 136px;cursor: pointer;} .section2 .items .item .item_des{position: absolute;left:0;top: 55px;width: 100%;} .section2 .items .item .new{position: absolute;left: 288px;top: 26px;width: 92px;} .section3 .section3_title{width: 28.5%;position: absolute;top: 7.7%;left: 39.4%;} .section3 .section3_title1{width: 19.4%;position: absolute;top: 27.5%;left: 40.4%;} .section3 .section3_title2{width: 34.6%;position: absolute;top:3.1%;left: 32.7%;} .section3 .section3_title3{width: 45.2%;position: absolute;top:3.1%;left: 27.5%;} .section3 .items{width: 1645px;position: absolute;left: calc(50% - 822px); top:39.1%; display: flex;justify-content: space-between;flex-wrap: wrap;} .section3 .items1{width: 1645px;position: absolute;left: calc(50% - 822px); top:15.4%; display: flex;justify-content: space-between;flex-wrap: wrap;} .section3 .items2{width: 1645px;position: absolute;left: calc(50% - 822px); top:11.4%; display: flex;justify-content: start;flex-wrap: wrap;} .section3 .items .item{position: relative;width: 489px;margin-bottom: 57px;} .section3 .items .item1{position: relative;width: 768px;margin-bottom: 57px;} .section3 .items .item2{position: relative;width: 362px;margin-bottom: 57px;margin-right: 57px;} .section3 .items .item2:nth-child(4n){margin-right: 0;} .section3 .items .item .item_title{position: absolute;left:0;top: 134px;width: 100%;} .section3 .items .item .item_btn{position: absolute;left:130px;top:460px;width:226px;} .section3 .items .item .item_des1{position: absolute;left:0;top:360px;width:100%;} .section3 .items .item1 .item_title{position: absolute;left:0;top: 46px;width: 100%;} .section3 .items .item1 .item_des{position: absolute;left:0;top:96px;width: 100%;} .section3 .items .item1 .item_btn{position: absolute;left:calc(50% - 113px);top:360px;width:226px;} .section3 .items .item2 .item_title{position: absolute;left:0;top: 46px;width: 100%;} .section3 .items .item2 .item_des{position: absolute;left:0;top:96px;width: 100%;} .section3 .items .item2 .item_btn{position: absolute;left:calc(50% - 113px);top:380px;width:226px;} .section3 .items .item1 .item_title1{position: absolute;left:40px;top: 180px;width: 614px;} .section3 .item_title{position: absolute;width: 100%;top: 6.5%;left: 0;} .section3 .item_des{position: absolute;left: 0;top: 213px;width:100%;} .section3 .item_title1{position: absolute;width: 50%;top: 103px;left: 10.4%;}
}