@charset "utf-8";
@media screen and (max-width:1920px){
    .box_con {
        box-sizing: border-box;
        max-width: 69.79166666666667vw;
        margin: 0 auto;
    }

    .box_cons {
        padding: 0 9.375vw;
        box-sizing: border-box;
        max-width: 100vw;
        margin: 0 auto;
    }
    /* header */
    header {
        position: fixed;
        z-index: 9;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        transition: all 0.5s;
        background: rgba(255, 255, 255, 1);
    }

    header .logo {
        max-width: 19.791666666666668vw;
        min-width: 19.791666666666668vw;
        height: 5.208333333333334vw;
        line-height: 5.208333333333334vw;
    }

    header .logo a {
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;
    }

    .head_con {
        justify-content: space-between;
        align-items: center;
        padding: 0 2.604166666666667vw 0 3.125vw;
    }

    .head_right {
        align-items: center;
        justify-content: flex-end;
        width: calc(100% - 19.791666666666668vw);
    }

    .head_nav .head_nav_item {
        position: relative;
    }

    .head_nav .head_nav_item>a {
        display: block;
        font-size: 1.0416666666666667vw;
        line-height: 5.208333333333334vw;
        padding: 0 1.3020833333333335vw;
        box-sizing: border-box;
        color: #02031c;
        position: relative;
        transition: all 0.5s;
        text-transform: uppercase;
        z-index: 2;
    }

    .head_nav .head_nav_item.active>a {
        color: #02031c;
        font-weight: bold;
    }
    .head_nav .head_nav_item .nav_show{
        top: 4.166666666666667vw;
    }
    .head_nav .head_nav_item .nav_show a{
        font-size: 0.9375vw;
        line-height: 1.875vw;
    }
    .head_search {
        position: relative;
        width: 8.333333333333334vw;
        margin: 0 0 0 1.5625vw;
        background: linear-gradient(to right, #ffe600, #fac300);
        border-radius: 2.34375vw;
    }

    .search_form {
        display: flex;
        flex: 1;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 2.34375vw;
        overflow: hidden;
        box-sizing: border-box;
    }

    .search_form input {
        height: 2.34375vw;
        line-height: 2.34375vw;
        border: none;
        background: none;
        padding-left: 0.5208333333333334vw;
        box-sizing: border-box;
        font-size: 0.7291666666666667vw;
        width: calc(100% - 2.34375vw);
        font-size: 0.8333333333333334vw;
        color: #02031c;
    }

    .search_form button {
        width: 2.0833333333333335vw;
        height: 2.0833333333333335vw;
        line-height: 2.0833333333333335vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .fixed header {
        background: rgba(255, 255, 255, 1);
        box-shadow: 0 0 0.78125vw rgba(0, 0, 0, 0.08);
    }

    .fixed .head_nav .head_nav_item>a,
    .fixed .head_nav .head_nav_item.active>a {
        color: #02031c;
    }
    .head_lang span,
    .head_lang a,
    .head_lang .lang_show a{font-size: 1.0416666666666667vw;}
    /* end header */

    /* footer */
    footer {
        /*background: url(../footer_bg.jpg) no-repeat bottom center/cover;*/
    }

    .foot_top {
        padding: 2.604166666666667vw 0;
        justify-content: space-between;
        align-items: center;
    }

    .foot_links {
        width: calc(100% - 11.979166666666668vw);
        justify-content: flex-end;
        align-items: center;
    }

    .foot_link {
        width: auto;
    }

    .foot_link .item {
        width: 2.604166666666667vw;
        height: 2.604166666666667vw;
        border: 1px solid rgba(255, 255, 255, 0.2);
        line-height: 2.604166666666667vw;
        text-align: center;
        border-radius: 50%;
        margin-right: 1.5625vw;
        box-sizing: border-box;
    }

    .foot_link .item a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .foot_search {
        width: 16.145833333333336vw;
        border: 1px solid rgba(255, 255, 255, 0.2);
        box-sizing: border-box;
        border-radius: 3.125vw;
    }

    .foot_search input {
        width: calc(100% - 3.125vw);
        font-size: 0.8333333333333334vw;
        color: #fff;
        text-indent: 1em;
    }

    .foot_search button {
        width: 3.125vw;
        height: 3.125vw;
        line-height: 3.125vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .foot_center {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        padding: 4.6875vw 0;
    }

    .foot_right {
        width: 25%;
        padding-left: 3%;
        box-sizing: border-box;
    }

    .foot_right .tit {
        font-size: 1.1458333333333335vw;
        color: #fff;
        display: inline-flex;
        align-items: center;
        line-height: 1.5625vw;
    }

    .foot_right .tit img {
        width: 1.875vw;
        height: 1.875vw;
        margin-right: 0.5208333333333334vw;
    }

    .foot_right .tit span {
        /*opacity: 0.6;*/
    }

    .foot_right .txt {
        font-size: 0.9375vw;
        color: #fff;
    }

    .foot_right .txt b {
        font-size: 2.0833333333333335vw;
        font-family: Arial;
        font-weight: bold;
        color: #005fac;
        text-shadow: 0 0 0.5208333333333334vw rgba(0, 0, 0, 0.05);
    }

    .foot_left {
        width: 75%;
        padding-right: 3%;
        box-sizing: border-box;
        display: inline-flex;
        border-right: 1px solid #eaecf0;
    }

    .foot_left .item {
        width: 7.8125vw;
        margin-right:1.5625vw;
    }

    .foot_left .item.items {
        width: 13.541666666666668vw;
    }

    .foot_left .item.items .tct {
        display: flex;
        flex-wrap: wrap;
    }

    .foot_left .item.items .tct a {
        width: 48%;
    }

    .foot_left .item:last-child {
        margin-right: 0;
    }

    .foot_left .item .tit {
        font-size: 1.1458333333333335vw;
        font-weight: 550;
        /*color: #02031c;*/
        color: #fff;
        padding-bottom: 1.25vw;
        position: relative;
        /*margin-bottom: 1.25vw;*/
    }

    .foot_left .item .tit::after {
        content: "";
        display: none;
        width: 1.0416666666666667vw;
        height: 2px;
        background: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .foot_left .item .tct a {
        display: block;
        font-size: 0.9375vw;
        line-height: 1.875vw;
        /*opacity: 0.5;*/
        color:#fff;
    }

    .foot_btm {
        border-top: 1px solid #dedede;
        padding: 1.0416666666666667vw 0;
        font-size: 0.7291666666666667vw;
        color: #fff;
        opacity: 0.4;
    }

    .foot_btm a {
        color: #fff;
        margin-left: 1.0416666666666667vw;
        font-size: 0.7291666666666667vw;
    }
    .foot_btm a:hover{
        color:#fff;
    }

    .gotops {
        background: #005fac;
        border-radius: 50%;
        width: 3.125vw;
        height: 3.125vw;
        border: 1px solid #fff;
        box-shadow: 0 0 1.0416666666666667vw rgba(0, 0, 0, 0.08);
        align-items: center;
        justify-content: center;
        cursor: pointer;
        box-sizing: border-box;
        position: fixed;
        z-index: 6;
        right: 1.5625vw;
        bottom: 20%;
        display: none;
    }

    .gotops span {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1.3541666666666667vw;
        height: 1.3541666666666667vw;
    }

    .gotops.toshow {
        display: flex;
    }

    /* end footer */

    /* home */
    .box_title {
        text-align: left;
        color: #02031c;
    }

    .box_title .title_tit {
        font-size: 2.5vw;
        font-weight: bold;
        padding-bottom: 0.5208333333333334vw;
    }

    .box_title .title_desc {
        font-size: 1.5625vw;
        line-height: 1.875vw;
    }

    .more {
        text-align: center;
        margin: 1.5625vw auto;
        float: right;
        margin-top: -2.604166666666667vw;
        z-index: 2;
        position: relative;
        background: linear-gradient(to right, #ffe600, #fac300);
        border-radius: 2.604166666666667vw;
        width: 9.375vw;
        height: 2.604166666666667vw;
    }

    .more a {
        display: flex;
        align-items: center;
        font-size: 0.8333333333333334vw;
        width: 100%;
        height: 100%;
        justify-content: space-evenly;
        color: #02031c;
    }

    .more a span {
        display: block;
        width: 0.625vw;
        height: 0.625vw;
        background: url(../more_icon.png) no-repeat center/contain;
        margin-left: 1.0416666666666667vw;
        filter: brightness(0);
    }

    .more:hover {
        background: none;
        border: 1px solid #005fac;
        box-sizing: border-box;
    }

    .more:hover a span {
        filter: brightness(1);
    }

    /* banner */
    .myBanner {
        position: relative;
        overflow: hidden;
    }

    .myBanner .swiper-slide {
        overflow: hidden;
        width: 100%;
        height: 85vh;
    }

    .myBanner .swiper-slide a {
        display: block;
        height: 100%;
    }

    .myBanner .slide-inner {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-size: cover;
        background-position: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: #fff;
    }

    .myBanner .swiper-pagination-banner {
        text-align: left;
        position: absolute;
        bottom: 2.0833333333333335vw;
        z-index: 3;
        left: 0;
        width: 50%;
        padding-left: 9.375vw;
    }

    .myBanner .swiper-pagination-banner .swiper-pagination-bullet {
        width: 1.0416666666666667vw;
        height: 1.0416666666666667vw;
        border-radius: 0.5208333333333334vw;
        margin: 0 0.5208333333333334vw;
        opacity: 1;
        transition: width 0.5s;
    }

    .myBanner .swiper-pagination-banner .swiper-pagination-bullet-active {
        width: 1.0416666666666667vw;
        height: 1.0416666666666667vw;
        transition: width 0.5s;
        position: relative;
    }

    .myBanner .swiper-pagination-banner .swiper-pagination-bullet-active::after {
        content: "";
        display: none;
        width: 1.0416666666666667vw;
        height: 1.0416666666666667vw;
        border-radius: 0;
        position: absolute;
        left: -0.36458333333333337vw;
        top: 50%;
        transform: translateY(-50%);
        border: 1px solid rgba(255, 255, 255, 1);
    }


    .myBanner .swiper-banner-prev,
    .myBanner .swiper-banner-next {
        width: 2.604166666666667vw;
        height: 2.604166666666667vw;
        line-height: 2.604166666666667vw;
        border-radius: 50%;
        top: auto;
        bottom: 1.5625vw;
        z-index: 3;
        left: auto;
        right: 13.541666666666668vw;
        pointer-events: auto;
        display: block;
        opacity: 1;
        cursor: pointer;
        text-align: center;
        background: rgba(255, 255, 255, 1);

    }

    .myBanner .swiper-banner-next {
        right: 9.375vw;
    }

    .myBanner .swiper-banner-prev::after,
    .myBanner .swiper-banner-next::after {
        font-size: 1.0416666666666667vw;
        color: #005fac;
        line-height: inherit;
    }

    .myBanner .swiper-banner-prev:hover::after,
    .myBanner .swiper-banner-next:hover::after{
        color:#fff;
    }
    .myBanner .swiper-banner-prev:hover,
    .myBanner .swiper-banner-next:hover {
        background: #005fac;
    }

    a:hover {
        color: #005fac;
    }

    /* about */
    .solution {
        padding: 6.25vw 0;
    }

    .solution_con {
        padding: 3.125vw 0 0 9.375vw;
        max-width: 100vw;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .solution_con .preview {
        width: 20%;
        height: 28.125vw;
    }

    .solution_con .preview .arrow-left,
    .solution_con .preview .arrow-right,
    .solution_con .view .arrow-left,
    .solution_con .view .arrow-right {
        display: none;
    }

    .solution_con .preview .swiper-container {
        height: 100%;
    }

    .solution_con .preview .swiper-container .swiper-wrapper {
        flex-direction: column;
        justify-content: center;
    }

    .solution_con .preview .swiper-container .swiper-slide {
        height: auto !important;
    }

    .solution_con .preview .swiper-container .swiper-slide a {
        display: flex;
        align-items: center;
        font-size: 1.3541666666666667vw;
        color: #adadad;
        font-weight: bold;
        line-height: 1.875vw;
        padding: 0.5208333333333334vw 0;
    }

    .solution_con .preview .swiper-container .swiper-slide.active-nav a {
        font-size: 1.5625vw;
        color: #02031c;
    }

    .solution_con .preview .swiper-container .swiper-slide.active-nav a::before {
        content: "";
        display: block;
        width: 0.5208333333333334vw;
        height: 0.5208333333333334vw;
        background: #005fac;
        border-radius: 0.5208333333333334vw;
        margin-right: 1.0416666666666667vw;
    }

    .solution_con .view {
        width: 80%;
    }

    .solution_con .view .swiper-container .swiper-slide {
        background: #f5f5f7;
        height: 28.125vw;
        border-radius: 0.5208333333333334vw;
        margin-right: 3.125vw;
        width: 36.97916666666667vw;
    }

    .solution_con .view .swiper-container .swiper-slide a {
        display: block;
        padding: 3.125vw;
        box-sizing: border-box;
    }

    .solution_con .view .swiper-container .swiper-slide .tit {
        font-size: 1.7708333333333335vw;
        font-weight: bold;
    }

    .solution_con .view .swiper-container .swiper-slide .txt {
        font-size: 1.0416666666666667vw;
        color: #02031c;
    }

    .solution_con .view .swiper-container .swiper-slide .tct {
        justify-content: space-between;
        align-items: flex-end;
    }

    .solution_con .view .swiper-container {
        overflow: hidden;
    }

    .solution_con .view .swiper-container .swiper-slide .tct .jt {
        width: 2.604166666666667vw;
        height: 2.604166666666667vw;
        border: 1px solid #fac300;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.0416666666666667vw;
        color: #fac300;
        cursor: pointer;
    }

    .solution_con .view .swiper-container .swiper-slide .tct .jt span {
        display: block;
        width: 0.625vw;
        height: 0.625vw;
        background: url(../more_icon.png) no-repeat center/contain;
    }

    .solution_con .view .swiper-container .swiper-slide .img {
        width: 17.708333333333336vw;
        height: 17.708333333333336vw;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .solution_con .view .swiper-container .swiper-slide .img img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .solution_con .view .swiper-container .swiper-slide .img img:hover {
        transform: scale(1.1);
        transition: all 0.5s;
    }

    /* about */
    .about {
        padding: 6.25vw 0;
        background: #f5f5f7;
        position: relative;
    }

    .about .box_cons {
        position: relative;
        z-index: 2;
    }

    .about_tit {
        font-size: 2.0833333333333335vw;
        font-weight: bold;
        color: #02031c;
        padding: 3.125vw 0 1.0416666666666667vw;
    }

    .about_desc {
        width: 63%;
        font-size: 0.9375vw;
        line-height: 1.875vw;
        color: #02031c;
        opacity: 0.4;
    }

    .about_items {
        width: 63%;
        padding: 3.125vw 0 4.6875vw;

    }

    .about_items .item {
        margin-right: 3.6458333333333335vw;
    }

    .about_items .item:last-child {
        margin-right: 0;
    }

    .about_items .item b {
        font-size: 4.166666666666667vw;
        font-family: Arial;
        color: #02031c;
    }

    .about_items .item sub {
        font-size: 0.9375vw;
        line-height: 1.5625vw;
    }

    .about_items .item span {
        display: block;
        font-size: 0.9375vw;
        line-height: 1.5625vw;
        color: #02031c;
        opacity: 0.6;
    }

    .about_pics {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 59.16666666666667vw;
        height: 42.395833333333336vw;
    }

    .about .more {
        float: none;
        margin: 0;
    }

    /* news */
    .news {
        padding: 6.25vw 0;
    }

    .news_items .item {
        width: calc(100% / 3 - 1.7708333333333335vw);
        margin-right: 2.604166666666667vw;
        margin-top: 2.604166666666667vw;
    }

    .news_items .item a {
        display: block;
        box-sizing: border-box;
        box-shadow: 0 0 1.0416666666666667vw rgba(0, 0, 0, 0.05);
        background: #fff;
        border-radius: 0.5208333333333334vw;
    }

    .news_items .item:nth-child(3n),
    .news_items .item:last-child {
        margin-right: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .news_items .item .item_img {
        height: 16.145833333333336vw;
        border-radius: 0.5208333333333334vw;
        display: flex;
        align-items: center;
        justify-items: center;
        overflow: hidden;
    }

    .news_items .item .item_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.5s;
    }

    .news_items .item:hover .item_img img {
        transform: scale(1.1);
        transition: all 0.5s;
    }

    .news_items .item a:hover .more span {
        filter: brightness(1);
    }

    .news_items .item .item_con {
        padding: 1.5625vw;
        box-sizing: border-box;
    }

    .news_items .item .item_day {
        font-size: 0.9375vw;
        color: #02031c;
        line-height: 0.9375vw;
        display: flex;
        align-items: center;
    }

    .news_items .item .item_day span {
        width: 0.8333333333333334vw;
        height: 0.8333333333333334vw;
        background: url(../day_icon.png) no-repeat center/contain;
        margin-right: 0.5208333333333334vw;
    }

    .news_items .item .item_tit {
        font-size: 1.3541666666666667vw;
        font-weight: bold;
        line-height: 1.875vw;
        height: 3.75vw;
        margin: 1.0416666666666667vw 0 0.5208333333333334vw;
    }

    .news_items .item .item_desc {
        font-size: 0.8333333333333334vw;
        line-height: 1.25vw;
        color: #666;
    }

    .news_items .item .more {
        width: auto;
        background: none;
        text-align: left;
        display: flex;
        align-items: center;
        margin: 0.78125vw auto 0;
        font-size: 0.7291666666666667vw;
        line-height: 0.9375vw;
        float: none;
        height: auto;
    }

    .news_items .item .more span {
        transform: rotate(45deg) scale(0.9);
        width: 0.5208333333333334vw;
        height: 0.5208333333333334vw;
        background: url(../more_icon.png) no-repeat center/contain;
        margin-left: 0.78125vw;
        filter: brightness(0);
    }

    .news_items .item:last-child a {
        border: 1px solid #fff;
        box-sizing: border-box;
    }

    .news_items .item:last-child .item_tit {
        font-size: 1.1458333333333335vw;
        line-height: 1.25vw;
        height: 2.5vw;
        margin: 0.5208333333333334vw 0 0;
    }

    .news_items .item:last-child .more {
        margin: 0.5208333333333334vw auto 0;
    }

    .news_items .item a:hover {
        box-shadow: 0 0 1.0416666666666667vw rgba(0, 0, 0, 0.2);
    }

    .news_items .item .more:hover {
        border: none;
    }

    /* join */
    .join {
        padding: 6.25vw 0;
    }

    .join_items {
        padding-top: 23.4375vw;
        align-items: flex-end;
    }

    .join_items .item {
        width: calc(100% / 4 - 1.40625vw);
        margin-right: 1.875vw;
    }

    .join_items .item:last-child {
        margin-right: 0;
    }

    .join_items .item a {
        display: block;
        background: rgba(255, 255, 255, 0.1);
        border: 2px solid rgba(255, 255, 255, 0.2);
        border-radius: 0.5208333333333334vw;
        padding: 1.5625vw;
        box-sizing: border-box;
        position: relative;
    }

    .join_items .item .icon {
        width: 4.166666666666667vw;
        height: 4.166666666666667vw;
        background: linear-gradient(to right, #ffe600, #fac300);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        position: absolute;
        top: -1.5625vw;
        right: 1.5625vw;
        opacity: 0;
    }

    .join_items .item .icon img {
        width: 2.34375vw;
        height: 2.34375vw;
        object-fit: cover;
    }

    .join_items .item .tit {
        font-size: 1.4583333333333335vw;
        font-weight: bold;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .join_items .item .tit span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.604166666666667vw;
        height: 2.604166666666667vw;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 50%;
    }
    .join_items .item .tit span img{
        width: 0.625vw;
        height: 0.625vw;
    }
    .join_items .item .desc {
        font-size: 0.8333333333333334vw;
        line-height: 1.3541666666666667vw;
        color: #6e768a;
        height: 0;
        overflow: hidden;
        margin-top: 0;
    }

    .join_items .item.active a {
        background: rgba(255, 255, 255, 0.8);
    }

    .join_items .item.active .icon {
        opacity: 1;
        transition-duration: 1s;
    }

    .join_items .item.active .tit {
        color: #02031c;
    }

    .join_items .item.active .tit span {
        opacity: 0;
    }
    .join_items .item.active .tit span img{
        width: 0.625vw;
        height: 0.625vw;
    }

    .join_items .item.active .desc {
        height: auto;
        margin-top: 1.0416666666666667vw;
    }

    /*  */
    .index_contact,
    .index_contact_con {
        height: 15vh;
        align-items: center;
        justify-content: space-between;
        background: #f5f5f7;
    }

    .index_contact_tit {
        font-size: 2.1875vw;
        font-weight: bold;
        color: #02031c;
    }

    .index_contact_btn a {
        font-size: 1.0416666666666667vw;
        font-weight: bold;
        color: #02031c;
        display: flex;
        position: relative;
        align-items: center;
    }

    .index_contact_btn a span {
        width: 2.604166666666667vw;
        height: 2.604166666666667vw;
        background: linear-gradient(to right, #ffe600, #fac300);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin-left: 1.0416666666666667vw;
    }

    .index_contact_btn a span img {
        filter: brightness(0);
        width: 0.5208333333333334vw;
        height: 0.5208333333333334vw;
    }

    .index_contact_btn a::after {
        content: "";
        display: block;
        width: calc(100% - 3.6458333333333335vw);
        height: 1px;
        background: #02031c;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    /* end home */

    .bar {
        height: 30.208333333333336vw;
    }

    .bar_con {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .bar_con .bar_tit {
        font-size: 2.8125vw;
        font-weight: bold;
        color: #fff;
    }

    .bar_con .bar_txt {
        display: inline-flex;
        align-items: center;
    }

    .bar_con .bar_txt span {
        font-size: 0.8333333333333334vw;
        color: #fff;
        opacity: 0.4;
        text-transform: uppercase;
    }

    /* .bar_con .bar_txt::before {
        content: "";
        display: block;
        width: 0.5208333333333334vw;
        height: 0.5208333333333334vw;
        border-radius: 50%;
        background: #005fac;
    } */

    .crumbs {
        margin: -3.125vw 0 2.0833333333333335vw;
    }

    .crumbs_con {
        align-items: center;
        font-size: 0.7291666666666667vw;
        color: #fff;
    }

    .crumbs_con a {
        display: inline-block;
        margin: 0 5px;
        color: #fff;
    }

    .contact_box {
        position: relative;
        height: 48.958333333333336vw;
        width: 100%;
    }

    .contact_pic {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .contact_pic img {
        margin: 0 auto;
    }

    .map_info {
        width: 100%;
        padding: 2.0833333333333335vw;
        box-sizing: border-box;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 0.5208333333333334vw;
        float: left;
        margin: 0;
        position: relative;
        z-index: 2;
        height: 100%;
    }

    .map_info .map_tit {
        font-size: 1.5625vw;
        font-weight: bold;
        color: #02031c;
    }

    .map_info .item {
        padding-top: 0.5208333333333334vw;
        margin-top: 0.5208333333333334vw;
    }

    .map_info .item .item_tit {
        width: 100%;
        border-bottom: 1px solid #e4e9f3;
        font-size: 1.0416666666666667vw;
        color: #999;
        padding-bottom: 0.5208333333333334vw;
        margin-bottom: 0.5208333333333334vw;
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
    }
    .map_info .item .item_tit span{
        width: 1.0416666666666667vw;
        height: 1.0416666666666667vw;
    }

    .map_info .item .item_txt {
        font-size: 1.0416666666666667vw;
        font-weight: bold;
        color: #02031c;
    }

    .map_info .item .ewm {
        width: 6.25vw;
        height: 6.25vw;
        box-shadow: 0 0 1.0416666666666667vw rgba(0, 0, 0, 0.2);
    }


    .news_top {
        padding: 4.166666666666667vw 0;
    }

    .news_top a {
        align-items: self-start;
        padding: 1.5625vw;
        box-sizing: border-box;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 0.5208333333333334vw;
        margin-bottom: 1.5625vw;
        box-shadow: 0 0.5208333333333334vw 1.0416666666666667vw rgba(0, 0, 0, 0.05);
    }

    .news_top .item_img {
        width: 45%;
        height: 16.145833333333336vw;
        border-radius: 0.5208333333333334vw;
        overflow: hidden;
    }

    .news_top .item_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all ease-in-out 0.5s;
    }

    .news_top .item_con {
        width: 55%;
        height: 100%;
        padding-left: 1.5625vw;
        box-sizing: border-box;
    }

    .news_top .item_con .slide_txt {
        font-size: 0.9375vw;
        line-height: 1.875vw;
        color: #02031c;
        border: 1px solid transparent;
        opacity: 0.8;
    }

    .news_top .item_con .slide_more {
        display: inline-flex;
        align-items: center;
        font-size: 0.8333333333333334vw;
        line-height: 2.604166666666667vw;
        opacity: 0.8;
        background: linear-gradient(to right, #ffe600, #fac300);
        width: 9.375vw;
        border-radius: 2.604166666666667vw;
        justify-content: space-around;
        margin-top: 1.5625vw;
        color: #02031c;
        border: 1px solid transparent;
    }

    .news_top .item_con .slide_more span {
        filter: brightness(0);
        width: 0.625vw;
        height: 0.625vw;
    }

    .news_top a:hover .item_img img {
        transform: scale(1.1);
        transition: all ease-in-out 0.5s;
    }

    .news_top a:hover .item_con .slide_more {
        background: none;
        border: 1px solid #005fac;
    }

    .news_top a:hover .item_con .slide_more span {
        filter: brightness(0)
    }

    .news_list .item {
        width: calc(100% / 3 - 1.40625vw);
        margin-right: 2.0833333333333335vw;
        margin-top: 1.5625vw;
    }

    .news_list .item:nth-child(3n) {
        margin-right: 0;
    }

    .news_list .item .item_img {
        height: 11.979166666666668vw;
        overflow: hidden;
        border-radius: 0.5208333333333334vw;
    }

    .news_list .item .item_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all ease-in-out 0.5s;
    }

    .news_list .item .item_con {
        padding: 1.0416666666666667vw;
        box-sizing: border-box;
    }

    .news_top .item_con .slide_day,
    .news_list .item .item_con .slide_day {
        display: inline-flex;
        align-items: center;
        filter: brightness(0);
        font-size: 0.8333333333333334vw;
    }
    .news_top .item_con .slide_day span,
    .news_list .item .item_con .slide_day span{
        width: 0.8333333333333334vw;
        height: 0.8333333333333334vw;
        margin-right: 0.5208333333333334vw;
    }
    .news_top .item_con .slide_day img,
    .news_list .item .item_con .slide_day img {
        margin-right: 0.5208333333333334vw;
    }

    .news_top .item_con .slide_tit,
    .news_list .item .item_con .slide_tit {
        font-size: 1.3541666666666667vw;
        font-weight: bold;
        margin: 0.5208333333333334vw 0;
    }

    .news_list .item:hover .item_img img {
        transform: scale(1.1);
        transition: all ease-in-out 0.5s;
    }

    .news_list .item:hover .item_img {
        box-shadow: 0 0 1.0416666666666667vw rgba(0, 0, 0, 0.2);
    }

    .news_titles {
        text-align: center;
        border-bottom: 1px solid rgba(2, 7, 33, 0.1);
        padding-bottom: 1.5625vw;
        margin-bottom: 1.5625vw;
        padding-top: 3.125vw;
    }

    .news_titles .tit {
        font-size: 2.3958333333333335vw;
        font-weight: bold;
        color: #02031c;
        border: 1px solid transparent;
        margin-bottom: 0.5208333333333334vw;
    }

    .news_titles .txt span {
        margin: 0 1.0416666666666667vw;
        font-size: 0.8333333333333334vw;
    }

    .pages {
        width: 100%;
    }

    .page_list {
        justify-content: center;
        padding: 3.125vw 0;
    }

    .page_list .pages_list_item {
        width: 3.125vw;
        height: 3.125vw;
        border: 1px solid #dedede;
        text-align: center;
        line-height: 3.0208333333333335vw;
        font-size: 1.0416666666666667vw;
        color: #02031c;
        margin: 0 5px;
        overflow: hidden;
        box-sizing: border-box;
        border-radius: 50%;
    }

    .page_list .pages_list_item a {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #02031c;
        height: 100%;
    }

    .page_list .pages_list_item.active a,
    .page_list .pages_list_item:hover a {
        background: linear-gradient(to right, #ffe600, #fac300);
        transition: all ease-in-out 0.5s;
    }

    .page_list .pages_list_item a span {
        display: block;
        width: 0.625vw;
        height: 0.625vw;
        background: url(../jt_icon.png) no-repeat center center/contain;
        transition: all ease-in-out 0.5s;
    }

    .page_list .pages_list_item:first-child {
        transform: rotateY(180deg);
    }

    .product_page {
        margin: 3.125vw auto;
        justify-content: space-between;
        background: #f0f4f6;
        padding: 0 3.125vw;
        box-sizing: border-box;
    }

    .product_page_item a {
        font-size: 1.0416666666666667vw;
        line-height: 3.125vw;
        color: #02031c;
        box-sizing: border-box;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        display: inline-flex;
        padding: 1.0416666666666667vw 0;
    }

    .product_page_item a em {
        display: inline-block;
        vertical-align: middle;
        background: url(../jt_icon.png) no-repeat center/contain;
        transition: ease-in-out 0.5s;
        width: 0.625vw;
        height: 0.625vw;
        margin: 0 0.5208333333333334vw;
        transition: ease-in-out 0.5s;
        filter: brightness(0);
    }

    .product_page_item:nth-child(2) a {
        justify-content: center;
    }

    .product_page_item:nth-child(2) a em {
        background: url(../jt_icon2.png) no-repeat;
        width: 0.9375vw;
        height: 0.7291666666666667vw;
        margin-right: 0.5208333333333334vw;
        background-size: contain !important;
    }

    .product_page_item:nth-child(1) a em {
        transform: rotate(180deg);
    }

    .product_page_item:last-child a {
        flex-direction: row-reverse;
    }

    .editor {
        font-size: 0.8333333333333334vw;
        line-height: 1.5625vw;
        color: #02031c;
        text-align: justify;
    }

    .editor p {
        margin: 0;
    }

    .abouts {
        padding: 4.166666666666667vw 0;
        /* max-width: 1920px;
        margin: 0 auto; */
    }

    .menu_nav {
        justify-content: center;
        padding: 3.125vw 0 0;
    }

    .menu_nav a {
        display: block;
        width: 8.333333333333334vw;
        line-height: 2.604166666666667vw;
        text-align: center;
        border: 1px solid #999;
        border-radius: 2.604166666666667vw;
        margin: 0 1.0416666666666667vw;
        color: #02031c;
        font-size: 0.9375vw;
        font-weight: 500;
    }

    .menu_nav a.active {
        background: #005fac;
        border: none;
    }

    .company {
        justify-content: space-between;
    }

    .abouts_tit {
        font-size: 2.5vw;
        font-weight: bold;
        color: #02031c;
        text-align: center !important;
    }

    .company .company_left,
    .company .company_right {
        max-width: 33.85416666666667vw;
    }

    .company .company_right .editor {
        margin-top: 1.0416666666666667vw;
        height: 23.4375vw;
        overflow-y: auto;
    }

    .company_items {
        justify-content: space-around;
        padding: 3.125vw 0 0;
    }

    .company_items .item {
        text-align: center;
    }

    .company_items .item .icon {
        width: 4.166666666666667vw;
        height: 4.166666666666667vw;
        padding-bottom: 1.0416666666666667vw;
        margin: 0 auto;
    }

    .company_items .item .txt {
        font-size: 0.9375vw;
        line-height: 1.5625vw;
        color: #999;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.5208333333333334vw 0;
    }

    .company_items .item .txt b {
        font-size: 1.7708333333333335vw;
        color: #02031c;
    }

    .company_items .item .txt sub {
        font-size: 1.0416666666666667vw;
        color: #02031c;
    }

    .vision_con {
        text-align: center;
    }

    .vision_con .vision_tit {
        font-size: 1.7708333333333335vw;
        font-weight: bold;
        color: #fff;
    }

    .vision_con .vision_txt {
        font-size: 0.9375vw;
        line-height: 1.5625vw;
        color: #fff;
        margin-top: 1.0416666666666667vw;
    }

    .culture_items {
        justify-content: space-between;
        padding-top: 1.5625vw;
    }

    .culture_items .item {
        width: 24%;
        height: 33.85416666666667vw;
        transition: all 0.5s;
        border-radius: 0.5208333333333334vw;
        overflow: hidden;
    }

    .culture_items .item.active {
        width: 50%;
        transition: all 0.5s;
    }

    .culture_items .item a {
        position: relative;

    }

    .culture_items .item .culture_img {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }

    .culture_items .item .culture_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .culture_items .item .culture_img::after {
        content: "";
        display: none;
        width: 0.7291666666666667vw;
        height: 0.7291666666666667vw;
        position: absolute;
        top: 2.0833333333333335vw;
        left: 2.0833333333333335vw;
        background: #005fac;
        border-radius: 50%;
    }

    .culture_items .item .culture_con {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 2.0833333333333335vw;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .culture_items .item .culture_con .culture_tit {
        font-size: 2.7708333333333335vw;
        font-weight: bold;
        color: #fff;
        margin: 1.5625vw 0;
    }

    .culture_items .item .culture_con .culture_txt {
        font-size: 1.0416666666666667vw;
        color: #fff;
        height: 0;
        overflow: hidden;

    }

    .culture_items .item.active .culture_con .culture_txt {
        height: auto;
    }

    .myCertificate {
        padding: 1.5625vw 0 3.125vw;

    }

    .myCertificate .swiper-slide .img {
        width: 100%;
        height: 18.229166666666668vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .myCertificate .swiper-slide .tit {
        font-size: 0.9375vw;
        line-height: 1.875vw;
        text-align: center;
        padding: 1.0416666666666667vw 0;
        color: #02031c;
        font-weight: bold;
    }

    .myCertificate .swiper-pagination-news {
        top: auto;
        bottom: 1.0416666666666667vw;
        width: 90%;
    }

    .myCertificate .swiper-button-prev,
    .myCertificate .swiper-button-next {
        right: 0;
        bottom: 0;
        top: auto;
        width: 2.604166666666667vw;
        height: 2.604166666666667vw;
        line-height: 2.604166666666667vw;
        border: 1px solid #00489d;
    }

    .myCertificate .swiper-button-prev {
        left: auto;
        right: 4.166666666666667vw;
    }

    .myCertificate .swiper-button-prev::after,
    .myCertificate .swiper-button-next::after {
        font-size: 1.0416666666666667vw;
        color: #00489d;
    }

    .myCertificate .swiper-pagination-progressbar {
        bottom: 1.0416666666666667vw;
        top: auto;
        width: 100%;
    }

    .myCertificate .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #00489d;
    }

    .history .preview {
        position: relative;
    }

    .history .preview::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: #d7dee4;
        position: absolute;
        top: 6.354166666666667vw;
    }

    .history .preview .swiper-container {
        overflow: hidden;
        padding: 1.5625vw 0 2.604166666666667vw;
        margin-left: 15.625vw;
    }

    .history .preview .swiper-container .swiper-slide {
        font-size: 1.3541666666666667vw;
        line-height: 3.4375vw;
        color: #aeb4c2;
        position: relative;
        text-align: left;
        cursor: pointer;
    }

    .history .preview .swiper-container .swiper-slide::before,
    .history .preview .swiper-container .swiper-slide::after {
        content: "";
        display: block;
        border-radius: 50%;
        position: absolute;
        left: 0;
        margin: 0 auto;
        bottom: -2.34375vw;
        z-index: 2;
    }

    .history .preview .swiper-container .swiper-slide::before {
        width: 1.9791666666666667vw;
        height: 1.9791666666666667vw;
        border: 1px solid #d7dee4;
        box-sizing: border-box;
    }

    .history .preview .swiper-container .swiper-slide::after {
        width: 1.1458333333333335vw;
        height: 1.1458333333333335vw;
        background: #d7dee4;
        margin: 0.4166666666666667vw;
    }

    .history .preview .swiper-container .active-nav::after {
        background: #fff;
    }

    .history .preview .swiper-container .active-nav::before {
        border: 1px solid #fff;
        background: #fff;
        opacity: 0.2;
    }

    .history .preview .swiper-container .active-nav {
        font-size: 2.3958333333333335vw;
        color: #fff;
        font-weight: bold;
    }

    .history .view {
        padding: 3.125vw 0;
    }

    .history .view .box_con {
        justify-content: space-between;
        align-items: center;
        display: flex;
    }

    .history .view .swiper-container {
        width: calc(100% - 15.625vw);
        overflow: hidden;
        display: inline-flex;
        margin-bottom: 3.125vw;
    }

    .history .view .swiper-container .swiper-slide {
        display: flex;
    }

    .history .view .swiper-container .swiper-slide .history_tit {
        width: 13.541666666666668vw;
    }

    .history .view .swiper-container .swiper-slide .history_tit h3 {
        font-size: 3.125vw;
        color: #fff;
        margin: 0;
    }

    .history .view .swiper-container .swiper-slide .history_tit h3 span {
        font-size: 1.25vw;
    }

    /*.history .view .swiper-container .swiper-slide .history_tit h3::after {*/
    /*    content: "";*/
    /*    display: block;*/
    /*    width: 1.5625vw;*/
    /*    height: 4px;*/
    /*    background: #fff;*/
    /*    margin: 1.5625vw 0;*/
    /*}*/

    .history .view .swiper-container .swiper-slide .history_tit p {
        font-size: 2.34375vw;
        color: #fff;
        margin: 0;
        font-weight: bold;
    }

    .history .view .swiper-container .swiper-slide .history_tct {
        width: calc(100% - 14.583333333333334vw);
        max-height: 14.0625vw;
    }

    .history .view .swiper-container .swiper-slide .history_tct .editor {
        overflow-y: auto;
        height: 10.416666666666668vw;
        color: #fff;
        line-height: 2;
        padding: 0 1.5625vw;
        box-sizing: border-box;
    }

    .history .view .swiper-container .swiper-slide .history_tct .editor::-webkit-scrollbar-thumb {
        background: #005fac;
        background-clip: padding-box;
        min-height: 0.5208333333333334vw;
        cursor: pointer;
    }

    .history .view .swiper-container .swiper-slide .history_tct .editor::-webkit-scrollbar-thumb:hover {
        background: #005fac;
    }

    .history .view .arrow-left,
    .history .view .arrow-right {
        display: inline-block;
        width: 2.604166666666667vw;
        height: 2.604166666666667vw;
        border-radius: 2.604166666666667vw;
        line-height: 2.5vw;
        border: 1px solid #d7dee4;
        text-align: center;
        font-size: 1.25vw;
        color: #fff;
        font-family: monospace;
        background: rgba(255, 255, 255, 0.2);
        font-weight: bold;
    }

    .history .view .arrow-right {
        margin-right: 7.8125vw;
        margin-left: 1.5625vw;
    }

    .history .view .arrow-left:hover,
    .history .view .arrow-right:hover {
        background: linear-gradient(90deg, #005fac 0%, #005fac 100%);
    }

    .welfare_items {
        gap: 2.0833333333333335vw;
        justify-content: space-between;
        padding-top: 1.5625vw;
    }

    .welfare_items .item {
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.5);
        flex: 1;
        height: 11.979166666666668vw;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: 0.5208333333333334vw;
        transition: all 0.5s;
    }

    .welfare_items .item .icon {
        width: 3.6458333333333335vw;
        height: 3.6458333333333335vw;
        margin: 0 auto;
    }

    .welfare_items .item .tit {
        font-size: 1.1458333333333335vw;
        font-weight: bold;
        color: #fff;
    }

    .welfare_items .item:hover {
        transform: translateY(10px);
        transition: all 0.5s;
    }

    .myActivities {
        padding: 1.5625vw 0 3.125vw;
        position: relative;
    }

    .myActivities .swiper-slide a {
        display: block;
        position: relative;
    }

    .myActivities .swiper-slide .img {
        width: 21.875vw;
        height: 14.0625vw;
        overflow: hidden;
        border-radius: 0.5208333333333334vw;
    }

    .myActivities .swiper-slide .tit {
        font-size: 1.1458333333333335vw;
        font-weight: bold;
        color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 1.5625vw;
        box-sizing: border-box;
        width: 100%;
    }

    .myActivities .swiper-pagination-activities {
        top: auto;
        bottom: 0.5208333333333334vw;
    }

    .myActivities .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #005fac;
    }

    #activities {
        position: relative;
    }

    #activities::before,
    #activities::after {
        content: "";
        display: block;
        width: 14%;
        height: 15.625vw;
        background: rgba(255, 255, 255, 0.5);
        right: 0;
        bottom: 6.25vw;
        position: absolute;
        z-index: 2;
    }

    #activities::before {
        left: 0;
    }

    .positions_txt {
        font-size: 1.5625vw;
        font-weight: bold;
        color: #02031c;
    }

    .join_list .join_item {
        margin-top: 2.0833333333333335vw;
    }

    .join_list .join_item .tit {
        padding: 0.78125vw 1.8229166666666667vw;
        box-sizing: border-box;
        background: rgba(255, 255, 255, 0.5);
        align-items: center;
        border-radius: 0.5208333333333334vw;
        border-left: 5px solid #005fac;
        cursor: pointer;
        box-shadow: 0 0 1.0416666666666667vw rgba(0, 0, 0, 0.05);
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-right: 1px solid rgba(0, 0, 0, 0.05)
    }

    .join_list .join_item .tit em {
        width: 2.604166666666667vw;
        height: 2.604166666666667vw;
        background: #005fac;
        border-radius: 0.5208333333333334vw;
        position: relative;
        box-shadow: 0 0 1.0416666666666667vw rgba(2, 7, 33, 0.1);
    }

    .join_list .join_item .tit em::before,
    .join_list .join_item .tit em::after {
        content: "";
        display: block;
        width: 0.9375vw;
        height: 2px;
        background: #fff;
        margin: 1.25vw 0.8333333333333334vw;
        position: absolute;
        top: 0;
    }

    .join_list .join_item .tit em::after {
        transform: rotate(90deg);
    }

    .join_list .join_item .tit .tit_left {
        width: 14.583333333333334vw;
        font-size: 1.3541666666666667vw;
        line-height: 1.875vw;
        color: #02031c;
        font-weight: bold;
    }

    .join_list .join_item .tit .tit_right {
        width: calc(100% - 17.1875vw);
    }

    .join_list .join_item .tit .tit_right span {
        font-size: 0.8333333333333334vw;
        line-height: 1.6666666666666667vw;
        color: #02031c;
        margin-right: 1.0416666666666667vw;
    }

    .join_list .join_item .tit .tit_right span img {
        width: 0.6770833333333334vw;
        height: 0.8854166666666667vw;
        display: inline-flex;
    }

    .join_list .join_item .tct {
        padding: 1.3020833333333335vw 35px;
        box-sizing: border-box;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 0.5208333333333334vw;
        margin-top: 1.0416666666666667vw;
        display: none;
        box-shadow: 0 0 1.0416666666666667vw rgba(0, 0, 0, 0.05);
        border: 1px solid rgba(0, 0, 0, 0.05);
    }

    .join_list .join_item.active .tit em::after {
        display: none;
    }

    .join_list .join_item.active .tct {
        display: block;
    }

    .product_more {
        font-size: 0.8333333333333334vw;
        line-height: 2.604166666666667vw;
        text-align: center;
        background: #005fac;
        color: #02031c;
        border-radius: 1.5625vw;
        width: 11.458333333333334vw;
        margin: 1.5625vw auto;
        cursor: pointer;
    }

    .solutions_con {
        padding: 6.25vw 0;
    }

    .solutions_nav {
        width: 9.895833333333334vw;
    }

    .solutions_nav .tit {
        font-size: 1.7708333333333335vw;
        font-weight: bold;
        color: #02031c;
        padding-bottom: 1.0416666666666667vw;
    }

    .solutions_nav .tct a {
        display: block;
        font-size: 1vw;
        color: #adadad;
        font-weight: bold;
        padding: 0.5208333333333334vw 0;
        position: relative;
        display: inline-flex;
        justify-content: space-between;
        width: 100%;
    }

    .solutions_nav .tct a span {
        display: block;
        width: 0.625vw;
        height: 0.625vw;
        background: url(../jt_icon.png) no-repeat center/contain;
        margin-top: 0.5208333333333334vw;
        opacity: 0.3;
    }

    .solutions_nav .tct a::before {
        content: "";
        display: block;
        width: 0.5208333333333334vw;
        height: 0.5208333333333334vw;
        background: #005fac;
        border-radius: 50%;
        position: absolute;
        left: 0;
        opacity: 0;
        top: 50%;
        transform: translateY(-50%);
        transition: all ease-in-out 0.5s;
    }

    .solutions_nav .tct a.active {
        color: #02031c;
        text-indent: 1em;
    }

    .solutions_nav .tct a.active::before {
        opacity: 1;
    }

    .solutions_nav .tct a.active span {
        opacity: 1;
    }

    .solutions_list {
        width: calc(100% - 13.020833333333334vw);
        padding-left: 3.125vw;
        margin-left: 3.125vw;
        box-sizing: border-box;
        border-left: 1px solid #d0dded;
    }

    .solutions_tit {
        font-size: 1.7708333333333335vw;
        font-weight: bold;
        color: #02031c;
        padding-bottom: 2.0833333333333335vw;
        line-height: 1;
    }

    .solutions_items .item {
        width: calc(100% / 3 - 1.25vw);
        margin-right: 1.8229166666666667vw;
        margin-bottom: 1.8229166666666667vw;
    }

    .solutions_items .item:nth-child(3n) {
        margin-right: 0;
    }

    .solutions_items .item a {
        display: block;
        background: #fff;
        border-radius: 0.5208333333333334vw;
        padding: 1.0416666666666667vw 0.78125vw;
        box-sizing: border-box;
        text-align: center;
        box-shadow: 0 0 1.0416666666666667vw rgba(0, 0, 0, 0.05);
        border: 1px solid #fff;
    }

    .solutions_items .item .item_tit {
        font-size: 1.25vw;
        font-weight: bold;
        padding-bottom: 0.5208333333333334vw;
    }

    .solutions_items .item .item_txt {
        font-size: 0.7291666666666667vw;
        line-height: 1.25vw;
    }

    .solutions_items .item .item_img {
        width: 100%;
        height: 13.802083333333334vw;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.78125vw 0 0;
        overflow: hidden;
    }

    .solutions_items .item .item_img img {
        transition: all 0.5s;
    }

    .solutions_items .item:hover .item_img img {
        transform: scale(1.1);
        transition: all 0.5s;
    }

    .solutions_items .item:hover a {
        border: 1px solid #005fac;
        box-shadow: 0 0 1.0416666666666667vw rgba(2, 7, 33, 0.1);
    }

    .solution_left {
        width: 33.85416666666667vw;
        height: 25vw;
        background: #fff;
        border-radius: 0.5208333333333334vw;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 0 1.0416666666666667vw rgba(0, 0, 0, 0.05);
    }

    .solution_right {
        width: calc(100% - 33.85416666666667vw);
        padding-left: 1.5625vw;
        box-sizing: border-box;
    }

    .solution_right .solution_tit {
        font-size: 1.7708333333333335vw;
        font-weight: bold;
        color: #02031c;
        padding-bottom: 1.5625vw;
        margin-bottom: 1.5625vw;
        border-bottom: 1px solid rgba(203, 203, 203, 0.3);
    }

    .solution_right .editor {
        height: 13.020833333333334vw;
        overflow-y: auto;
    }

    .solution_right .btns a {
        display: block;
        background: linear-gradient(to right, #ffe600, #fac300);
        border-radius: 1.5625vw;
        width: 100%;
        margin: 1.5625vw auto;
        cursor: pointer;
        line-height: 3.125vw;
        text-align: center;
        color: #02031c;
        font-size: 0.9375vw;
    }

    .solution_btm {
        margin-top: 3.125vw;
    }

    .solution_btm_title {
        font-size: 1.5625vw;
        font-weight: bold;
        font-family: Arial;
        color: #02031c;
        padding-left: 1.0416666666666667vw;
        border-left: 2px solid #005fac;
        line-height: 1;
        margin: 1.5625vw 0;
    }

    .solution_btm_tit {
        border-bottom: 1px solid rgba(203, 203, 203, 0.3);
        border-top: 1px solid rgba(203, 203, 203, 0.3);
        margin-bottom: 1.5625vw;
    }

    .solution_btm_tit span {
        font-size: 1.0416666666666667vw;
        color: #02031c;
        cursor: pointer;
        line-height: 4.166666666666667vw;
        margin-right: 1.5625vw;
        position: relative;
        display: inline-flex;
    }

    .solution_btm_tit span.active {
        color: #005fac;
    }

    .solution_btm_tit span.active::after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        background: #005fac;
        position: absolute;
        bottom: -1px;
        left: 0;
    }

    .solution_btm_con .solution_btm_item {
        display: none;
    }

    .solution_btm_con .solution_btm_item.active {
        display: block;
    }

    .invest_con {
        padding: 3.125vw 0;
    }

    .invest_top {
        justify-content: space-between;
    }

    .invest_top .editor {
        width: calc(100% - 10.416666666666668vw);
        margin: 0;
    }

    .invest_items {
        background: #fff;
        border-radius: 0.5208333333333334vw;
        padding: 1.5625vw;
        box-sizing: border-box;
        margin: 3.125vw auto;
        box-shadow: 0 0 1.0416666666666667vw rgba(0, 0, 0, 0.1);
    }

    .invest_items .invest_item_left {
        width: 15.625vw;
    }

    .invest_item_left .tit {
        font-size: 1.1458333333333335vw;
        font-weight: bold;
        color: #02031c;
    }

    .invest_item_left .tst {
        font-size: 4.166666666666667vw;
        color: #02031c;
    }

    .invest_item_left .tst span {
        font-size: 1.0416666666666667vw;
    }

    .invest_item_left .txt {
        font-size: 0.9375vw;
        line-height: 1.875vw;
        color: #02031c;
    }

    .invest_item_right {
        width: calc(100% - 17.1875vw);
        padding-left: 3.125vw;
        margin-left: 1.5625vw;
        box-sizing: border-box;
        border-left: 1px solid rgba(203, 203, 203, 0.3);
    }

    .invest_item_right .item {
        width: calc(100% / 5);
    }

    .invest_item_right .item span {
        display: block;
        font-size: 1.1458333333333335vw;
        line-height: 1.875vw;
        color: #02031c;
    }

    .invest_item_right .item font {
        display: block;
        font-size: 1.875vw;
        color: #02031c;
    }

    .invest_item_right .note {
        font-size: 0.9375vw;
        line-height: 1.7708333333333335vw;
        color: #02031c;
        opacity: 0.5;
        margin-top: 1.5625vw;
    }

    .red {
        color: #cf0a2c !important;
    }

    .green {
        color: green !important;
    }

    .notice_con {
        padding-top: 1.5625vw;
    }

    .notice_con .item a {
        background: rgba(255, 255, 255, 0.8);
        border-radius: 0.5208333333333334vw;
        border: 1px solid rgba(255, 255, 255, 1);
        padding: 1.0416666666666667vw 1.5625vw;
        box-sizing: border-box;
        box-shadow: 0 0 1.0416666666666667vw rgba(0, 0, 0, 0.1);
        margin-bottom: 1.5625vw;
        justify-content: space-between;
    }

    .notice_con .item .tit {
        width: 80%;
        font-size: 0.9375vw;
        line-height: 1.875vw;
        padding-left: 1.0416666666666667vw;
        position: relative;
    }

    .notice_con .item .tit::before {
        content: "";
        display: block;
        width: 0.4166666666666667vw;
        height: 0.4166666666666667vw;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background: #005fac;
        border-radius: 50%;
    }

    .notice_con .item .day {
        width: 6.25vw;
        display: inline-flex;
        align-items: center;
        font-size: 0.8333333333333334vw;
        color: #02031c;
        opacity: 0.4;
    }

    .notice_con .item .day span {
        margin-right: 0.5208333333333334vw;
    }

    .notice_con .item .mores {
        width: 4.6875vw;
        display: inline-flex;
        align-items: center;
        font-size: 0.7291666666666667vw;
        color: #02031c;
    }

    .notice_con .item .mores span {
        margin-left: 0.5208333333333334vw;
        width: 0.625vw;
        height: 0.625vw;
    }

    .invest_cons {
        padding: 3.125vw;
        margin: 3.125vw auto;
    }

    .invest_cons .investor_txt {
        font-size: 0.9375vw;
        color: #fff;
        opacity: 0.8;
        padding-top: 1.0416666666666667vw;
    }

    .invest_cons .investor_itmes {
        padding-top: 10.416666666666668vw;
    }

    .invest_cons .investor_itmes .item {
        background: rgba(255, 255, 255, 0.2);
        border: 1px solid rgba(255, 255, 255, 0.5);
        padding: 0.78125vw 1.25vw;
        box-sizing: border-box;
        width: calc(100% / 3 - 1.40625vw);
        margin-right: 2.0833333333333335vw;
    }

    .invest_cons .investor_itmes .item:nth-child(3n) {
        margin-right: 0;
    }

    .invest_cons .investor_itmes .item .tit {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 1.0416666666666667vw;
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        padding-bottom: 0.78125vw;
        margin-bottom: 0.78125vw;
    }
    .invest_cons .investor_itmes .item .tit span{
        width: 1.0416666666666667vw;
        height: 1.0416666666666667vw;
    }

    .invest_cons .investor_itmes .item .txt {
        font-size: 0.8333333333333334vw;
        color: #fff;
    }

    .invest_cons .investor_itmes .item .txt b {
        font-size: 1.5625vw;
    }
    .invest_list .item .item_img{width: 13.541666666666668vw;}
    .invest_list .item .item_tct .item_tit{font-size: 1.25vw;padding: 0.78125vw 0 1.5625vw;}
    .invest_list .item .item_tct .item_txt{font-size: 0.9375vw;line-height: 1.5625vw;}

    .abouts_list li{width: calc(100% / 3 - 1.0416666666666667vw);margin-right: 1.5625vw;margin-top: 1.5625vw;}
    .abouts_list li .img{height: 14.84375vw;}
    .abouts_list li .tit{font-size: 0.9375vw;line-height: 2.34375vw;}
}
.sj_menu{display: none;}
@media screen and (max-width:1200px){
    .box_cons,
    .box_con{max-width: 100%;margin: 0 auto;width: 100%;padding: 0 4%;box-sizing: border-box;}
    .sj_menu{display: block;width:26px;height:26px;margin:0 auto;right: 4%;top:16px;position: absolute;z-index: 9;}
    .sj_menu span{width:20px;height:2px;display: block;margin:5px 0;position: relative;background: #333;border-radius: 2px;transition: all 0.5s;}
    .sj_menu span:nth-child(2){width: 15px;margin: 4px 0;}
   
    header,
    .fixed header{padding-top: 0px;background: #fff;}
    header .logo{max-width: 180px;height: 55px;min-width: 180px;}
    header .logo a{display: inline-flex;width: 100%;;height: 100%;align-items: center;padding: 5px 0;box-sizing: border-box;}
    header .logo a img{display: block;}
    .head_right{display: block;width: 100%;position: absolute;top: 55px;left: 0;z-index: 99;;background: rgba(0, 0, 0, 0.8);padding: 20px;box-sizing: border-box;transform: translateX(-100%);transition: all 0.5s;height: calc(100vh - 55px);}
    .head_nav .head_nav_items{display: block;}
    .head_nav .head_nav_item a{font-size: 16px;line-height: 40px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
    .head_nav .head_nav_item a::after{height: 2px;}
    .fixed .head_nav .head_nav_item a,
    .fixed .head_nav .head_nav_item>a, .fixed .head_nav .head_nav_item.active>a{color: #fff;}
    
    .son{width: 100%;height: 100%;overflow: hidden;}
    .son header .head_right{transform: translateX(0);transition: all 0.5s;}
    .son .sj_menu span{transition: all 0.5s;}
    .son .sj_menu span:nth-child(2){width: 0;}
    .son .sj_menu span:nth-child(1){transform: rotate(45deg);margin: 12px 3px;transition-delay: 0.5s;}
    .son .sj_menu span:nth-child(3){transform: rotate(-45deg);margin: -20px 3px;transition-delay: 0.5s;}
    .lg_wrap{padding-top: 55px;}

    .editor img{width: auto !important;height: auto !important;}

    .head_search{width: 100%;margin-left: 0;margin-top: 20px;}
    .foot_bar{height:22.5vw;}
    .myBanner .swiper-slide{height: 45vh;}
    .index_contact, .index_contact_con{height: 10vh;}
    .head_lang{margin-left: 0;display: flex;margin-top: 20px;}
    .head_lang a{font-size: 15px;line-height: 30px;width: 50%;color: #fff;}
    .head_nav .head_nav_item a,
    .head_nav .head_nav_item.active>a{color: #fff;}
    .head_lang,
    .fixed .head_lang{border: 1px solid #fff;}
    .head_nav .head_nav_item:hover .nav_show,
    .head_nav .head_nav_item .nav_show{position:static;display:inline-flex;flex-wrap: wrap;background:rgba(255,255,255,0.1);}
    .head_nav .head_nav_item .nav_show a{width: 50%;font-size:14px;line-height:30px;}
    .head_lang span{display:none;}
    .head_lang{width:100%;}
    .head_lang .lang_show{position:static;display:flex;background:none;align-items: center;justify-content: center;}
    .head_lang .lang_show a{width:30%;font-size:14px;line-height:36px;}
}
@media screen and (max-width:1024px){
   
}
@media screen and (max-width:768px){

}
@media screen and (max-width:640px){
   
    .myBanner .swiper-pagination-banner{width: 100%;padding: 0;text-align: center;}
    .myBanner .swiper-pagination-banner .swiper-pagination-bullet{width: 10px;height: 10px;}
    .myBanner .swiper-pagination-banner .swiper-pagination-bullet::after{display: none;}
    .myBanner .swiper-banner-prev, .myBanner .swiper-banner-next{display: none;}
    .search_form input{height: 40px;line-height: 40px;font-size: 14px;padding-left: 10px;}
    .search_form button{width: 40px;height: 40px;}
    .foot_bar{height:100px;}
    .myBanner .swiper-slide{height: 220px;}
    .solution{padding: 20px 0;}
    .box_title .title_tit{font-size: 20px;}
    .box_title .title_desc{font-size: 14px;line-height: 24px;}
    .more{margin: 20px 0 0;float: none;width: 120px;height: 36px;border-radius: 5px;}
    .more a{font-size: 14px;}
    .more a span{display: none;}
    .solution_con{padding: 20px 0;width: 92%;margin: 0 auto;}

    .solution_con .preview{width: 40%;}
    .solution_con .view{width: 60%;}
    .solution_con .preview{height: 300px;}
    .solution_con .preview .swiper-container .swiper-slide a{font-size: 16px;line-height: 24px;padding: 5px 0;}
    .solution_con .preview .swiper-container .swiper-slide.active-nav a{font-size: 16px;}
    .solution_con .view .swiper-container .swiper-slide{height: auto;margin-right: 0px;}
    .solution_con .view .swiper-container .swiper-slide a{padding: 15px;}
    .solution_con .view .swiper-container .swiper-slide .tit{font-size: 16px;}
    .solution_con .view .swiper-container .swiper-slide .txt{font-size: 14px;}
    .solution_con .view .swiper-container .swiper-slide .img{width: 100%;height: 200px;}
    .solution_con .view .swiper-container .swiper-slide .tct .jt{display: none;}
    .solution_con .preview .swiper-container .swiper-slide.active-nav a::before{width: 8px;height: 8px;border-radius: 8px;}
    .about_tit{font-size: 16px;}
    .about_desc{font-size: 14px;line-height: 20px;width: 100%;}
    .about_items .item{margin-top: 20px;}
    .about_items .item b{font-size: 24px;}
    .about_items .item sub{font-size: 14px;line-height: 20px;}
    .about_items .item span{font-size: 14px;line-height: 20px;}

    .news_items .item{width: 100%;margin: 20px auto 0;}
    .news_items .item a{box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
    .news_items .item .item_img{height: auto;border-radius: 10px;}
    .news_items .item .item_con{padding: 15px;}
    .news_items .item .item_day{font-size: 14px;line-height: 20px;}
    .news_items .item .item_day span{display: none;}
    .news_items .item .item_tit,
    .news_items .item:last-child .item_tit{font-size: 16px;line-height: 24px;height: 48px;margin: 10px 0;}
    .news_items .item .item_desc{font-size: 14px;line-height: 20px;}
    .news_items .item .more{font-size: 14px;line-height: 20px;margin: 10px auto 0;}
    .news_items .item .more span{display: none;}
    .news_items .item:last-child a{margin-top: 20px;}
    .news_items .item:last-child a:first-child{margin-top: 0;}

    .join_items{padding-top: 20px;}
    .join_items .item{width: calc(100% / 2 - 5px);margin-right: 10px;margin-bottom: 10px;}
    .join_items .item:nth-child(2n){margin-right: 0;}
    .join_items .item a{padding: 15px;}
    .join_items .item .tit{font-size: 16px;}
    .join_items .item .desc{font-size: 14px;line-height: 20px;}
    .join_items .item.active .desc{margin-top: 10px;}
    .join_items .item .icon{width: 30px;height: 30px;}
    .join_items .item .icon img{width: 20px;height: 20px;}
    .join_items .item .tit span{width: 30px;height: 30px;}
    .join_items .item .tit span img{width: 10px;height: 10px;}
    .index_contact, .index_contact_con{height: auto;flex-direction: column;padding: 10px 0;}
    .index_contact_tit{font-size: 18px;}
    .index_contact_btn a{font-size: 14px;}
    .index_contact_btn a span{display: none;}
    .index_contact_btn a::after{width: 100%;}
    
    .foot_center{padding: 20px 0;}
    .foot_left{display: none;}
    .foot_right{width: 100%;margin: 0 auto;padding-left: 0;}
    .foot_right .tit{font-size: 15px;line-height: 30px;}
    .foot_right .tit img{width: 20px;height: 20px;}
    .foot_right .txt{font-size: 14px;}
    .foot_right .txt b{font-size: 20px;}
    .foot_btm{padding: 10px 0;font-size: 14px;text-align: center;}
    .foot_btm a{font-size: 14px;display: block;float: none;}

    .gotops{width: 30px;height: 30px;}
    .gotops span{width: 15px;height: 15px;}

    .bar{height: 180px;}
    .bar_con .bar_tit{font-size: 20px;}
    .bar_con .bar_txt span{font-size: 14px;margin-left: 10px;}
    .bar_con .bar_txt::before{width: 6px;height: 6px;}
    
    .crumbs{display: none;}

    .solutions_con{padding: 20px 0;}
    .solutions_nav{width: 100%;}
    .solutions_list{width: 100%;margin-left: 0;padding-left: 0;border-left: none;}
    .solutions_nav .tit{font-size: 20px;padding-bottom: 10px;}
    .solutions_nav .tct{display: flex;flex-wrap: wrap;}
    .solutions_nav .tct a{width: calc(100% / 2 - 5px);margin-right: 10px;margin-bottom: 10px;padding: 0;font-size: 15px;line-height: 30px;border: 1px solid #adadad;box-sizing: border-box;text-align: center;display: block;}
    .solutions_nav .tct a span{display:none;}
    .solutions_nav .tct a:nth-child(2n){margin-right: 0;}
    .solutions_nav .tct a::before{display: none;}
    .solutions_tit{font-size: 18px;padding: 20px 0;}
    .solutions_items .item,
    .solutions_items .item:nth-child(3n){width: calc(100% / 2 - 5px);margin-right: 10px;}
    .solutions_items .item:nth-child(2n){margin-right: 0;}
    .solutions_items .item a{padding: 15px;}
    .solutions_items .item .item_tit{font-size: 16px;padding-bottom: 10px;}
    .solutions_items .item .item_txt{font-size: 14px;line-height: 20px;}
    .solutions_items .item .item_img{height: 110px;}

    .solution_left{width: 100%;height: auto;padding: 15px;box-sizing: border-box;}
    .solution_right{padding: 0;width: 100%;}
    .solution_right .solution_tit{font-size: 18px;padding-bottom: 10px;margin-bottom: 10px;}
    .solution_right .editor{height: auto;}
    .editor,
    .editor span{font-size: 16px !important;line-height: 24px;}
    .solution_right .btns a{margin: 20px 0;line-height: 30px;font-size: 16px;}
    .solution_btm_title{font-size:18px;margin: 20px 0;}
    .solution_btm_tit{margin-bottom: 20px;}
    .solution_btm_tit span{font-size: 15px;line-height: 40px;margin-right: 20px;}
    .product_page_item a em{display: none;}
    .product_page_item a{font-size: 14px;line-height: 40px;padding: 0;}

    .menu_nav{padding: 20px 0 0;}
    .menu_nav a{font-size: 15px;width: calc(100% / 2 - 5px);margin-right: 10px;margin-bottom: 10px;line-height: 40px;margin-left: 0;box-sizing: border-box;}
    .menu_nav a:nth-child(2n){margin-right: 0;}

    .abouts_tit{font-size: 18px;}
    .invest_top .editor{width: 100%;}
    .invest_items{padding: 15px;}
    .invest_items .invest_item_left{width: 100%;text-align: center;padding-bottom: 10px;}
    .invest_item_left .tit,
    .invest_item_left .txt{font-size: 14px;line-height: 20px;}
    .invest_item_left .tst{font-size: 24px;}
    .invest_item_left .tst span{font-size: 14px;}
    .invest_items .invest_item_right{width: 100%;padding-left: 0;margin-left: 0;border: none;justify-content: space-between;}
    .invest_item_right .item{width: auto;}
    .invest_item_right .item span{font-size: 14px;line-height: 20px;}
    .invest_item_right .item font{font-size: 15px;}
    .invest_item_right .note{font-size: 14px;line-height: 20px;}

    .notice_con .item a{padding: 10px 15px;margin-bottom: 20px;}
    .notice_con .item .tit{font-size: 14px;line-height: 30px;width: 75%;}
    .notice_con .item .day{display: none;}
    .notice_con .item .mores{font-size: 14px;width: auto;}
    .notice_con .item .mores span{display: none;}
    .page_list{padding: 20px 0}
    .page_list .pages_list_item{width: 30px;height: 30px;font-size: 14px;}
    .page_list .pages_list_item a span{width: 10px;height: 10px;}

    .invest_cons{margin: 20px 0;padding: 15px;background-size: cover !important;}
    .invest_cons .investor_txt{font-size: 14px;}
    .invest_cons .investor_itmes{padding-top: 10px;}
    .invest_cons .investor_itmes .item{width: 100%;margin: 0 0 15px 0;padding: 15px;}
    .invest_cons .investor_itmes .item .tit{font-size: 14px;padding-bottom: 10px;margin-bottom: 10px;}
    .invest_cons .investor_itmes .item .tit span{width: 14px;height: 14px;}
    .invest_cons .investor_itmes .item .txt{font-size: 14px;}
    .invest_cons .investor_itmes .item .txt b{font-size: 20px;}

    .contact_pic{position: static;}
    .map_info{width: 100%;margin: 20px auto;padding: 15px;}
    .map_info .map_tit{font-size: 20px;}
    .map_info .item .item_tit,
    .map_info .item .item_txt{font-size: 14px;}
    .map_info .item .item_txt{margin-bottom: 20px;}
    .map_info .item .item_tit span{width: 14px;height: 14px;}
    .map_info .item .ewm{width: 120px;height: 120px;}

    .news_top a{padding: 15px;}
    .news_top .item_img{width: 40%;height: auto;}
    .news_top .item_con .slide_day, .news_list .item .item_con .slide_day{font-size: 14px;}
    .news_top .item_con .slide_day span, .news_list .item .item_con .slide_day span{display: none;}
    .news_top .item_con .slide_tit, .news_list .item .item_con .slide_tit{font-size: 15px;}
    .news_top .item_con .slide_txt{font-size: 14px;line-height: 20px;display: none;}
    .news_top .item_con{padding-left: 15px;box-sizing: border-box;}
    .news_top .item_con .slide_more{display: none;}
    .news_list .item{width: 100%;margin: 20px 0 0;}
    .news_list .item a{background: rgba(255, 255, 255, 0.5);padding: 15px;box-sizing: border-box;box-shadow: 0 0 20px rgba(0,0,0,0.1);display: inline-flex;}
    .news_list .item .item_img{width: 40%;height: auto;}
    .news_list .item .item_con{width: 60%;padding-left: 15px;}

    .news_titles .tit{font-size: 24px;}
    .news_titles .txt span{font-size: 14px;display: block;}
    .news_titles{padding: 20px 0;margin-bottom: 20px;}

    .company .company_left, .company .company_right{width: 100%;max-width: 100%;}
    .company .company_right{margin-top: 20px;}
    .company .company_right .editor{height: auto;}
    .company_items .item{width: 50%;margin-top: 10px;}
    .company_items .item .icon{width: 24px;height: 24px;}
    .company_items .item .txt{font-size: 14px;line-height: 20px;padding: 5px 0;}
    .company_items .item .txt b{font-size: 20px;}
    .company_items .item .txt sub{font-size: 14px;}
    .vision_con .vision_txt{font-size: 14px;line-height: 20px;}

    .culture_items .item.active,
    .culture_items .item{width: 100%;height: 200px;margin-top: 10px;}
    .culture_items .item .culture_con{padding: 15px;}
    .culture_items .item .culture_con .culture_tit{font-size: 20px;margin-bottom: 10px;}
    .culture_items .item .culture_con .culture_txt,
    .culture_items .item .culture_con .culture_txt span{font-size: 16px !important;line-height: 20px;height: auto;}
    
    .history .preview::before{top: 60px;}
    .history .preview .swiper-container{padding: 20px 0 30px;}
    .history .preview .swiper-container .swiper-slide{font-size: 16px;line-height: 30px;}
    .history .preview .swiper-container .active-nav{font-size: 18px;}
    .history .preview .swiper-container .swiper-slide::before, .history .preview .swiper-container .swiper-slide::after{bottom: -20px;}
    .history .preview .swiper-container .swiper-slide::after{width: 10px;height: 10px;margin: 4px;}
    .history .preview .swiper-container .swiper-slide::before{width: 18px;height: 18px;}
    .history .view .swiper-container{width: 100%;}
    .history .view .swiper-container .swiper-slide{width: 100%;}
    .history .view .swiper-container .swiper-slide .history_tit h3{font-size: 20px;}
    .history .view .swiper-container .swiper-slide .history_tit p{font-size: 14px;}
    .history .view .swiper-container .swiper-slide .history_tit h3 span{font-size: 14px;}
    .history .view{padding: 20px 0;position: relative;}
    .history .view .arrow-left, .history .view .arrow-right{position: absolute;top: -36px;width: 30px;height: 30px;line-height: 30px;font-size: 14px;border-radius: 50%;}
    .history .view .arrow-left{left: 0;}
    .history .view .arrow-right{right: 0;margin: 0;}
    .history .view .swiper-container{margin-bottom: 20px;}
    .history .view .swiper-container .swiper-slide .history_tit{width: 80px;}
    .history .view .swiper-container .swiper-slide .history_tct{max-height: 200px;width: calc(100% - 80px);}
    .history .view .swiper-container .swiper-slide .history_tct .editor{height: 200px;}

    .myCertificate .swiper-slide .img{width: 100%;height: 100%;}
    .myCertificate .swiper-slide .tit{font-size: 14px;padding: 10px 0;line-height: 20px;}
    .myCertificate .swiper-button-prev, .myCertificate .swiper-button-next{width: 30px;height: 30px;}
    .myCertificate .swiper-button-prev::after, .myCertificate .swiper-button-next::after{font-size: 15px;}
    .myCertificate .swiper-pagination-progressbar{width: 100%;bottom: 15px;}
    .myCertificate .swiper-button-prev{right: 40px;}
    .myCertificate{padding: 20px 0 30px;}

    .welfare_items{gap:5px}
    .welfare_items .item{width: calc(100% / 2 - 8px);margin-right: 10px;margin-top: 10px;height: auto;padding: 15px;display: block;box-sizing: border-box;flex: auto;text-align: center;}
    .welfare_items .item:nth-child(2n){margin-right: 0;}
    .welfare_items .item .icon{width: 26px;height: 24px;}
    .welfare_items .item .tit{font-size: 15px;}
    .myActivities .swiper-slide .img{width: 100%;height: auto;}
    #activities::before, #activities::after{display: none;}
    .myActivities .swiper-slide .tit{padding: 15px;font-size: 15px;}
    .positions_txt{font-size: 14px;}

    .join_list .join_item{margin-top: 15px;}
    .join_list .join_item .tit{padding: 5px 10px;}
    .join_list .join_item .tit .tit_left{width: 100%;font-size: 16px;line-height: 24px;}
    .join_list .join_item .tit .tit_right{width: calc(100% - 40px)}
    .join_list .join_item .tit .tit_right span{font-size: 14px;display: block;line-height: 20px;}
    .join_list .join_item .tit em{width: 30px;height: 30px;}
    .join_list .join_item .tit em::before, .join_list .join_item .tit em::after{width: 16px;margin: 12px 7px;}
    .join_list .join_item .tct{padding: 15px;}
    .product_more{font-size: 15px;line-height: 30px;width: 120px;margin: 20px auto;}
    .invest_list .item .item_img{width: 30%;}
    .invest_list .item .item_tct{width: calc(100% - 30%);padding-left: 10px;box-sizing: border-box;}
    .invest_list .item .item_tct .item_tit{font-size: 18px;padding:0 0 10px;}
    .invest_list .item .item_tct .item_txt{font-size: 14px;line-height: 24px;}

    .contact_con{padding: 20px 0;}
    .contact_left,
    .contact_right{width: 100%;margin: 0;}
    .contact_right{height: 260px;}
    .abouts_list li,
    .abouts_list li:nth-child(3n){width: calc(100% / 2 - 5px);margin-right: 10px;margin-top: 10px;}
    .abouts_list li:nth-child(2n){margin-right: 0;}
    .abouts_list li .img{height: auto;}
    .abouts_list li .tit{font-size: 14px;line-height: 20px;position: static;color: #02031c;}

}
@media screen and (max-width:414px){
}
@media screen and (max-width:375px){ 
}
@media screen and (max-width:360px){  
}
@media screen and (max-width:320px){ 
}