.mainwraps{ width:100%;}
.mainwraps img,video{ width:100%; display: block;}
.pc_index{ position:relative; width:100%; overflow:hidden; min-width:1200px;}
.wrap_section{ width:1920px; position:relative; left:50%; margin-left:-960px;}
.pc_index{ display: block;}
.mobile_index{ display: none;}
.wrap_auto{ width:100%; position:relative;}
.anim{ opacity: 0;}
.sauto_anim{ opacity: 0;}
.animated{ animation-fill-mode: forwards; }
.v01{cursor: pointer;}
.vidBtn{cursor: pointer;}
.clearfix:after{ content: "  "; height: 0; display: block; overflow: hidden; clear: both;}
video {height: 100%;width: 100%;display: block;}
video:focus {
    outline:none;
}
@keyframes fadeInUp1{
    0%{ opacity: 0; transform: translate(0,60px);}
    100%{ opacity: 1; transform: translate(0,0);}
}



.fadeInUp1{ animation: fadeInUp1  0.8s ease 0.4s  forwards; will-change: transform,opacity;}
.fadeInUp2{ animation: fadeInUp1  0.8s ease 0.55s  forwards; will-change: transform,opacity;}
.fadeInUp3{ animation: fadeInUp1  0.8s ease 0.7s  forwards; will-change: transform,opacity;}
.fadeInUp4{ animation: fadeInUp1  0.8s ease 0.85s  forwards; will-change: transform,opacity;}
.fadeInUp5{ animation: fadeInUp1  0.8s ease 1s  forwards; will-change: transform,opacity;}
.fadeInUp6{ animation: fadeInUp1  0.8s ease 1.15s  forwards; will-change: transform,opacity;}
.fadeInUp7{ animation: fadeInUp1  0.8s ease 1.3s  forwards; will-change: transform,opacity;}
@keyframes fadeUp{
    0%{ opacity: 0; transform: translate(0,40px);}
    100%{ opacity: 1; transform: translate(0,0);}
}
.fadeUp{ animation: fadeUp  0.4s ease forwards; will-change:transform, opacity;}
@keyframes fadeIn{
    0%{ opacity: 0; }
    100%{ opacity: 1; ;}
}
.fadeIn{ animation: fadeIn  1.2s ease forwards; will-change: opacity;}
@keyframes scaleIn{
    0%{ opacity: 0; transform:scale(4.0);}
    100%{ opacity: 1; transform: scale(1.0);}
}
.scaleIn{ animation: scaleIn 1.6s ease forwards; will-change:transform, opacity;}

@keyframes fadeRight{
    0%{ opacity: 0; transform: translate(-200px,0);}
    100%{ opacity: 1; transform: translate(0,0);}
}
.fadeRight{ animation: fadeRight  0.4s ease forwards; will-change:transform, opacity;}
@keyframes fadeLeft{
    0%{ opacity: 0; transform: translate(200px,0);}
    100%{ opacity: 1; transform: translate(0,0);}
}
.fadeLeft{ animation: fadeLeft  0.4s ease forwards; will-change:transform, opacity;}

.vvidBtn {
    position: absolute; left: 29vw; top: 40%;
    transform: translateX(-50%);padding-top: 4.5em;font-size: 24px;width: 7em;letter-spacing: 0.1em;color: #fff;cursor: pointer;text-indent: 0.1em;opacity: 1;transition: all .6s ease-out;
}
.vvidBtn::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 4em;
    height: 4em;
    border: solid 4px #fff;
    box-sizing: border-box;
    border-radius: 50%;
}
.vvidBtn::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 2em;
    transform: translate(-20%, -50%);
    width: 0;
    height: 0;
    border: solid 0.8em transparent;
    border-left: solid 1.2em #fff;
}

.lh16{line-height:1.6;}
.weight_bold{font-weight: bold;}
.icd_color_000{color: #000;}
.icd_color_fff{color: #fff;}
.icd_color_929292{color: #929292;}
.icd_color_8c8989{color: #898989;}

.txtL{text-align: left;}
.txtR{text-align: right;}
.txtJ{text-align: justify;}
.colorfff{color: #fff;}
.color000{color: #000;}

.fsize72{font-size: 3.8vw;}
.fsize65{font-size: 3.4vw;}
.fsize55{font-size: 2.9vw;}
.fsize45{font-size: 2.3vw;}
.fsize39{font-size: 2vw;}
.fsize36{font-size: 1.9vw;}
.fsize34{font-size: 1.8vw;}
.fsize30{font-size: 1.6vw;}
.fsize28{font-size: 1.5vw;line-height: 1.7;}
.fsize24{font-size: 1.2vw;line-height: 1.6;}
.fsize22{font-size: 1.1vw;line-height: 1.6;}
.fsize20{font-size: 1vw;line-height: 1.6;}
.fsize18{font-size: 0.9vw;line-height: 1.4;}
.fsize14{font-size: 0.7vw;}
.fsize12{font-size: 0.6vw;}

.icd_font_size_90{font-size: 3.4vw;}
.icd_font_size_65{font-size: 3vw;}
.icd_font_size_60{font-size: 2.8vw;}
.icd_font_size_50{font-size: 2.6vw;}
.icd_font_size_46{font-size: 2.2vw;}
.icd_font_size_38{font-size: 1.8vw;}
.icd_font_size_34{font-size: 1.4vw;}
.icd_font_size_26{font-size: 1.05vw; line-height: 1.6;}
.icd_font_size_20{font-size: 0.9vw; line-height:1.6;}
.icd_font_size_18{font-size: 0.8vw; line-height:1.6;}
.icd_font_size_15{font-size: 0.6vw; line-height: 1vw;}

.bridnew_01{width: 100%;}
.lecturers_head{width:45.6%;position: absolute;left:calc(50% - 22.8%); top:6.8%;}
.lecturers_nav{width:70.2%;position: absolute;left:calc(50% - 35.1%); top:22.9%;display:flex;justify-content: space-between; align-items: center;
    mask-image: linear-gradient(to right, transparent, white 30%, white 80%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, white 30%, white 80%, transparent);
}
.lecturers_nav .swiper-slide-active{font-size: 1.4vw;font-weight: bold;line-height: 1.2;}
.lecturers_nav_item{font-size: 1.2vw;color: #fff;cursor: pointer;text-align: center;align-items: center;}
.lecturers_nav_xian{font-size: 1.2vw;color: #fff;}
.lecturers_btn_box{width:9.2%;position: absolute;left:calc(50% - 4.6%); top:23.1%;display:flex;justify-content: space-between;align-items: center;}
.lecturers_left_btn,.lecturers_right_btn{width:1.2vw;cursor: pointer;}
.lecturers_btn_text{font-size: 3.8vw;font-weight: 700;color: #fff; line-height: 0;}


.lecturers_small{
    position: absolute;top:42.2%;left: 0;
    width:100%;}
.lecturers_small .swiper-slide{width:21.4vw; }
/*.lecturers_small .swiper-slide-next{opacity: 0;}*/
.lecturers_big{
    position: absolute;top:37.2%;left: 36.1%;
    width: 28%;}
.lecturers_big .swiper-slide{width:auto!important;height:37vw!important; opacity: 0!important;}
.lecturers_big .swiper-slide img{height: 100%;}
.lecturers_big .swiper-slide-active{opacity: 1!important;}
.lecturers_big_btn{
    position: absolute;width: 15vw;bottom:2.3vw;left: 1.8vw;justify-content: space-between;display: flex;}
.lecturers_big_btn_item{width: 15vw;cursor: pointer;}
.lecturers_big_name{ position: absolute;bottom:5.3vw;left: 2vw;color: #fff;font-size: 1.5vw;}
.lecturers_big_text{ position: absolute;bottom:9.5vw;left: 2vw;color: #fff;font-size: 0.7vw;line-height: 1.6;}
.lecturers_big_text1{ position: absolute;bottom:9.5vw;left: 2vw;color: #fff;font-size: 0.7vw;line-height: 1.6;}
.lecturers_big_text2{ position: absolute;bottom:9.5vw;left: 2vw;color: #fff;font-size: 0.7vw;line-height: 1.6;}
.lecturers_big_icon{ position: absolute;top:29.5vw;left: 11.6vw;width: 2.9vw;display: none;}
.lecturers_big_btn .lecturers_big_btn_item:last-child{
    filter: grayscale(1);}


.lecturers_small_btn{
    position: absolute;width: 10vw;bottom:4.3vw;left: 2vw;justify-content: space-between;display: flex;}
.lecturers_small_btn_item{width: 10vw;cursor: pointer;}
.lecturers_small_btn .lecturers_small_btn_item:last-child{
    filter: grayscale(1);}
.lecturers_small_name{ position: absolute;bottom:6.3vw;left: 2vw;color: #fff;font-size: 1.1vw;}
.lecturers_small_text{ position: absolute;bottom:8.5vw;left: 2vw;color: #fff;font-size: 0.5vw;line-height: 1.6;}
.lecturers_small_text1{ position: absolute;bottom:8.5vw;left: 2vw;color: #fff;font-size: 0.5vw;line-height: 1.6;}
.lecturers_small_text2{ position: absolute;bottom:8.5vw;left: 2vw;color: #fff;font-size: 0.5vw;line-height: 1.6;}
.lecturers_small_icon{ position: absolute;top: 23vw;left: 9.6vw;width: 2vw;display: none;}

.bridnew_kv_biaoti{width:46.7vw;position: absolute;left:25.3%; top:7.6vw;}
.bridnew_01_item01{width:15.2vw;position: absolute;left:56.2vw; top:28vw;}
.bridnew_01_item02{width:21.8vw;position: absolute;left:72.6vw; top:32.2vw;}
.bridnew_01_item03{width:42.2vw;position: absolute;left:29.7%; top:22vw;}
.bridnew_01_des{width: 6.9vw; position: absolute;left:5vw; top:17vw;}
.bridnew_01_des1{width:16.7vw; position: absolute;left:3vw; top:12.8vw;}
.part03_content_des{position: absolute;left: 50%;bottom: 3vw;display: flex;transform: translateX(-50%);}
.part03_content_des .text{font-size: 1.5vw;color: #fff;line-height: 2;}
.part03_content_des .text span{color: red;}
.part03_content_des .a1_logo{width: 4vw;margin-right: 0.5vw;}
.part03_content_des .a1m2_logo{width: 5vw;margin-right: 0.5vw;}
.part03_content_des .a1m2_logo img{-webkit-box-shadow:unset!important;box-shadow:unset!important;}

@media screen and ( max-width : 800px) {
    .vvidBtn {
        position: absolute; left: 41vw; top: 30%;
        transform: translateX(-50%);padding-top: 4.5em;font-size: 16px;width: 7em;letter-spacing: 0.1em;color: #fff;cursor: pointer;text-indent: 0.1em;opacity: 1;transition: all .6s ease-out;
    }
    .vvidBtn::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        width: 4em;
        height: 4em;
        border: solid 4px #fff;
        box-sizing: border-box;
        border-radius: 50%;
    }
    .vvidBtn::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 2em;
        transform: translate(-20%, -50%);
        width: 0;
        height: 0;
        border: solid 0.8em transparent;
        border-left: solid 1.2em #fff;
    }

    .pc_index {
        display: none;
    }
    .mobile_index {
        display: block;
    }

    .icd_color_000{color: #000;}
    .icd_color_fff{color: #fff;}
    .icd_color_929292{color: #929292;}
    .icd_color_8c8989{color: #898989;}
    .fsize20{font-size: 2.7vw;}
    .fsize30{font-size: 4vw;}
    .icd_font_size_90{font-size: 6.4vw;}
    .icd_font_size_65{font-size: 3vw;}
    .icd_font_size_60{font-size: 6.8vw;}
    .icd_font_size_50{font-size: 5.5vw;}
    .icd_font_size_46{font-size: 5.2vw;}
    .icd_font_size_388{font-size: 4.5vw;}
    .icd_font_size_38{font-size: 3.8vw;}
    .icd_font_size_34{font-size: 3.4vw;}
    .icd_font_size_26{font-size: 0.36rem; line-height: 0.4rem;}
    .icd_font_size_18{font-size: 0.8vw; line-height: 1.2vw;}
    .icd_font_size_15{font-size: 0.6vw; line-height: 1vw;}

    .bridnew_01{width: 100%;}
    .lecturers_head{width:86%;position: absolute;left:calc(50% - 43%); top:17.9vw;}
    .lecturers_nav{width:92%;position: absolute;left:5%; top:49.5vw;display:flex;justify-content:start;flex-wrap: wrap;
        mask-image:unset;
        -webkit-mask-image:unset;}
    .lecturers_nav_item{font-size: 3.2vw;color: #fff;cursor: pointer;width: 13.3vw;height: 5.3vw;line-height: 5.3vw;text-align: center;}
    .lecturers_nav_item.active{background: url("../images/m_nav_bg.png") no-repeat;background-size: cover;}
    .lecturers_nav_xian{font-size: 3.2vw;color: #fff;padding:0 0.7vw;}
    .lecturers_btn_box{width:50%;position: absolute;left:calc(50% - 25%); top:21.1%;display:flex;justify-content: space-between;align-items: center;}
    .lecturers_left_btn,.lecturers_right_btn{width:7vw;cursor: pointer;}
    .lecturers_btn_text{font-size: 6.4vw;font-weight: 700;color: #fff; line-height: 0;}

    .m_lecturers_big{
        position: absolute;top:41.2%;left: 15.5%;
        width: 90%;}
    .m_lecturers_big .swiper-slide{width:auto!important;height:93.9vw!important; opacity: 0!important;}
    .m_lecturers_big .swiper-slide img{height: 100%;}
    .m_lecturers_big .swiper-slide-active{opacity: 1!important;}
    .lecturers_big_btn{
        position: absolute;width: 34vw;bottom:5.3vw;left: 5vw;justify-content: space-between;display: flex;}
    .lecturers_big_btn_item{width: 34vw;cursor: pointer;}
    .lecturers_big_btn .lecturers_big_btn_item:last-child{
        filter: grayscale(1);}

    .lecturers_big_name{ position: absolute;bottom:12.3vw;left: 5vw;color: #fff;font-size: 3.2vw;}
    .lecturers_big_text{ position: absolute;bottom:21vw;left: 5vw;color: #fff;font-size: 2.5vw;line-height: 1.6;}
    .lecturers_big_text1{ position: absolute;bottom:21vw;left: 5vw;color: #fff;font-size: 2.5vw;line-height: 1.6;}
    .lecturers_big_icon{ position: absolute;top: 76vw;left: 25.6vw;width: 6.9vw;display: none;}
    .mlecturers_left_btn{position: absolute;top:65%;left: 5%;width: 4.8vw;}
    .mlecturers_right_btn{position: absolute;top:65%;right: 5%;width: 4.8vw;z-index: 9999;}
    .bridnew_kv_biaoti{width:46.7vw;position: absolute;left:25.3%; top:7.6vw;}
    .bridnew_01_item01{width:15.2vw;position: absolute;left:56.2vw; top:28vw;}
    .bridnew_01_item02{width:21.8vw;position: absolute;left:72.6vw; top:32.2vw;}
    .bridnew_01_item03{width:42.2vw;position: absolute;left:29.7%; top:22vw;}
    .bridnew_01_des{width: 6.9vw; position: absolute;left:5vw; top:17vw;}
    .bridnew_01_des1{width:16.7vw; position: absolute;left:3vw; top:12.8vw;}

    .part03_content_des{position: absolute;left: 0;bottom:50vw;display: flex;width: 100%;justify-content: center;transform: translateX(0);}
    .part03_content_des .text{font-size: 3.5vw;color: #fff;line-height: 2;}
    .part03_content_des .text span{color: red;}
    .part03_content_des .a1m2_logo{width: calc(5.5vw * 2);margin-right: 0.5vw;line-height: 2;}
    .part03_content_des .a1m2_logo img{-webkit-box-shadow:unset!important;box-shadow:unset!important;}
}



@media screen and ( max-width : 375px) {
    .bridnew_11 .pt_texts{width: 91vw;position: absolute;left: 4.45vw;top: 30vw;z-index: 8;text-align: justify;}
    .icd_font_size_26{line-height:0.5rem;}
}
