@charset "UTF-8";


.play_btn {
    cursor: pointer;
}

.nav_right .nume {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
}

.nav_right .nume .line {
    width: 100%;
    height: 2px;
    background-color: #fff;
    /* background-color: #333; */
    position: absolute;
    border-radius: .25rem;
    left: 0;
    transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1),
        background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.nav_right .nume .line1 {
    top: 0;
}

.nav_right .nume .line2 {
    top: 9px;
}

.nav_right .nume .line3 {
    top: 18px;
}

.nav_right .nume.cur {
    transform: rotateY(-180deg);
}

.nav_right .nume.cur .line1 {
    transform: rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg);
}

.nav_right .nume.cur .line2 {
    opacity: 0;
}

.nav_right .nume.cur .line3 {
    transform: rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

header.active .nav_right .nume .line {
    background-color: #333;
}

.wrapheader {
    position: fixed;
    left: 0;
    top: 2rem;
    width: 100%;
    height: calc(100% - 2rem);
    overflow: auto;
    display: none;
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.wrapheader .li {
    width: 100%;
    padding: .5rem 4% .5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.wrapheader .li.noli svg {
    display: none;
}

.wrapheader .li .li_hide {
    display: none;
    padding: .5rem .5rem .25rem;
}

.wrapheader .li a {
    display: flex;
    align-items: center;
    font-size: .45rem;
    line-height: 1.5;
    justify-content: space-between;
}

.wrapheader .li a svg {
    width: .5rem;
    height: auto;
    transform: rotate(-90deg);
    transition: all .5s;
}

.wrapheader .li a svg path {
    stroke: #000000;
}

.wrapheader .li.cur a svg {
    transform: rotate(0deg);
}

.wrapheader .li.cur>a {
    color: #4273D2;

}

.wrapheader .li.cur a svg path,
.wrapheader .li:hover svg path {
    stroke: #4273D2;
}

.sweet-alert .sa-icon {
    border-color: #4273D2 !important;
}

.sweet-alert .sa-icon .sa-line {
    background-color: #4273D2 !important;
}

.sweet-alert button {
    background-color: #4273D2 !important;

}









@media (max-width: 1024px) {
    .pc {
        display: none;
    }

    .mb {
        display: block;
    }

    .w1680 {
        padding: 0 4%;
    }

    .w1480 {
        width: 92%;

    }

    .pc-header,
    .pc_seachbox {
        display: none;
    }

    .mg_hr {
        display: flex;
        align-items: center;
    }

    .mg_hr .href,
    .mg_hr .lunage {
        margin-right: .5rem;
    }

    .mg_hr .href path,
    .mg_hr .lunage path {
        transition: all .5s;
    }

    .mg_hr .lunage svg,
    .mg_hr .href svg {
        width: .65rem;
        height: auto;
    }


}

@media (max-width:1024px) {
    .w1680 {
        width: 92%;
        /* padding: 0 4%; */
    }

    .pc-block {
        display: none;
    }

    .mb-block {
        display: block;
    }

    html {
        font-size: 34px !important;
    }



    .more {
        font-size: 14px;
        width: 3.75rem;
        height: 1.25rem;
        padding: 0 .35rem;
    }

    .t1 {
        line-height: 1.3;
        font-size: 24px;
        /* 1rem */
    }

    .wel {
        margin-top: 0;
        height: auto;
    }

    .wel .swiper-wrapper>.swiper-slide {
        height: auto;
    }

    .wel .swiper-wrapper>.swiper-slide.sub_banner {
        height: 16rem !important;
    }

    .wel .sub_banner .play_btn {
        left: auto;
        right: 4%;
        top: auto;
        transform: none;
        bottom: 10%;
    }

    .wel .wel_a,
    .wel .wel_b,
    .wel .wel_c,
    .wel .wel_d,
    .wel .sub_banner {
        height: auto;
    }

    .wel .wel_b .txt,
    .wel .sub_banner .txt {
        left: 15px;
        /* 30% */
        top: 30%;
    }

    .sub_banner .scorll {
        display: none;
    }

    .wel .wel_a {
        background-color: #fff;
    }

    .wel .wel_a .w1680 {
        width: 100%;
        display: block;
    }

    .wel .wel_a .w1680 {
        padding: 1.5rem 0 0;
    }

    .wel .wel_a .wel_l {
        width: 100%;
        padding: 0 15px 1rem;
    }

    .wel .wel_a .wel_l .t1 {
        margin-bottom: 1rem;
    }

    .wel .wel_a .wel_l p {
        margin-bottom: .5rem;
        font-size: 14px;
    }

    .wel .wel_a .wel_l h6 {
        font-size: .35rem;
        margin-bottom: 1rem;
    }

    .wel .wel_a .wel_l h6 p {
        margin-bottom: 0;
    }

    .wel .wel_a {
        background-size: 100% auto;
        padding-bottom: 1.5rem;
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .wel .wel_a .wel_l .ul_list {
        gap: .5rem;
        margin-bottom: 1rem;
    }

    .wel .wel_a .wel_l .ul_list h3 {
        font-size: 32px;
    }

    .wel .wel_a .wel_l .ul_list .ul_li {
        width: calc((100% - .5rem) / 2);
        min-width: auto;
    }


    .wel .wel_a .wel_r {
        width: 92%;
        margin: 0 auto;
    }

    .wel .wel_b {
        height: 100vh !important;
    }

    .wel .wel_b video,
    .wel .wel_b img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .wel .wel_c .swiper_pro .w1680 .cont {
        width: 100%;
    }

    /* .wel .wel_c .swiper_pro .swiper-wrapper{
            height: auto !important;
      } */


    .wel .wel_c .swiper_nav {
        /* width: 92%; */
        width: calc(100% - 30px);
        margin: 0 auto;
    }


    .wel .wel_c {
        display: flex;
        flex-direction: column-reverse;
    }

    .wel .wel_c .swiper_nav {
        width: calc(100% - 30px);
        /* width: 92%; */
        position: relative;
        left: auto;
        bottom: auto;
        transform: none;
        color: #333;
        padding: .5rem 0;
    }

    .wel .wel_c .swiper_nav a {
        opacity: .5;
        border-bottom: 1px solid rgba(51, 51, 51, .5);
    }

    .wel .wel_c .swiper_nav a.on {
        opacity: 1;
    }

    .wel .wel_c .swiper_pro .w1680 {
        color: #333;
        padding: 1rem 0 2rem;

    }

    .wel .wel_c .swiper_pro .swiper-slide {
        /* background-color: ; */
        opacity: 0 !important;
    }

    .wel .wel_c .swiper_pro .swiper-slide-active {
        opacity: 1 !important;
    }

    .wel .wel_c .swiper_pro .swiper-slide .bgImg {
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
        height: 5.8rem;
    }

    .wel .wel_c .swiper_pro .ul_list {
        margin-bottom: 1rem;
        max-height: 220px;
        overflow-y: auto;
        padding-right: .1rem;
    }


    .wel .wel_c .swiper_pro .cont>a,
    .wel .wel_c .swiper_pro .ul_list .ul_li {
        border-color: rgba(51, 51, 51, .1);
    }

    .wel .wel_c .swiper_pro .cont>a svg circle,
    .wel .wel_c .swiper_pro .cont>a svg path,
    .wel .wel_c .swiper_pro .ul_list svg circle,
    .wel .wel_c .swiper_pro .ul_list svg path {
        fill: rgba(51, 51, 51, .5);
    }

    .wel .wel_c .swiper_pro .swiper-slide::after {
        opacity: 0;
    }

    .wel .wel_c .swiper_pro p {
        margin-bottom: .5rem;
        font-size: 14px;
    }

    .wel .wel_c .swiper_pro h2 {
        margin-bottom: .75rem;
    }

    .wel .wel_d .w1680 {
        padding: 1.5rem 0 1.5rem;
    }

    .wel .wel_d h2 {
        margin-bottom: 1rem;
    }

    .wel .wel_d p {
        margin-bottom: .5rem;
    }

    .wel .wel_d .swiper_card {
        height: auto;
    }

    .wel .wel_d .swiper_card .swiper-wrapper {
        height: 100%;
    }

    .wel .wel_d .swiper-slide::after {
        display: none;
    }

    .wel .wel_d .swiper-slide-active .txt {
        top: 0;
        backdrop-filter: blur(12.5px);
        background-color: rgba(66, 115, 210, 0.85);
    }

    .wel .wel_d .swiper-slide-active h6 {
        opacity: 1;
        transform: translateY(0);
        transition: all .5s .3s ease-in-out;
    }

    .wel .wel_d .swiper-slide-active .ul_list {
        opacity: 1;
        transform: translateY(0);
        transition: all .5s .4s ease-in-out;
    }

    .wel .wel_d .swiper-slide-active a {
        opacity: 1;
        transform: translateY(0);
        transition: all .5s .45s ease-in-out;
    }

    .wel_e {
        padding: 1.5rem 0 0;
    }

    .wel_e .txt_top p {
        margin-bottom: .5rem;
        font-size: 14px;
    }

    .wel_e .ul_list .ul_li h5 {
        margin-bottom: .75rem;
    }

    .wel .wel_d h2,
    .wel .wel_e h2,
    .wel .wel_c .swiper_pro h2 {
        font-size: 24px;
    }

    .wel_e .ul_list .ul_li h4 {
        font-size: 20px;
    }

    .wel .wel_d .swiper-slide a {
        font-size: 14px;
    }

    .wel .wel_d .swiper-slide .txt h4 {
        font-size: 24px;
    }

    .wel .wel_d .swiper-slide .txt h6 {
        font-size: 16px;
    }

    .wel .wel_d .swiper-slide .ul_li {
        font-size: 14px;
    }

    .wel_e .ul_list .ul_li h5 {
        font-size: 18px;
    }

    .wel .wel_c .swiper_nav a {
        font-size: 16px;
    }

    .wel_e .ul_list .ul_li a,
    .wel_e .ul_list .ul_li h6 {
        font-size: 14px;
    }

    .wel_e .ul_list .ul_li {
        width: 100%;
        height: auto;
    }

    .wel_e .ul_list .ul_li {
        padding: .5rem 15px !important;
    }

    .wel .wel_d .swiper_btn {
        position: absolute;
        bottom: 37%;
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        z-index: 2;
        justify-content: center;
    }

    .wel .wel_d .swiper_btn.prev_btn {
        left: -15px;
        transform: rotate(180deg);
    }

    .wel .wel_d .swiper_btn.next_btn {
        right: -15px;

    }

    .wel .wel_d .swiper_btn.swiper-button-disabled {
        opacity: .5;
        pointer-events: none;
    }

    .wel .wel_d .swiper_btn svg {
        width: 100%;
        height: 100%;
    }

    .wel .wel_d .swiper_btn svg .circle {
        width: 100%;
        height: 100%;
    }

    .wel .wel_d .swiper_btn svg path {
        width: 80%;
    }
}

@media (max-width:1024px) {
    html {
        scroll-padding-top: 2rem;
    }

    .sub_banner {
        height: 16rem;
    }

    .sub_banner .txt {
        left: 4%;
        top: 20%;
        max-width: 92% !important;
    }

    .sol_a .ul_list .ul_li {
        width: 100%;
    }

    .sol_a .ul_list .ul_li .txt {
        padding: 1rem 6%;
    }

    .sol_b .txt {
        width: 92%;
        max-width: 92%;
    }



    .pro_d8 .ul_list,
    .pro_d6 .ul_list {
        display: block;
    }

    .pro_d6 .ul_list .ul_li {
        padding-right: 0;
        margin-bottom: .5rem;
    }

    .pro_d7 ul li {
        margin-bottom: .25rem;
    }

    .pro_d8 .ul_list .ul_li {
        width: 100%;
        margin-bottom: .5rem;
    }

    .pro_d8 .ul_list .ul_li_top {
        height: 1.5rem;
    }

    .pro_d8 .ul_list .ul_li_bot {
        padding: .75rem 6%;
    }

    .pro_d8 .img {
        padding: .5rem 6%;
    }

    .pro .sub_banner {
        height: 100vh;
    }

    .pro .sub_banner .txt {
        left: 4%;
        bottom: auto;
        top: 26%;

    }

    .pro .sub_banner h6 {
        text-align: justify;
        padding-right: .2rem;
        max-height: 3.5rem;
        overflow-y: auto;
    }

    .pro .sub_banner .ul_list {
        width: 100%;
    }

    .pro .sub_banner .ul_list .swiper-slide {
        flex: none;

    }

    .pro .sub_banner .ul_list .ul_li {
        width: 92%;
        margin: 0 auto;
    }

    .pro .sub_banner .swiper_btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        background-color: rgba(255, 255, 255, .25);
        backdrop-filter: blur(12.5px);
    }

    .pro .sub_banner .swiper_btn svg path {
        fill: #fff;
    }

    .pro .sub_banner .btn_prev {
        left: 4%;
    }

    .pro .sub_banner .btn_next {
        right: 4%;
    }

    .pro_a .pro_top_img {
        width: 100%;
        height: auto;
    }

    .pro_a .pro_ajax img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .pro_a .pro_ajax .pro_top_img .pro_txt,
    .pro_a .pro_ajax .pro_txt {
        position: relative;
        width: 100%;
        height: auto;
        left: auto;
        top: auto;
        right: auto;
        transform: none;
        padding: 1rem 6%;

    }

    .pro_a .pro_ajax .pro_bot_imgs .pro_txt {
        transform: none;
    }

    .pro_a .pro_ajax .pro_txt .tit-32 {
        line-height: 1.3;
    }

    .pro_a .pro_bot_imgs {
        display: block;
    }

    .pro_a .pro_ajax .pro_bot_imgs .pro_img {
        width: 100%;
        height: auto;
        margin-bottom: .5rem;
    }

    .pro_a .pro_ajax .pro_txt::after {
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 0;
    }

    .pro_a .pro_ajax .pro_txt h3,
    .pro_a .pro_ajax .pro_txt h6,
    .pro_a .pro_ajax .pro_txt a {
        position: relative;
        z-index: 1;
    }

    .pro_b .w1480 {
        display: block;
    }

    .pro_b .w1480 .txt {
        width: 100%;
        margin-bottom: 1rem;
    }

    .pro_b .w1480 .img {
        width: 100%;
        height: auto;
        margin-top: 1rem;
    }

    .pro_b .w1480 .txt h2 {
        margin-bottom: .75rem;
    }

    .pro_d2 .w1480 {
        display: block;
    }

    .pro_d2 .w1480 .img {
        width: 100%;
        height: auto;
        margin-top: 1rem;
    }

    .pro_d3 .ul_list .ul_li {
        width: 100%;
        margin-right: 0;
        padding: .5rem 0;
    }

    .pro_d5 .swiper_card .swiper-slide {
        width: 100%;
    }

    .pro_d5 .swiper_card .swiper-slide a {
        width: 100%;
        margin-right: 0;
    }


    .join .banner .txt,
    .ins .banner .txt,
    .tec .banner .txt,
    .news .banner .txt,
    .case .banner .txt {
        /* left: 50%; */
        bottom: auto;
        /* top: 50%; */
        /* transform: translate(0%, -50%); */
        top: 30%;
        left: 4%;
        width: 92%;
    }

    .tec_a {
        padding: 1.5rem 0;
    }

    .tec_a .ul_list {
        display: block;
        margin-top: .75rem;
        margin-bottom: 1rem;
    }

    .tec_a .ul_list .ul_li {
        width: 100%;
        padding: 1rem 6%;
        margin-bottom: .5rem;
    }

    .tec_a .ul_list .ul_li .ul_li_icon {
        width: 2rem;
        height: 2rem;
    }

    .tec_a .ul_list .ul_li .ul_li_icon img {
        width: 40%;
    }

    .tec_a .h6 {
        width: 100%;
    }

    .tec_a .swiper-slide {
        width: 100%;
        height: auto;
        margin-right: .5rem;
    }

    .tec_a .swiper-slide a,
    .tec_a .swiper-slide a.on {
        flex-direction: column-reverse;
        width: 100%;
        margin-right: 0;
        background-color: #f5f5f5;
        overflow: hidden;
    }

    .tec_a .swiper-slide-active a .img::after {
        opacity: 0;
    }

    .tec_a .swiper-slide a .txt {
        position: relative;
        left: auto;
        top: auto;
        height: auto;
        width: 100%;
        padding: 1rem 4%;
    }

    .tec_a .swiper-slide-active a .txt,
    .tec_a .swiper-slide a.on .txt {
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .tec_a .swiper-slide-active a .txt h6 {
        color: #666;
        position: relative;
        z-index: 1;
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        transition: all .6s .2s;
    }

    .tec_a .swiper-slide a.on .txt h5,
    .tec_a .swiper-slide-active a .txt h5 {
        color: #333;
    }

    .tec_a .swiper-slide a .img {
        width: 100%;
        height: 10rem;
    }

    .tec_a .swiper_card .swiper-pagination {
        margin-top: 1rem;

    }

    .tec_b {
        padding: 1.5rem 0;
    }

    .tec_b .txt {
        display: block;
    }

    .tec_b .txt h3 {
        width: 100%;
        margin-bottom: 1rem;
    }

    .tec_b .txt .swiper_nav {
        width: 100%;
        max-width: 100%;
    }

    .tec_b .txt .swiper_nav .swiper-slide a {
        padding: 0 .75rem;
    }

    .tec_b .ul_list {
        flex-wrap: wrap;
        gap: .75rem;
    }

    .tec_b .ul_list .ul_li {
        width: 100%;
        height: auto;
        padding: 1rem 6%;
    }

    .tec_a .swiper-slide a .txt h6 {
        margin-bottom: 0;
        margin-top: .5rem;
    }

    .tec_b .ul_list a {
        padding: .25rem 6%;
    }

    .tec_b .ul_list a svg {
        width: .45rem;
    }

    .tec_b .ul_list a span {
        line-height: 1;
    }

    .tec_d {
        padding: 1.5rem 0;
    }

    .tec_d h3 {
        margin-bottom: 1rem;
    }

    .tec_d .swiper_video {
        width: 100%;
        height: auto;
    }

    .tec_d .swiper_video .swiper-slide .img {
        height: auto;
    }

    .tec_d .swiper_video .swiper-slide .txt {
        padding: .5rem 0 .5rem;
    }

    .tec_d .swiper_video .swiper-slide .txt h6 {
        line-height: 1.5;
    }

    .tec_e {
        padding: 1.5rem 0;
    }

    .tec_e h3 {
        margin-bottom: .5rem;
    }

    .tec_e .cont_box {
        display: block;
    }

    .tec_e .cont_box .cont_nav {
        width: 100%;
    }

    .tec_e .cont_box .cont_list {
        width: 100%;
        flex: none;
        padding-top: .25rem;
        margin-top: 1rem;
        border-top: 1px solid rgba(0, 0, 0, .1);
    }

    .tec_e .cont_box .cont_list .cont_li {
        width: 100%;
    }

    .news_a {
        padding: 1.5rem 0;
    }

    .news_a .txt nav {
        gap: .75rem;
    }

    .news_a .swiper_card {
        width: 100%;
        height: auto;
    }

    .news_a .swiper_card .swiper-slide a {
        flex-direction: column-reverse;
    }

    .news_a .swiper_card .swiper-slide .slide_img {
        width: 100%;
        height: 7rem;
    }

    .news_a .swiper_card .swiper-slide .slide_txt {
        padding: 1rem 6%;
        width: 100%;
    }

    .news_a .txt {
        margin-bottom: 1rem;
    }

    .news_a .swiper_card .swiper-slide .c427 {
        margin-bottom: .35rem;
    }

    .news_a .swiper_card .swiper-slide h4 {
        margin-bottom: .75rem;
    }

    .news_a .swiper_card .swiper-slide h6 {
        margin-bottom: 1rem;
    }

    .news_a .ul_list .ul_li {
        padding: 1rem 6%;
        height: auto;
    }

    .news_a .swiper_card_box .swiper_btn svg {
        width: 100%;
        height: auto;
    }

    .news_a .swiper_card_box .prev_btn {
        left: -0.25rem;
    }

    .news_a .swiper_card_box .next_btn {
        right: -0.25rem;
    }

    .ins_a {
        padding: 1.5rem 0;
    }

    .ins_a h3 {
        margin-bottom: .75rem;
    }

    .ins_a .gp_info {
        display: block;
        padding-top: 1rem;
    }

    .ins_a .gp_info .gp_l {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem;
    }

    .ins_a .gp_info .gp_r {
        width: 100%;
        gap: .5rem;
    }

    .ins_a .gp_info .gp_r .gp_item {
        width: calc((100% - .5rem) / 2);
    }

    .ins_b {
        padding: 1.5rem 0;
    }

    .ins_b .ul_list {
        margin-bottom: 1rem;
    }

    .ins_b .ul_li {
        padding: .75rem 6%;
        margin-bottom: .5rem;
    }

    .ins_b .ul_li .txt_l {
        width: 60%;
    }

    .ins_b .ul_li h4 {
        margin-bottom: .5rem;
    }

    .join_a {
        padding: 1.5rem 0;
    }

    .join_a .txt {
        width: 100%;
    }

    .join_a .txt h3 {
        margin-bottom: .75rem;
    }

    .join_a .ul_list {
        display: block;
    }

    .join_a .ul_list .ul_li {
        width: 100%;
        height: 10rem;
        margin-bottom: .5rem;
    }

    .join_a .ul_list .ul_li:nth-child(2) {
        margin-top: 0;
    }

    .join_a .ul_list .ul_li .txt {
        margin-bottom: 0;
        padding: 1.5rem 6%;
    }

    .join_a .ul_list .ul_li.on h6,
    .join_a .ul_list .ul_li.on h5 {
        text-align: left;
    }

    .join_b {
        padding: 1.5rem 0;
    }

    .join_b .txt a {
        max-width: 100%;
        padding: .4rem 1rem;
    }

    .join_b .ul_list {
        display: block;
    }

    .join_b .ul_list .ul_li {
        width: 100%;
        height: auto;
        padding: 1rem 6%;
        margin-bottom: .5rem;
    }

    .join_b .ul_list .ul_li h4 {
        margin-bottom: .25rem;
    }

    .join_b .ul_list .ul_li h6.c427 {
        margin-bottom: .5rem;
    }

    .join_b .ul_list .ul_li h5 {
        margin-bottom: .75rem;
    }

    .join_b .ul_list .ul_li h6.es3 {
        line-height: 1.5;
        margin-bottom: 1rem;
    }

    .met .sub_banner {
        width: 100%;
        height: 15rem;
    }

    .met .sub_banner .txt {
        width: 100%;
        top: 36%;
        transform: translate(-50%, -50%);
    }

    .met_a nav {
        gap: .5rem;
        padding: 0 .5rem;
    }

    .met_a nav a {
        padding: .5rem 0;
    }

    .met_b {
        padding: 1.5rem 0 1.5rem;
    }

    .met_b .txt {
        padding-top: 2rem;
    }

    .met_b .txt img {
        width: 100%;
    }

    .met_c {
        padding: 1.5rem 0;
    }

    .met_c .txt {
        margin-bottom: 1rem;
    }

    .met_c .ul_list {
        display: block;
    }

    .met_c .ul_list .ul_li {
        width: 100%;
        height: auto;
        margin-bottom: 1rem;
        /* padding: ; */
    }

    .met_c .ul_list .ul_li_por {
        padding: 1rem 6%;
    }

    .met_d {
        padding: 1.5rem 0 3rem;
    }

    .met_d .ul_list {
        gap: .5rem;
    }

    .met_d .ul_list .ul_li {
        width: 100%;
        height: auto;
        gap: .5rem;
        display:block;

    }

    .met_d .ul_list .ul_li .icon {
        width: 1.25rem;
        height: 1.25rem;
        margin-bottom: .5rem;
    }

    .met_e {
        margin-bottom: 1rem;

    }

    .met_e .w1480 {
        display: block;
        padding: 1rem 4% 0;
    }

    .met_e .w1480 .txt_box {
        width: 100%;
    }

    .met_e .w1480 .txt1 {
        padding-bottom: .5rem;
        margin-bottom: 1rem;
    }

    .met_e .w1480 .img {
        width: 100%;
        height: auto;
        margin-top: .75rem;
    }

    .met_f {
        padding: 1.5rem 6% 3rem;
        height: auto;
    }

    .met_g {
        padding: 1.5rem 0;
    }

    .met_g .ul_list .ul_li_top {
        padding: .5rem 6%;
        height: auto;
    }

    .met_g .ul_list .ul_li_top svg {
        width: 0.65rem;
    }

    .met_g .ul_list .ul_li_bot {
        padding-bottom: .25rem;
    }

    .met_g .ul_list .ul_li_bot .ul_li_item {
        padding: .5rem 6%;
    }

    .met_h {
        padding: 1.5rem 0;
    }

    .met_h h3 {
        margin-bottom: 1rem;
    }

    .met_h .ul_list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 0;
    }

    .met_h .ul_list .ul_li {
        width: 48%;
        height: auto;
        padding: .5rem 6%;
        margin-bottom: 4%;
    }

    .sol_a .ul_list .ul_li h6,
    .sol_a .ul_list .ul_li h3 {
        height: auto;
    }

    .abt .abt_a .w1480 {
        padding: 2rem 0 0rem;
    }

    .abt .abt_a .bg {
        width: 80%;
        height: auto;
        left: 60%;
        top: .5rem;
        /* top */
        transform: translateX(-50%);
    }

    .abt .txt_top {
        display: block;
    }

    .abt .txt_top .txt_l {
        width: 100%;
        margin-bottom: .75rem;
    }

    .abt .txt_top h6 {
        width: 100%;
    }

    .abt .abt_b {
        width: 100%;
        height: auto;
        margin-top: 1.5rem;
    }

    .abt .abt_b .img {
        width: 100%;
        height: auto;
        position: relative;
        left: auto;
        top: auto;
        transform: none;
    }

    .abt .abt_a .w1480 {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        opacity: 1;
    }

    .abt .abt_b .tit-22 {
        max-width: 100%;
        color: #333;
    }

    .abt .abt_b .tit-17 {
        max-width: 100%;
        margin-bottom: 1rem;
        color: #999;
    }

    .abt .abt_b .t_img {
        height: auto;
        max-width: 100%;

    }

    .abt .abt_b .tit-22.text-center {
        max-width: 100%;
        margin: 1rem auto 0;
    }

    .abt .abt_c {
        height: 14rem;
        margin-top: 2rem;
    }

    .abt .abt_c .swiper_card .swiper-slide {
        flex: none;
    }

    .abt .abt_c .swiper_card .swiper-slide.on,
    .abt .abt_c .swiper_card .swiper-slide {
        flex: none;
        width: 100%;
    }

    .abt .abt_c .swiper_card .swiper-slide .card_show {
        opacity: 0;
        display: none;
    }

    .abt .abt_c .swiper_card .swiper-slide .card_hide {
        opacity: 1;
        visibility: visible;
        padding: 3rem 4%;
        position: relative;
        left: auto;
        top: auto;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;

    }

    .abt .abt_c .swiper_card .swiper-slide-active .card_hide {
        opacity: 1;
        z-index: 1;
        visibility: visible;
    }

    .abt .abt_c .swiper_card .swiper-slide h3 {
        margin-bottom: .5rem;
    }

    .abt .abt_c .swiper_card .swiper-slide h3,
    .abt .abt_c .swiper_card .swiper-slide h6 {
        text-align: center;
        line-height: 1.5;
    }

    .abt .abt_c .swiper_card .swiper-slide-active .card_hide h3 {
        transition: all .6s .1s;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .abt .abt_c .swiper_card .swiper-slide-active .card_hide h6 {
        transition: all .6s .2s;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .abt_d .w1480 {
        padding: 1.5rem 0;
    }

    .abt .txt_top h5 {
        margin-bottom: .5rem;
    }

    .abt .txt_top h6 br {
        display: none;
    }

    .abt_d .honor_box {
        display: block;
        width: 100%;
        height: auto;
    }

    .abt_d .honor_box .ul_list_box {
        width: 100%;
        padding: 0;
    }

    .abt_d .honor_box .ul_list {
        padding: 1rem 4%;
        display: block;
    }

    .abt_d .honor_box .ul_list .ul_li {
        width: 100%;
        margin-bottom: .5rem;
        padding-right: 0;
    }

    .abt_d .honor_box .honor_card_box {
        width: 100%;
        margin-top: 0;
    }

    .abt_d .honor_box .img {
        width: 100%;
        height: auto;
    }

    .abt_d .honor_card_box .swiper_honor_card .swiper-slide {
        width: 48%;
    }

    .abt_d .honor_card_box .swiper_honor_card .img {
        height: auto;
    }

    .abt_d .honor_card_box .honor_card_nav a {
        padding-top: .5rem;
    }

    .abt_e .txt_l p {}

    .abt_e .txt_l {
        margin-right: 0;
        /* margin-bottom: ; */
    }

    .abt_e .txt_top h6 {
        margin-bottom: 1rem;
        margin-top: 0;
    }

    .abt_e .par_nav {
        gap: 1rem;
        margin-top: 0;
    }

    .abt_f .con_nav {
        gap: .5rem;
        margin-top: 0;
    }

    .abt_e .w1480 {
        padding: 1.5rem 0;
    }

    .abt_e .par_card {
        justify-content: space-between;
        gap: .5rem;
    }

    .abt_e .par_card .par_li {
        width: calc((100% - .5rem) / 2);
        height: auto;
    }

    .abt_f .w1480 {
        padding: 1.5rem 0;
    }

    .abt_f .con_nav {
        margin-bottom: 1rem;
    }

    .abt_e .par_nav a,
    .abt_f .con_nav a {
        padding-top: .5rem;
        text-align: center;
    }

    .abt_f .con_box h6 {
        margin-bottom: 1rem;
    }

    .abt_f .con_box .con_list .img {
        width: 100%;
        height: auto;
    }

    .case_a {
        padding: 1.5rem 0;
    }

    .case_a .ul_list {
        margin-bottom: 0;
    }

    .case_a .ul_li {
        margin-bottom: 1rem;
    }

    .case_a .txt h5 {
        line-height: 1.5;
    }

    .case_a .ul_li:nth-child(2n),
    .case_a .ul_li {
        gap: 0;
        /* display: block; */
        flex-direction: column-reverse;
        height: auto;
    }

    .case_a .ul_li .ul_li_txt,
    .case_a .ul_li .ul_li_img {
        width: 100%;
        height: auto;
    }

    .case_a .ul_li .ul_li_txt {
        padding: 1rem 4%;
    }

    .case_a .pro_nav {
        margin-bottom: 1rem;
    }

    .case_a .ul_li .ul_li_txt h4 {
        margin-bottom: .5rem;
    }

    .case_a .ul_li .ul_li_txt h6 {
        margin-bottom: 1rem;
    }

    .news_a .swiper_card_box .swiper-pagination {
        margin-top: .5rem;
    }

    .news_a .swiper_card_box .swiper-pagination span {
        width: .5rem;
    }

    .news_info {
        padding: 1.5rem 0;
    }

    .news_info .nav_box a p.col-333 {
        margin-bottom: 0;
        width: max-content;
        margin-right: .25rem;
    }

    .news_info .nav_box a.prev {
        float: none;
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 100%;
    }

    .news_info .nav_box a.next {
        display: flex;
        align-items: center;
        float: none;
        width: 100%;
        max-width: 100%;
        margin: .5rem 0;
    }

    .news_info .nav_box a.return {
        position: relative;
        left: auto;
        top: auto;
        margin: 0 auto;

    }

    .news_info .cont {
        padding-bottom: 1rem;
    }

    .met_c .ul_list .ul_li h4 {
        height: auto;
    }

    .sol_a .ul_list .ul_li .img {
        height: auto;
    }

    .pro_d1 table {
        width: 100%;
    }

    .pro_d1 table tr {
        /* display: block; */
        flex-direction: column;
        /* gap: ; */
        width: 100%;
    }

    .pro_d1 table td {
        width: 100%;
        padding: .35rem 0;
        border-top: 1px solid rgba(217, 217, 217, .5);
    }

    .pro_b .w1480 .txt h6 {

        -webkit-line-clamp: 6;
    }

    .pro_c .w1480 .pro_nav a::after {
        height: 2px;
    }

    .tec_d .w1480 .swiper_btn.prev_btn {
        left: 0;
    }

    .tec_d .w1480 .swiper_btn.next_btn {
        right: 0;
    }

    .tec_d .swiper_video .swiper-slide .img {
        height: 10rem;
    }

    .sol_b h6 {
        max-height: 5rem;
        overflow-y: auto;
        padding-right: .1rem;
    }

    .sub_banner {
        height: 16rem !important;
    }

    .abt_f .con_box .con_list .con_li {
        width: 100%;
    }

    .abt_f .con_box .con_list {
        margin: .5rem 0;
    }

    .abt_f .con_box .img {
        width: 100%;
        height: auto;
    }

    .abt_a .txt_top h6 {
        padding-top: 0;
    }

    .abt_f .con_box .con_list .con_li {
        min-height: auto;
        padding: 1rem 4%;
    }
}

/* 字体1 */

@media (max-width:1024px) {

    .pro_d2,
    .pro_d3,
    .pro_d4,
    .pro_d5,
    .pro_d6,
    .pro_d7,
    .pro_d8,
    .pro_a,
    .pro_b,
    .pro_d1 .w1480 {
        padding: 1.5rem 0;
    }

    .met .sub_banner h2,
    .ins_a .gp_info .gp_l .hkd p,
    .pro_b .w1480 .txt h2,
    .pro .sub_banner h2,
    .sol_b h2 {
        font-size: 24px;
    }

    .join_a .ul_list .ul_li h5,
    .news_info h2,
    .abt .abt_f .txt_top h5,
    .abt .abt_e .txt_top h5,
    .abt .abt_d .txt_top h5,
    .abt .txt_top h2,
    .abt .abt_c .swiper_card .swiper-slide .card_hide h6,
    .met_h h3,
    .met_g h3,
    .met_f h3,
    .met_e .w1480 h4,
    .met_d .txt h3,
    .met_c .txt h3,
    .met_b .txt h3,
    .join_a .txt h3,
    .ins_a h3,
    .news_a .txt nav a,
    .tec_e h3,
    .pro_d .tit,
    .pro_d7 .tit,
    .tec_a .txt h3,
    .tec_b .txt h3,
    .tec_d h3,
    .ins_b h3,
    .pro_a .pro_ajax .pro_txt .tit-32,
    .sol_a .ul_list .ul_li h3 {
        font-size: .65rem;
    }

    .met_g .ul_list h4,
    .ins_a .gp_info .gp_l h4,
    .tec_a h4 {
        font-size: .6rem;
    }

    .abt_f .con_box h5,
    .case_a .ul_li .ul_li_txt h4,
    .abt_f .con_nav a,
    .abt_e .par_nav a,
    .abt_e .txt_l p,
    .abt_d .honor_card_box .honor_card_nav a,
    .abt .abt_c .swiper_card .swiper-slide h3,
    .abt .abt_b .tit-22,
    .met_f h4,
    .met_d .ul_list .ul_li h4,
    .met_c .ul_list .ul_li h4,
    .met .sub_banner h4,
    .join_b .ul_list .ul_li h4,
    .ins_a .gp_info .gp_r .gp_item p,
    .news_a .ul_list .ul_li h4,
    .news_a .swiper_card .swiper-slide h4,
    .tec_e .cont_box .cont_nav .cont_item,
    .tec_e .cont_box .cont_list h5,
    .tec_a .c427,
    .tec_a .swiper-slide a .txt h5,
    .tec_a .ul_list .ul_li .ul_li_txt h5,
    .pro_a .pro_nav .swiper-slide a,
    .pro .sub_banner h5,
    .pro_d8 .ul_list h5,
    .pro_d8 .ul_list h5,
    .ins_b .ul_li h4,
    .pro .sub_banner .ul_list .ul_li .tit-17,
    .pro_c .w1480 .pro_nav a {
        font-size: .55rem;
    }

    .abt_f .con_box h6,
    .join_a .ul_list .ul_li h6,
    .news_info .nav_box a,
    .news_info .cont,
    .case_a .ul_li .ul_li_txt h6,
    .case_a .pro_nav .swiper-slide a,
    .case_a .txt h5,
    .abt_d .honor_card_box .swiper_honor_card p,
    .abt_d .honor_box .ul_list .ul_li p,
    .abt .txt_top h5,
    .abt .txt_top h6,
    .abt .abt_b .tit-17,
    .met_g .ul_list .ul_li_top,
    .met_f h6,
    .met_e .w1480 h6,
    .met_d .ul_list .ul_li h6,
    .met_d .txt h6,
    .met_c .ul_list .ul_li h6,
    .met_c .txt h6,
    .met_a nav,
    .met_b .txt h6,
    .met .sub_banner .a_box a,
    .met .sub_banner h6,
    .join_b .ul_list .ul_li h5,
    .join_a .txt h6,
    .ins_a .gp_info .gp_l .icon_img,
    .ins_a .gp_info .gp_l .hkd span,
    .ins_a .gp_info .gp_l p.mim,
    .news_a .ul_list .ul_li h6,
    .news_a .swiper_card .swiper-slide h6,
    .tec_e .cont_box .cont_list h6,
    .tec_e h6,
    .tec_d .swiper_video .swiper-slide .txt h6,
    .tec_b .ul_list h5,
    .tec_b .ul_list a span,
    .tec_b .txt .swiper_nav .swiper-slide a,
    .tec_a .swiper-slide a .txt h6,
    .tec_a .txt h6,
    .tec_a .ul_list .ul_li .ul_li_txt h6,
    .sol_b h6,
    .pro .sub_banner h6,
    .pro_d8 .ul_list h6,
    .pro_d3 .ul_list .ul_li,
    .pro_b .w1480 .txt h5,
    .pro_d7 ul li,
    .pro_d1 h6,
    .pro_b .w1480 .txt h6,
    .pro .sub_banner .ul_list .ul_li .tit-15,
    .pro_d5 .swiper_card h6,
    .pro_d6 .ul_list .ul_li h5,
    .pro_d6 .ul_list .ul_li h6,
    .pro_a .pro_ajax .pro_txt .tit-15,
    .sol_a .ul_list .ul_li h6 {
        font-size: .45rem;
        line-height: 1.5;
    }

    .news_info .time,
    .met_g .ul_list .h6 .time,
    .join_b .ul_list .ul_li h6.es3 {
        font-size: .4rem;
    }

    .join_b .txt a,
    .sol_b h5 {
        font-size: 14px;
    }

    .join_b .ul_list .ul_li h6.c427,
    .ins_a .gp_info .gp_r .gp_item .col-999,
    .ins_b .ul_li .pdf span,
    .ins_b .ul_li .time,
    .news_a .ul_list .ul_li_bot .time,
    .news_a .ul_list .ul_li_bot .lmore,
    .news_a .lmore,
    .join_b .ul_list .ul_li .lmore,
    .news_a .swiper_card .swiper-slide .c427 {
        font-size: 12px;
    }

    .met_b .txt h6 p,
    .met_b .txt h6 span {
        font-size: .45rem !important;
    }



    .join .banner,
    .tec .banner,
    .ins .banner,
    .news .banner,
    .case .banner {
        height: 10rem
    }
}

/* 正文 .45rem */
/* 小标题 14px */
/* 大标题 .65rem */
/* bannner 标题 .8rem */