/* head */
.head_top {
    padding: 0 70px;
    transition: background-color .3s;
}
.head_top .line {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.20);
}
.head_top>div:first-child {
    justify-content: flex-end;
    width: 100%;
    min-height: 45px;
}
.add_link{
    padding-right: 32px;
}
.add_link ul,
.add_language ul{
    display: flex;
    align-items: center;
}
.add_link ul li,
.add_language ul li {
    position: relative;
}
.add_link a,
.add_language a{
    position: relative;
    color: var(--white-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
.add_link a::before,
.add_language a::before {
    content: "";
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    margin-top: 1px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
    opacity: 0;
    transition: all .3s;

}
.add_link a:hover::before,
.add_language a:hover::before {
    opacity: 1;
}
.add_language a {
    opacity: 0.6;
}
.add_language a.on {
    opacity: 1;
}
.add_link ul li {
    padding: 0 32px;
}
.add_link ul li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 16px;
    width: 1px;
    background-color: var(--white-color);
    opacity: 0.5;
}
.add_language ul{
    margin-left: -16px;
    margin-right: -16px;
}
.add_language ul li {
    padding: 0 16px;
}
.add_language ul li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 12px;
    width: 1px;
    background-color: var(--white-color);
    opacity: 0.5;
}
.add_language ul li:last-child:after {
    display: none;
}
/*header hover*/
.header_bg.grey_head .head_top,
.header_bg.headerColor2 .head_top,
.header_bg.white_head .head_top {
    background-color: var(--main-color);
}

@media (max-width:1680px) {


}

/* hover style */
.ban_text .ban_zh {
    position: relative;
    padding-left: 30px;
}
.ban_text .ban_zh::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width:22px;
    height: 22px;
    margin-top: 2px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
    }
@media (max-width:767px) {
    .ban_text .ban_zh {
        padding-left: 24px;
    }
.ban_text .ban_zh::before {
    width:14px;
    height:14px;
}

}

/* index two */
.pro_table_title .title {
    position: relative;
    transition: padding .3s;
}
.pro_table_title .title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width:12px;
    height: 12px;
    margin-top: 2px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s;
}

@media (min-width:768px) {
    .pro_table_title .active .title {
        padding-left: 16px;
    }
    .pro_table_title .active .title::before {
        opacity: 1;
        transition-delay: .1;
    }
}
@media (max-width:767px) {
    .pro_table_title li:hover .title {
        padding-left: 16px;
    }
    .pro_table_title li:hover .title::before {
        opacity: 1;
        transition-delay: .1;
    }
    .pro_table_title .title::before {
        width: 8px;
        height:8px;
    }

}



/* new */
.new_big_title .title {
    position: relative;
    transition: all .3s;
}
.new_big_title .title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 8px;
    height:8px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s;
}
.new_big_title:hover .title {
    padding-left: 16px;
}
.new_big_title:hover .title::before {
    opacity: 1;
    transition-delay: .1s;
}
.new_list_scoll .title {
    position: relative;
    transition: all .3s;
}
.new_list_scoll .title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width:8px;
    height:8px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s;
}
.new_list_scoll a:hover .title {
    padding-left: 16px;
}
.new_list_scoll a:hover .title::before {
    opacity: 1;
    transition-delay: .1s;
}
/* new list */
.new_text strong{
  color: var(--main-color);
}
.new_p_swiper  .title {
    position: relative;
    padding-left: 16px;
    transition: all .3s;
}
.new_p_swiper  .title::before {
    content: "";
    position: absolute;
    left: 0;
    top:50%;
    transform: translateY(-50%);
    width:10px;
    height: 10px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
}

.new_aca_swiper .title,
.new_list .title {
    position: relative;
    transition: all .3s;
}
.new_aca_swiper .title::before,
.new_list .title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    width:8px;
    height: 8px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s;
}
.new_aca_swiper a:hover .title,
.new_list a:hover .title {
    padding-left: 16px;
}
.new_aca_swiper a:hover .title::before,
.new_list a:hover .title::before {
    opacity: 1;
    transition-delay: .1s;
}


.new_indus_top .title,
.new_indus_list .title {
    position: relative;
    transition: all .3s;
}
.new_indus_top .title::before,
.new_indus_list .title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    width:8px;
    height: 8px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s;
}
.new_indus_top a:hover .title,
.new_indus_list a:hover .title {
    padding-left: 16px;
}
.new_indus_top a:hover .title::before,
.new_indus_list a:hover .title::before {
    opacity: 1;
    transition-delay: .1s;
}
@media (max-width:991px) {

.new_list_scoll .title::before { 
    top: 11px;
}

}
@media (max-width:767px) {
    .new_indus_top .title::before,
    .new_indus_list .title::before {
        top: 11px;
    }
    .new_aca_swiper .title::before, .new_list .title::before {
        top: 11px;
    }
    .new_p_swiper .title::before {
        top: 11px;
        transform:inherit;
    }
    .new_big_title .title::before {
        top: 11px;
    }

}

/* 优镜学院 */
.hunt_list .title {
    position: relative;
    transition: all .3s;
}
.hunt_list .title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width:8px;
    height: 8px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s;
}
.hunt_list a:hover .title {
    padding-left: 16px;
    /* color: var(--main-color); */
}
.hunt_list a:hover .title::before {
    opacity: 1;
    transition-delay: .1s;
}
@media (max-width:767px) {
    .hunt_list .title::before {
        top: 11px;
    }
}

/* 优镜学院详情页 */
.box_right .title {
    position: relative;
    transition: all .3s;
}
.box_right .title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width:8px;
    height: 8px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s;
}
.box_right a:hover .title {
    padding-left: 16px;
}
.box_right a:hover .title::before {
    opacity: 1;
    transition-delay: .1s;
}

@media (max-width:767px) {
    .box_right .title::before {
        top: 12px;
    }

}
/* about */
.res_title_swiper .title  {
    transition: all .3s;
}
.res_title_swiper .swiper-slide-thumb-active .title {
    position: relative;
    padding-left: 16px;
}
.res_title_swiper  .title::after {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width:10px;
    height:10px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s;
}
.res_title_swiper .swiper-slide-thumb-active .title::after {
    opacity: 1;
}
.mc_bs3_title .t span {
    color: var(--red-color);
}
.mc_bs3_title .he_syp2ti .eng  {
    font-family: 'Source Regular';
    background: linear-gradient(to bottom, #727171, #727171);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
  
.mc_bs3_title .he_syp2ti .eng span {
    font-family: 'Source Medium';
    background: linear-gradient(to right, #c8161d, #c8161d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 600;
    /* background: linear-gradient(to bottom, #f00, #c8161d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent; */
  }

.culture_list .li:nth-child(-n+4) .loop .big_t {
    position: relative;
    transition: all .3s;
}
.culture_list .li:nth-child(-n+4) .loop .big_t::before {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    width:8px;
    height:8px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s;
}

.culture_list .li:nth-child(-n+4) .loop:hover .big_t {
    padding-left: 16px;
}
.culture_list .li:nth-child(-n+4) .loop:hover .big_t::before{
    opacity: 1;
}
.culture_list .li:nth-child(5) .loop .big_t strong,
.culture_list .li:nth-child(6) .loop .big_t strong{
    position: relative;
    transition: all .3s;
}
.culture_list .li:nth-child(5) .loop .big_t strong::before,
.culture_list .li:nth-child(6) .loop .big_t strong::before {
    content: "";
    position: absolute;
    left: 0;
    top: 21px;
    width:8px;
    height: 8px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s;
}
.culture_list .li:nth-child(5) .loop .big_t strong:hover ,
.culture_list .li:nth-child(6) .loop .big_t strong:hover {
    padding-left: 16px;
}
.culture_list .li:nth-child(5) .loop .big_t strong:hover::before,
.culture_list .li:nth-child(6) .loop .big_t strong:hover::before{
    opacity: 1;
}


.about_research_text .new_big_title {
    position: relative;
}


.deve_title .big_t {
    position: relative;
    padding-left: 16px;
}
.deve_title .big_t::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width:8px;
    height: 8px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;

}

.red_dot {
    position: relative;
}
p.red_dot {
    padding-left: 16px;
    color: var(--main-color);
    font-weight: 700;
}
.red_dot::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width:8px;
    height: 8px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
    
}

@media (max-width:991px) {
    .culture_list .li:nth-child(-n+4) .loop .big_t::before {
        top: 11px;
    }
    .culture_list .li:nth-child(5) .loop .big_t strong::before,
     .culture_list .li:nth-child(6) .loop .big_t strong::before { 
        top: 19px;
    }

}


@media (max-width:767px) {
    .deve_title .red_dot {
        padding-left: 16px;
        color: var(--main-color);
    }
    .res_title_swiper .title::after {
        top: 6px;
        width: 10px;
        height: 10px;
    }

}
/* social */
.party_loop .text .title,
.new_list .new_list_r .title {
    position: relative;
    transition: all .3s;
}
.party_loop .text .title::before,
.new_list .new_list_r .title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width:8px;
    height: 8px;
    margin-top: 1px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s;
}
.social_one_left .title strong {
    color: var(--main-color);
}


.party_loop a:hover .text .title,
.new_list a:hover  .title {
    padding-left: 16px;
}
.party_loop a:hover .title:before,
.new_list a:hover .title::before  {
    opacity: 1;
    transition-delay: .1s;
}

.story_list .text .title {
    position: relative;
    transition: all .3s;
}
.story_list .text .title::before {
    content: "";
    position: absolute;
    left: 0;
    top:12px;
    width:8px;
    height: 8px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s;
}
.story_list a:hover .text .title {
    padding-left: 16px;
    color: var(--main-color);
}
.story_list a:hover .text .title::before {
    opacity: 1;
    transition-delay: .1s;
}



@media (min-width:768px) {
    /* .deve_title:hover .big_t {
        padding-left: 16px;
    } */
    .deve_title:hover .big_t::before {
        opacity: 1;
        transition-delay: .1s;
    }

    .deve_box .line span::before {
        content: "";
        position: absolute;
        left: 50%;
        bottom:0px;
        transform: translateX(-50%);
        width:12px;
        height: 12px;
        background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
        border-radius: 50%;
    }


}
@media (max-width:991px) {
    .deve_title .big_t::before {
        top: 10px;
    }
    .red_dot::before {
        top: 9px;
    }
}

@media (max-width:767px) {
    .about_research_text .new_big_title {
        /* padding-left: 18px; */
    }
    .about_research_text .new_big_title::before {
        width:8px;
        height: 8px;
    }
    .deve_title .big_t {
        padding-left: 16px;
    }
    .deve_title .big_t::before {
        opacity: 1;
    }
    .deve_box .line span::before {
        width:8px;
        height:8px;
    }
   
}

/* product */
.rec_swiper .thumb {
    position: relative;
}
.rec_swiper .thumb::before {
    content: "";
    position: absolute;
    left: 10%;
    top: 10%;
    width:12px;
    height: 12px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
}
.rec_swiper .thumb::before{
    opacity: 0;
    transition: opacity .3s;
}
.rec_swiper .swiper-slide-active .text .title {
   color: var(--main-color);
}
/* .rec_swiper .swiper-slide a:hover .thumb::before{
    opacity: 1;
} */
.rec_swiper .swiper-slide a:hover .text .title {
    color: var(--main-color);
}
.rec_swiper  .swiper-slide-active a:hover .thumb::before{
    opacity: 1;
}
.rec_product>.core_big_title,
.term_box .core_big_title{
    color: var(--main-color);
}
.term_box .core_title {
    color: var(--main-color);
}
.page_text h2 strong {
    position: relative;
}

.heavy_list .text_box .t{
    position: relative;
    transition: all .3s;
}
.heavy_list .text_box .t::before {
    content: "";
    position: absolute;
    left: 0;
    top: -50px;
    width:10px;
    height: 10px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
}

.pro_list_swiper .bg {
    position: relative;
    z-index: 1;
}
.pro_list_swiper .bg::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 20px;
    width:10px;
    height:10px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
}

.pro_list_swiper .bg::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
   background-image: url(../images/pro_f_icons.svg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   opacity: 0;
   transition: all .3s;
   z-index: -1;
}

.heavy_list .pro_bg:hover{
    /* padding-left: 16px; */
}
.heavy_list .text_box .t::before {
    opacity: 0;
    transition: opacity .3s;
}
.heavy_list a:hover .text_box .t::before{
    opacity: 1;
}
.pro_list_swiper .bg::before {
   opacity: 0;
    transition: opacity .3s;
}
.pro_list_swiper a:hover .bg::before {
    opacity: 1;
 }
 .pro_list_swiper a:hover .bg::after {
    opacity: 1;
 }
/* detail */
.pro_play i {
    position: relative;
}

.pro_play i::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120%;
    height: 120%;
    background: rgba(255, 255, 255, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s;
}

.pro_play i::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s;
}

.pro_play i:hover::after {
    animation: breathAfter 1.3s infinite;
}

.pro_play i:hover::before {
    animation: breathBefore 1.5s infinite;
}

@keyframes breathAfter {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.5;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0.2;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}

@keyframes breathBefore {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.5;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0.2;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}

.pro_d_menu ul li.active{
    position: relative;
}
.pro_d_menu ul li.active::before {
    content: "";
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
    width:6px;
    height: 6px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
}



@media (max-width:1279px) {
    .heavy_list .text_box .t::before {
        top: -30px;
        width:8px;
        height: 8px;
    }

}
@media (max-width:767px) {
    .page_text h2 strong {
        padding-left: 16px;
    }
    .page_text h2 strong::before {
        width:6px;
        height: 6px;
    }
    .heavy_list a:hover .text_box .t{
        padding-left: 16px;
    }
    .heavy_list .text_box .t::before {
        top: 12px;
        width:6px;
        height: 6px;
    }
    .pro_table_title .active .title, .pro_table_title .title {
        margin-top: 15px;
        padding-top: 0;
    }
    .rec_swiper .thumb::before {
        opacity: 0;
        transition: opacity .3s;
    }
    /* .rec_swiper .swiper-slide-active .thumb::before {
        opacity: 1;
    } */


}
/* job */
.pt40 {
    padding-top: 40px;
}
.job_xq_top .zhiwei {
    position: relative;
    padding-left: 18px;
    color: var(--main-color);
}
.job_xq_top .zhiwei::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 2px;
    width:12px;
    height: 12px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
}
.job_bottom_end .job_email a{
    position: relative;
    padding-left: 18px;
    color: var(--main-color);
}
.job_bottom_end .job_email a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width:10px;
    height:10px;
    margin-top: 2px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
}
@media (max-width:767px) {


}
/* menu */
.pu_select .ct_1 .slide .one a{
    position: relative;
    transition: all .3s;
}

.pu_select .ct_1 .slide .one a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width:10px;
    height: 10px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s;
}
.pu_select .ct_1 .slide .one a:hover{
    padding-left: 16px;
}
.pu_select .ct_1 .slide .one a:hover::before {
    opacity: 1;
}
@media (max-width:767px) {
.pu_select .ct_1 .slide .one a::before {
    top: 50%;
    transform: translateY(-50%);
}
}
/* job */
.job_se_list .t {
    position: relative;
    transition: all .3s;
}
.job_se_list .t::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width:8px;
    height: 8px;
    margin-top: 1px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
    opacity: 0;
}
.job_se_list a:hover .t{
    padding-left: 16px;
}
.job_se_list a:hover .t::before{
    opacity: 1;
}


/* contact */
.contact_table>ul>li .title {
  position: relative;  
}
.contact_table>ul>li .title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width:10px;
    height: 10px;
    margin-top: 2px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
    opacity: 0;
}
.mess_menu ul li .t {
    position: relative;
    transition: all .3s;
}
.mess_menu ul li .t::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width:10px;
    height: 10px;
    margin-top: 1px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
    opacity: 0;
}
.mess_menu ul li.active .t {
    padding-left: 16px;
}
.mess_menu ul li.active .t::before{
    opacity: 1;
}
.input_select_box .drop_down_.line p{
    position: relative;
    transition: all .3s;
}
.input_select_box .drop_down_.line p::after {
    content: "";
    position: absolute;
    left:0px;
    top: 50%;
    transform: translateY(-50%);
    width:8px;
    height: 8px;
    margin-top: 1px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s;
}
.input_select_box .drop_down_.line p:first-child:after{
    top: 8px;
    transform: inherit;
}
.input_select_box .drop_down_.line p:hover {
    padding-left: 16px;
}
.input_select_box .drop_down_.line p:hover::after{
    opacity: 1;
}
/* index */
.in_pro_top .index_title h2 {
    font-weight: 700;
}

/* foot */
#footer::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/foot_f_icon.svg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    z-index: -1;
}

.foot_menu ul li a {
    position: relative;
    transition: all .3s;

}
.foot_menu ul li a:first-child:before{
    width: 10px;
    height: 10px;
}
.foot_menu ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 2px;
    width:8px;
    height:8px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s;
}
.foot_menu ul li a:first-child:hover {
    padding-left: 18px;
}
.foot_menu ul li a:hover {
    padding-left: 16px;
}
.foot_menu ul li a:hover::before {
    opacity: 1;
}

.mess_contact .text a{
    color: var(--main-color);
}

@media (min-width:768px) {
    .contact_table>ul>li.active .title {
        padding-left: 18px;
    }
    .contact_table>ul>li.active .title::before{
        opacity: 1;
    }

}
@media (max-width:767px) {
    .contact_table>ul>li .title {
        transition: all .3s;
    }
    .contact_table>ul>li:hover .title {
        padding-left: 16px;
    }
    .contact_table>ul>li:hover .title::before{
        opacity: 1;
    }
    .contact_table > ul > li .title::before { 
        /* top: 40px; */
        transition: all .4s;
    }
    .foot_menu ul li a:nth-child(n+2) {
        min-width: calc(33.33% - 8px);

    }
    .contact_table>ul>li .title {
        border-bottom: none;
        margin-bottom: 16px;
        margin-top: 16px;
        padding: 0;
    }
    #footer::before {
        background-image: url(../images/foot_f_icon2.svg);
        background-position: top;
    }

}

/* about last */
.work_map_table ul li.active a::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    width: 6px;
    height: 6px;
    background-image: url(../images/red_icon01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
}
/* 颜色变化 */
.index_title h2 span{
    color: var(--main-color);
    font-weight: 700;
}
.work_text > div:first-child span {
    color: var(--main-color);
    font-weight: 700;
}
.about_infor_right .list .list-item .list-item-num em {
    color: var(--main-color);
}
.res_title_swiper .swiper-slide-thumb-active .title {
    color: var(--main-color);
}
.about_research_text .new_big_title {
    color: var(--main-color);
}
.story_list .story_left_title .big_title {
    color: var(--main-color) !important;
}
.new_big_title, .page_title h2 {
    color: var(--main-color) !important;
}
@media (max-width:991px) {

.job_mid_list .txt span {
    line-height: 1.3;
}

}
@media (max-width:767px) {
    .index_banner_progress .i>span{
        line-height: 24px;
    }
    .pro_table_title .title,
    .pro_table_title .active .title {
        color: var(--main-color);
    }
       
    .new_in_right .title,
    .new_list .new_list_r .title {
        color: var(--main-color);
    }
    .job_se_list .t{
        color: var(--main-color);
    }
   
    .work_city a.active span{
        color: var(--main-color) !important;
    }
    .new_indus_list .title {
        color: var(--main-color);
    }
}

/* pdf */
.in_notice_list {
    /* padding-top: 30px; */
}

.in_notice_list .bg {
    padding: 24px 32px;
    border-radius: 16px;
    background: #FFF;
}

.in_notice_list ul {
    margin-left: -12px;
    margin-right: -12px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.in_notice_list ul li {
    width: 50%;
    padding: 12px;
}
.in_notice_list .bg {
    width: 100%;
    height: 100%;
}

.in_notice_list .time {
    margin-top: 8px;
}

.light_blue_button a {
    position: relative;
    display: flex;
    width: 44px;
    height: 44px;
    padding: 6px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #E2F0FA;
    transition: background-color .3s;
}

.light_blue_button a i {
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
}

.light_blue_button .esg_view i {
    background-image: url(../images/view_blue.svg);
}

.light_blue_button .esg_down {
    margin-left: 8px;
}

.light_blue_button .esg_down i {
    background-image: url(../images/down_icon_blue.svg);
}

.light_blue_button a:hover {
    background: var(--main-color);
}

.light_blue_button .esg_view:hover i {
    background-image: url(../images/view_white.svg);
}

.light_blue_button .esg_down:hover i {
    background-image: url(../images/down_icon_w.svg);
}

.notice_list .bg .in_left {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    width: calc(100% - 96px);
    padding-right: 24px;
    height: 100%;
}

.notice_list .t {
    position: relative;
    color: var(--dark-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    cursor: pointer;
    transition: all .3s;
}
.notice_list .t::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    background-color: var(--red-color);
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s;
}
.notice_list .time {
    color: var(--main-color);
    font-family: "Titillium Web";
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.notice_list .bg:hover .t {
    padding-left: 16px;
    color: var(--main-color);
}
.notice_list .bg:hover .t::before {
    opacity: 1;
}


@media (max-width:767px) {

    .in_notice_list {
        padding-top: 20px;
        padding-bottom:30px;
    }

    .in_notice_list ul li {
        width: 100%;
    }

    .in_notice_list .bg {
        padding: 24px 20px;
    }
  

}

@media (max-width:540px) {
     .in_notice_list .bg {
        display: block;
        flex-wrap: nowrap;
        height: auto;
    }


    .notice_list .bg .in_left {
        width: 100%;
        padding-right: 0;
    }

    .notice_list .bg .button {
        width: 100%;
        padding-top: 30px;
        justify-content: flex-start;
    }



}