.sections{ width: 100%; position: relative;
    overflow: hidden;}
.sections img{ display: block; max-width: 100%;}
.section{ width: 100%; position: relative;}
.m1_b{ width: 67.23vw; position: absolute; left: 0vw; top: 8.333vw;}
.m1_m{ width: 54.895vw; position: absolute; left: 15.625vw; top: 20.3125vw;}
.m1_s{ width: 35.36vw; position: absolute; left: 43.31vw; top: 30.8333vw;}
.p1_txt1{width: 18.17%; position: absolute; left: 68.9vw; top: 15.625vw;}
.p1_txt2{width: 28.177%; position: absolute; left: 63.749vw; top: 21.19vw;}
.main_bsz{ font-size: 14px; color: #8b8b8b; }
.rightbottoms {position: absolute;bottom: 5%;right: 10%;}
.a_anim{ opacity: 0;}
.animated{ animation-fill-mode: forwards; }
.opt0{ opacity: 0;}
.section3{ z-index: 10;}

.bbm-screen{mix-blend-mode: screen;/*滤色模式*/}
.bbm-multiply{mix-blend-mode: multiply;/*正片叠底模式*/}
.bbm-overlay{mix-blend-mode: overlay;/*叠加模式*/}
.bbm-darken{mix-blend-mode: darken;/*变暗模式*/}
.bbm-lighten{mix-blend-mode: lighten;/*变亮模式*/}
.bbm-colord{mix-blend-mode: color-dodge;/*颜色减淡模式*/}
.bbm-saturation{mix-blend-mode: saturation;/*饱和度模式*/}
.bbm-color{mix-blend-mode: color;/*颜色模式*/}
.bbm-luminosity{mix-blend-mode: luminosity;/*亮度模式*/}
.bbm-colorb{mix-blend-mode: color-burn;/*颜色加深模式*/}
.bbm-hue{mix-blend-mode: hue;/*色相模式*/}
.bbm-hlight{mix-blend-mode: hard-light;/*强光模式*/}
.bbm-slight{mix-blend-mode: soft-light;/*柔光模式*/}
.bbm-difference{mix-blend-mode: difference;/*差值模式*/}
.bbm-exclusion{mix-blend-mode: exclusion;/*排除模式*/}

.navtbg{
    width: 100%;
    height: 60px;
    position: fixed;
    z-index: 9999;
    top: 60px;
    left: 0;
    background: rgba(0,0,0,0.8);
    transition: all 0.6s ease;
    transform: translate(0,-400%);
    overflow: hidden;
    display: block;
}
.navtbg.slidershow{
    transform: translate(0,0);

}
.navbar {
    width: 800px;
    padding-top: 14px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.navbar a {
    font-size: 20px;
    color: #eeeeee;
}
.navbar a.current {
    color: #e57aff;
    border-bottom: 2px #e57aff solid;
    padding-bottom: 6px;
}

@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);}
}
.fadeInLeft1{ animation: fadeInLeft1  0.8s ease 0.6s forwards; will-change:transform, opacity;}
.fadeInLeft2{ animation: fadeInLeft1  0.8s ease 0.3s forwards; will-change:transform, opacity;}
.fadeInLeft3{ animation: fadeInLeft1  0.8s ease 0s  forwards; will-change: transform,opacity;}

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

@keyframes intoRight{
    0%{ transform: translate(0,0);}
    100%{transform: translate(50%,0);}
}
.intoRight{ animation: intoRight 1s ease forwards;}
@keyframes fadeIn1{
    0%{ opacity: 0;}
    100%{opacity: 1;}
}
.fadeIn1{ animation: fadeIn1 1s ease 0.5s forwards;}
.fixaction3{ height: 300vh;}
@keyframes breath{
    0%{ transform: scale(1); opacity: 0.8;}
    50%{ transform: scale(1.1); opacity:1;}
    100%{ transform: scale(1); opacity:0.8;}
}
.breath{ animation: breath 1.5s linear 0s infinite ;}

@keyframes fromLeft{

    0%{ transform: translate(-50%,0);opacity: 0;}
    100%{transform: translate(0,0);opacity: 1;}
}
.fromLeft{ animation: fromLeft 1s ease forwards;}

@keyframes fromRight{
    0%{ transform: translate(50%,0);opacity: 0;}
    100%{transform: translate(0,0);opacity: 1;}
}

.fromRight{ animation: fromRight 1s ease forwards;}

.p2{ width: 100%; height: 100vh; position: relative; z-index: 4;}
.iitem{ width: 50vw; position: absolute; left:37vw; top: -25vw; }
.fixaction{ width: 100%; position: relative;}
.fixaction1{ padding-bottom: 400vw;}
.fixitem{ width: 100%; height: 100vh; position: absolute; left: 0; top: 0; overflow: hidden;}
.fix_start{ position: fixed;}
.fix_end{ position: absolute; left: 0; top: auto; bottom: 0;}

/*fonts*/
.fsize68{ font-size:66px; }
.fsize28{ font-size:28px; }
.fsize60{ font-size:2.35vw; }
.fsize50{ font-size:1.6vw;line-height: 1.2;}
.fsize30{ font-size:28px; }
.fsize20{ font-size: 0.93vw;line-height: 1.7;}
.fsize24{ font-size:1.4vw; line-height: 1.8em;}
.lh16{ line-height: 1.6;}

.color2b2828{ color: #2b2828;}
.color595757{ color: #595757;}
.color404246{ color: #404246;}
.color454e54{ color: #454e54;}
.color7e8187{ color: #7e8187;}
.colorb7b7b7{ color:#b7b7b7;}
.color7c7f83{ color:#7c7f83 ;}
.colorabb2bf{ color: #abb2bf;}
.color161616{ color: #161616;}
.color6e6e6e{ color: #6e6e6e;}
.color3e3a39{ color: #3e3a39;}
.color02bdbf{ color: #02bdbf;}
.colorfff{ color: #fff; }
.color000{ color: #000; }
.lh16{ line-height: 1.6;}
a.color02bdbf{ color: #02bdbf;}


.txtC{text-align: center;}
.txtL{text-align: left;}
.txtR{text-align: right;}
.txtJ{text-align: justify;}
.font_bold{font-weight: bold;}
.fovbox1{ width: 50%;}
.fovbox2{ width: 45%;}
.fovbox3{ width: 56%;}
.fovbox4{ width: 46.5%;}
.fovbox5{ width: 49%;}
.fovbox6 {width: 30%;}
.fovbox7 {width: 27.8vw;}
.caoptitle{width: 27.8vw;font-size: 24px; padding:1.1vw 0; position: relative; color: #313131;text-align: center;}
.caoptitle span{ font-size: 18px; margin-left: 20px;}
.caoptitle:after{ content: ''; display: block; width: 30px; height: 5px; background: #313131; position: absolute; left: 0; bottom: 10px;}
.weight_bold{font-weight: bold;}

.sel_section1_pic1{width: 25.1vw;position: absolute;top:2.7vw;left: 42.6vw;}
.section1 .left_btn{transform: translateX(3.75vw);width:3.4vw;z-index: 100;}
.section1 .right_btn{transform: translateX(-3.75vw);width:3.4vw;z-index: 100;}
.section1 .swiper-pagination-bullets, .section1 .swiper-pagination-fraction {
    bottom: 2vw;
    left: 0;
    width: 100%;}
.section1 .swiper-pagination-bullet {
    width: 2.5vw;
    height: 0.4vw;
    margin:0 5px;
    background: #008dd2;
    opacity: 1;
    border-radius: unset;
}

.section1 .swiper-pagination-bullet-active{
    background: #fff;
}

.section2{ width:100%;}
.section2 .section2_box{width: 80vw;margin: 0 auto;display: flex;justify-content: space-between; margin-top: 4.3vw;}
.section2 .section2_box:last-child{margin-bottom: 7vw;}
.section2 .section2_box .box_left{width: 19.5vw;}
.section2 .section2_box .box_right{width: 59.8vw;display: flex;justify-content: space-between;flex-wrap: wrap;}
.section2 .section2_box .box_right .item{width: 19.5vw;position: relative;margin-bottom: 0.5vw;}
.section2 .section2_box .box_right .item .item_txt{position: absolute;left: 9.3vw;top:1.5vw;}
.item_txt .item_tit{font-size: 0.9vw;color: #000;}
.item_txt .item_des{font-size: 0.7vw;width: 9vw;display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;color: #000;}
.item_txt .item_more{font-size: 0.7vw;line-height: 1.8;}
.item_txt .item_more{color: #a60000;}

.section2 .note_bg{position: absolute;left: 18.6vw;top: 35.8vw;width: 25.2vw;padding-top: 1.3vw;padding-left: 2.6vw;}

.section3{ width:100%;padding: 2vw 0 4vw;background: #efefef;}
.section3 .item_body{width: 80vw;margin: 0 auto; display: flex;justify-content: space-between;}
.section3 .item1{position: relative;width: 40.4vw;}
.section3 .item2{position: relative;width: 15.5vw;}
.section3 .item3{position: relative;width: 20.3vw;}
.section3 .item3 .href1,.section3 .item3 .href2,.section3 .item3 .href3{position: absolute;top: 0;left: 0;width: 20.3vw;height: 7.6vw;}
.section3 .item3 .href2{width: 10.15vw;height: 5.9vw;top: 7.7vw;left: 0;}
.section3 .item3 .href3{width: 10.15vw;height: 5.9vw;top: 7.7vw;left:10.15vw;}

.section3 .item_body1{width: 80vw;margin: 0 auto;margin-top: 3.8vw; display: flex;justify-content: space-between;}
.section3 .item_body2{width: 80vw;margin: 0 auto;margin-top: 2vw; }
.section3 .item_body2 p{color: #585858;line-height: 1.4;}
.section3 .item_body2 img{display: inline; }

.section3 .item11{position: relative;width: 17.9vw;}
.section3 .item21{position: relative;width: 62.1vw;}
.section3 .item21 .bgga{position: absolute;width: 3px;background: #e7eef1;top: 0;right: 0;height: 100%;display: inherit;z-index: 99;}
.section3 .item21 .swiper-slide img{width:calc(100% - 2px);border-right: 2px solid #c5c5c5;}
.swiper-button-next,.swiper-button-prev{background-image: unset!important;}
.section3 .item21 .left_btn{transform: translateX(-1.75vw);width:1.2vw;z-index: 100;}
.section3 .item21 .right_btn{transform: translateX(1.64vw);width:1.2vw;z-index: 100;}



@media screen and ( min-width : 1921px) {
    .section{width: 1920px;margin: 0 auto;}
    .sel_section1_pic1{width: 481px;position: absolute;top:51px;left: 817px;} .section1 .left_btn{transform: translateX(72px);width:65px;z-index: 100;} .section1 .right_btn{transform: translateX(-72px);width:65px;z-index: 100;} .section1 .swiper-pagination-bullets, .section1 .swiper-pagination-fraction { bottom: 38px; left: 0; width: 100%;} .section1 .swiper-pagination-bullet { width: 48px; height: 7px; margin:0 5px; background: #008dd2; opacity: 1; border-radius: unset; } .section1 .swiper-pagination-bullet-active{ background: #fff; } .section2{ width:100%;} .section2 .section2_box{width: 1536px;margin: 0 auto;display: flex;justify-content: space-between; margin-top: 82px;} .section2 .section2_box:last-child{margin-bottom: 134px;} .section2 .section2_box .box_left{width: 374px;} .section2 .section2_box .box_right{width: 1148px;display: flex;justify-content: space-between;flex-wrap: wrap;} .section2 .section2_box .box_right .item{width: 374px;position: relative;margin-bottom: 9px;} .section2 .section2_box .box_right .item .item_txt{position: absolute;left: 178px;top:28px;} .item_txt .item_tit{font-size: 17px;} .item_txt .item_des{font-size: 13px;width: 172px;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .item_txt .item_more{font-size: 13px;line-height: 1.8;} .item_txt .item_more a{color: #a60000;} .section2 .note_bg{position: absolute;left: 357px;top: 687px;width: 483px;padding-top: 24px;padding-left: 49px;} .section3{ width:100%;padding: 134px 0;background: #e7eef1;} .section3 .item_body{width: 1536px;margin: 0 auto; display: flex;justify-content: space-between;} .section3 .item1{position: relative;width: 775px;} .section3 .item2{position: relative;width: 297px;} .section3 .item3{position: relative;width: 389px;} .section3 .item3 .href1,.section3 .item3 .href2,.section3 .item3 .href3{position: absolute;top: 0;left: 0;width: 389px;height: 145px;} .section3 .item3 .href2{width: 194px;height: 113px;top: 147px;left: 0;} .section3 .item3 .href3{width: 194px;height: 113px;top: 147px;left:194px;} .section3 .item_body1{width: 1536px;margin: 0 auto;margin-top: 72px; display: flex;justify-content: space-between;} .section3 .item_body2{width: 1536px;margin: 0 auto;margin-top: 38px; } .section3 .item_body2 p{color: #585858;line-height: 1.4;} .section3 .item_body2 img{display: inline; } .section3 .item11{position: relative;width: 343px;} .section3 .item21{position: relative;width: 1192px;} .section3 .item21 .bgga{position: absolute;width: 3px;background: #e7eef1;top: 0;right: 0;height: 100%;display: inherit;z-index: 99;} .section3 .item21 .swiper-slide img{width:calc(100% - 2px);border-right: 2px solid #c5c5c5;} .swiper-button-next,.swiper-button-prev{background-image: unset!important;} .section3 .item21 .left_btn{transform: translateX(-33px);width:23px;z-index: 100;} .section3 .item21 .right_btn{transform: translateX(31px);width:23px;z-index: 100;}
}
@media screen and ( max-width : 800px){
    .interface{height: 125.3vw;margin-bottom: 3vw;}
    .interface_title_text{width:50.9vw;text-align: center;position: absolute;top: 5.5vw;z-index: 9;left:24.55vw;}
    .msections{ display: block;}
    .sections{ display: none;}
    .pbt_20{margin-bottom: 0.2rem;}
    .cp_kv_01 {position: absolute;width:47.3vw;bottom: 56vw;left: 2vw;}
    .cp_kv_02 {position: absolute;width:49.3vw;bottom: 56vw;right: 2vw;}

    .msections .m_tab_btn {
        margin-bottom: 30px;
    }
    .msections .m_tab_btn ul{
        display: flex;
        width: 90%;
        margin: 0 auto;
    }
    .msections .m_tab_btn ul li{
        flex: 1;
        text-align: center;
        line-height: 30px;
        border-bottom: 3px solid #dedddd;
        font-size: 22px;
        color: #999;
    }
    .msections .m_tab_btn ul .active{
        border-color: #000000;
        color: #000;
    }
    .btnDown{width: 48vw;position: absolute;left: 27vw;
        bottom: 9vw;}
    .btnDown img{width: 100%;}
}
@media screen and ( max-width : 320px){
    .msections{ display: block;}
    .sections{ display: none;}
    /*.swiper_nav6>a{font-size: 0.6rem;}*/
    .size_title_text{font-size: 2.4rem;padding:1.5rem 0;color:#2e2b2b; width: 100%;text-align: center;}
    /*.swiper_nav{ position: absolute; top: 0; left: 2%; width: 96%; display: flex; z-index: 8;}*/
}