@charset "utf-8";



.index-wrapper {

    overflow: inherit;

}



/* about */

.about_banner {

    position: relative;

    width: 100%;

    height: 100vh;

    min-height: 600px;

    overflow: hidden;

    z-index: 1;

}



.about_banner::before {

    content: '';

    /* opacity: 0.3;

    background: #000; */

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 50%;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.4) 100%);

    z-index: 2;

}



.about_banner .mask {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}



.about_banner video {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

}



.about_ban_text {

    position: relative;

    padding-top: 100px;

    padding-bottom: 110px;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 9;

}



.about_ban_text>.my-container {

    height: 100%;

}



.about_ban_cont {

    padding-bottom: 30px;

    display: flex;

    flex-flow: column;

    justify-content: flex-end;

    width: 100%;

    height: 100%;

}



.about_ban_top {

    max-width: 950px;

}



.about_ban_top .s_t {

    color: var(--white-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

}



.about_ban_top h2 {

    display: flex;

    flex-flow: column;

    color: var(--white-color);

    line-height: 1.5;

}



.about_ban_top h2 span {

    font-weight: 400;

}



.about_ban_top .des {

    padding-top: 48px;

    color: var(--white-color);

    font-family: 'Muli Web';

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

}



.about_banner .about_ban_bottom {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    display: flex;

    flex-flow: column;

}



.about_ban_bottom .year_time {

    display: flex;

    justify-content: flex-end;

    color: var(--white-color);

    font-family: "Muli Web";

    font-size: 80px;

    font-style: normal;

    font-weight: 400;

    line-height: 1.5;

}



.about_banner .about_ban_bottom .line {

    position: relative;

    width: 100%;

    height: 1px;

}



.about_banner .about_ban_bottom .line::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    background-color: rgba(255, 255, 255, 0.2);

    transition: width 1.4s;

}



.about_ban_bottom .line.animated::before {

    width: 100%;

}



/* about one */

.about_one {

    padding-top: 120px;

    background-color: var(--white-color);

}



.about_one>.my-container {

    align-items: flex-start;

}



.about_one .about_infor_left {

    position: sticky;

    position: -webkit-sticky;

    top: 0;

    width: 50%;

    max-width: 710px;

    height: max-content;

}



.about_one .about_infor_right {

    position: relative;

    flex: 1;

    margin-left: 100px;

    max-width: 586px;

}

.about_one {

    position: relative;

    z-index: 1;

}

.about_one .about_graphic {

    position: absolute;

    left: 80px;

    bottom: -30px;

    width: 55%;

    height: 37%;

    max-width: 757px;

    max-height: 300px;

    background-image: url(../images/about_f_icon.svg);

    background-position: left bottom;

    background-size: contain;

    background-repeat: no-repeat;

    opacity: 0;

    transition: all 0.8s ease-out;

    z-index: -1;

}

.about_one .about_graphic.active {

    opacity: 1;

    bottom: 0;

}



.about_one .video_box {

    position: relative;

    display: flex;

    align-items: flex-start;

    border-radius: 4px;

    overflow: hidden;

    z-index: 2;

}



.about_one .video_box::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    /* opacity: 0.3; */

    /*    background: #000;*/

    z-index: 1;

}



.about_one .about_infor_left .video_click {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    cursor: pointer;

    z-index: 2;

}



.about_one .about_infor_left .video_click i {

    position: relative;

    display: block;

    width: 56px;

    height: 56px;

}



.about_one .about_infor_left .video_click i::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 110%;

    height: 110%;

    background-color: rgba(255, 255, 255, 0.2);

    border-radius: 50%;

    animation: breathe 2s infinite;

}



.about_one .about_infor_left .video_click i::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 135%;

    height: 135%;

    background-color: rgba(255, 255, 255, 0.03);

    border-radius: 50%;

    animation: breathe 2s infinite;

}



@keyframes breathe {

    0% {

        transform: translate(-50%, -50%) scale(1.2);

    }



    50% {

        transform: translate(-50%, -50%) scale(1.4);

    }



    100% {

        transform: translate(-50%, -50%) scale(1.2);

    }

}



.about_one .about_infor_left video {

    width: 100%;

    -o-object-fit: cover;

    object-fit: cover;

}



.about_infor_right .title {

    color: var(--dark-color);

    line-height: 1.5;

}



.about_infor_right .title_bt {

    font-weight: 700;

}



.about_infor_right .title_des {

    margin-top: 24px;

    font-weight: 400;

}



.about_infor_right .list {

    margin-top: 58px;

}



.about_infor_right .list .list-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    opacity: 0.5;

    padding: 24px 0 32px 0;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



.about_infor_right .list .list-item .list-item-title {

    color: #666;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

}



.about_infor_right .list .list-item .list-item-num {

    text-align: right;

    color: var(--dark-color);

    font-family: "Muli Web";

    font-size: 62px;

    font-style: normal;

    font-weight: 600;

    line-height: 1.1;

}



.about_infor_right .list .list-item .list-item-num em {

    font-style: normal;

}



.about_infor_right .list .list-item .list-item-num i {

    margin-left: 8px;

    color: #666;

    font-family: 'Muli Web';

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

}



.about_infor_right .list .list-item.active {

    opacity: 1;

}



/* 第二部分 */

.about_two {

    position: relative;

    padding-top: 80px;

    padding-bottom: 95px;

    overflow: hidden;

}



.about_research_text {

    max-width: 735px;

}



.about_resear_loop {

    margin-top: 70px;

    overflow: hidden;

}



.resea_swiper {

    z-index: 8;

}



.resea_swiper .swiper-slide {

    height: 100%;

}



.resea_swiper .thumb {

    position: relative;

    width: 100%;

    height: 740px;

    padding-right: 12.3%;



    width: 0;

    transform: scale(1.1);

    transition: 1s;

    transition-delay: 0.4s;

    overflow: hidden;

}



.about_resear_loop.animated .thumb {

    width: 100%;

    transform: none;

}



.resea_swiper .thumb::before {

    content: '';

    opacity: 0.4;

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    transition: 1s;

    transition-delay: 0.4s;

    z-index: 2;

}



.about_resear_loop.animated .thumb::before {

    width: 100%;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);



}



.resea_swiper .thumb img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



@keyframes scaleImage {

    to {

        transform: scale(1)
    }

}



@media screen and (min-width:991px) {

    /* .resea_swiper .thumb img {

        animation: scaleImage .9s .15s forwards;

        transform: scale(1.3);

    } */

}



.resea_swiper .resear_text {

    position: absolute;

    left: 0;

    bottom: 72px;

    width: 100%;

    z-index: 3;

}



.resea_swiper .resear_text>.my-container {

    align-items: flex-end;

}



.resea_swiper .resear_text .left {

    max-width: 850px;

    color: var(--white-color);

    font-size: 18px;

    font-weight: 400;

    line-height: 28px;

}



.resear_text .left {

    flex: 1;

}



.resear_text .left p {

    color: var(--white-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

    padding-bottom: 30px;

    text-align: justify;

}



.resear_text .left p:last-child {

    padding-bottom: 0;

}



.resear_text .right {

    padding-left: 90px;

}



.resear_text .right>ul {

    display: flex;



}



.resear_text .right>ul>li {

    padding-right: 72px;

}



.resear_text .right .top {

    display: flex;

}



.resear_text .right .num {

    color: var(--white-color);

    font-family: "Muli Web";

    font-style: normal;

    font-weight: 600;

    line-height: 1;

}



.resear_text .right em {

    margin-left: 16px;

    color: var(--white-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

}



.resear_text .right .des {

    padding-top: 15px;

    color: var(--white-color);

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

    max-width: 160px;

}



.resear_button {

    position: absolute;

    right: 0;

    top: 0;

    width: 13%;

    height: 100%;

    display: flex;

    align-items: center;

    padding-left: 25px;

    background-color: var(--white-color);

    z-index: 9;

}



.res_b {

    position: relative;

    width: 56px;

}



.res-next,

.res-prev {

    width: 56px;

    height: 56px;

    background-size: 24px;

    background-repeat: no-repeat;

    background-position: center;

    background-color: var(--main-color);

    border-color: var(--main-color);

    border-radius: 50%;

    cursor: pointer;

}



.res-next {

    margin-top: 10px;

    background-image: url(../images/resear_right_white.svg);

}



.res-prev {

    background-image: url(../images/resear_right_white.svg);

    transform: rotate(180deg);

}



.res_b .swiper-button-disabled {

    opacity: 0.5;

    pointer-events: none;

}



.res_title_swiper {

    margin-top: 48px;

}



.res_title_swiper .swiper-wrapper {

    align-items: stretch;

}



.res_title_swiper .swiper-slide {

    opacity: 0.2;

    width: max-content;

    cursor: pointer;

}



.res_title_swiper .title {

    position: relative;

    padding-bottom: 32px;

    color: var(--dark-color);

    font-weight: 700;

    line-height: 1.2;

}



.res_title_swiper .title::before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 1px;

    background-color: rgba(0, 0, 0, 0.2);

    transition: width 0.4s;

}



.res_title_swiper .swiper-slide.swiper-slide-thumb-active {

    opacity: 1;

}



.res_title_swiper .swiper-slide.swiper-slide-thumb-active .title::before {

    width: 100%;

}



@media (max-height:700px) {

    .about_ban_text {

        padding-bottom: 70px;

    }



}



@media (max-width:1579px) {

    .about_ban_bottom .year_time {

        font-size: 76px;

    }



    .about_infor_right .list .list-item .list-item-num {

        font-size: 52px;

    }



    .about_bottom .year_time {

        font-size: 78px;

    }

    .about_one .about_graphic {

        left: 60px;

    }

}



@media (max-width:1440px) {



    .resea_swiper .thumb {

        padding-right: 7.3%;

    }



    .resear_button {

        width: 8%;

    }

}



@media (max-width:1439px) {

    .about_ban_bottom .year_time {

        font-size: 70px;

    }



    .about_infor_right .list .list-item .list-item-num {

        font-size: 46px;

    }



    .about_bottom .year_time {

        font-size: 70px;

    }



    .resea_swiper .thumb {

        height: 640px;

    }

    .about_one .about_graphic {

        left: 50px;

    }

}



@media (max-width:1365px) {



    .about_ban_bottom .year_time {

        font-size: 66px;

    }



    .about_one .about_infor_right {

        margin-left: 60px;

    }



    .about_infor_right .list .list-item .list-item-num {

        font-size: 40px;

    }



    .resea_swiper .thumb {

        height: 540px;

    }



    .about_bottom .year_time {

        font-size: 64px;

    }



    .resear_text .right {

        padding-left: 70px;

    }



    .resear_text .right>ul>li {

        padding-right: 50px;

    }



    .resear_text .right em {

        margin-left: 10px;

    }

}



@media (max-width:1279px) {

    .about_ban_bottom .year_time {

        font-size: 62px;

    }



    .about_bottom .year_time {

        font-size: 58px;

    }



    .res_title_swiper .title {

        font-size: 20px;

    }



    .resear_text .right {

        padding-left: 50px;

    }



    .resear_text .right>ul>li {

        padding-right: 30px;

    }



    .resear_text .right>ul>li:last-child {

        padding-right: 50px;

    }



    .about_one .about_graphic {

        left: 30px;

    }

}



@media (max-width:1100px) {

    .resear_button {

        padding-left: 0;

        justify-content: center;

    }



}



@media (max-width:991px) {

    .about_one {

        padding-top: 80px;

    }



    .about_infor_right .list .list-item .list-item-num {

        font-size: 36px;

    }



    .about_one .about_graphic {

        left: 30px;

    }

    .resea_swiper .resear_text {

        padding-right: 8%;

        bottom: 40px;

    }



    .resea_swiper .resear_text>.my-container {

        flex-wrap: wrap;



    }



    .resea_swiper .resear_text .left {

        width: 100%;

        flex: inherit;

    }



    .resear_text .right {

        padding-top: 30px;

        padding-left: 0;

        width: 100%;

    }



    .about_ban_bottom .year_time {

        font-size: 54px;

    }



    .res_title_swiper {

        margin-top: 30px;

    }



    .res_title_swiper .title {

        height: 60px;

    }



    .about_resear_loop {

        margin-top: 50px;

    }



    .resea_swiper .thumb {

        padding-right: 0;

    }



    .resear_text .right .des {

        max-width: inherit;

    }



    .resear_button {

        display: none !important;

        width: 100%;

        height: 50px;

        top: inherit;

        bottom: 0;

    }

}



@media (max-width:767px) {

    .about_ban_text {

        padding-top: 100px;

        padding-bottom: 50px;

    }



    .about_one {

        padding-top: 50px;

    }



    .about_one>.my-container {
        padding-bottom: 80px;
        flex-wrap: wrap;

    }

    .about_one .about_graphic {

        left: 16px;

    }

    .about_one .about_graphic {

        width: calc(100% - 32px);



        max-height: 130px;

    }



    .about_one .about_infor_left {

        position: inherit;

        width: 100%;

        max-width: inherit;

        height: max-content;

    }



    .about_one .about_infor_right {

        margin-left: 0;

        flex: inherit;

        margin-top: 25px;

    }



    .about_one .about_infor_left .video_click {

        width: 46px;

    }



    .about_infor_right .title_des {

        font-size: 16px;

    }



    .about_infor_right .list .list-item {

        padding: 20px 0 20px 0;

    }



    .about_infor_right .list .list-item .list-item-title {
        display: flex;
        align-items: center;
        font-size: 16px;
        line-height: 22px;
    }



    .about_infor_right .list .list-item .list-item-num {

        font-size: 36px;

    }



    .about_infor_right .list .list-item .list-item-num i {

        font-size: 16px;

    }



    .about_ban_bottom .year_time {

        font-size: 46px;

    }



    .about_bottom .year_time {

        font-size: 46px;

    }



    .about_two {

        padding-top: 50px;

        padding-bottom: 50px;

    }



    .about_resear_loop {

        margin-top: 40px;

    }



    .about_research_text .new_text {

        font-size: 16px;

        line-height: 1.5;

    }



    .resear_text .left p {

        font-size: 16px;

        line-height: 25px;

        padding-bottom: 20px;

    }



    .resear_text .right>ul {

        flex-wrap: wrap;

    }



    .resear_text .right>ul>li {

        padding-right: 0;

        padding-top: 20px;

        width: 50%;

    }



    .resear_text .right>ul>li:last-child {

        padding-right: 0;

    }



    .resear_text .right .num {

        font-size: 28px;

    }



    .resear_text .right em {

        margin-left: 6px;

        font-size: 14px;

    }



    .resear_text .right .des {

        padding-top: 8px;
        font-size: 16px;
        line-height: 22px;
    }



    .resea_swiper .resear_text {

        padding-right: 0;

    }



    .res_title_swiper .swiper-slide {

        width: auto;

    }



    .resea_swiper .thumb {

        height: 550px;

    }



    .res_title_swiper .title {

        font-size: 18px;

        height: 65px;

        padding-bottom: 20px;

        max-width: 300px;

    }





    .res-next {

        width: 50px;

        height: 50px;

        background-size: 20px;

    }



    .about_resear_loop.animated .thumb::before {

        background: transparent;

        background-color: rgba(0, 0, 0, 0.4);

        opacity: 1;

    }



}



@media (max-width:359px) {



    .resea_swiper .thumb {

        height: 600px;

    }



}



.page_title {

    font-style: normal;

    font-weight: 700;

    font-family: 'Muli bold';

    line-height: 1.5;

    opacity: 0;

}



.w_title {

    color: var(--white-color);

}



.about_three {

    position: relative;

    padding-top: 66px;

    padding-bottom: 75px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top center;

    overflow: hidden;

}



/* last */

.corporate_video {

    position: relative;

    width: 100%;

    overflow: hidden;

}



.corporate_video::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    height: 2px;

    width: 100%;

    background-color: var(--white-color);

    z-index: 2;

}



.mc_bs3_videobox {

    width: 100%;

    position: relative;

    overflow: hidden;

    z-index: 1;

}



.mc_bs3_videobox .left_sch {

    left: 50%;

    transform: translateX(-50%);

}



.mc_bs3_video {

    height: auto;

    max-width: none;

    position: absolute;

    transform: translate(-50%, -50%);

    left: 50%;

    top: 50%;

    width: 100%;

    min-height: 100vh;

    transition: inherit;

    object-fit: cover;

}



.mc_bs3_videowrap {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;

    max-width: none;

    overflow: hidden;

    z-index: 2;

}



.mc_bs3_videowrap {

    width: 100%;

    overflow: hidden;

}



.mc_bs3_videowrap .he_phgfbx {

    width: 100%;

    height: 100%;

}



.mc_b_s3 {

    width: 100%;

    overflow: hidden;

}



.mc_bs3_svg {

    position: absolute;

    left: 50%;

    top: 50%;

    z-index: 5;

    transform: translate(-50%, -50%);

    text-align: center;

    width: 100%;

    /* height: 100%; */

    /* object-fit: cover; */

    max-width: none;

    transition: opacity 1.8s ease-out;

    transition-delay: .2s;

}



.mc_bs3_svg {

    width: 120%;

    height: 101%;

    min-width: 100%;

    object-fit: cover;

}



.mc_bs3_title {

    position: absolute;

    bottom: 24%;

    left: 0;

    width: 100%;

    text-align: center;

    z-index: 2;

}



.mc_bs3_title .t {

    color: var(--dark-color);

    text-align: center;

    font-size: 60px;

    font-weight: 400;

    line-height: 1.2;

}



.mc_bs3_title .eng {

    padding-top: 24px;

    color: #666;

    text-align: center;

    font-family: "Muli Web";

    font-size: 36px;

    font-style: normal;

    font-weight: 400;

    line-height: 1.5;

    letter-spacing: 18px;

    text-transform: uppercase;

}



.he_syp4 .mc_bs3_videobox .mc_bs3_title {

    opacity: 1;

}



.mc_bs3_videobox.act .mc_bs3_title {

    opacity: 1;

}





.mc_bs3_videobox.act .mc_bs3_video {

    opacity: 0;

}



.mc_bs3_videobox.end .mc_bs3_svg {

    opacity: 1;

}



.he_syp4 .mc_bs3_videobox.act .mc_bs3_title {

    opacity: 0;

}



.he_syp4 .mc_bs3_videobox .mc_bs3_svg {

    opacity: 1;

}



.he_syp4 .mc_bs3_videobox.end .mc_bs3_svg {

    opacity: 0;

}



.he_syp4 .mc_bs3_videobox.end .mc_bs3_title {

    opacity: 0;

}



/* box */

.culture_box {

    position: relative;

    padding-top: 110px;

    width: 100%;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    z-index: 1;

}



.culture_bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

}



.culture_bg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.culture_box:after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0.4;

    background: #000;

    z-index: -1;

}



.culture_list {

    position: relative;

    margin-top: 70px;

}



.culture_list .line {

    position: absolute;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: rgba(255, 255, 255, 0.2);

    opacity: 0;

}



.culture_list ul {

    display: flex;

    flex-wrap: wrap;

    opacity: 0;

    transform: translateY(100px);

}



.culture_list ul li {

    position: relative;

    padding: 37px 40px 37px 40px;

    width: 33.33%;

}



.culture_list ul li::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 1px;

    height: 100%;

    background-color: rgba(255, 255, 255, 0.3);

}



.culture_list .loop {

    display: flex;

    height: 300px;

    flex-direction: column;

    justify-content: space-between;

    align-items: flex-start;

}



.culture_list ul .li:nth-child(-n+3) .loop {

    position: relative;

}



.culture_list ul .li:nth-child(-n+3) .loop:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -37px;

    width: 100%;

    height: 1px;

    background-color: rgba(255, 255, 255, 0.3);

}



.culture_list .s_t {

    color: var(--white-color);

    font-weight: 400;

    line-height: 1.5;

    opacity: 0.5;

}



.culture_list .big_t {

    margin-top: 24px;

    color: var(--white-color);

    /* font-weight: 700; */

    line-height: 1.3;

}



.culture_list .hide_text {

    margin-top: 16px;

    color: rgba(255, 255, 255, 0.8);

    opacity: 0;

    transition: opacity .4s;

}



.culture_list .big_t span {

    font-weight: 400;

    font-size: 18px;

    display: block;

}



.culture_list .big_t strong {

    padding-top: 8px;

    padding-bottom: 16px;

    display: block;

    font-weight: 400;

}
.culture_list ul .li:nth-child(5) .big_t strong,
.culture_list ul .li:nth-child(6) .big_t strong {
    padding-bottom: 0;
}


.culture_list .icon {

    width: 60px;

}



.culture_list .loop:hover .big_t,

.culture_list .loop:hover .big_t strong {

    font-weight: 700;

}



.culture_list .loop:hover .hide_text {

    opacity: 1;

}



.he_syp4 .mc_bs3_videobox.act .culture_list {

    border-top: 1px solid rgba(255, 255, 255, 0.3);

}



.he_syp4 .mc_bs3_videobox.act .culture_list .li {

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.8s;

}



.he_syp4 .mc_bs3_videobox.act .culture_list .li:nth-child(4) {

    animation-delay: 0.8s;

}



.he_syp4 .mc_bs3_videobox.act .culture_list .li:nth-child(5),

.he_syp4 .mc_bs3_videobox.act .culture_list .li:nth-child(2n) {

    animation-delay: 1s;

}



.he_syp4 .mc_bs3_videobox.act .culture_list .li:nth-child(3n) {

    animation-delay: 1.2s;

}



.he_syp4 .end .culture_list ul {

    opacity: 1;

}



.he_syp4 .end .culture_box {

    z-index: 9;

}



@keyframes xl {

    0% {

        transform: translateY(0px);

    }



    50% {

        transform: translateY(10px);

    }



    100% {

        transform: translateY(0px);

    }

}



@media (min-width:768px) {

    .he_syp4 .mc_bs3_videobox.act .culture_list .li:nth-child(3n) {

        border-right: 1px solid rgba(255, 255, 255, 0.3);

    }



    .culture_list ul .li:nth-child(n+4) .loop {

        margin-bottom: 55px;

    }



}



@media (max-width:1440px) {

    .culture_box {

        padding-top: 70px;

    }



    .culture_list {

        margin-top: 40px;

    }



    .culture_list .loop {

        height: 280px;

    }



}



@media (max-width:1366px) {

    .culture_box {

        padding-top: 60px;

    }



    .culture_list ul .li:nth-child(n+4) .loop {

        margin-bottom: 35px;

    }



    .culture_list .icon {

        width: 50px;

    }



    .mc_bs3_title .t {

        font-size: 50px;

    }





}



@media (max-width:1279px) {

    .mc_bs3_title .eng {

        padding-top: 16px;

        font-size: 26px;

        line-height: 1.2;

        letter-spacing: 14px;

    }



    .mc_bs3_title {

        bottom: 18%;

    }



    .culture_list {

        margin-top: 30px;

    }



    .culture_list ul li {

        padding: 37px 30px 37px 30px;

    }



    .mc_bs3_title .t {

        font-size: 38px;

    }



    .culture_list .loop {

        height: 250px;

    }



    .culture_list .icon {

        width: 40px;

    }

}



@media (max-width:991px) {



    .mc_bs3_title .t {

        font-size: 30px;

    }



    .culture_list ul li {

        padding: 37px 20px 37px 20px;

    }



    .culture_list .big_t {

        font-size: 18px;

    }

}



@media (max-width:767px) {

    .culture_list {

        border: none;

    }



    .mc_b_s3 {

        height: 100%;

    }



    .page_title {

        opacity: 1 !important;

        visibility: inherit !important;

    }



    .mc_bs3_videowrap {

        display: none !important;

    }



    .he_syp4 .mc_bs3_videobox .mc_bs3_title {

        opacity: 0;

        display: none !important;

    }



    .culture_box {

        padding-top: 50px;

    }



    .culture_list {

        margin-top: 30px;

    }



    .culture_list ul {

        opacity: 1 !important;

        transform: inherit !important;

        visibility: inherit !important;

    }



    .culture_list ul li {

        padding: 20px 0;

        width: 100%;

    }



    .culture_list ul li::before {

        display: none;

    }



    .culture_list ul .li:nth-child(-n+3) .loop:after {

        display: none;

    }



    .culture_list ul .li:nth-child(n+4) .loop {

        margin-bottom: 0;

    }



    .culture_list .loop {

        padding-bottom: 20px;

        height: auto;

        border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    }



    .culture_list .big_t {

        margin-top: 10px;

    }



    .culture_list .big_t span {

        font-size: 16px;

    }



    .culture_list .icon {

        padding-top: 40px;

        width: 36px;

    }



    .culture_list .hide_text {

        opacity: 1;

        font-size: 16px;

    }

}



/* about work */

.about_work {

    position: relative;

    width: 100%;

    background-color: #F8F9FB;

    overflow: hidden;

}



.about_work .work_top {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #F8F9FB;



    z-index: 2;

}



.work_top .work_d_num {

    position: absolute;

    left: 65px;

    bottom: 100px;

}



.about_work .work_top .bg {

    position: relative;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 107px 64px;

}



.about_work .work_top .bg img {

    /* width: 100%; */

    position: absolute;

    left: 50%;

    top: 50%;

    z-index: 5;

    transform: translate(-50%, -50%);

    text-align: center;

    width: 100%;



    max-width: none;

    transition: opacity 1.8s ease-out;

    transition-delay: .2s;

}



.work_top_text {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

    z-index: 9;

}



.work_top_text>div>ul>li {

    display: flex;

    align-items: center;

}



.work_top_text .number {

    display: flex;

    align-items: flex-end;

}



.work_top_text .number span {

    color: var(--main-color);

    font-family: "Muli Web";

    font-size: 138px;

    font-style: normal;

    font-weight: 400;

    line-height: 0.8;

}



.work_top_text .number em {

    margin-left: 16px;

    color: var(--main-color);

    font-size: 40px;

    font-weight: 400;

    font-style: normal;

    line-height: 1;

}



.work_top_text .line {

    margin-left: 32px;

    padding: 24px 0;

    border-top: 1px solid rgba(0, 0, 0, 0.2);

    border-bottom: 1px solid rgba(0, 0, 0, 0.2);

    color: var(--dark-color);

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 1.5;

}



.about_work .work_bottom {

    padding-top: 95px;

    padding-bottom: 100px;

    opacity: 0;

}



.work_text>div:first-child {

    display: flex;

    flex-flow: column;

    color: var(--dark-color);

    font-style: normal;

    font-weight: 400;

    line-height: 1.5;

}



.work_text .text {

    flex: 1;

    margin-left: 30px;

    max-width: 650px;

    color: #666;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

}



.work_map_img {

    margin-top: 10px;

    position: relative;

}





.work_d_num {

    color: #CED2DA;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

}



.map_img_box {

    position: relative;

    margin-bottom: 38px;

    text-align: center;

}



.map_img_box img {

    width: 100%;

}



.work_bottom .work_d_num {

    position: absolute;

    left: 0;

    bottom: -60px;

}



.work_bottom .work_text {

    transition: transform .6s ease;

}





.work_map_img .work_map_infor {

    position: absolute;

    right: 0;

    bottom: 0;

    display: flex;

    justify-content: center;

    align-items: flex-end;

    flex-flow: column;



    transition: transform .6s ease;

}



.work_map_infor p {

    padding-top: 16px;

    color: #666;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

}



.work_map_infor p img {

    margin-left: 8px;

}



.work_map_img .work_map_table {

    position: absolute;

    left: 0;

    bottom: 0;

    /* opacity: 0; */

    /* transform: translateY(100px); */

    transition: transform .6s ease;

}



.work_map_table ul li {

    padding-top: 16px;

}



.work_map_table ul li a {

    color: #666;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

}



.work_map_table ul li a:hover,

.work_map_table .active a {

    color: var(--main-color);

}



.work_bottom.active .work_map_box {

    opacity: 1;

    transition-delay: .2s;

}



.work_bottom.active .work_map_img>img {

    opacity: 1;

}



.work_bottom.active .map_img_box img {

    opacity: 1;

}



.work_bottom.active .work_text,

.work_bottom.active .work_map_table,

.work_bottom.active .work_map_infor {

    opacity: 1;

    transform: translateY(0);

}



.work_bottom.active .work_d_num {

    opacity: 1;

}



.work_map_box .pub-t1 {

    position: absolute;

    width: 8px;

    height: 8px;

}



.work_map_box .label {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 10px;

    height: 10px;

    z-index: 9;

}



.work_map_box .label span {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 32px;

    height: 32px;

    background-image: url(../images/map_lable2.svg);

    background-repeat: no-repeat;

    animation: spin-stretch 2s ease infinite;

    opacity: 0;

}



.work_map_box .label i {

    position: relative;

    display: inline-block;

    width: 10px;

    height: 10px;

    background-color: #7C879D;

    border-radius: 50%;

    cursor: pointer;

    z-index: 9;

}



.work_map_box.mobile .label {

    z-index: 1;

}



.work_map_box.mobile .label i {

    z-index: 8;

}



.work_map_box.mobile .d-show .label,

.work_map_box.mobile .d-show .label i {

    z-index: 9;

}



.work_map_box.mobile .label .city_name {

    z-index: 8;

}



@keyframes spin-stretch {

    50% {

        transform: translate(-50%, -50%) scale(0.5, 0.5);

    }



    100% {

        transform: translate(-50%, -50%) scale(1, 1);

    }

}



.d-show {

    transition: all 0.3s ease;

}



.city_name .c_color {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 3px;

    display: flex;

    justify-content: space-between;

}



.city_name .c_color>div {

    width: 100%;

    height: 100%;

}



.city_name .c_yanfa {

    background-color: var(--main-color);

}



.city_name .c_yingxiao {

    background-color: #71C9E9;

}



.city_name .c_shengchan {

    background-color: #E2545C;

}



.city_name .c_xiaoshou {

    background-color: #B57DFE;

}



.work_city_box {

    position: absolute;

    right: -10px;

    top: -51px;

    width: 380px;

    opacity: 0;

    transition: right .4s;

    z-index: -1000;

}



.work_city {

    position: relative;

    display: flex;

    align-items: stretch;

    align-self: stretch;

}



.work_city::before {

    content: "";

    position: absolute;

    right: 0;

    bottom: 0;

    width: 0;

    height: 1px;

    background-color: rgba(0, 0, 0, 0.3);

    transition: width .6s;

}



.work_city a {

    position: relative;

    margin-right: 15px;

    padding-bottom: 10px;

    max-width: 185px;

    min-height: 58px;

    opacity: 0;

    text-align: left;

    display: flex;

    align-items: center;

    transition: opacity 1s;

    cursor: default;

}



.work_city a span {

    color: #666;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

}



.work_city a:last-child {

    margin-right: 0;

}



.work_city a .c_color {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 4px;

    display: flex;

    justify-content: space-between;

}



.work_city a .c_color>div {

    width: 100%;

    height: 100%;

}



.work_map_box .d-show .work_city::before {

    width: 100%;

}



.work_map_box .d-show .label i {

    background-color: var(--main-color);

}



.work_city a .c_yanfa {

    background-color: var(--main-color);

}



.work_city a .c_yingxiao {

    background-color: #71C9E9;

}



.work_city a .c_shengchan {

    background-color: #E2545C;

}



.work_city a .c_xiaoshou {

    background-color: #B57DFE;

}



.work_city a.active span {

    font-weight: 700;

    color: var(--dark-color);

    font-size: 22px;

}



.work_city a.active span::before {

    width: 100%;

}



.work_city_img {

    padding-top: 15px;

    opacity: 0;

    transition: opacity 1s ease-in;

}



.work_city_img .thumb_hide {

    display: none;

    width: 180px;

    height: 120px;

    border-radius: 4px;

    overflow: hidden;

}



.work_city_img .thumb_hide img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.work_city_img .thumb_show {

    display: block;

}



.d-show .label i {

    /* opacity: 0; */

}



.d-show .work_city_img {

    opacity: 1;

}



.d-show .label span {

    opacity: 1;

}



.d-show .work_city_box {

    opacity: 1;

    right: 6px;

    z-index: 8;

}



.d-show .work_city a {

    opacity: 1;

}



.hangzhou {

    left: 37.8%;

    top: 44.1%;

}



.shanghai {

    left: 38.4%;

    top: 43.1%;

}



.taizhou {

    left: 38.3%;

    top: 45.2%;

}



.shenzhen {

    left: 36.6%;

    top: 48.7%;

}



.luoshanji {

    left: 71.6%;

    top: 42%;

}



.boshidun {

    left: 85%;

    top: 34%;

}



@media (max-width:1679px) {

    .work_top_text .number span {

        font-size: 128px;

    }



    .work_top_text .number em {

        font-size: 36px;

    }

}



@media (max-width:1579px) {

    .work_top_text .number span {

        font-size: 118px;

    }



    .work_top_text .line {

        margin-left: 22px;

    }



    .work_top_text .number em {

        font-size: 32px;

    }



    /* 

    .work_city_box {

        width: 360px;

    } */

}



@media (max-width:1439px) {

    .work_top_text .number span {

        font-size: 100px;

    }



    .work_top_text .number em {

        font-size: 30px;

    }



}



@media (max-width:1365px) {

    .work_top_text .number span {

        font-size: 90px;

    }



    .work_top_text .number em {

        margin-left: 10px;

        font-size: 28px;

    }

}



@media (max-width:1279px) {

    .work_top_text .number span {

        font-size: 80px;

    }



    .work_top_text .number em {

        margin-left: 10px;

        font-size: 24px;

    }



    .work_top_text .line {

        padding: 20px 0;

    }



    .work_map_table ul li {

        padding-top: 10px;

    }



    .work_map_table ul li a {

        font-size: 16px;

    }



    .work_city a.active {

        font-size: 22px;

    }



}



@media (max-width:1200px) {

    .work_top_text .number span {

        font-size: 70px;

    }



    .work_top_text .number em {

        margin-left: 10px;

        font-size: 22px;

    }



    .work_city_box {

        width: 350px;

    }



    .work_top_text .line {

        padding: 16px 0;

        margin-left: 16px;

        font-size: 18px;

    }



    .d-show.hangzhou .work_city_box,

    .d-show.shanghai .work_city_box,

    .d-show.taizhou .work_city_box,

    .d-show.shenzhen .work_city_box {

        left: 6px;

    }



    .hangzhou .work_city::before,

    .shanghai .work_city::before,

    .taizhou .work_city::before,

    .shenzhen .work_city::before {

        left: 0;

        right: inherit;

    }



    .hangzhou .work_city_img,

    .shanghai .work_city_img,

    .taizhou .work_city_img,

    .shenzhen .work_city_img {

        display: flex;

        justify-content: flex-end;

    }



    .hangzhou .work_city,

    .shanghai .work_city,

    .taizhou .work_city,

    .shenzhen .work_city {

        justify-content: flex-end;

    }



    .hangzhou .work_city_img .thumb_hide,

    .shanghai .work_city_img .thumb_hide,

    .taizhou .work_city_img .thumb_hide,

    .shenzhen .work_city_img .thumb_hide {

        float: right;

    }



}



@media (max-width:991px) {

    .work_bottom .work_text {

        flex-wrap: wrap;

    }



    .work_text>div:first-child {

        width: 100%;

    }



    .work_text .text {

        flex: inherit;

        margin-left: 0;

        max-width: 100%;

        margin-top: 25px;

        font-size: 16px;

        line-height: 28px;

    }



    .work_city a.active {

        font-size: 20px;

    }



    .work_top_text .line {

        padding: 14px 0;

        margin-left: 10px;

        font-size: 16px;

    }



}



@media (max-width:1200px) {

    .map_img_box {

        margin-bottom: 20px;

    }

    .about_work .work_bottom {

        padding-top: 55px;

        padding-bottom: 50px;

    }

    .work_top_text .line {

        flex: 1;

        text-align: left;

    }

    .map_img_box img {

        width: 100%;

    }



    .work_map_box .label {

        width: 4px;

        height: 4px;

        z-index: 1;

    }



    .work_map_box .label i {

        width: 4px;

        height: 4px;

    }



    .d-show .label i {

        opacity: 1;

    }



    .d-show .label span {

        display: none;

    }



    .work_map_img .work_map_table {

        position: relative;

        width: calc(100% - 32px);

        margin-left: 16px;

        z-index: 9;

    }



    .work_city_box {

        width: 202px;

    }



    .work_city {

        height: 100px;

        align-items: flex-end;

    }



    .work_city a {

        margin-right: 0;

        padding-top: 2px;

        width: 100%;

    }



    .work_map_box .d-show .work_city::before {

        width: calc(100% - 2px);

    }



    .work_city a span {

        margin-right: 0;

        font-size: 16px;

        line-height: 26px;

    }



    .work_city a:nth-child(2) {

        margin-top: 2px;

        max-width: 168px;

        text-align: left;

    }



    .work_city a:nth-child(2) span {

        height: 40px;

        line-height: 20px;

    }



    .work_city a .c_color {

        height: 2px;

    }



    .work_city a:last-child {

        padding-bottom: 0;

    }



    .work_city a.active {

        padding-top: 0;

        padding-bottom: 8px;

        margin-bottom: 4px;

        min-height: inherit;

    }



    .work_city a.active span {

        font-size: 18px;

    }



    .work_city a span {

        display: inline-block;

    }



    .work_city a span::before {

        height: 2px;

    }



    .work_city_box {

        top: -118px;

    }



    .work_city::before {

        display: none;

    }



    .d-show .work_city_box {

        right: 13px;

    }



    .work_city_img .thumb_hide {

        width: 170px;

    }



    .d-show .work_city_box {

        display: flex;

        padding: 16px;

        flex-direction: column;

        justify-content: center;

        align-items: flex-start;

        border-radius: 4px;

        background: #FFF;



    }



    .d-show .work_city_box:after {

        content: "";

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.10);

        z-index: -1;

    }



    .work_city_box::before {

        content: "";

        position: absolute;

        top: 50%;

        margin-top: -19px;

        left: 100%;

        width: 5px;

        height: 20px;

        background-image: url(../images/work_jt_r.svg);

        background-repeat: no-repeat;

        background-size: 100%;

        background-position: center;

        z-index: 2;

    }



    .work_map_img {

        margin-left: -16px;

        margin-right: -16px;

    }



    /* city */

    .d-show.hangzhou .work_city_box,

    .d-show.shanghai .work_city_box,

    .d-show.taizhou .work_city_box,

    .d-show.shenzhen .work_city_box {

        left: 13px;

    }



    .hangzhou .work_city_box,

    .shanghai .work_city_box,

    .shenzhen .work_city_box,

    .taizhou .work_city_box {

        left: -10px;

        transition: left .4s;

    }



    .hangzhou .work_city,

    .shanghai .work_city,

    .taizhou .work_city,

    .shenzhen .work_city {

        text-align: right;

        align-items: flex-start;

        justify-content: space-between;

    }



    .hangzhou {

        left: 37%;

        top: 44.2%;

    }



    .shanghai {

        left: 38.1%;

        top: 43.3%;

    }



    .taizhou {

        left: 38%;

        top: 46.3%;

    }



    .shenzhen {

        left: 36.2%;

        top: 48.5%;

    }



    .luoshanji {

        left: 72.2%;

        top: 43%;

    }



    .boshidun {

        left: 84.2%;

        top: 36%;

    }



    .hangzhou .work_city_box::before,

    .shanghai .work_city_box::before,

    .taizhou .work_city_box::before,

    .shenzhen .work_city_box::before {

        left: 0;

        margin-left: -5px;

        transform: rotate(180deg);

    }



    .work_city_img {

        padding-top: 8px;

    }



    .work_city {

        flex-flow: column;

        text-align: left;

        align-items: flex-start;

        justify-content: flex-end;

    }



    .work_city a {

        display: inline-block;

        width: max-content;

        padding-bottom: 2px;

    }



    .work_map_box .label span {

        display: none;

    }



    .work_map_table ul {

        display: flex;

        justify-content: center;

        flex-wrap: wrap;

        margin-left: -8px;

        margin-right: -8px;

    }



    .work_map_table ul li {

        width: 16.66%;

        padding: 8px;

        text-align: center;

    }



    .work_map_table ul li a {

        position: relative;

        display: block;

        padding: 12px 6px;

        background-color: #EFEFEF;

        border-radius: 4px;

        line-height: 26px;

        overflow: hidden;

    }



    .work_map_table .c_color {

        position: absolute;

        left: 0;

        bottom: 0;

        width: 100%;

        height: 3px;

        display: flex;

        justify-content: space-between;

    }



    .work_map_table .c_color>div {

        width: 100%;

        height: 100%;

    }



    .work_map_table .c_yanfa {

        background-color: var(--main-color);

    }



    .work_map_table .c_yingxiao {

        background-color: #71C9E9;

    }



    .work_map_table .c_shengchan {

        background-color: #E2545C;

    }



    .work_map_table .c_xiaoshou {

        background-color: #B57DFE;

    }



    .work_map_table ul li a:hover {

        background-color: #EFEFEF;

        color: inherit;

    }



    .work_map_table .active a {

        background-color: #7C879D !important;

        color: var(--white-color) !important;

    }



    .work_map_box .pub-t1 {

        width: 4px;

        height: 4px;

    }



    .work_map_img .work_map_infor {

        padding-top: 20px;

        position: relative;

        display: flex;

        align-items: center;

        justify-content: space-between;

        flex-flow: inherit;

        width: calc(100% - 32px);

        margin-left: 16px;

        flex-wrap: wrap;

    }

    .work_map_infor p img {

        width: 8px;

        margin: 0;

        margin-right: 4px;

    }



    .work_bottom .work_d_num {

        bottom: inherit;

        position: relative;

        left: inherit;

        padding-top: 20px;

    }

}

@media (max-width:767px) {

    .work_map_img .work_map_infor {

        padding-top: 40px;

    }

    .about_work .work_top {

        height: 80%;

        display: none !important;

    }



    .about_work .work_top .bg {

        padding: 60px 20px;

    }



    .work_bottom .work_text {

        opacity: 1 !important;

        transform: inherit !important;

    }

    .work_city a:nth-child(2) {

        max-width: 112px;

    }



    .work_bottom.active .work_d_num {

        bottom: 0;

        padding-top: 20px;

        position: relative;

    }

    .about_work .work_bottom {

        padding-top: 60px;

        padding-bottom: 60px;

        opacity: 1 !important;

        visibility: inherit !important;

    }



    .map_img_box {

        margin-top: 70px;

        margin-bottom: 38px;

    }

    .work_map_img .work_map_infor {

        padding-top: 40px;

        position: relative;

        display: flex;

        align-items: center;

        justify-content: space-between;

        flex-flow: inherit;

        width: calc(100% - 32px);

        margin-left: 16px;

        flex-wrap: wrap;

    }

    .work_map_infor p {

        padding-top: 0;

        min-height: 64px;

        text-align: center;

        display: flex;

        flex-flow: column;

        align-items: center;

        width: 50%;

        margin-bottom: 18px;

    }

    .work_city a:nth-child(2) span {

        height: 60px;

        line-height: 18px;

    }

    .work_city_img .thumb_hide {

        width: 119px;

        height: auto;

    }



    .work_map_table ul li {

        width: 33.33%;

    }



    .work_top_text>div>ul {

        flex-wrap: wrap;

    }



    .work_top_text>div>ul>li {

        width: 100%;

        text-align: center;

        margin: 15px 0;

    }



    .work_top_text .number span {

        font-size: 36px;

    }



    .work_top_text .number {

        width: 110px;

        justify-content: flex-end;

    }



    .work_top_text .number em {

        margin-left: 4px;

        font-size: 16px;

    }



    .work_city_box {

        width: max-content;

    }

    .work_city_box {

        top: -90px;

    }

    .work_map_infor p img {

        margin-right: 0;

        margin-bottom: 4px;

    }

    .work_map_table ul {

        margin-left: -4px;

        margin-right: -4px;

    }



    .work_map_table ul li {

        padding: 8px 4px;

    }





}

@media (max-width:359px) {

    .work_top_text .number span {

        font-size: 34px;

    }



    .work_city a.active span {

        font-size: 16px;

    }







    .work_map_table ul li a,

    .work_map_infor p {

        font-size: 14px;

    }



}



.work_map {

    padding: 107px 64px;

}



.work_map .work_map_img {

    margin-top: 0;

}



.work_pc_bottom {

    position: absolute;

    bottom: -20px;

    left: 0;

    width: 100%;

}



.work_bottom .work_pc_bottom .work_d_num {

    position: relative;

    bottom: inherit;

}



.work_pc_bottom>.my-container {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

}



.work_map_img .work_pc_bottom .work_map_infor {

    position: relative;

}



.work_pc_box .d-show .work_city_box {

    z-index: 8;

}



.city_name {

    position: absolute;

    padding: 5px 0;

    color: var(--dark-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: 28px;

    width: max-content;

    z-index: 9;

    cursor: pointer;

}



.hangzhou .city_name {

    right: calc(100% + 9px);

}



.shanghai .city_name {

    bottom: calc(100% + 9px);

}



.shenzhen .city_name {

    top: calc(100% + 9px);

}



.taizhou .city_name {

    left: calc(100% + 9px);

}



.luoshanji .city_name {

    top: calc(100% + 9px);

}



.boshidun .city_name {

    top: calc(100% + 9px);

}



.work_pc_box .d-show .city_name {

    opacity: 0;

    cursor: default;

}



.work_bottom.pc_show {

    padding-top: 180px;

}



.work_bottom.pc_show .work_map {

    padding-top: 0;

    padding-bottom: 0;

}



.work_pc_text {

    position: absolute;

    left: 0;

    top: 120px;

    width: 100%;

    z-index: 1;

}



.work_text strong {

    color: var(--main-color);

}



@media (max-width:991px) {

    .work_pc_text {

        position: inherit;

        top: 0;

    }



    .work_map {

        padding: 107px 30px;

    }



    .work_pc_bottom {

        bottom: -100px;

    }

}



@media (max-width:1200px) {

    .about_work .pc_show {

        display: none !important;

    }

    .about_work .mo_show {

        display: block !important;

    }



}





@media (min-width:1201px) {

    .work_city_img {

        display: none;

    }



    .work_pc_box .d-show .work_city_img {

        display: block;

    }



    .work_map_box .label span {

        opacity: 1;

    }



    .work_map_box .shanghai .label span {

        animation: spin-stretch 1.8s ease infinite;

    }



    .work_map_box .taizhou .label span {

        animation: spin-stretch 1.6s ease infinite;

    }



    .work_map_box .shenzhen .label span {

        animation: spin-stretch 1.9s ease infinite;

    }



    .work_map_box .luoshanji .label span {

        animation: spin-stretch 2.1s ease infinite;

    }



    .hangzhou {

        left: 37.8%;

        top: 44.5%;

    }



    .shenzhen {

        left: 36.6%;

        top: 49.1%;

    }



    .taizhou {

        left: 38.1%;

        top: 46.5%;

    }



    .boshidun {

        left: 84.5%;

        top: 36.3%;

    }



    .luoshanji {

        left: 71.9%;

        top: 42.3%;

    }

}