* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.btn,
.bottomBtn,
.bottomBtn button,
.ipt3 button,
.page a,
.nav .searchBtn,
.nav .searchBtn .iconfont,
.search_submit,
.search_submit .iconfont,
.search_close,
.search_close .iconfont,
.mobile_lang_toggle,
.mobile_lang_toggle .iconfont,
.mobile_nav_search button,
.banner1 .swiper-button-prev,
.banner1 .swiper-button-next,
.banner1 .swiper-button-prev .iconfont,
.banner1 .swiper-button-next .iconfont,
.swiper5 .swiper-button-prev,
.swiper5 .swiper-button-next,
.swiper5 .swiper-button-prev .iconfont,
.swiper5 .swiper-button-next .iconfont,
.certificate_swiper .thumb-nav-prev,
.certificate_swiper .thumb-nav-next,
.certificate_swiper .thumb-nav-prev .iconfont,
.certificate_swiper .thumb-nav-next .iconfont,
.thumb-outer .swiper-button-prev,
.thumb-outer .swiper-button-next,
.productsBanner1_left_item,
.productsBanner1_left_item .productsBanner1_left_item_msg,
.productsBanner1_left_item .iconfont,
.productsBanner2_item {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.btn:hover,
.page .AddBtn:hover,
.ipt3 button:hover {
    background-color: #FFF;
    border-color: var(--main-color);
    color: var(--main-color);
}

.btn {
    color: #fff;
    font-family: 'Poppins-SemiBold';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    display: inline-flex;
    background-color: var(--main-color);
    padding: 8px 27px;
    border: 1px solid var(--main-color);
    gap: 10px;
    border-radius: 999px;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
}

.btn .icons {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.btn .icons .iconfont {
    color: #222;
    font-size: 12px;
}

.btn:hover .icons {
    background-color: var(--main-color);
}

.btn:hover .icons .iconfont {
    color: #fff;
}

.mobile_nav_search button:hover {
    background-color: #1F1F1F;
    color: #fff;
}

.bottomBtn:hover,
.page a:not(.current):not(.AddBtn):hover,
.productsBanner1_left_item:not(.is-active):hover,
.productsBanner2_item:not(.is-active):hover,
.banner1 .swiper-button-prev:hover,
.banner1 .swiper-button-next:hover,
.swiper5 .swiper-button-prev:hover,
.swiper5 .swiper-button-next:hover,
.certificate_swiper .thumb-nav-prev:hover,
.certificate_swiper .thumb-nav-next:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
}

.bottomBtn:hover button,
.productsBanner1_left_item:not(.is-active):hover .productsBanner1_left_item_msg,
.productsBanner1_left_item:not(.is-active):hover .iconfont,
.banner1 .swiper-button-prev:hover .iconfont,
.banner1 .swiper-button-next:hover .iconfont,
.swiper5 .swiper-button-prev:hover .iconfont,
.swiper5 .swiper-button-next:hover .iconfont,
.certificate_swiper .thumb-nav-prev:hover .iconfont,
.certificate_swiper .thumb-nav-next:hover .iconfont {
    color: #fff;
}

.certificate_modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

.certificate_modal_content {
    position: relative;
    margin: auto;
    padding: 15px;
    width: 90%;
    max-width: 450px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border-radius: 8px;
}

.certificate_modal_close {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #aaa;
    font-size: 32px;
    font-weight: bold;
    cursor: pointer;
    line-height: 1;
}

.certificate_modal_close:hover {
    color: #000;
}

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

.search_submit:hover,
.search_close:hover,
.mobile_lang_toggle:hover {
    color: var(--main-color);
    border-color: var(--main-color);
    background-color: rgba(186, 37, 46, 0.08);
}

.nav .searchBtn:hover .iconfont,
.search_submit:hover .iconfont,
.search_close:hover .iconfont,
.mobile_lang_toggle:hover .iconfont,
.thumb-outer .swiper-button-prev:hover .iconfont,
.thumb-outer .swiper-button-next:hover .iconfont {
    color: var(--main-color);
}

video {
    display: block;
}

img {
    max-width: 100%;
    display: block;
}

a {
    text-decoration: none;
    color: #000;
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('../font/POPPINSMEDIUM.eot');
    src: url('../font/POPPINSMEDIUM.eot') format('embedded-opentype'),
        url('../font/POPPINSMEDIUM.woff2') format('woff2'),
        url('../font/POPPINSMEDIUM.woff') format('woff'),
        url('../font/Poppins-Medium.ttf') format('truetype'),
        url('../font/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../font/Poppins-Regular.eot');
    src: url('../font/Poppins-Regular.eot') format('embedded-opentype'),
        url('../font/Poppins-Regular.woff2') format('woff2'),
        url('../font/Poppins-Regular.woff') format('woff'),
        url('../font/Poppins-Regular.ttf') format('truetype'),
        url('../font/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../font/Poppins-SemiBold.eot');
    src: url('../font/Poppins-SemiBold.eot') format('embedded-opentype'),
        url('../font/Poppins-SemiBold.woff2') format('woff2'),
        url('../font/Poppins-SemiBold.woff') format('woff'),
        url('../font/Poppins-SemiBold.ttf') format('truetype'),
        url('../font/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Poppins-Regular';
    overflow-x: hidden;
}

html {
    overflow-x: hidden;
}

@font-face {
    font-family: "iconfont";
    /* Project id 5159657 */
    src:
        url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
        url('iconfont.woff?t=1780016250133') format('woff'),
        url('iconfont.ttf?t=1780016250133') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-jia:before {
    content: "\e623";
}

.icon-jian:before {
    content: "\e621";
}

.icon-folder-open:before {
    content: "\e61a";
}

.icon-dizhi:before {
    content: "\e628";
}

.icon-xinlangweibo:before {
    content: "\e603";
}

.icon-qqkongjian:before {
    content: "\e80f";
}

.icon-qidong:before {
    content: "\e6b0";
}

.icon-zanting:before {
    content: "\e87a";
}

.icon-lujingbeifen3:before {
    content: "\e66f";
}

.icon-xiazai:before {
    content: "\e606";
}

.icon-yidongduancaidanlan:before {
    content: "\e69c";
}

.icon-fanhuidingbu:before {
    content: "\e65c";
}

.icon-Youtube:before {
    content: "\e62d";
}

.icon-linkedin1:before {
    content: "\e6fc";
}

.icon-tuite:before {
    content: "\e601";
}

.icon-diqiu:before {
    content: "\e642";
}

.icon-home:before {
    content: "\e624";
}

.icon-edit:before {
    content: "\e611";
}

.icon-facebook:before {
    content: "\e620";
}

.icon-pinterest:before {
    content: "\e8ab";
}

.icon-linkedin:before {
    content: "\e648";
}

.icon-youtube:before {
    content: "\e6d6";
}

.icon-twitter:before {
    content: "\e607";
}

.icon-bigger:before {
    content: "\e647";
}

.icon-left:before {
    content: "\e72c";
}

.icon-right:before {
    content: "\e72d";
}

.icon-up1:before {
    content: "\e72e";
}

.icon-bottom1:before {
    content: "\e72f";
}

.icon-left1:before {
    content: "\e730";
}

.icon-right1:before {
    content: "\e731";
}

.icon-up:before {
    content: "\e73e";
}

.icon-bottom:before {
    content: "\e73f";
}

.icon-instagram:before {
    content: "\e79d";
}

.icon-tumblr:before {
    content: "\e79e";
}

.icon-download:before {
    content: "\e7a0";
}

.icon-download1:before {
    content: "\e7a7";
}

.icon-search4:before {
    content: "\e7b2";
}

.icon-address:before {
    content: "\e7bc";
}

.icon-email:before {
    content: "\e7bd";
}

.icon-contact:before {
    content: "\e7be";
}

.icon-whatsapp:before {
    content: "\e7bf";
}

.icon-fax:before {
    content: "\e7c2";
}

.icon-mobile:before {
    content: "\e7c6";
}

.icon-phone:before {
    content: "\e7c8";
}

.icon-tel:before {
    content: "\e7c7";
}

.icon-phone1:before {
    content: "\e7cb";
}

.icon-skype:before {
    content: "\e7cc";
}

.icon-whatsapp1:before {
    content: "\e7c1";
}

.icon-address1:before {
    content: "\e7c3";
}

.icon-contact1:before {
    content: "\e7c4";
}

.icon-email1:before {
    content: "\e7c5";
}

.icon-skype1:before {
    content: "\e7c9";
}

.icon-fax1:before {
    content: "\e7ca";
}

.icon-qq:before {
    content: "\e7ce";
}

.icon-tel1:before {
    content: "\e7cd";
}

.icon-wechat:before {
    content: "\e7cf";
}

.icon-phone2:before {
    content: "\e7d0";
}

.icon-message:before {
    content: "\e7da";
}

.icon-calendar:before {
    content: "\e7e1";
}

.icon-calendar1:before {
    content: "\e7e3";
}

.icon-top:before {
    content: "\e7ed";
}

.icon-youbian:before {
    content: "\e60f";
}

.icon-jian2:before {
    content: "\e600";
}

.icon-jia2:before {
    content: "\e608";
}

.icon-vk:before {
    content: "\e735";
}

.icon-instagram1:before {
    content: "\e640";
}

.icon-up7:before {
    content: "\e722";
}

.icon-bottom7:before {
    content: "\e723";
}

.icon-left7:before {
    content: "\e724";
}

.icon-right7:before {
    content: "\e725";
}

.icon-sousuo4:before {
    content: "\e610";
}

.icon-sousuo:before {
    content: "\e616";
}

.icon-sousuo1:before {
    content: "\e65b";
}

.icon-shangchuan:before {
    content: "\e602";
}

.icon-top2:before {
    content: "\e637";
}

.icon-biaoqian:before {
    content: "\e649";
}

.icon-twitter3:before {
    content: "\e7fd";
}

.icon-twitter4:before {
    content: "\e7fe";
}

.icon-twitter-new2:before {
    content: "\e800";
}

.icon-twitter-new:before {
    content: "\e7ff";
}

.icon-tiktok:before {
    content: "\e8db";
}

.icon-delete:before {
    content: "\e69d";
}

.icon-chahao:before {
    content: "\e617";
}

.icon-earth:before {
    content: "\e6d5";
}

.icon-earth1:before {
    content: "\e781";
}

.icon-chahao1:before {
    content: "\e60e";
}



.fs50 {
    font-size: 50px;
}

.fs48 {
    font-size: 48px;
}

.fs46 {
    font-size: 46px;
}

.fs42 {
    font-size: 42px;
}

.fs40 {
    font-size: 40px;
}

.fs38 {
    font-size: 38px;
}

.fs36 {
    font-size: 36px;
}

.fs34 {
    font-size: 34px;
}

.fs30 {
    font-size: 30px;
}

.fs28 {
    font-size: 28px;
}

.fs26 {
    font-size: 26px;
}

.fs24 {
    font-size: 24px;
}

.fs22 {
    font-size: 22px;
}

.fs20 {
    font-size: 20px;
}

.fs18 {
    font-size: 18px;
}

.fs16 {
    font-size: 16px;
}

.fs14 {
    font-size: 14px;
}

.fs12 {
    font-size: 12px;
}

:root {
    --main-color: #DD7296;
}

.navBox {
    position: relative;
    background-color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
}

body.navbox-fixed {
    padding-top: var(--navbox-height, 0px);
}

.navBox.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.nav {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    max-width: 1616px;
    margin: 0 auto;
    width: 90%;
}

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

.nav_right .active {
    color: var(--main-color);
    position: relative;
}

.nav_right>div {
    position: relative;
    color: #222;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-right: 80px;
    padding: 8px 0;
    white-space: nowrap;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav_right>div:nth-child(7) {
    margin-right: 141px;
}



.tootip2 {
    position: absolute;
    left: 0;
    top: 113%;
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 100;
    min-width: 252px;
}

.tootip2_group {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    line-height: 28px;
    color: #222;
    font-family: "Poppins-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}

.tootip2_item {
    width: 100%;
    color: #222;
    font-family: "Poppins-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    white-space: nowrap;
    padding: 5px 0;
    padding-left: 25px;
    padding-right: 20px;
    justify-content: space-between;
    display: flex;
}

.tootip2_item.has-child {
    position: relative;

}


.tootip2_item:hover {
    background-color: var(--main-color);
    color: #fff;
}

.tootip2_item.has-child:hover::after {
    color: #fff;
}

.tootip3 {
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #fff;
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 101;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.tootip3_item {
    display: block;
    color: #222;
    font-family: "Poppins-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    white-space: nowrap;
    padding: 5px 0;
    padding-left: 25px;
    padding-right: 20px;
    line-height: 30px;
}

.tootip3_item:hover {
    background-color: var(--main-color);
    color: #fff;
}

.tootip2_group:hover .tootip3 {
    opacity: 1;
    visibility: visible;
}

.nav_right>div:hover .tootip2,
.tootip2:hover {
    opacity: 1;
    visibility: visible;
}


.nav .lang {
    display: flex;
    align-items: center;
    color: #222;
    font-size: 18px;
    cursor: pointer;
    margin-left: 34px;
    margin-right: 0;
}

.lang .icon-diqiu {
    font-size: 24px;
    margin-right: 7px;
}

.lang .icon-bottom7 {
    font-size: 14px;
    margin-left: 13px;
}


.lang {
    position: relative;
    cursor: pointer;
}

.lang_dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 10px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    list-style: none;
    padding: 8px 0;
    min-width: 120px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 100;
}

.lang:hover .lang_dropdown,
.lang.active .lang_dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang_dropdown li {
    padding: 0 16px;
}

.lang_dropdown li a {
    display: block;
    padding: 8px 0;
    color: #333;
    font-size: 14px;
    transition: color 0.2s;
}

.lang_dropdown li:hover a {
    color: var(--main-color);
}

.nav .searchBtn {
    position: relative;
    cursor: pointer;
    margin-right: 0;
    /* margin-left: 35px; */
    font-weight: 700;
}


.search_box {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, .6);
    padding: 20px 0;
    display: none;
    z-index: 99;
}

.search_box.active {
    display: flex;
}

.search_content {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 8px;
    padding: 0 20px;
}

.search_content form {
    display: flex;
    align-items: center;
}

.search_content input {
    flex: 1;
    border: none;
    background: transparent;
    padding: 15px 10px;
    font-size: 16px;
    outline: none;
}

.search_submit,
.search_close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    font-size: 20px;
}

.search_close {
    display: none;
}

.search_box.active .search_close {
    display: block;
}


.footer {
    background-color: #131313;
}

.footer_top {
    border-bottom: 1px solid #666;
}

.footer_top {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
    padding-top: 24px;
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
}

.footer_top_right1 {
    color: #FFF;
    font-family: "Poppins-SemiBold";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 8px;
}

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

.bottomIpt {
    background-color: rgba(255, 255, 255, 0.2);
    padding: 16px;
    width: 538px;
    box-sizing: border-box;
}

.bottomIpt input {
    border: none;
    outline: none;
    background: transparent;
    color: #FFF;
    font-size: 16px;
    width: 100%;
    padding: 0;
    line-height: 28px;
}

.bottomBtn {
    background: #FFF;
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding: 16px 20px;
}

.bottomBtn button {
    border: none;
    outline: none;
    background: transparent;
    color: #000;
    font-size: 16px;
}

.footer_bottom {
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
    padding-top: 47px;
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 0.9fr) minmax(0, 0.9fr) minmax(0, 1.2fr) minmax(0, 1.15fr);
    padding-bottom: 27px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    align-items: flex-start;
    gap: 24px;
}

.footer_bottom_item {
    min-width: 0;
    width: 100%;
    max-width: 287px;
}

.footer_bottom_item_form {
    width: auto;
    max-width: none;
}

.footer_bottom_item_tit {
    color: #FFF;
    font-family: "Poppins-Medium";
    font-style: normal;
    font-weight: 500;
    margin-bottom: 24px;
    line-height: 30px;
    white-space: nowrap;
}

.footer_bottom_item_con {
    color: rgba(255, 255, 255, .9);
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    display: block;
}

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

.footer_bottom_item_addressItems {
    color: rgba(255, 255, 255, .6);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    display: flex;
}

.footer_bottom_item_addressItems .iconfont {
    margin-right: 10px;
    font-size: 16px;
}

.footer_msg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
    padding-top: 24px;
    padding-bottom: 16px;
}

.footer_msg_left1 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    color: rgba(255, 255, 255, .9);
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 175% */
}

.footer_msg_left1 img {
    width: 76px;
    height: 12px;
    margin-left: 8px;
}

.footer_msg_left2 {
    color: rgba(255, 255, 255, .6);
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    font-size: 14px;
}

.footer_msg_right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer_msg_right_item {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.2);
}

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

.footer_msg_right_item:hover .iconfont {
    color: #FFF;
}

.footer_msg_right_item .iconfont {
    font-size: 16px;
    color: #fff;
}

.footer_msg_right_item .icon-Youtube {
    font-size: 24px;
}

.mobile_menu_btn {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 24px;
    height: 18px;
    cursor: pointer;
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1001;
}

.mobile_lang_outer {
    display: none;
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1001;
}

.mobile_lang_toggle {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 10px;
    font-size: 12px;
    color: #333;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
}

.mobile_lang_dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 5px;
    padding: 0;
    list-style: none;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    min-width: 80px;
}

.mobile_lang_dropdown.active {
    display: block;
}

.mobile_lang_dropdown li a {
    display: block;
    padding: 8px 12px;
    color: #333;
    text-decoration: none;
    font-size: 12px;
}

.mobile_lang_dropdown li a:hover {
    background: #f5f5f5;
}

.mobile_menu_btn span {
    display: block;
    width: 100%;
    height: 2px;
    background: #333;
    transition: all 0.3s;
}

.mobile_nav {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 280px;
    height: 100vh;
    background: #fff;
    z-index: 1000;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    padding-bottom: 50px;
}

.mobile_nav.active {
    transform: translateX(0);
}

.nav.mobile_nav_open .mobile_menu_btn {
    display: none;
}

.nav.mobile_nav_open .mobile_lang_outer {
    display: none !important;
}

.mobile_nav_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #eee;
}

.mobile_nav_header img {
    width: 30%;
}

.mobile_nav_close {
    cursor: pointer;
    font-size: 20px;
}

.mobile_nav_search {
    display: flex;
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}

.mobile_nav_search form {
    display: flex;
    width: 100%;
}

.mobile_nav_search input {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px 0 0 4px;
    outline: none;
}

.mobile_nav_search button {
    padding: 8px 12px;
    background: #333;
    color: #fff;
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}

.mobile_nav_list {
    padding: 10px 0;
}

.mobile_nav_item {
    display: block;
    padding: 12px 15px;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #f5f5f5;
}

.mobile_nav_sub {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile_nav_submenu {
    display: none;
    background: #f9f9f9;
}

.mobile_nav_submenu.active {
    display: block;
}

.mobile_nav_subitem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px 10px 30px;
    color: #666;
    text-decoration: none;
    border-bottom: 1px solid #eee;
}

.mobile_nav_subitem2 {
    display: block;
    padding: 10px 15px 10px 45px;
    color: #888;
    text-decoration: none;
    border-bottom: 1px solid #f0f0f0;
    font-size: 13px;
}

.nav_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.nav_overlay.active {
    display: block;
}

.footer_bottom_item_tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}

.footer_bottom_item_tit>a {
    color: #fff !important;
}

.footer_bottom_item--links .footer_bottom_item_tit {
    cursor: default;
}

.footer_bottom_item_icon {
    font-size: 14px;
    transition: transform 0.3s ease;
    display: none;
}

.footer_bottom_item.active .footer_bottom_item_icon {
    transform: rotate(180deg);
}

.footer_bottom_item_links {
    display: flex;
    flex-direction: column;
}

.footer_bottom_item .footer_bottom_item_con,
.footer_bottom_item .footer_bottom_item_addressItems {
    display: block;
}

.footer_banner3 {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: rgba(255, 255, 255, .6);
}

.nav_left {
    flex: 0 0 109px;
    width: 109px;
    min-width: 109px;
    padding: 10px 0;
    padding-bottom: 0;
}

.nav_left img {
    width: 100%;
    max-width: 109px;
    height: auto;
    max-height: 82px;
    object-fit: contain;
}

.footer_banner3 a {
    color: rgba(255, 255, 255, .6);
}

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

#header-container {
    position: relative;
    z-index: 2;

}

/* #container img {
    width: 100%;
    height: 100%;
} */

.contact {
    position: fixed;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    display: none;
    z-index: 9999999;
}

.contact_group {
    background: #F2F2F2;
    padding: 22px 12px;
    border-radius: 999px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
}

.contact_item {
    cursor: pointer;
    position: relative;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: transparent;
}

.contact_item:last-child {
    border-bottom: none;
}

.contact_item i {
    font-size: 24px !important;
    color: #999;
}

.contact_item:hover {
    background-color: transparent;
}

.contact_item:hover i {
    color: var(--main-color);
}

.contact_item.backTop {
    width: 50px;
    height: 50px;
    background-color: var(--main-color);
    box-shadow: 0 14px 34px rgba(221, 114, 150, 0.32);
}

.contact_item.backTop i {
    color: #fff;
    font-size: 26px !important;
}

.contact_item img {
    width: 100px;
    height: 100px;
}

.wechatBox {
    position: absolute;
    top: 50%;
    right: calc(100% + 14px);
    left: auto;
    transform: translateY(-50%) translateX(10px);
    width: 100px;
    height: 100px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.4s ease;
}

.wechatBox.active,
.wechatItem:hover .wechatBox {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
    pointer-events: auto;
}

.wechatBox img {
    width: 100%;
    height: 100%;
}

.wechatClose {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #333;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    cursor: pointer;
    z-index: 1;
}

.header_tops {
    padding-top: 4px;
    background-color: var(--main-color);
}

.header_tops_con {
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_tops_con_left {
    color: #FFF;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    font-style: 16px;
}

.header_tops_con_right {
    display: flex;
    color: #fff;
}

.header_tops_con_right a {
    color: #fff;
    font-weight: 400;
    line-height: 30px;
    font-size: 16px;
    display: flex;
}

.header_tops_con_right1 {
    display: flex;
    align-items: center;
    margin-left: 18px;
}

.header_tops_con_right1 .iconfont {
    margin-right: 16px;
    font-size: 18px;
}

.footer_bottom_item form {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding-top: 24px;
}

.footer_bottom_item a {
    color: rgba(255, 255, 255, 0.7);
    word-break: break-word;
}

.footer_bottom_item_ipt {
    color: #9C9C9C;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding: 11px 15px;
    background-color: rgba(255, 255, 255, 0.1);
    margin-bottom: 10px;
}

.footer_bottom_item_ipt input {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    font-family: "Poppins-Regular";
    font-size: 16px;
    color: #FFF;
}

.footer_bottom_item_ipt input::placeholder {
    color: #9C9C9C;
    font-size: 16px;
}


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

.footer_bottom_item_btn {
    width: 100px;
    padding: 11px 0px;
    background-color: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.4s ease;
}

.footer_bottom_item_btn button {
    background-color: transparent;
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    cursor: pointer;
}

.footer_bottom_item_btn:hover {
    background-color: #fff;
    color: var(--main-color);
}

.footer_bottom_item_btn:hover button {
    color: var(--main-color);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    content: '';
}

.index .swiper-button-next,
.index .swiper-button-prev {
    margin-top: -31px;
    width: 62px;
    height: 62px;
    border: 1px solid #fff;
}



.index .swiper-button-prev .iconfont,
.index .swiper-button-next .iconfont {
    font-size: 24px;
    color: #fff;
}

.index .banner2 {
    margin-top: 10px;
    position: relative;
}

.index .banner2::after {
    content: 'MJD';
    color: #666;
    font-family: "Poppins-SemiBold";
    font-size: 150px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    position: absolute;
    opacity: 0.1;
    z-index: -1;
}

.banner2_tit {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    font-weight: 600;
    line-height: 70px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 78px;
    position: relative;
    z-index: 2;
}

.banner2_list {
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 44px;
    margin-top: 50px;
    margin-bottom: 100px;
}

.banner2_item {
    position: relative;
}

.banner2_item_info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.banner2_item_mask {
    background: linear-gradient(359deg, rgba(15, 15, 15, 0.5) -6.55%, rgba(255, 255, 255, 0.00) 81.44%);
    height: 111px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.banner2_item_name {
    background-color: transparent;
    color: #FFF;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    z-index: 2;
    position: relative;
    padding-left: 20px;
    padding-bottom: 24px;
}

.banner3 {
    position: relative;
    background-color: #F5F5F5;
    padding-bottom: 52px;
    overflow: hidden;
}

.banner3_con1 {
    display: flex;
    gap: 35px;
    padding-top: 65px;
}


.banner3_right {
    width: 50%;
    position: relative;
}

.banner3_right img {
    height: 100%;
}

.banner3_right_play {
    position: absolute;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.banner3_left {
    flex: 1;
    position: relative;
    z-index: 2;
    padding-left: max(calc((100% - 1600px) / 2), 5%);
}

.banner3::after {
    content: '';
    background: url(../image/index_banner3Bg.png) no-repeat;
    width: 645px;
    height: 645px;
    position: absolute;
    top: -120px;
    left: 0;
    z-index: 0;
}

.nav_right_item:hover {
    color: var(--main-color);
}

.banner3_left_tit {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.banner3_left_msg {
    color: rgba(34, 34, 34, 0.2);
    font-family: "Poppins-Regular";
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 6px;
    border-bottom: 1px solid #999;
}

.banner3_left_con {
    padding-top: 43px;
    color: #222;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.banner3_left .btn {
    margin-top: 42px;
}

.banner3_con2 {
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
    margin-top: 53px;
    display: flex;
    justify-content: space-between;
}

.banner3_con2_item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}

.banner3_con2_itemNum {
    color: #000;
    text-align: center;
    font-family: "Poppins-SemiBold";
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.banner3_con2_itemmsg {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 6px;
    width: 100%;
    text-align: center;
}


.banner4 {
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
}

.banner4_tit {
    margin-top: 105px;
    text-align: center;
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    font-weight: 600;
    line-height: 70px;
    text-transform: uppercase;
}

.banner4_msg {
    color: #666;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 17px;
    margin: 0 auto;
    margin-top: 17px;
    width: 75%;
}



.certificate_swiper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: visible;
    --certificate-fit: min(1, calc((100vw - 40px) / 1600px));
    --certificate-base-width: calc(336px * var(--certificate-fit));
    --certificate-base-height: calc(475px * var(--certificate-fit));
    --certificate-shift-outer: calc(27.1px * var(--certificate-fit));
    --certificate-shift-mid: calc(47.3px * var(--certificate-fit));
}

.certificate_swiper .swiper-wrapper {
    align-items: flex-end;
}

.certificate_swiper .swiper-wrapper-box {
    width: min(1600px, 100%);
    margin: 0 auto;
    overflow: hidden;
}

.certificate_con {
    width: 100%;
    height: 100%;
    margin-top: 52px;
}

.certificate_swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    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: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    height: auto;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: visible;
    transition: opacity 0.55s ease;
}

.certificate_swiper .swiper-slide .certificate_item {
    width: var(--certificate-base-width);
    height: var(--certificate-base-height);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(0) scaleX(0.607558) scaleY(0.644105);
    transform-origin: center bottom;
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

.certificate_item {
    background: url(../image/certification_bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 15.48px 10.88px;
}

.certificate_swiper .certificate_img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.certificate_swiper .certificate_name {
    width: var(--certificate-base-width);
    min-height: 28px;
    transform: none;
    max-width: none;
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), color 0.35s ease, font-size 0.35s ease;
    will-change: transform;
}

.certificate_swiper .swiper-slide-active,
.certificate_swiper .swiper-slide-duplicate-active {
    height: auto;
    opacity: 1;
}

.certificate_swiper .swiper-slide-prev .certificate_item,
.certificate_swiper .swiper-slide-next .certificate_item {
    transform-origin: center bottom;
}

.certificate_swiper .swiper-slide-prev .certificate_item {
    transform: translateX(calc(-1 * var(--certificate-shift-mid))) scaleX(0.805233) scaleY(0.80786);
}

.certificate_swiper .swiper-slide-next .certificate_item {
    transform: translateX(var(--certificate-shift-mid)) scaleX(0.805233) scaleY(0.80786);
}

.certificate_swiper .swiper-slide-active .certificate_item,
.certificate_swiper .swiper-slide-duplicate-active .certificate_item {
    transform: translateX(0) scale(1);
}

.certificate_name {
    color: #666;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 24px;
}

.certificate_swiper .swiper-slide-prev,
.certificate_swiper .swiper-slide-next {
    opacity: 1;
}

.certificate_swiper .swiper-slide-prev .certificate_name,
.certificate_swiper .swiper-slide-next .certificate_name {
    transform: none;
}

.certificate_swiper .swiper-slide.is-second-prev .certificate_item {
    transform: translateX(calc(-1 * var(--certificate-shift-outer))) scaleX(0.607558) scaleY(0.644105);
}

.certificate_swiper .swiper-slide.is-second-next .certificate_item {
    transform: translateX(var(--certificate-shift-outer)) scaleX(0.607558) scaleY(0.644105);
}

.certificate_swiper .swiper-slide.is-second-prev .certificate_name {
    transform: translateX(calc(-1 * var(--certificate-shift-outer)));
}

.certificate_swiper .swiper-slide-prev .certificate_name {
    transform: translateX(calc(-1 * var(--certificate-shift-mid)));
}

.certificate_swiper .swiper-slide-next .certificate_name {
    transform: translateX(var(--certificate-shift-mid));
}

.certificate_swiper .swiper-slide.is-second-next .certificate_name {
    transform: translateX(var(--certificate-shift-outer));
}

.certificate_swiper .swiper-slide-active,
.certificate_swiper .swiper-slide-duplicate-active {
    opacity: 1;
}

.certificate_swiper .thumb-nav-prev {
    left: -5%;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 2;
    width: 46px;
    height: 46px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #666;
    cursor: pointer;

}

.certificate_swiper .thumb-nav-next {
    right: -5%;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 2;
    width: 46px;
    height: 46px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #666;
    cursor: pointer;

}

.certificate_swiper .thumb-nav-prev .iconfont,
.certificate_swiper .thumb-nav-next .iconfont {
    font-size: 16px;
    z-index: 3;
    color: #666;
}

.certificate_swiper .thumb-nav-prev:hover,
.certificate_swiper .thumb-nav-next:hover {
    background-color: var(--main-color);
}

.certificate_swiper .thumb-nav-prev:hover .iconfont,
.certificate_swiper .thumb-nav-next:hover .iconfont {
    color: #fff;
}


.certificate_swiper .swiper-slide-active .certificate_name {
    color: var(--main-color);
    text-align: center;
    font-family: "Poppins-SemiBold";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    transform: scale(1);
    margin-top: 30px;
}

.banner5 {
    margin-top: 48px;
    position: relative;
}

.banner5::after {
    content: 'MJD';
    color: #666;
    font-family: "Poppins-SemiBold";
    font-size: 150px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    position: absolute;
    opacity: 0.1;
    z-index: -1;
}

.banner5_tit {
    text-align: center;
    color: #000;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
    padding-top: 82px;
}


.banner5_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    margin-top: 80px;
}

.banner5_item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #F5F5F5;
    box-sizing: border-box;
    padding: 37px 40px 59px 40px;
    transition: all 0.3s ease-in-out;
    z-index: 2;
}

.banner5_ac {
    display: none;
}

.banner1 img {
    width: 100%;
}

.banner5_item img {
    margin-bottom: 20px;
}

.banner5_item_name {
    color: #333;
    text-align: center;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}

.banner5_item_msg {
    color: #666;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 28px;
}

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

.banner5_item:hover img {
    display: none;
}

.banner5_item:hover .banner5_ac {
    display: block;
}

.banner5_item:hover .banner5_item_name {
    color: #fff;
}

.banner5_item:hover .banner5_item_msg {
    color: #fff;
}


.banner6 {
    position: relative;
}

.banner6::after {
    content: 'MJD';
    position: absolute;
    left: 0;
    top: -51px;
    font-family: "Poppins-SemiBold";
    font-size: 240px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    opacity: 0.1;

    background: linear-gradient(182deg, #666 14.63%, #FFF 63.25%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: -1;
}

.banner6_tit {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    font-weight: 600;
    line-height: 70px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 83px;
}

.banner6_con {
    width: 100%;
    margin-top: 64px;
    display: grid;
    gap: 24px;
    overflow: hidden;
}

.banner6_marquee {
    position: relative;
    width: 100%;
    overflow: hidden;
}


.banner6_track {
    display: flex;
    width: max-content;
    gap: 24px;
    animation: banner6-marquee 34s linear infinite;
}

.banner6_marquee--reverse .banner6_track {
    animation-direction: reverse;
}

.banner6_marquee:hover .banner6_track {
    animation-play-state: paused;
}

.banner6_group {
    display: flex;
    gap: 24px;
    flex-shrink: 0;
}

.banner6_card {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    background: #f5f5f5;
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.08);
}

.banner6_card_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.banner6_card_info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 11px 18px 13px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: transform 0.35s ease, opacity 0.35s ease;
}

.banner6_card_title {
    color: #FFF;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.banner6_card_desc {
    margin-top: 12px;
    color: rgba(255, 255, 255, 0.88);
    line-height: 28px;
}

.banner6_card:hover .banner6_card_img {
    transform: scale(1.06);
}

.banner6_card:hover .banner6_card_info {
    opacity: 1;
    transform: translateY(0);
}

.banner7 {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    display: flex;
    gap: 174px;
    background: var(--main-color);
    padding: 55px 50px 78px;
}

.banner7::after {
    content: '';
    background: url(../image/banner7_bg.png) no-repeat;
    height: 100%;
    width: 41.875%;
    position: absolute;
    top: 0;
    left: 27px;
    z-index: 0;
}

.banner7_left {
    color: #FFF;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: normal;
    margin-top: 23px;
    flex: 1;
}

.banner7_right {
    max-width: 687px;
    width: 45.89%;
}

.banner7_right1 {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.banner7_right1 strong {
    color: #FFF;
    font-size: 20px;
    font-family: "Poppins-SemiBold";
}

.banner7_right2 {
    border-color: #fff;
    color: #fff;
    margin-top: 30px;
}

.bgs {
    background-color: #f2f2f2;
    padding-top: 107px;
    padding-bottom: 96px;
}

.banner8_tit {
    color: #222;
    /* 50S */
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
    margin-top: 93px;
    text-align: center;
}

.banner8_box {
    max-width: 1760px;
    width: 94%;
    margin: 0 auto;
    margin-top: 74px;
    overflow: visible;
    position: relative;
}

.banner8Slider {
    width: 100%;
    height: 100%;
    overflow: hidden;
    max-width: 1600px;
    margin: 0 auto;
}

.banner8Slider .swiper-slide {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #DBDBDB;
}

.banner8Slider .swiper-slide img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.swiper_info_img {
    /* height: 415px; */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.5s ease;
}

.swiper_info_img img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    transition: transform 0.5s ease;
}

.banner8Slider .swiper-slide {
    overflow: hidden;
}

.swiper-slide:hover .swiper_info_img img {
    transform: scale(1.06);
}

.swiper-slide:hover .swiper_infos1 {
    color: var(--main-color);
}

.banner8_more {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 51px;
}

.swiper_infos {
    border-top: 1px solid #DBDBDBDB;
    width: 100%;
    box-sizing: border-box;
    padding: 18px 20px 28px;
    z-index: 2;
}

.banner8Slider .swiper-slide {
    display: flex;
    flex-direction: column;
}

.swiper_infos1 {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 30px;
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.swiper_infos2 {
    color: #666;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 4px;
}


.banner8_box .swiper-button-next,
.banner8_box .swiper-button-prev {
    margin-top: 0px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #fff;
    top: 50%;
    transform: translateY(-50%);
}

.banner8_box .swiper-button-prev .iconfont,
.banner8_box .swiper-button-next .iconfont {
    color: #222;
    font-size: 18px;
}

.banner8_box .swiper-button-next {
    right: 0;
    color: #222;
}

.banner8_box .swiper-button-prev {
    left: 0;
    color: #222;
}

.banner8_box .swiper-button-next:hover,
.banner8_box .swiper-button-prev:hover {
    background-color: var(--main-color);
}

.banner8_box .swiper-button-next:hover .iconfont,
.banner8_box .swiper-button-prev:hover .iconfont {
    color: #fff;
}

@media (max-width: 1400px) {
    .banner8_box {
        padding-bottom: 84px;
    }

    .banner8_box .swiper-button-next,
    .banner8_box .swiper-button-prev {
        top: auto;
        bottom: 0;
    }

    .banner8_box .swiper-button-prev {
        left: 50%;
        right: auto;
        transform: translateX(-120%);
    }

    .banner8_box .swiper-button-next {
        left: 50%;
        right: auto;
        transform: translateX(20%);
    }
}


.banner9 {
    background: url(../image/banner9_bg.png) no-repeat;
    background-size: cover;
    padding: 112px 131px 113px 160px;
    display: flex;
    gap: 15px;
}

.banner9_left1 {
    color: #FFF;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 70px;
    text-transform: capitalize;
}

.banner9_left {
    width: 51.197%;
}

.banner9_right {
    flex: 1;
    margin-top: 19px;
}

.banner9_left1_highlight {
    color: var(--main-color);
}

.banner9_left2 {
    color: #FFF;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 5px;
}

.banner9_left .btn {
    margin-top: 70px;
}

.banner9_right_item {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 33px;
}

.banner9_right_item .cir {
    width: 36.474px;
    height: 36.474px;
    border-radius: 50%;
    background-color: #E6E6E6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.banner9_right_item p {
    color: #FFF;
    font-family: "Poppins-SemiBold";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
    flex: 1 1 auto;
    min-width: 0;
}


.banner10 {
    margin-top: 96px;
    position: relative;
    padding-bottom: 140px;
}

.banner10::after {
    content: 'MJD';
    color: #666;
    font-family: "Poppins-SemiBold";
    font-size: 250px;
    line-height: normal;
    text-transform: uppercase;
    opacity: 0.04;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -130px;
    z-index: -1;
}

.banner10_tit {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 70px;
    text-align: center;
    text-transform: uppercase;
}

.banner10_list {
    max-width: 1600px;
    width: 94%;
    margin: 70px auto 0;
}

.banner10Slider {
    width: 100%;
    overflow: hidden;
    padding-bottom: 68px;
}

.banner10Slider .swiper-slide {
    height: auto;
}

.banner10_card {
    height: 100%;
    background: #F5F5F5;
    padding: 90px 66px 52px 38px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.banner10_card::after {
    content: '';
    position: absolute;
    left: 33px;
    top: 30px;
    width: 41px;
    height: 33px;
    background: url('../image/dian.png') no-repeat;
    background-size: 100% 100%;
}


.banner10_card_text {
    color: #666;
    font-style: normal;
    font-weight: 400;
    line-height: 30px
}

.banner10Slider .swiper-pagination {
    bottom: 0;
}

.banner10Slider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #DBDBDB;
    opacity: 1;
}

.banner10Slider .swiper-pagination-bullet-active {
    background: var(--main-color);
}

.banner10_car_user {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-top: 33px;
}

.banner10_car_info1 {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 30px;
}

.banner10_car_info2 {
    color: #999;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 6px;
}

.banner11 {
    padding-top: 60px;
    padding-bottom: 95px;
    background-color: #F5F5F5;
}

.banner11_tit {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
    text-align: center;
}

.banner11_con {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    margin-top: 56px;
    display: flex;
    gap: 95px;
}

.banner11_left_msg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
}

.banner11_left_msg_item {
    color: #666;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.index_more {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    z-index: 6;
}

.banner11_left_tit {
    display: block;
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: normal;
    margin-top: 17px;
}

.banner11_left:hover .banner11_left_msg_item {
    color: var(--main-color);
}

.banner11_left:hover .banner11_left_tit {
    color: var(--main-color);
}

.banner11_right {
    flex: 1;
}

.banner11_right_item {
    display: flex;
    gap: 16px;
    padding-bottom: 42px;
    border-bottom: 1px solid #DDD;
}

.banner11_right_item:hover .banner11_ri_con_left_tit {
    color: var(--main-color);
}

.banner11_right :nth-child(2).banner11_right_item {
    margin-top: 35px;
}

.banner11_right :nth-child(3).banner11_right_item {
    margin-top: 35px;
}

.banner11_ri_left {
    color: #999;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 166.667% */
}

.banner11_ri_con {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 33px;
}

.banner11_ri_con_left {
    flex: 1;
}

.banner11_ri_con_left_tit {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.banner11_ri_con_left_msg {
    color: #666;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.banner11_ri_con_right {
    /* width: ; */
    width: 20.62%;
}

.banner11_left {
    width: 43.214%;
}

.banner11_left a img {
    width: 100%;
}

.banner12 {
    padding-top: 102px;
    padding-bottom: 44px;
}

.about2 .breadcrumb {
    padding-bottom: 0;
}

.banner12_tit {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
    text-align: center;
}

.banner12_msg {
    color: #666;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 16px;
    text-align: center;
}

.banner12_con {
    margin-top: 36px;
}


.banner12_rows {
    display: flex;
    flex-direction: column;
}

.banner12_rows :nth-child(2) {
    padding-top: 10px;
}

.banner12Slider {
    width: 100%;
    overflow: hidden;
    padding: 19px 0;
}

.banner12Slider .swiper-wrapper {
    transition-timing-function: linear;
}

.banner12Slider .swiper-slide {
    width: auto;
}

.banner12_logo {
    width: 208px;
    height: 106px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 10px;
    background: #FFF;
    overflow: hidden;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.10);
}

.banner12_logo img {
    display: block;
    width: auto;
    height: auto;
    transition: all 0.3s ease-in-out;
}

.banner12_logo:hover img {
    transform: scale(1.1);
}

@keyframes banner6-marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-50% - 12px));
    }
}


.pub_index {
    position: relative;
}

.pub_index img {
    width: 100%;
}

.pub_index_na {
    color: #FFF;
    text-align: center;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.product {
    background-color: #f1f1f1;
}

.breadcrumb {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    margin-top: 27px;
    line-height: 28px;
    padding-bottom: 42px;
}

.breadcrumb p {
    margin: 0 5px;
}

.breadcrumb span {
    color: var(--main-color);
}

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


.product_list {
    display: flex;
    gap: 70px;
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 100px;
}

.pro_left {
    width: 17.125%;
}

.pro_right {
    flex: 1;
}

.p_l_tit {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.p_l_item {
    width: 100%;
    color: #222;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    padding: 10px 23px;
    border-radius: 99px;
    background: #FFF;
    margin-bottom: 16px;
    display: block;
}

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

.p_l_item:hover {
    color: #FFF;
}


.p_l_tit2 {
    margin-top: 66px;
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 28px;
    text-align: center;
}

.p_l_list2 {
    background: #FFF;
    padding: 10px 0;
}

.p_l_list .active {
    background-color: var(--main-color);
    color: #FFF;
}

.p_l_item2 {
    display: flex;
    padding: 10px 15px 24px;
    gap: 12px;
    align-items: center;
}

.p_l_item2_l {
    border: 1px solid #DBDBDB;
    width: 40.61%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p_l_item2_r {
    color: #222;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    flex: 1;
}

.p_r_tit {
    font-family: "Poppins-SemiBold";
    text-transform: uppercase;
}

.p_r_msg {
    color: #666;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 13px;

}


.productsBanner_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 57px 36px;
    margin-top: 50px;
}


.productsBanner_list_item {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #DBDBDB;
    transition: all .3s ease;
}

.productsBanner_list_item img {
    width: 100%;
    border-bottom: 1px solid #DBDBDB;
}

.productsBanner_list_item:hover .productsBanner_list_item_info {
    color: var(--main-color);
}

.productsBanner_list_item:hover .productsBanner_list_item_info1 {
    color: var(--main-color);
}

.productsBanner_list_item:hover .productsBanner_list_item_info_btn {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
}

.productsBanner_list_item:hover .productsBanner_list_item_info_btn:hover {
    background-color: #fff;
    border-color: var(--main-color);
    color: var(--main-color);
}

.productsBanner_list_item:hover {
    /* border-color: var(--main-color); */
}

.productsBanner_list_item_info {
    padding: 23px 28px 27px;
    box-sizing: border-box;
    transition: all .3s ease;
}

.productsBanner_list_item_info1 {
    color: #222;
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.product .page {
    margin-top: 80px;
}

.productsBanner_list_item_msg {
    margin-top: 4px;
    color: #666;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    height: 56px;
    /* 两行溢出省略号 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.productsBanner_list_item_info2 {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.productsBanner_list_item_info2 input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    transition: all .3s ease;
    border-radius: 2px;
}

.productsBanner_list_item_info2 input[type="checkbox"]:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.productsBanner_list_item_info2 input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.productsBanner_list_item:hover .productsBanner_list_item_info2 input[type="checkbox"] {
    border-color: var(--main-color);
}

.productsBanner_list_item:hover .productsBanner_list_item_msg {
    color: var(--main-color);
}

.productsBanner_list_item_info_btn {
    transition: all .3s ease;
    color: #666;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    padding: 6px 26px;
    border-radius: 60px;
    border: 1px solid #666;
    margin-left: 11px;
    cursor: pointer;
}


.page {
    display: flex;
    align-items: center;
    gap: 13px;
    justify-content: center;
    margin-top: 74px;
}

.page a {
    color: #555;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #CCC;
    background: #FFF;
}

.page .current {
    background-color: var(--main-color);
    color: #fff;
    border: 1px solid var(--main-color);
}

.page .AddBtn {
    border-radius: 99px;
    background: var(--main-color);
    width: auto;
    color: #FFF;
    padding: 0 12px;
    border: 1px solid var(--main-color);
    position: relative;
}
.page .AddBtn input{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
    outline: none;
    border: none;
    cursor: pointer;
    opacity: 0;
}

.page button {
    height: 35px;
    cursor: pointer;
    outline: none;
    border: none;
    background-color: transparent;
    display: flex;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page .page-active {
    background-color: var(--main-color);
    color: #fff;
    border: 1px solid var(--main-color);
}

.page .AddBtn img {
    width: 13px;
    margin-left: 12px;
}

.page .AddBtn .hv {
    width: 13px;
    margin-left: 12px;
    display: none;
}

.page .AddBtn:hover img {
    display: none;
}

.page .AddBtn:hover .hv {
    display: block;
}

.bgw {
    background-color: #fff;
}

.product .bgw {
    padding-top: 90px;
    padding-bottom: 107px;
}

.abouts {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    margin-top: 98px;
    display: flex;
    gap: 52px;
}

.ab_right {
    width: 49.875%;
    position: relative;
}

.play {
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.play img {
    width: 27px;
    height: 27px;
}


body.is-video-open {
    overflow: hidden;
}

.videoModal {
    position: fixed;
    inset: 0;
    z-index: 10000000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.videoModal.active {
    display: flex;
}

.videoModal_mask {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
}

.videoModal_dialog {
    position: relative;
    width: min(920px, 100%);
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: 12px;
    overflow: hidden;
    z-index: 1;
}

.videoModal_video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #000;
}

.videoModal_close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.45);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.videoModal_close .iconfont {
    font-size: 16px;
    color: #fff;
}


.ab_left {
    flex: 1;
}

.ab_left1 {
    color: #222;
    font-family: 'Poppins-SemiBold';
    line-height: normal;
    text-transform: uppercase;
}

.ab_left2 {
    color: #222;
    font-family: 'Poppins-Regular';
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.2;
    padding-bottom: 12px;
    border-bottom: 1px solid #999;
}

.ab_left3 {
    color: #222;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    padding: 32px 16px 32px 0;
}

.abouts .btn {
    margin-top: 22px;
}

.jqzoom {
    float: left;
    position: relative;
    padding: 0px;
}

.zoomdiv {
    z-index: 200;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
}

.zoomdiv img {
    max-width: unset !important;
}

.jqZoomPup {
    z-index: 200;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #aaa;
    background: #ffffff;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
    transition: none;
}

.goods {
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
    margin-top: 60px;
    display: flex;
    gap: 70px;
}

.goods_left {
    display: flex;
    gap: 27px;
    width: 44.5625%;
    box-sizing: border-box;
}

.goods_left .swiper-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.goods_right {
    flex: 1;
    display: flex;
    flex-direction: column;

}

.goods_left_box {
    flex: 1;
    min-width: 0;
    aspect-ratio: 1 / 1;
    position: relative;
    border-radius: 14px;
    border: 0.955px solid #CCC;
    background: #FFF;
}


.goods_left_box .swiper {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    border-radius: 12px;
    overflow: hidden;
}

.goods_left_box .swiper-slide {
    height: 100% !important;
}

.goods_left_box .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.thumb-outer {
    width: clamp(72px, 15%, 94px);
    align-self: stretch;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    padding: 20px 0;
}


.thumb-outer .swiper {
    width: 100%;
    height: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: absolute;
    top: 24px;
    right: 0;
    bottom: 24px;
    left: 0;
    transform: none;
}

.thumb-outer .swiper-wrapper {
    flex: 1;
}

.thumb-outer .swiper-slide {
    flex-shrink: 0;
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    height: auto !important;
    border: 1px solid #CCC;
    border-radius: 12px;
    background-color: #fff;
}

.thumb-outer .swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: contain;

}

.thumb-outer .swiper-button-prev,
.thumb-outer .swiper-button-next {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    height: 20px;
    margin: 0;
    margin-top: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thumb-outer .swiper-button-prev {
    top: 0;
    left: 0;
}

.thumb-outer .swiper-button-next {
    bottom: 0;
    left: 0;
}

.thumb-outer .swiper-button-prev::after,
.thumb-outer .swiper-button-next::after {
    display: none;
}

.thumb-outer .swiper-button-prev .iconfont,
.thumb-outer .swiper-button-next .iconfont {
    font-size: 16px;
    color: #999;
}



#thumbSwiper .swiper-slide-thumb-active {
    position: relative;
    border: 1px solid #BA252E;
    border-radius: 10px;
    overflow: hidden;
}

#thumbSwiper .swiper-slide-thumb-active::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    top: 0;
}

.goods_right_tit {
    color: #1E1E1E;
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DBDBDBDB;
    margin-bottom: 27px;
}

.goods_right_msg {
    margin-bottom: auto;
}

.goods_right_msg p {
    color: #666;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    font-style: normal;
}

.goods_right_msg strong {
    color: #666;
    font-family: 'Poppins-SemiBold';
}

.goods_right_msg em {
    padding-left: 20px;
    position: relative;
    font-style: normal;

}

.goods_right_msg em::after {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #666;
    position: absolute;
    left: 5px;
    top: 10px;
}

.goods_right_msg1 {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #666;
    flex: 1;
}

.goods_right_msg1 .iconfont {
    color: #666;
}

.goods_right_msg1 a {
    color: #131313;
}

.goods_right_share {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-top: 35px;
    border-top: 1px solid #DBDBDBDB;
    margin-top: 27px;
}

.goods_right_btnList {
    display: flex;
    align-items: center;
    margin-top: 28px;
}

.goods_right_btnList .btn {
    margin-top: 0;
}

.goods_right_btnList .btn:first-child {
    margin-right: 30px;
}

.goods_right_btnList .btn:hover {
    color: var(--main-color);
    border-color: var(--main-color);
}

.goods_right_btn {
    color: #666;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 26px;
    border-radius: 60px;
    border: 1px solid #666;
    margin-left: 30px;
}

.tableTit {
    color: #222;
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    font-weight: 600;
    line-height: 70px;
    text-transform: uppercase;
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
    position: relative;
    margin-top: 26px;
    padding-top: 82px;
}


.tableTit::after {
    content: 'MJD';
    color: #666;
    font-family: 'Poppins-SemiBold';
    font-size: 150px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    top: 0;
    left: 44px;
    position: absolute;
    opacity: 0.1;
    z-index: 0;
}

.tableTit2 {
    color: #222;
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
}


.goods_desc {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    margin-top: 50px;
}



.goods_desc table {
    display: block;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 35px;
}

.goods_desc table tbody {
    display: table;
    width: max-content;
    min-width: 100%;
}

.goods_desc table tr {
    border: 1px solid #E1E2E4;
}

.goods_desc table tr:first-child {
    background: #B3B3B3 !important;
    text-align: center;
    color: #131313;
    font-family: 'Poppins-SemiBold';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.goods_desc table tr:nth-child(even) {
    background: #FFF;

}

.goods_desc table tr:nth-child(odd) {
    background: #F5F6F7;

}

.goods_desc table tr td:first-child {
    width: 30%;
    padding: 15px 0;
}

.goods_desc table tr td {
    color: #131313;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    white-space: nowrap;
}

.goods_desc table tr td:first-child {
    color: #131313;
    font-family: 'Poppins-SemiBold';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    padding-left: 38px;
}

.goods_desc strong {
    color: #000;
    font-family: 'Poppins-SemiBold';
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 70px;
    margin-top: 100px;
}

.goods_desc p {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.goods_desc img {
    display: inline-block;

}

.goods_desc em {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    padding-left: 30px;
    position: relative;
    margin-top: 40px;
    display: block;
}

.goods_desc em::after {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: url(../image/em_after.png) no-repeat 100% 100%;
    background-size: cover;
}

.product2_swiper1 {
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
    margin-top: 100px;
}

.swiper3_item_info {
    color: #222;
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    padding-top: 23px;
    padding-bottom: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product_tit {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.product_tit_l {
    color: #222;
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    font-weight: 600;
    line-height: 70px;
    text-transform: uppercase;
}

.swiper3_contral {
    display: flex;
    align-items: center;
    gap: 20px;
}

.product2_swiper1 .swiper3_contral .swiper-pagination {
    position: static;
    width: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.product2_swiper1 .swiper3_con {
    padding-bottom: 20px;
}

.product2_swiper1 .swiper3_con .swiper-pagination {
    bottom: 0;
}

.product2_swiper1 .swiper3_contral .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #DBDBDB;
    opacity: 1;
    margin: 0;
}

.product2_swiper1 .swiper3_contral .swiper-pagination-bullet-active {
    background: var(--main-color);
}

.product2_swiper1 .swiper-button-next,
.product2_swiper1 .swiper-button-prev {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #666;
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    transform: translate(0, 0);
    margin-top: 0;
}

.product2_swiper1 .swiper-button-next .iconfont,
.product2_swiper1 .swiper-button-prev .iconfont {
    color: #666;
}

.product2_swiper1 .swiper-button-next:hover,
.product2_swiper1 .swiper-button-prev:hover {
    background: var(--main-color);
    color: #FFF;
    border-color: var(--main-color);
}

.product2_swiper1 .swiper-button-next:hover .iconfont,
.product2_swiper1 .swiper-button-prev:hover .iconfont {
    color: #FFF;
}

.product2_swiper1 .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
}

.product2_swiper1 .swiper-pagination-bullet-active {
    background: var(--main-color);
}

.product2_list2 {
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
    margin-top: 100px;
    margin-bottom: 100px;
}

.product2_tit {
    color: #222;
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    font-weight: 600;
    line-height: 70px;
    text-transform: uppercase;
}

.pd_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 40px;
}

.pd_item {
    background: #F5F5F5;
    padding: 0 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 10px;
}

.pd_item_img {
    width: 58.119%;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 58px;
}

.pd_item_name {
    color: #222;
    text-align: center;
    font-family: 'Poppins-SemiBold';
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    margin-top: 52px;
}

.pd_item_msg {
    color: #666;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 5px;
}

.pub_banner8 {
    position: relative;
    margin-bottom: 100px;
}

.pub_banner8::after {
    content: 'MJD';
    color: #666;
    font-family: 'Poppins-SemiBold';
    font-size: 150px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    opacity: 0.1;
    z-index: -1;
}

.pub_banner8_tit {
    color: #222;
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    font-weight: 600;
    line-height: 70px;
    text-transform: uppercase;
    padding-top: 78px;
    text-align: center;
}

.banner8_con .swiper-button-next,
.banner8_con .swiper-button-prev {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #666;
}

.banner8_con .swiper-button-next .iconfont,
.banner8_con .swiper-button-prev .iconfont {
    color: #666;
}

.banner8_con .swiper-button-next:hover,
.banner8_con .swiper-button-prev:hover {
    background: var(--main-color);
    color: #FFF;
    border-color: var(--main-color);
}

.banner8_con .swiper-button-next:hover .iconfont,
.banner8_con .swiper-button-prev:hover .iconfont {
    color: #FFF;
}

.pub_banner8 .swiper_infos {
    padding: 20px 26px 16px;
}

.pub_banner8 .swiper_infos2 {
    /* margin-top: 6px; */
}

.cus_tit {
    margin-top: -10px;
    position: relative;
    padding-top: 82px;
    color: #222;
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
    text-align: center;
}

.cus_tit::after {
    content: 'MJD';
    color: #666;
    font-family: 'Poppins-SemiBold';
    font-size: 150px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    opacity: 0.1;
    z-index: -1;
}

.ser_tit {
    color: #222;
    text-align: center;
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
    margin-top: 67px;
}


.cus_b1_list {
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
    margin-top: 23px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.cus_b1_item {
    display: flex;
    padding: 34px;
    padding-top: 37px;
    padding-bottom: 44px;
    padding-left: 24px;
    background-color: #F5F5F5;
}

.cus_b2_item_l {
    width: 44%;
}

.cus_b2_item_l img {}

.cus_b2_item_r {
    flex: 1;
}

.cus_b1_item1 {
    width: 48px;
    margin-right: 26px;
}

.cus_b1_item2 {
    flex: 1;
}

.cus_b1_item3 {
    margin-left: 67px;
    margin-top: 7px;
}

.cus_b1_item2_tit {
    color: #151515;
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    line-height: 30px;
}

.cus_b1_item2_con {
    color: #666;
    font-family: 'Poppins-Regular';
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 20px;
}


.cus_b2 {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;

}

.cus_b2_tit {
    color: #222;
    text-align: center;
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
    margin-top: 98px;
}

.cus_b2_msg {
    color: #666;
    text-align: center;
    font-family: 'Poppins-Regular';
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 187.5% */
}

.cus_b2_list {
    display: flex;
    align-items: center;
    gap: 43px;
    margin-top: 46px;
}

.cus_b2_item {
    display: flex;
    padding: 13.7px 45px;
    padding-left: 15px;
    background: #FFF;
    box-shadow: 0 0 30px 0 rgba(48, 74, 108, 0.12);
    gap: 30px;
    flex: 1;
}

.cus_b2_item_r_tit {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 30px;
    height: 60px;
    margin-top: 38px;
    /* 两行溢出隐藏 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

.cus_b2_item_r_tit {}


.cus_b2_item_r_con {
    color: #666;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cus_b3 {
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
    margin-top: 100px;
    margin-bottom: 103px;
}

.cus_b3_tit {
    color: #222;
    text-align: center;
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
}

.cus_b3_msg {
    color: #666;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}


.cus_b3_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 35px;
    margin-top: 52px;
}

.cus_b3_item {
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.10);
    padding: 26px 27px 28px 30px;
}

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

.cus_b3_item:hover .cus_b3_item2 {
    color: #FFF;
}

.cus_b3_item:hover .cus_b3_item3 p {
    color: #FFF;
}

.cus_b3_item:hover img {
    display: none;
}

.cus_b3_item:hover .cus_ac {
    display: block;
}


.cus_b3_item1 img {
    width: 60px;
    height: 60px;
}

.cus_b3_item1 .cus_ac {
    display: none;
}

.cus_b3_item2 {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 30px;
    margin-top: 21px;
}

.cus_b3_item:nth-child(1) .cus_b3_item2,
.cus_b3_item:nth-child(2) .cus_b3_item2 {
    margin-top: 15px;
}

.cus_b3_item3 p {
    color: #666;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 12px;
}


.cus_b4 {
    background-color: #f5f5f5;
    padding: 64px 0 65px;
}

.cus_b4_con {
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
}

.cus_b4_tit {
    color: #222;
    text-align: center;
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
}

.cus_b4_msg {
    color: #666;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.cus_b4_flow {
    margin-top: 60px;
    --cus_b4_bubble_size: 100px;
    --cus_b4_line_top: calc(var(--cus_b4_bubble_size) / 2);
    --cus_b4_pointer_out: 12px;
    --cus_b4_pointer_in: 11px;
    --cus_b4_bubble_outer_padding_x: 45px;
}

.cus_b4_flow_row {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 0;
}

.cus_b4_flow_row::before {
    content: "";
    position: absolute;
    left: calc(16.6667% + (var(--cus_b4_bubble_size) / 2));
    right: calc(16.6667% + (var(--cus_b4_bubble_size) / 2));
    top: var(--cus_b4_line_top);
    border-top: 4px dotted rgba(221, 114, 150, 0.55);
}

.cus_b4_flow_row::after {
    content: "";
    position: absolute;
    left: 83.3333%;
    top: var(--cus_b4_line_top);
    bottom: 0;
    border-left: 4px dotted rgba(221, 114, 150, 0.55);
    transform: translateX(-50%);
}

.cus_b4_flow_row.is-bottom::after {
    top: 0;
    bottom: calc(100% - var(--cus_b4_line_top));
}

.cus_b4_flow_row.is-bottom {
    display: grid;
}

.cus_b4_flow_row.is-bottom .step04 {
    order: 3;
}

.cus_b4_flow_row.is-bottom .step05 {
    order: 2;
}

.cus_b4_flow_row.is-bottom .step06 {
    order: 1;
}

.cus_b4_flow_item {
    position: relative;
    text-align: center;
    padding: 0 8px;
    --c-title: #222;
    --c-desc: #999;
    --c-bubble-bg: #fff;
    --c-bubble-border: rgba(221, 114, 150, 0.55);
    --c-bubble-text: var(--main-color);
    transition: color 0.3s ease;
}

.cus_b4_flow_item:hover,
.cus_b4_flow_item.is-active {
    --c-title: var(--main-color);
    --c-desc: rgba(221, 114, 150, 0.75);
    --c-bubble-bg: var(--main-color);
    --c-bubble-border: var(--main-color);
    --c-bubble-text: #fff;
}

.cus_b4_flow_bubble_outer {
    width: fit-content;
    margin: 0 auto;
    padding: 0 var(--cus_b4_bubble_outer_padding_x);
    background-color: #f5f5f5;
    position: relative;
    z-index: 1;
}

.cus_b4_flow_text_outer {
    width: fit-content;
    margin: 0 auto;
    background-color: #f5f5f5;
    position: relative;
    z-index: 1;
    padding-bottom: 10px;
}

.cus_b4_flow_bubble {
    position: relative;
    width: var(--cus_b4_bubble_size);
    height: var(--cus_b4_bubble_size);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Poppins-SemiBold";
    font-size: 30px;
    line-height: 56px;
    color: var(--c-bubble-text);
    background-color: var(--c-bubble-bg);
    border: 1px solid var(--c-bubble-border);
}

.cus_b4_flow_bubble::before {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(100% - 1px);
    transform: translateX(-50%);
    border: var(--cus_b4_pointer_out) solid transparent;
    border-top-color: var(--c-bubble-border);
}

.cus_b4_flow_bubble::after {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(100% - 2px);
    transform: translateX(-50%);
    border: var(--cus_b4_pointer_in) solid transparent;
    border-top-color: var(--c-bubble-bg);
}

.cus_b4_flow_tit {
    margin-top: 22px;
    font-family: "Poppins-SemiBold";
    font-size: 20px;
    line-height: 30px;
    color: var(--c-title);
}

.cus_b4_flow_msg {
    margin-top: 9px;
    font-size: 16px;
    line-height: 28px;
    color: var(--c-desc);
}

.cus_b4_flow_mid {
    position: relative;
    height: 78px;
}

.cus_b4_flow_mid::before {
    content: "";
    position: absolute;
    left: 83.3333%;
    top: 0;
    bottom: 20px;
    border-left: 4px dotted rgba(221, 114, 150, 0.55);
    transform: translateX(-50%);
}

.cus_b4_flow_row.is-bottom::before {
    left: calc(16.6667% + (var(--cus_b4_bubble_size) / 2));
    right: calc(16.6667% + (var(--cus_b4_bubble_size) / 2));
}

.cus_b5 {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 90px;
    margin-top: 93px;
}

.cus_b5_tit {
    color: #222;
    text-align: center;
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
}

.cus_b5_msg {
    color: #666;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.cus_b5_con {
    display: flex;
    gap: 57px;
    margin-top: 44px;
}

.cus_b5_con_l {
    width: 46.875%;
}

.cus_b5_con_r {
    flex: 1;
}

.cus_b5_con_r p {
    padding-left: 38px;
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 7px;
}

.cus_b5_con_r em {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-size: 24px;
    font-style: normal;
    line-height: 30px;
    position: relative;
    margin-top: 28px;
    display: block;
}

.cus_b5_con_r em::after {
    content: '';
    position: absolute;
    left: -38px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../image/em_after.png) no-repeat;
    background-size: 100% 100%;
    width: 21px;
    height: 21px;
}

.cus_b6 {
    background: #F5F5F5;
    padding: 56px 0;
}

.cus_b6_con {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    gap: 43px;
}

.cus_b6_con_l {
    flex: 1;
    margin-top: 30px;
}

.cus_b6_con_r {
    width: 49.875%;
}

.cus_b6_con_l_tit {
    color: #222;
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    line-height: 66px;
    text-transform: uppercase;
}

.cus_b6_con_l_msg {
    color: #666;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 30px;
}

.cus_b6_con_l_con p {
    color: #222;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding-left: 32px;
    position: relative;
    margin-top: 20px;
}

.cus_b6_con_l_con p::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../image/em_after.png) no-repeat;
    background-size: 100% 100%;
    width: 18px;
    height: 18px;
}

.cus .banner7 {
    margin-top: 100px;
}

.cus .breadcrumb {
    padding-bottom: 0;
}

.about .banner3 {
    padding-top: 27px;
}

.about .banner3 .breadcrumb {
    padding-bottom: 66px;
    margin-top: 0;
}

.about .banner3_con1 {
    padding-top: 0;
}

.about .banner3::after {
    top: -80px;
}



.ab_b6_tit {
    color: #222;
    text-align: center;
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
    margin-top: 114px;

}

.ab_b6_msg {
    color: #666;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    margin-top: 16px;
}

.ab_banner6 .banner6_con {
    margin-top: 55px;
}


.ab_banner7 {
    position: relative;
    margin-top: 46px;
}

.ab_banner7::after {
    content: 'MJD';
    color: #666;
    font-family: "Poppins-SemiBold";
    font-size: 150px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    opacity: 0.2;
    z-index: -1;
}

.ab_b7_tit {
    color: #000;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 82px;
}

.ab_b7_msg {
    color: #666;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    margin-top: 35px;
}

.ab_b7_con {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    gap: 62px;
    margin-top: 50px;
}

.ab_b7_left {
    width: 55%;
}

.ab_b7_right {
    flex: 1;
}

.ab_b7_right table {
    width: 100%;
    border-collapse: collapse;
}

.ab_b7_right table td {
    color: #666;
    font-size: 16px;
    font-family: "Poppins-Regular";
    text-align: center;
    padding: 12px 0;
    border: 1px solid #E1E2E4;

}

.ab_b7_right table tr:first-child td {
    background: #F5E1E8;
    color: #222;
    font-size: 16px;
    font-family: "Poppins-SemiBold";
    white-space: nowrap;
}


.ab2_b1 {
    margin-top: 66px;
    margin-bottom: 96px;
}

.ab2_b1_tit {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    color: #222;
    text-align: center;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
}

.ab2_b1_msg {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    color: #666;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 4px;
}

.ab2_b1_con {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    margin-top: 100px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 102px 44px;
}

.ab2_b1_card {
    position: relative;
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.12);
    padding: 96px 34px 30px 33px;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;

}

.ab2_b1_card_media {
    position: absolute;
    left: 33px;
    top: -44px;
    overflow: hidden;
    background: #f2f2f2;
}

.ab2_b1_card_media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ab2_b1_card_badge {
    position: absolute;
    right: 44px;
    top: -34px;
    width: 68.8px;
    height: 68.8px;
    border-radius: 50%;
    background: var(--main-color);
    color: #fff;
    font-family: "Poppins-SemiBold";
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ab2_b1_card_title {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-size: 22px;
    line-height: 30px;
}

.ab2_b1_card_desc p {
    margin-top: 10px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.ab2_b1_card:hover,
.ab2_b1_card.is-active {
    box-shadow: 0 18px 54px rgba(0, 0, 0, 0.12);
}

.ab2_b1_card:hover .ab2_b1_card_title,
.ab2_b1_card.is-active .ab2_b1_card_title {
    color: var(--main-color);
}

.ab2_b1_card:hover .ab2_b1_card_desc p,
.ab2_b1_card.is-active .ab2_b1_card_desc p {
    color: rgba(221, 114, 150, 0.7);
}

.ab2_b2 {
    background-color: #F5F5F5;
    padding: 82px 0 78px;
}

.ab2_b2_con {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    gap: 60px;
}

.ab2_b2_r {
    flex: 1;
    position: relative;
    overflow: hidden;
}

.ab2_b2_l {
    width: 38.125%;
}

.ab2_b2_l_tit {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
    margin-top: 26px;
}

.ab2_b2_l_msg {
    margin-top: 10px;
}

.ab2_b2_l_msg p {
    color: #222;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.ab2_b2_l_msg strong {
    color: #DD7296;
    font-weight: 400;
}

.ab2_b2_l_msg em {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
}

.ab2_b2_swiper {
    width: 100%;
    overflow: visible;
}

.ab2_b2_swiper .swiper-wrapper {
    align-items: center;
}

.ab2_b2_swiper .swiper-slide {
    width: 78%;
    max-width: 740px;
    height: auto;
    opacity: 0.85;
    z-index: 1;
    transition: opacity 0.35s ease;
}

.ab2_b2_slide {
    position: relative;
    overflow: hidden;
    transform: scale(0.70);
    transform-origin: center;
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.ab2_b2_slide img {
    width: auto;
    max-width: 720px;
    height: auto;
    display: block;
    object-fit: cover;
}

.ab2_b2_slide::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.38);
    opacity: 1;
    transition: opacity 0.35s ease;
}

.ab2_b2_slide_caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 18px;
    text-align: center;
    color: #fff;
    line-height: 26px;
    background: linear-gradient(0deg, #000 0.8%, rgba(0, 0, 0, 0.00) 100%);
    z-index: 2;
    transition: opacity 0.25s ease;
    opacity: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.swiper-slide-active .ab2_b2_slide_caption {
    opacity: 1;
}

.ab2_b2_swiper .swiper-slide-active {
    opacity: 1;
    z-index: 3;
}

.ab2_b2_swiper .swiper-slide-prev,
.ab2_b2_swiper .swiper-slide-next {
    z-index: 2;
}

.ab2_b2_swiper .swiper-slide-active .ab2_b2_slide::after {
    opacity: 0;
}

.ab2_b2_swiper .swiper-slide-active .ab2_b2_slide {
    transform: scale(1);
}

.ab2_b2_swiper .swiper-slide-prev .ab2_b2_slide {
    transform: translateX(56px) scale(0.86);
}

.ab2_b2_swiper .swiper-slide-next .ab2_b2_slide {
    transform: translateX(-56px) scale(0.86);
}

.ab2_b2_swiper .swiper-slide-active .ab2_b2_slide_caption {
    opacity: 1;
}

.ab2_b2_nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.7);
    background: rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
    transition: background 0.25s ease, border-color 0.25s ease;
}

.ab2_b2_nav .iconfont {
    color: #fff;
    font-size: 18px;
}

.ab2_b2_nav_prev {
    left: 27px;
}

.ab2_b2_nav_next {
    right: 27px;
}

.ab2_b2_nav:hover {
    background: var(--main-color);
    border-color: var(--main-color);
}

.ab2_b2_nav:hover .iconfont {
    color: #fff;
}


.ab2_b3 {
    margin-top: 93px;
    margin-bottom: 100px;
}

.ab2_b3_tit {
    color: #222;
    text-align: center;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
}

.ab2_b3_msg {
    color: #666;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 8px;

}

.ab2_b3_con {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    margin-top: 52px;
    display: flex;
    gap: 57px;
}

.ab2_b3_l {
    width: 46.5625%;
}

.ab2_b3_r {
    flex: 1;
    padding-top: 45px;
}

.ab2_b3_r_item {
    margin-bottom: 40px;
}

.ab2_b3_r_item_tit {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 30px;
}

.ab2_b3_r_item_msg {
    margin-top: 15px;
}

.ab2_b3_r_item_msg p {
    color: #666;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.ab2_b3_r_item_msg strong {
    color: #DD7296;
    font-weight: 400;
}

.ab2_b3_r_item_msg em {
    color: #666;
    font-family: "Poppins-SemiBold";
    font-style: normal;
}

.ab2_b4 {
    background-color: #F5F5F5;
    padding-top: 70px;
    padding-bottom: 70px;
}

.ab2_b5 {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    margin-top: 85px;
    display: flex;
    gap: 54px;
}

.ab2_b5_r {
    width: 46.5625%;
}

.ab2_b5_l {
    flex: 1;
    padding-top: 64px;
}

.ab2_b5_l_tit {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    font-weight: 600;
    line-height: 70px;
    text-transform: uppercase;
}

.ab2_b5_l_con {
    color: #666;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 13px;
}

.about2 .pub_banner8 {
    margin-top: 70px;
}

.projectList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 53px;
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    margin-top: 24px;
}

.line-clamp-2 {
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative;
    clip-path: inset(0);
}

.projectName {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin: 25px 14px;
    cursor: pointer;
    height: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.projectItem_img {
    position: relative;
}

.projectItem_img img {
    width: 100%;
    height: auto;
    display: block;
}

.mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
}

.projectItem {
    display: flex;
    flex-direction: column;
}

.projectItem:hover .mask {
    opacity: 1;
}

.projectItem:hover .projectName {
    color: var(--main-color);
}


.project .page {
    margin-top: 54px;
}

.project .pub_banner8 {
    margin-top: 58px;
}


.proj2_tit {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    color: #333;
    font-family: "Poppins-SemiBold";
    font-size: 36px;
    font-style: normal;
    line-height: 56px;
    margin-top: 24px;
}

.proj2_msg {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 24px;
    margin-top: 30px;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    color: #666;
}

.proj2_msg img {}

.proj2_msg #st-1 {
    margin-left: 11px;
}

.proj2_desc {
    padding-bottom: 86px;
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
}

.proj2_ctits p {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 70px;
    font-size: 34px;
    text-transform: uppercase;
    margin-top: 45px;

}

.proj2_con1{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.proj2_con1 p {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;

    display: inline-block;
    width: 33%;
    margin-bottom: 10px;
}

.proj2_con p {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.proj2_con strong {
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 30px;
    color: #222;
}

.proj2_con em {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    padding-left: 26px;
    position: relative;
}

.proj2_con em::after {
    content: '';
    background: url(../image/em_after.png) no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 4px;
}

.proj2_con img {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 20px;
}


.proj2_hf {
    background-color: #F5F5F5;
    padding: 30px 55px 47px 38px;
    position: relative;
}

.hf p {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.dian2 {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.proj2_hf .banner10_car_user {
    margin-top: 0;
    gap: 20px;
}

.proj2_hf .banner10_car_ava {
    width: 84px;
    height: 84px;
}

.proj2_check {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(153, 153, 153, 0.5);
    padding-top: 28px;
}

.check_prebox1 {
    color: #333;
    text-align: right;
    font-family: "Poppins-SemiBold";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.check_pre,
.check_next {
    display: flex;
    align-items: center;
    max-width: 50%;
    overflow: hidden;
}

.check_pre .check_prebox1 {
    text-align: left;
}

.proj2_check .icons {
    width: 44.912px;
    height: 44.912px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    align-items: center;
    background-color: #999;
    border-radius: 10px;
}

.check_pre .icons {
    margin-right: 18px;
    flex-shrink: 0;
}

.check_next .icons {
    margin-left: 18px;
    flex-shrink: 0;
}

.proj2_check .icons .iconfont {
    font-size: 16px;
    color: #fff;
}

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

.check_next .check_prebox a {
    text-align: right;
    display: block;
    /* 两行溢出隐藏 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.check_pre .check_prebox a {
    text-align: left;
    display: block;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.check_pre .resource .breadcrumb {
    padding-bottom: 0;
}

.resour_con {
    position: relative;
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    margin-top: 14px;
}

.resour_con::after {
    content: 'MJD';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    font-size: 150px;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    opacity: 0.1;
    z-index: -1;
}

.resour_tit {
    color: #222;
    /* 50S */
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
    padding-top: 78px;
    text-align: center;
}

.df {
    display: flex;
    gap: 70px;
    margin-top: 78px;
}

.resour_con_left {
    flex: 1;
}

.resour_con_right {
    width: 39.0625%;
    display: flex;
    gap: 13px;
}

.resour_con_right1 {
    margin-top: 83px;
}

.resour_con_right1 img {
    margin-bottom: 20px;
}

.resour_con_right2 img {
    margin-bottom: 20px;
}

.resour_con_right img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
}

.resour_con_left_item {
    display: flex;
    gap: 27px;
    padding-top: 53px;
    padding-bottom: 34px;
    border-bottom: 1px solid rgba(129, 128, 128, .5);
}

.resour_con_left_item:first-child {
    padding-top: 0;
    padding-bottom: 30px;
}

.resour_con_l_i_r_tit {
    color: #333;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 30px;
    /* 125% */
}

.resour_con_l_i_r_msg {
    color: #666;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 11px;
    /* 175% */
}

.resour_con_l_i_l img {
    width: 66px;
    height: 66px;
}

.resour_con_l_i_r {
    flex: 1;
}

.resource .pub_banner8 {
    margin-top: 60px;
}

.faq .breadcrumb {
    padding-bottom: 0;
}

.faq_banner1 {
    position: relative;
    margin-top: 14px;
}

.faq_banner1::after {
    content: "MJD";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    font-size: 150px;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    opacity: 0.1;
    z-index: 0;
}

.faq_tit {
    color: #222;
    text-align: center;
    font-family: "Poppins-SemiBold";
    font-size: 50px;
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
    padding-top: 78px;
}

.faqList {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    margin-top: 92px;
    display: flex;
    flex-direction: column;
    gap: 38px;
}

.faqItem {
    padding-bottom: 0;
    cursor: pointer;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(217, 217, 217);
    border-top: 1px solid rgba(217, 217, 217);
}

.faqAsk {
    /* border-top: 1px solid #D9D9D9; */
    padding-top: 28px;
    color: #222;
    font-family: "Poppins-SemiBold";
    font-size: 18px;
    font-style: normal;
    line-height: 28px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.faqItem:first-child {
    border-top: 1px solid #D9D9D9;
}

.faqRespond {
    color: #666;
    font-family: "Poppins-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.faq .faqAsk .icon-jian {
    display: none;
}

.faq .faqRespond {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-6px);
    margin-top: 0;
    transition: max-height 0.35s ease, opacity 0.25s ease, transform 0.25s ease, margin-top 0.25s ease;
}


.faq .faqItem.is-open .faqRespond {
    opacity: 1;
    transform: translateY(0);
    margin-top: 30px;
}

.faq .faqItem.is-open .faqAsk .icon-jia {
    display: none;
}

.faq .faqItem.is-open .faqAsk .icon-jian {
    display: inline-block;
}

.faq .is-open .faqAsk div {
    color: #DD7296;
}


.faq .page {
    margin-top: 92px;
}

.faq .page .iconfont {
    font-size: 14px;
}

.faq .pub_banner8 {
    margin-top: 58px;
}

.video_st {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    margin-top: 98px;
}

.videost_right {
    color: rgba(34, 34, 34, 0.7);
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    width: 52.64%;
}

.videos .breadcrumb {
    padding-bottom: 0;
}

.videost_left {
    color: #1E1E1E;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 56px;
    width: 27.64%;
}


.vide_big {
    max-width: 1400px;
    margin: 0 auto;
    width: 90%;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.vide_big img {
    width: 100%;
    display: block;
}

.vide_big .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 3;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vide_big .play {
    position: relative;
    left: auto;
    top: auto;
    cursor: pointer;
    z-index: 4;
    transform: translate(0, 0);
}

.vide_big .play img {
    width: auto;
}

.videos .vide_big {
    cursor: pointer;
}

.video_item {
    cursor: pointer;
}

.video_item_img img {
    width: 100%;
    height: auto;
    display: block;
}

.video_modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.video_modal.is-open {
    opacity: 1;
    visibility: visible;
}

.video_modal_backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
}


.video_modal_panel {
    position: relative;
    width: min(960px, 92vw);
    max-height: 82vh;
    background: #000;
    border-radius: 12px;
    overflow: hidden;
    z-index: 1;
}

.video_modal_player {
    width: 100%;
    height: 50vh;
    display: block;
}

.video_modal_close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 0;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}

body.is-video-modal-open {
    overflow: hidden;
}

.video_list {
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
    margin-top: 105px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px 52px;
}

.video_item_img {
    position: relative;
}

.video_item_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 3;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video_item_play {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    cursor: pointer;
}

.video_item_play img {
    width: 27px;
    height: 27px;
}

.video_item_name {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 30px;
    margin: 24px 0;

    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.video_item:hover .video_item_mask {
    background-color: rgba(0, 0, 0, 0.2);
}

.videos .page {
    margin-top: 90px;
}

.videos .pub_banner8 {
    margin-top: 58px;
}


.news_swiper {
    max-width: 1680px;
    margin: 0 auto;
    width: 90%;
    overflow: hidden;
    margin-top: 98px;
}

.news_swiper .swiper {
    overflow: hidden;
    padding: 0 40px;
    box-sizing: border-box;
}

.new_swiper_item {
    display: flex;
    gap: 45px;
    align-items: flex-end;
    padding-bottom: 45px;
    padding-left: 40px;
    padding-right: 46px;
    position: relative;
}

.new_swiper_item::after {
    content: '';
    display: block;
    width: 100%;
    height: 393px;
    position: absolute;
    left: 0;
    bottom: 0;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.12);
    pointer-events: none;
    opacity: 0;
}

.news_swiper .swiper-slide-active .new_swiper_item::after {
    opacity: 1;
}

.new_swiper_item_left {
    width: 39.96%;
}

.new_swiper_item_right {
    flex: 1;
}

.new_swiper_item_right1 {
    color: #333;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: normal;
}

.news_swiper .new_swiper_item:hover .new_swiper_item_right1 {
    color: var(--main-color);
}

.new_swiper_item_right2 {
    color: #666;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 15px;
}

.new_swiper_item_right3 {
    color: rgba(102, 102, 102, 0.7);
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 15px;
}

.new_swiper_item_right .btn {
    margin-top: 38px;
    margin-bottom: 30px;
}

.news_swiper_contral {
    position: relative;
    margin: 0 auto;
    display: flex;
    margin-top: 56px;
    justify-content: center;
    gap: 20px;
}


.news_swiper_contral .swiper-button-prev,
.news_swiper_contral .swiper-button-next {
    position: relative;
    margin: 0;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    left: unset;
    right: unset;
    border: 1px solid #222;
}

.news_swiper_contral .swiper-button-prev .iconfont,
.news_swiper_contral .swiper-button-next .iconfont {
    font-size: 24px;
    color: #222;
}

.news_swiper_contral .swiper-button-prev:hover,
.news_swiper_contral .swiper-button-next:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.news_swiper_contral .swiper-button-prev:hover .iconfont,
.news_swiper_contral .swiper-button-next:hover .iconfont {
    color: #fff;
}


.news_list {
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
    padding-top: 32px;

}

.news_list:first-child .news_item {
    padding-top: 49px;
}

.news_item {
    display: flex;
    gap: 165px;
    padding-bottom: 45px;
    padding-top: 95px;
    border-bottom: 1px solid #DDD;
}

.news_item:hover .news_r_l1 a {
    color: var(--main-color);
}

.news_l {
    width: 5.5%;
    margin-top: 49px;
}

.news_l .year {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-size: 36px;
    font-style: normal;
    line-height: 56px;
}

.news_l .time {
    color: #666;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.news_r {
    flex: 1;
    display: flex;
    gap: 60px;
    align-items: center;
}

.news_r_l {
    flex: 1;
}

.news_r_r {
    width: 23.682%;
}

.news_r_l1 {
    color: #222;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_r_l2 {
    color: #666;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news_item:hover .news_l .year {
    color: var(--main-color);
}

.new .page {
    margin-top: 100px;
}

.new .pub_banner8 {
    margin-top: 58px;
}

.newDescBox {
    display: flex;
    gap: 76px;
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    margin-top: 60px;
}

.newDesc .pub_banner8 {
    margin-top: 68px;
}

.newDesc .proj2_check {
    margin-top: 32px;
    width: 100%;
}

.newDesc .breadcrumb {
    padding-bottom: 0;
}

.newDescBox_right {
    width: 23%;
    margin-top: 11px;
}

.newDescBox_left {
    flex: 1;
}

.newDesc_Tit {
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 56px;
    text-transform: uppercase;
}

.newDescBox_right_tit {
    color: #333;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 54px;
    margin-bottom: 32px;
}

.newDesc_r_more {
    margin-bottom: 70px;
    display: block;
}

.newDesc_r_more:hover .newDesc_r_name {
    color: var(--main-color);
}

.newDesc_r_more:hover .newDesc_r_time {
    color: var(--main-color);
}

.newDesc_r_time {
    color: #222;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 12px;
    padding-left: 10px;
    box-sizing: border-box;
}

.newDesc_r_name {
    color: #222;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}

.newDesc_share {
    display: flex;
    gap: 38px;
    margin-top: 20px;
    padding-bottom: 26px;
    border-bottom: 1px solid #CCC;
}

.newDesc_share p {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    display: flex;
}

.newDesc_Con {
    padding: 54px 0;
}

.newDesc_Con P {
    color: #666;
    font-family: "Poppins-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.newDesc_Con strong {
    color: #333;
    font-family: "Poppins-SemiBold";
    font-size: 30px;
    font-style: normal;
    line-height: 30px;
    margin-bottom: 15px;
}

.newDesc_Con img {
    max-width: 100%;
    width: 100%;
    margin: 10px 0;
}


.concact .breadcrumb {
    padding-bottom: 0;
}

.concactBox {
    display: flex;
    gap: 120px;
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
    margin-top: 65px;
}

.concactBox_right {
    width: 59.75%;
    background-color: #F6F7F8;
    padding: 37.7px 40px 60px 45px;
    box-sizing: border-box;
}

.concactBox_left {
    flex: 1;
}

.concactBox_tit {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-size: 40px;
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 27px;
}

.concactItem {
    display: inline-flex;
    width: 49%;
    align-items: center;
    margin-bottom: 34px;
}

.concactItem_left {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
}

.concactItem_left i {
    font-size: 20px;
    color: #fff;
}

.concactItem_right_tit {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 28px;
}

.concactItem_right_con {
    color: #666;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 2px;
}

.concactItem_right_con a {
    color: #666;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 2px;
    word-break: break-word;
}

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

.w100 {
    width: 100%;
}

.concactItem_right {
    flex: 1;
}

.address {
    align-items: flex-start;
}

.address .concactItem_left {
    margin-top: 4px;
}

.concactBox_right_tit {
    color: #222;
    font-family: "Poppins-SemiBold";
    font-style: normal;
    line-height: 54px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.concactBox_right_form {
    display: flex;
    width: 100%;
}

.concactBox_right_form form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 26px 28px;
}

.concactBox_right .con_ipt1 {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #D2D2D2;
    background: rgba(255, 255, 255, 0.05);
    padding: 15px;
    display: flex;
    width: calc(100% / 2 - 28px);
}

.concactBox_right .con_ipt1 input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    background: transparent;
    color: #222;
    font-family: "Poppins-Regular";

}

.m-formcountry {
    position: relative;
    width: 100%;
}

.m-formcountry .drop-btn {
    position: relative;
}

.m-formcountry .drop-btn i,
.m-formcountry .drop-btn svg {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
}

.m-formcountry .drop-list {
    display: none;
    border: 1px solid #e6e6e6;
    width: 100%;
    position: absolute;
    top: 100%;
    background-color: #fff;
    max-height: 223px;
    overflow-x: hidden;
    z-index: 10001;
    scrollbar-color: #333 rgba(0, 0, 0, 0.05);
    scrollbar-width: thin;
}

.m-formcountry .drop-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.m-formcountry .drop-list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
}

.m-formcountry .drop-list::-webkit-scrollbar-thumb {
    background-color: #333;
}

.m-formcountry .drop-list li {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    padding: 5px 27px;
    cursor: pointer;
    border-bottom: 1px solid #e6e6e6;
    color: #999;
}

.m-formcountry .drop-list li.on {
    background-color: #e0e0e0;
}


.concactBox_right .con_ipt1 input::placeholder {
    color: #999;
}

.concactBox_right .con_ipt1 label {
    color: #F00;
    font-size: 16px;
}

.con_ipt2 {
    width: 100%;
    padding: 14px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #D2D2D2;
    background: rgba(255, 255, 255, 0.05);
    height: 111px;
}

.con_ipt2 textarea {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    background: transparent;
    color: #222;
    font-family: "Poppins-Regular";
    resize: none;
}

.con_ipt2 textarea::placeholder {
    color: #999;
}

.concactBox_right .CATCHABox input {
    width: 70%;
}

.CATCHA {
    flex: 1;
    cursor: pointer;
}

.con_btn {
    padding: 0 !important;
    border: 0 !important;
}

.con_ipt1 button {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-size: 18px;
    background: var(--main-color);
    color: #fff;
    font-family: "Poppins-Regular";
    cursor: pointer;
}

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

.con_btn:hover button {
    color: var(--main-color);
    background-color: #fff;
    border: 1px solid var(--main-color);
}

.map {
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
    margin-top: 75px;
    margin-bottom: 93px;
}

.map img {
    width: 100%;
}

.banner3_con1 {
    padding-top: 66px;
}

@media (max-width: 1600px) and (min-width: 1201px) {

    .video_item_name{
        height: 54px;
    }
    .news_item {
        padding-top: 30px;
        gap: 100px;
    }

    .banner11_ri_con_right {
        width: 137px;
    }

    .banner7 {
        gap: 60px;
    }

    .product_list {
        gap: 30px;
    }

    .pro_left {
        width: 20%;
    }

    .pub_banner8 {
        margin-top: 0;
    }

    .projectList {
        margin-top: calc(18px + (100vw - 1200px) * 0.015);
        gap: calc(32px + (100vw - 1200px) * 0.07) calc(20px + (100vw - 1200px) * 0.0825);
    }

    .project .page {
        margin-top: calc(36px + (100vw - 1200px) * 0.045);
    }

    .project .pub_banner8 {
        margin-top: calc(42px + (100vw - 1200px) * 0.04);
    }

    .proj2_tit {
        margin-top: calc(18px + (100vw - 1200px) * 0.015);
    }

    .proj2_msg {
        margin-top: calc(20px + (100vw - 1200px) * 0.025);
        padding-bottom: calc(16px + (100vw - 1200px) * 0.02);
    }

    .proj2_desc {
        padding-bottom: calc(60px + (100vw - 1200px) * 0.065);
    }

    .proj2_ctits p {
        margin-top: 30px;
    }

    .proj2_hf {
        padding: calc(22px + (100vw - 1200px) * 0.02) calc(32px + (100vw - 1200px) * 0.0575) calc(32px + (100vw - 1200px) * 0.0375) calc(26px + (100vw - 1200px) * 0.03);
    }

    .resour_con {
        margin-top: calc(10px + (100vw - 1200px) * 0.01);
    }

    .resour_con::after {
        font-size: calc(110px + (100vw - 1200px) * 0.1);
    }

    .resour_tit {
        padding-top: calc(54px + (100vw - 1200px) * 0.06);
    }

    .resource .df {
        gap: calc(28px + (100vw - 1200px) * 0.105);
    }

    .resour_con_right {
        gap: calc(10px + (100vw - 1200px) * 0.0075);
    }

    .resour_con_right1 {
        margin-top: calc(42px + (100vw - 1200px) * 0.1025);
    }

    .resour_con_left_item {
        padding-top: calc(28px + (100vw - 1200px) * 0.0625);
        padding-bottom: calc(18px + (100vw - 1200px) * 0.04);
    }

    .resource .pub_banner8 {
        margin-top: calc(42px + (100vw - 1200px) * 0.045);
    }

    .video_st {
        margin-top: calc(56px + (100vw - 1200px) * 0.105);
    }

    .vide_big {
        margin-top: calc(24px + (100vw - 1200px) * 0.04);
    }

    .video_list {
        margin-top: calc(56px + (100vw - 1200px) * 0.1225);
        gap: calc(12px + (100vw - 1200px) * 0.01) calc(24px + (100vw - 1200px) * 0.07);
    }

    .videos .page {
        margin-top: calc(52px + (100vw - 1200px) * 0.095);
    }

    .videos .pub_banner8 {
        margin-top: calc(42px + (100vw - 1200px) * 0.04);
    }

    .concactBox {
        margin-top: calc(28px + (100vw - 1200px) * 0.04);
        gap: calc(48px + (100vw - 1200px) * 0.09);
    }

    .concactBox_right {
        padding: calc(26px + (100vw - 1200px) * 0.02) calc(24px + (100vw - 1200px) * 0.02) calc(40px + (100vw - 1200px) * 0.05) calc(26px + (100vw - 1200px) * 0.03);
    }

    .concactItem {
        margin-bottom: calc(18px + (100vw - 1200px) * 0.04);
    }

    .map {
        margin-top: calc(42px + (100vw - 1200px) * 0.055);
        margin-bottom: calc(58px + (100vw - 1200px) * 0.0875);
    }

    .ab2_b1 {
        margin-top: calc(44px + (100vw - 1200px) * 0.055);
        margin-bottom: calc(64px + (100vw - 1200px) * 0.08);
    }

    .ab2_b1_con {
        margin-top: calc(56px + (100vw - 1200px) * 0.11);
        gap: calc(36px + (100vw - 1200px) * 0.165) calc(20px + (100vw - 1200px) * 0.06);
    }

    .ab2_b2 {
        padding: calc(56px + (100vw - 1200px) * 0.065) 0 calc(54px + (100vw - 1200px) * 0.06);
    }

    .ab2_b2_con {
        gap: calc(28px + (100vw - 1200px) * 0.08);
    }

    .ab2_b3 {
        margin-top: calc(60px + (100vw - 1200px) * 0.0825);
        margin-bottom: calc(64px + (100vw - 1200px) * 0.09);
    }

    .ab2_b3_con {
        gap: calc(28px + (100vw - 1200px) * 0.0725);
        margin-top: calc(32px + (100vw - 1200px) * 0.05);
    }

    .ab2_b4 {
        padding-top: calc(50px + (100vw - 1200px) * 0.05);
        padding-bottom: calc(50px + (100vw - 1200px) * 0.05);
    }

    .ab2_b5 {
        margin-top: calc(56px + (100vw - 1200px) * 0.0725);
        gap: calc(24px + (100vw - 1200px) * 0.075);
    }

    .about2 .pub_banner8 {
        margin-top: calc(48px + (100vw - 1200px) * 0.055);
    }

    .news_swiper .swiper-slide-active .new_swiper_item::after {
        opacity: 0;
    }

    .new_swiper_item {
        box-shadow: 0 4px 40px rgba(0, 0, 0, 0.12);
        padding-top: 45px;
        align-items: center;
    }

    .news_swiper .swiper {
        padding-top: 50px;
    }

    .news_swiper {
        margin-top: 40px;
    }



}

@media (max-width: 575px) {

    .faq_tit {
        font-size: 26px;
    }

    .ab2_b2_nav {
        width: 42px;
        height: 42px;
    }

    .ab2_b2_nav_prev {
        left: 12px;
    }

    .ab2_b2_nav_next {
        right: 12px;
    }

    .resour_con_right1,
    .resour_con_right2 {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

}

@media (max-width: 1200px) {

    .check_next .check_prebox a {
        /* 两行溢出隐藏 */
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .check_pre .check_prebox a {
        display: block;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .news_item {
        padding-top: 30px;
        gap: 40px;
    }

    .news_l {
        margin-top: 30px;
        width: auto;
    }

    .banner11_ri_con_right {
        width: 100px;
    }

    .new_swiper_item {
        padding: 30px;
        box-shadow: 0 4px 40px rgba(0, 0, 0, 0.12);
        align-items: center;
    }

    .new_swiper_item_right .btn {
        margin-top: 24px;
        margin-bottom: 20px;
    }

    .news_swiper .swiper-slide-active .new_swiper_item::after {
        opacity: 0;
    }

    .news_swiper .swiper {
        padding-top: 50px;
    }

    .news_swiper {
        margin-top: 0px;
    }

    .ab2_b3_r {
        padding-top: 0;
    }

    .p_l_item2 {
        padding: 10px 5px 10px;
    }

    .banner4_tit {
        margin-top: 30px;
    }

    .pub_banner8 {
        margin-bottom: 30px;
    }

    .banner12 {
        padding-bottom: 30px;
    }

    .pub_banner8 {
        margin-top: 0;
    }

    .pub_banner8 .swiper_infos {
        padding: 10px 4px;
    }

    .ab_banner7 {
        width: 90%;
        margin: 0 auto;
    }

    .projectList {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
        margin-top: 18px;
    }

    .projectName {
        margin: 18px 12px;
    }

    .project .page {
        margin-top: 40px;
    }

    .project .pub_banner8 {
        margin-top: 44px;
    }

    .resour_tit {
        padding-top: 56px;
        line-height: 1.2;
    }

    .resour_con::after {
        font-size: 96px;
    }

    .resource .df {
        flex-direction: column;
        gap: 24px;
        margin-top: 30px;
    }

    .resour_con_right {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .resour_con_right1 {
        margin-top: 0;
        gap: 12px;
        display: flex;
        flex-direction: column;
    }

    .resour_con_right2 {
        margin-top: 0;
        gap: 12px;
        display: flex;
        flex-direction: column;
    }

    .resour_con_right1 img,
    .resour_con_right2 img {
        margin-bottom: 0;
    }

    .resour_con_left_item {
        padding-top: 28px;
        padding-bottom: 22px;
        gap: 18px;
    }

    .resource .pub_banner8 {
        margin-top: 44px;
    }

    .video_st {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
        margin-top: 56px;
    }

    .videost_left,
    .videost_right {
        width: 100%;
    }

    .videost_right {
        line-height: 28px;
    }

    .vide_big {
        margin-top: 28px;
    }

    .video_list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 20px;
        margin-top: 64px;
    }

    .video_item_play {
        width: 64px;
        height: 64px;
    }

    .video_item_play img {
        width: 24px;
        height: 24px;
    }

    .video_item .video_item_name {
        margin: 8px 0;
        height: 60px;
        line-height: 30px !important;
    }

    .videos .page {
        margin-top: 56px;
    }

    .videos .pub_banner8 {
        margin-top: 44px;
    }

    .concactBox {
        flex-direction: column;
        gap: 32px;
        margin-top: 32px;
    }

    .concactBox_right {
        width: 100%;
        padding: 28px 22px 36px;
    }

    .concactBox_tit {
        line-height: 1.2;
        margin-bottom: 20px;
    }

    .concactBox_right_tit {
        line-height: 1.2;
    }

    .map {
        margin-top: 56px;
        margin-bottom: 72px;
    }

    .proj2_tit {
        font-size: 30px;
        line-height: 42px;
    }

    .proj2_desc {
        padding-bottom: 64px;
    }

    .proj2_ctits p {
        margin-top: 30px;
    }

    .proj2_ctits p {
        line-height: 1.2;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .proj2_hf {
        padding: 26px 26px 32px 22px;
    }

    .proj2_check {
        margin-top: 12px;
        gap: 18px;
    }

    .ab2_b1_con {
        gap: 24px;
    }

    .ab2_b1 {
        margin-top: 44px;
        margin-bottom: 72px;
    }

    .ab2_b2 {
        padding: 30px 0;
    }

    .ab2_b2_con {
        flex-direction: column;
        gap: 26px;
    }

    .ab2_b2_l {
        width: 100%;
    }

    .ab2_b2_l_tit {
        margin-top: 0;
        line-height: 1.2;
    }

    .ab2_b2_r {
        width: 100%;
    }

    .ab2_b3 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .ab2_b4 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .cus_b3_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .ab2_b3_tit {
        line-height: 1.2;
    }

    .ab2_b3_con {
        flex-direction: column;
        gap: 26px;
        margin-top: 32px;
    }

    .ab2_b3_l {
        width: 100%;
    }

    .ab2_b3_l img {
        width: 100%;
        display: block;
    }

    .ab2_b5 {
        flex-direction: column;
        gap: 26px;
        margin-top: 30px;
    }

    .ab2_b5_l {
        padding-top: 0;
    }

    .about2 .pub_banner8 {
        margin-top: 30px;
    }

    .pub_banner8_tit {
        padding-top: 40px;
    }

    .ab2_b5_r {
        width: 100%;
    }

    .ab2_b5_r img {
        width: 100%;
        display: block;
    }

    .ab2_b5_l_tit {
        line-height: 1.2;
    }

    .about2 .cus_b3 {}

    .cus_b3 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .about2 .cus_b3_list {
        gap: 24px;
        margin-top: 36px;
        margin-bottom: 0px;
    }
}

@media (max-width: 991px) {


    .goods_desc em {
        margin-top: 20px;
    }

    .newDesc_Con strong {
        font-size: 24px;
    }

    .news_item {}

    .news_l {
        width: auto;
    }

    .news_l .year {
        font-size: 24px;
    }

    .cus_b3 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .banner5 {
        margin-top: 0;
    }

    .ab_banner7 {
        margin-top: 0;
    }

    .banner5::after {
        font-size: 100;
    }


    .project .fs50 {
        font-size: 32px;
    }

    .project .fs48 {
        font-size: 30px;
    }

    .project .fs46 {
        font-size: 28px;
    }

    .project .fs42 {
        font-size: 26px;
    }

    .project .fs40 {
        font-size: 24px;
    }

    .project .fs38 {
        font-size: 24px;
    }

    .project .fs36 {
        font-size: 22px;
    }

    .project .fs30 {
        font-size: 20px;
    }

    .project .fs28 {
        font-size: 19px;
    }

    .project .fs26 {
        font-size: 18px;
    }

    .project .fs24 {
        font-size: 17px;
    }

    .project .fs22 {
        font-size: 16px;
    }

    .project .fs20 {
        font-size: 15px;
    }

    .project .fs18 {
        font-size: 14px;
    }

    .project .fs16 {
        font-size: 14px;
    }

    .projectList {
        gap: 18px;
    }

    .projectName {
        margin: 14px 10px;
        height: 2.9em;
    }

    .resource .fs50 {
        font-size: 32px;
    }

    .resource .fs48 {
        font-size: 30px;
    }

    .resource .fs46 {
        font-size: 28px;
    }

    .resource .fs42 {
        font-size: 26px;
    }

    .resource .fs40 {
        font-size: 24px;
    }

    .resource .fs38 {
        font-size: 24px;
    }

    .resource .fs36 {
        font-size: 22px;
    }

    .resource .fs34 {
        font-size: 21px;
    }

    .resource .fs30 {
        font-size: 20px;
    }

    .resource .fs28 {
        font-size: 19px;
    }

    .resource .fs26 {
        font-size: 18px;
    }

    .resource .fs24 {
        font-size: 17px;
    }

    .resource .fs22 {
        font-size: 16px;
    }

    .resource .fs20 {
        font-size: 15px;
    }

    .resource .fs18 {
        font-size: 14px;
    }

    .resource .fs16 {
        font-size: 14px;
    }

    .concact .fs50 {
        font-size: 32px;
    }

    .concact .fs40 {
        font-size: 24px;
    }

    .concact .fs36 {
        font-size: 22px;
    }

    .concact .fs18 {
        font-size: 14px;
    }

    .concact .fs16 {
        font-size: 14px;
    }

    .concactItem_left {
        width: 42px;
        height: 42px;
    }

    .concactItem_left i {
        font-size: 18px;
    }

    .concactBox_right .con_ipt1 input,
    .con_ipt2 textarea {
        font-size: 14px;
    }

    .resour_con::after {
        font-size: 78px;
    }

    .resour_con_l_i_l img {
        width: 56px;
        height: 56px;
    }

    .resour_con_l_i_r_msg {
        margin-top: 8px;
        line-height: 26px;
    }

    .project2 .fs50 {
        font-size: 32px;
    }

    .project2 .fs48 {
        font-size: 30px;
    }

    .project2 .fs46 {
        font-size: 28px;
    }

    .project2 .fs42 {
        font-size: 26px;
    }

    .project2 .fs40 {
        font-size: 24px;
    }

    .project2 .fs38 {
        font-size: 24px;
    }

    .project2 .fs36 {
        font-size: 22px;
    }

    .project2 .fs34 {
        font-size: 21px;
    }

    .project2 .fs30 {
        font-size: 20px;
    }

    .project2 .fs28 {
        font-size: 19px;
    }

    .project2 .fs26 {
        font-size: 18px;
    }

    .project2 .fs24 {
        font-size: 17px;
    }

    .project2 .fs22 {
        font-size: 16px;
    }

    .project2 .fs20 {
        font-size: 15px;
    }

    .project2 .fs18 {
        font-size: 14px;
    }

    .project2 .fs16 {
        font-size: 14px;
    }

    .proj2_tit {
        font-size: 26px;
        line-height: 38px;
    }

    .proj2_msg {
        margin-top: 18px;
        padding-bottom: 18px;
        align-items: center;
    }

    .proj2_con em {
        padding-left: 22px;
        line-height: 30px;
    }

    .proj2_hf .banner10_car_ava {
        width: 68px;
        height: 68px;
    }

    .about2 .fs50 {
        font-size: 32px;
    }

    .about2 .fs48 {
        font-size: 30px;
    }

    .about2 .fs46 {
        font-size: 28px;
    }

    .about2 .fs42 {
        font-size: 26px;
    }

    .about2 .fs40 {
        font-size: 24px;
    }

    .about2 .fs38 {
        font-size: 24px;
    }

    .about2 .fs36 {
        font-size: 22px;
    }

    .about2 .fs30 {
        font-size: 20px;
    }

    .about2 .fs28 {
        font-size: 19px;
    }

    .about2 .fs26 {
        font-size: 18px;
    }

    .about2 .fs24 {
        font-size: 17px;
    }

    .about2 .fs22 {
        font-size: 16px;
    }

    .about2 .fs20 {
        font-size: 15px;
    }

    .about2 .fs18 {
        font-size: 14px;
    }

    .about2 .fs16 {
        font-size: 14px;
    }

    .ab2_b1_card {
        padding: 44px 22px 22px;
    }

    .ab2_b1_card_media {
        left: 18px;
        width: 90px;
        height: 68px;
    }

    .ab2_b1_card_badge {
        right: 16px;
        width: 48px;
        height: 48px;
        font-size: 13px;
    }

    .ab2_b2_nav {
        width: 44px;
        height: 44px;
    }

    .ab2_b2_nav_prev {
        left: 12px;
    }

    .ab2_b2_nav_next {
        right: 12px;
    }

    .ab2_b2_swiper .swiper-slide {
        width: 84%;
        max-width: 640px;
    }

    .ab2_b2_swiper .swiper-slide-prev .ab2_b2_slide {
        transform: translateX(34px) scale(0.84);
    }

    .ab2_b2_swiper .swiper-slide-next .ab2_b2_slide {
        transform: translateX(-34px) scale(0.84);
    }

    .about2 .cus_b3_list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        margin-top: 28px;
        margin-bottom: 0px;
    }

    .about2 .cus_b3_item {
        padding: 18px 16px;
    }

    .videos .fs50 {
        font-size: 32px;
    }

    .videos .fs36 {
        font-size: 22px;
    }

    .videos .fs20 {
        font-size: 15px;
    }

    .videos .fs16 {
        font-size: 14px;
    }

    .video_list {
        gap: 12px 16px;
        margin-top: 56px;
    }

    .video_item_play {
        width: 58px;
        height: 58px;
    }

    .video_item_play img {
        width: 22px;
        height: 22px;
    }

    .video_item_name {
        padding:0;
        line-height: 26px;
        height: 54px;
    }

    .check_pre .icons {
        flex-shrink: 0;
    }

    .check_next .icons {
        flex-shrink: 0;
    }
}

@media (max-width: 767px) {

    .newDesc_Con strong {
        font-size: 20px;
    }

    .news_r {
        flex-direction: column;
        gap: 20px;
    }

    .news_r_r {
        width: 100%;
        flex-shrink: 0;
    }

    .news_r_r img {
        width: 100%;
        max-width: 300px;
    }



    .newDesc_share {
        flex-wrap: wrap;
        gap: 20px;
    }

    .newDescBox_right {
        width: 100%;
    }

    .newDesc .pub_banner8 {
        margin-top: 10px;
    }

    .newDesc_r_more_list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        gap: 10px;
    }

    .newDesc_r_more {
        margin-bottom: 20px;
    }

    .newDescBox {
        flex-direction: column;
        gap: 20px;
    }

    .newDesc_Con {
        padding: 20px 0;
    }

    .new_swiper_item {
        flex-direction: column;
        gap: 20px;
    }

    .news_swiper_contral {
        margin-top: 20px;
    }

    .new .page {
        margin-top: 30px;
    }


    .new .swiper-slide {
        opacity: 0;
    }

    .new .swiper-slide-active {
        opacity: 1;
    }

    .new .pub_banner8 {
        margin-top: 0;
    }

    .new_swiper_item_left {
        width: 100%;
    }

    .projectList {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .proj2_ctits p {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .projectName {
        margin: 12px 10px;
    }

    .project .page {
        margin-top: 32px;
    }

    .project .pub_banner8 {
        margin-top: 38px;
    }

    .resour_tit {
        padding-top: 46px;
    }

    .resour_con_right {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .resour_con_left_item {
        padding-top: 22px;
        padding-bottom: 18px;
    }

    .resource .pub_banner8 {
        margin-top: 38px;
    }

    .video_st {
        margin-top: 40px;
        gap: 14px;
    }

    .vide_big {
        margin-top: 20px;
    }

    .video_list {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 44px;
    }

    .videos .page {
        margin-top: 40px;
    }

    .videos .pub_banner8 {
        margin-top: 38px;
    }

    .concactBox {
        gap: 24px;
        margin-top: 24px;
    }

    .concactItem {
        width: 100%;
        margin-bottom: 18px;
    }

    .concactBox_right_form form {
        gap: 14px;
    }

    .concactBox_right .con_ipt1 {
        width: 100%;
        padding: 12px 12px 10px;
    }

    .con_ipt2 {
        height: 120px;
        padding: 12px;
    }

    .map {
        margin-top: 44px;
        margin-bottom: 56px;
    }

    .proj2_msg {}

    .proj2_desc {
        padding-bottom: 48px;
    }

    .proj2_ctits p {
        margin-top: 20px;
    }

    .proj2_hf {
        padding: 22px 18px 26px;
    }

    .proj2_check {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }

    .check_pre,
    .check_next {
        width: 100%;
        justify-content: space-between;
        padding: 14px;
        border-radius: 12px;
        border: 1px solid #EDEDED;
        background: #F5F5F5;
        max-width: unset;
    }

    .check_prebox {
        flex: 1;
        min-width: 0;
    }

    .check_prebox1 {
        text-align: left;
        font-size: 14px;
        line-height: 20px;
    }

    .check_prebox2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 20px;
        margin-top: 4px;
        color: #666;
    }

    .proj2_check .icons {
        width: 42px;
        height: 42px;
        background-color: var(--main-color);
        border-radius: 10px;
        flex: 0 0 auto;
    }

    .check_pre .icons {
        order: 2;
        margin-right: 0;
        margin-left: 12px;
        flex-shrink: 0;
    }

    .check_next .icons {
        order: 2;
        margin-left: 12px;
        flex-shrink: 0;
    }

    .ab2_b1_con {
        grid-template-columns: 1fr;
        gap: 60px;
    }
}

@media (max-width: 575px) {
    .projectName {
        margin: 12px 8px;
    }

    .resour_tit {
        padding-top: 38px;
    }

    .resour_con::after {
        font-size: 64px;
    }

    .resour_con_l_i_l img {
        width: 30px;
        height: 30px;
    }

    .resour_con_left_item {
        gap: 14px;
    }

    .concactBox {
        gap: 20px;
        margin-top: 22px;
    }

    .concactBox_right {
        padding: 22px 16px 28px;
    }

    .concactItem_left {
        width: 40px;
        height: 40px;
    }

    .concactItem_left i {
        font-size: 17px;
    }

    .concactBox_right_form form {
        gap: 12px;
    }

    .map {
        margin-top: 38px;
        margin-bottom: 48px;
    }

    .proj2_tit {
        font-size: 22px;
        line-height: 32px;
    }

    .proj2_msg {
        margin-top: 14px;
        padding-bottom: 14px;
    }

    .check_pre,
    .check_next {
        padding: 12px;
    }

    .proj2_con p {
        line-height: 26px;
    }

    .proj2_ctits p {
        font-size: 22px;
    }

    .proj2_con em {
        padding-left: 20px;
    }

    .ab2_b1_con {
        margin-top: 60px;
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .ab2_b1_card {
        padding: 44px 18px 20px;
    }

    .ab2_b1_card_title {
        font-size: 16px;
        line-height: 26px;
    }

    .ab2_b1_card_desc {
        font-size: 13px;
        line-height: 24px;
    }

    .ab2_b2 {
        padding: 52px 0;
    }

    .ab2_b2_swiper .swiper-slide {
        width: 88%;
    }

    .ab2_b2_swiper .swiper-slide-prev .ab2_b2_slide {
        transform: translateX(22px) scale(0.82);
    }

    .ab2_b2_swiper .swiper-slide-next .ab2_b2_slide {
        transform: translateX(-22px) scale(0.82);
    }

    .ab2_b3 {
        margin-top: 56px;
        margin-bottom: 56px;
    }

    .ab2_b5 {
        margin-top: 56px;
    }

    .about2 .cus_b3_list {
        grid-template-columns: 1fr;
    }

    .video_list {
        margin-top: 38px;
        gap: 10px;
    }

    .video_item_play {
        width: 52px;
        height: 52px;
    }

    .video_item_play img {
        width: 20px;
        height: 20px;
    }

    .video_item_name {
    }

    .video_modal_panel {
        width: min(960px, 94vw);
        border-radius: 10px;
    }

    .video_modal_close {
        width: 36px;
        height: 36px;
    }
}

@media (max-width: 359px) {
    .projectName {
        margin: 10px 8px;
    }

    .videos .fs50 {
        font-size: 26px;
    }

    .videos .fs36 {
        font-size: 18px;
    }

    .video_st {
        margin-top: 32px;
    }

    .vide_big {
        margin-top: 16px;
    }

    .videos .page {
        margin-top: 34px;
    }

    .concact .fs50 {
        font-size: 26px;
    }

    .concact .fs40 {
        font-size: 20px;
    }

    .concact .fs36 {
        font-size: 18px;
    }

    .concactBox_right {
        padding: 20px 14px 26px;
    }

    .proj2_hf .banner10_car_ava {
        width: 58px;
        height: 58px;
    }

    .ab2_b2_swiper .swiper-slide {
        width: 92%;
    }
}

@media (max-width: 767px) {
    .ab_b7_right {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .ab_b7_right table {
        min-width: 520px;
    }
}

@media (max-width: 1600px) and (min-width: 1201px) {
    .ab_banner7 {
        margin-top: calc(36px + (100vw - 1200px) * 0.025);
    }

    .ab_banner7::after {
        font-size: calc(120px + (100vw - 1200px) * 0.075);
    }

    .ab_b7_tit {
        padding-top: calc(64px + (100vw - 1200px) * 0.045);
    }

    .ab_b7_con {
        gap: calc(32px + (100vw - 1200px) * 0.075);
        margin-top: calc(32px + (100vw - 1200px) * 0.045);
    }
}

@media (max-width: 1200px) {
    .ab_banner7 {
        margin-top: 36px;
    }


    .faqList {
        margin-top: 30px;
    }

    .faq_tit {
        padding-top: 40px;
    }

    .pub_banner8::after,
    .banner5::after,
    .faq_banner1::after,
    .ab_banner7::after,
    .faq_banner1::after {
        font-size: 100px;
    }

    .ab_b7_tit {
        padding-top: 64px;
        line-height: 1.2;
    }

    .ab_b7_msg {
        margin-top: 20px;
    }

    .ab_b7_con {
        flex-direction: column;
        gap: 24px;
        margin-top: 32px;
    }

    .ab_b7_left {
        width: 100%;
    }

    .ab_b7_left img {
        width: 100%;
        display: block;
    }
}

@media (max-width: 991px) {

    .faq .page {
        margin-top: 50px;
    }

    .faq .pub_banner8 {
        margin-top: 0px;
    }

    .ab_banner7::after {
        font-size: 100px;
    }

    .ab_b7_right table td {
        font-size: 14px;
        padding: 12px 0;
    }

    .ab_b7_right table tr:first-child td {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .ab_banner7 {
        margin-top: 28px;
    }

    .ab_banner7::after {
        font-size: 80px;
    }

    .ab_b7_tit {
        padding-top: 52px;
    }

    .ab_b7_con {
        margin-top: 24px;
    }

    .ab_b7_right table {
        min-width: 480px;
    }
}

@media (max-width: 359px) {
    .ab_banner7 {
        margin-top: 22px;
    }

    .ab_banner7::after {
        font-size: 64px;
    }

    .ab_b7_tit {
        padding-top: 44px;
    }

    .ab_b7_right table {
        min-width: 440px;
    }
}

.about .banner7 {
    margin-top: 92px;
}



@media (max-width: 1600px) and (min-width: 1201px) {
    .cus .banner7 {
        margin-top: calc(72px + (100vw - 1200px) * 0.07);
    }
}

@media (max-width: 1200px) {
    .cus .banner7 {
        margin-top: 72px;
    }
}

@media (max-width: 991px) {
    .cus .banner7 {
        margin-top: 56px;
    }
}

@media (max-width: 575px) {
    .cus .banner7 {
        margin-top: 44px;
    }
}

@media (max-width: 359px) {
    .cus .banner7 {
        margin-top: 32px;
    }
}


@media (max-width: 1200px) {
    .customization .cus_tit {
        padding-top: 64px;
        line-height: 1.2;
    }

    .customization .cus_tit::after {
        font-size: 120px;
    }

    .customization .ser_tit {
        margin-top: 48px;
        line-height: 1.2;
    }

    .customization .cus_b1_item {
        padding: 26px 24px;
    }

    .customization .cus_b1_item3 {
        margin-left: 32px;
    }

    .customization .cus_b2_tit {
        margin-top: 72px;
        line-height: 1.2;
    }

    .customization .cus_b2_list {
        gap: 24px;
        margin-top: 32px;
    }

    .customization .cus_b2_item {
        padding: 12px 28px;
        gap: 18px;
    }

    .customization .cus_b2_item_r_tit {
        margin-top: 18px;
        height: auto;
    }

    .customization .cus_b3 {}

    .customization .cus_b3_list {
        gap: 24px;
        margin-top: 36px;
        margin-bottom: 72px;
    }
}

@media (max-width: 991px) {
    .customization .fs50 {
        font-size: 32px;
    }

    .customization .fs48 {
        font-size: 30px;
    }

    .customization .fs46 {
        font-size: 28px;
    }

    .customization .fs42 {
        font-size: 26px;
    }

    .customization .fs40 {
        font-size: 24px;
    }

    .customization .fs38 {
        font-size: 24px;
    }

    .customization .fs36 {
        font-size: 22px;
    }

    .customization .fs30 {
        font-size: 20px;
    }

    .customization .fs28 {
        font-size: 19px;
    }

    .customization .fs26 {
        font-size: 18px;
    }

    .customization .fs24 {
        font-size: 17px;
    }

    .customization .fs22 {
        font-size: 16px;
    }

    .customization .fs20 {
        font-size: 15px;
    }

    .customization .fs18 {
        font-size: 14px;
    }

    .customization .fs16 {
        font-size: 14px;
    }

    .customization .cus_tit {
        padding-top: 56px;
    }

    .customization .cus_tit::after {
        font-size: 92px;
    }

    .customization .ser_tit {
        margin-top: 32px;
    }

    .customization .cus_b1_list {
        gap: 18px;
    }

    .customization .cus_b1_item {
        flex-direction: column;
        gap: 14px;
        padding: 20px 18px;
    }

    .customization .cus_b1_item1 {
        margin-right: 0;
    }

    .customization .cus_b1_item3 {
        margin-left: 0;
        width: 100%;
    }

    .customization .cus_b1_item3 .btn {
        width: 100%;
        justify-content: center;
    }

    .customization .cus_b1_item2_con {
        margin-top: 12px;
        line-height: 28px;
    }

    .customization .cus_b2_tit {
        margin-top: 56px;
    }

    .customization .cus_b2_list {
        flex-direction: column;
        gap: 16px;
        margin-top: 24px;
    }

    .customization .cus_b2_item {
        width: 100%;
        padding: 16px 18px;
    }

    .customization .cus_b2_item_r_tit {
        margin-top: 0;
    }

    .customization .cus_b3 {}

    .customization .cus_b3_list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        margin-top: 28px;
        margin-bottom: 56px;
    }

    .customization .cus_b3_item {
        padding: 18px 16px;
    }

    .customization .cus_b4_flow {
        --cus_b4_bubble_size: 80px;
        --cus_b4_pointer_out: 10px;
        --cus_b4_pointer_in: 9px;
        --cus_b4_bubble_outer_padding_x: 28px;
    }

    .customization .cus_b4_flow_bubble {
        font-size: 24px;
        line-height: 1;
    }

    .customization .cus_b4_flow_msg {
        font-size: 14px;
        line-height: 24px;
    }
}

@media (max-width: 768px) {
    .cus_b4 {
        padding: 44px 0 56px;
    }

    .cus_b4_flow_row {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .cus_b4_flow_row::before,
    .cus_b4_flow_row::after,
    .cus_b4_flow_mid {
        display: none;
    }

    .cus_b4_flow_row.is-bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 22px;
    }

    .cus_b5 {
        margin-top: 30px;
    }

    .cus_b6_con {
        flex-direction: column-reverse;
    }

    .cus_b6_con_r {
        width: 100%;
    }

    .cus_b4_flow_row.is-bottom .step04 {
        order: 1;
    }

    .cus_b4_flow_row.is-bottom .step05 {
        order: 2;
    }

    .cus_b4_flow_row.is-bottom .step06 {
        order: 3;
    }
}

@media (max-width: 575px) {
    .customization .cus_tit {
        padding-top: 46px;
    }

    .customization .cus_tit::after {
        font-size: 72px;
    }

    .cus_b2_item_l {
        margin: 0 auto;
    }

    .customization .cus_b2_item {
        flex-direction: column;
        text-align: center;
        gap: 12px;
        padding: 18px 16px;
    }

    .customization .cus_b2_item_r_tit {
        height: auto;
    }

    .customization .cus_b3_list {
        grid-template-columns: 1fr;
    }

    .customization .cus_b4_flow {
        --cus_b4_bubble_size: 72px;
        --cus_b4_pointer_out: 9px;
        --cus_b4_pointer_in: 8px;
        --cus_b4_bubble_outer_padding_x: 20px;
    }

    .customization .cus_b4_flow_bubble {
        font-size: 22px;
    }
}

@media (max-width: 359px) {
    .customization .cus_tit::after {
        font-size: 64px;
    }

    .customization .cus_b1_item {
        padding: 18px 14px;
    }

    .customization .cus_b4_flow {
        --cus_b4_bubble_size: 64px;
        --cus_b4_pointer_out: 8px;
        --cus_b4_pointer_in: 7px;
        --cus_b4_bubble_outer_padding_x: 14px;
    }

    .customization .cus_b4_flow_bubble {
        font-size: 20px;
    }
}

@media (max-width: 1700px) {
    .nav_right>div {
        margin-right: 56px;
    }

    .nav_right>div:nth-child(7) {
        margin-right: 120px;
    }

    .nav .lang {
        margin-left: 24px;
    }

    .nav .searchBtn {
        margin-left: 24px;
    }
}

@media (max-width: 1400px) {

    .header_tops_con,
    .nav,
    .footer_top,
    .footer_bottom,
    .footer_msg {
        width: 94%;
    }

    .nav_right>div {
        margin-right: 42px;
        font-size: 16px;
    }

    .nav_right>div:nth-child(7) {
        margin-right: 80px;
    }

    .nav .lang {
        margin-left: 20px;
        font-size: 16px;
    }

    .nav .searchBtn {
        margin-left: 20px;
    }

    .footer_bottom {
        grid-template-columns: minmax(0, 0.86fr) minmax(0, 0.86fr) minmax(0, 0.86fr) minmax(0, 1.12fr) minmax(0, 1.08fr);
        gap: 16px;
    }

    .footer_bottom_item_tit {
        font-size: 18px;
        line-height: 28px;
    }

    .footer_bottom_item_con,
    .footer_bottom_item_addressItems,
    .footer_bottom_item_ipt,
    .footer_bottom_item_btn button {
        font-size: 15px;
        line-height: 24px;
    }

    .footer_bottom_item_ipt {
        padding: 10px 12px;
    }


    .fs50,
    .fs48,
    .fs46,
    .fs42,
    .fs40,
    .fs38,
    .fs36,
    .fs34,
    .fs30,
    .fs28,
    .fs26,
    .fs24,
    .fs22,
    .fs20,
    .fs18,
    .fs16,
    .fs14,
    .fs12 {
        line-height: 1.45 !important;
    }
}

@media (max-width: 1200px) {
    .fs50 {
        font-size: 42px;
    }

    .fs48 {
        font-size: 40px;
    }

    .fs46 {
        font-size: 38px;
    }

    .fs42 {
        font-size: 34px;
    }

    .fs40 {
        font-size: 32px;
    }

    .fs38 {
        font-size: 30px;
    }

    .fs36 {
        font-size: 28px;
    }

    .fs34 {
        font-size: 26px;
    }

    .fs30 {
        font-size: 24px;
    }

    .fs28 {
        font-size: 22px;
    }

    .fs26 {
        font-size: 20px;
    }

    .fs24 {
        font-size: 18px;
    }

    .fs22 {
        font-size: 17px;
    }

    .fs20 {
        font-size: 16px;
    }

    .fs18 {
        font-size: 15px;
    }

    .fs16 {
        font-size: 14px;
    }

    .fs14 {
        font-size: 13px;
    }

    .fs12 {
        font-size: 12px;
    }

    .bgs {
        padding-top: 84px;
    }

    .header_tops_con_left {
        font-size: 14px;
        line-height: 24px;
    }

    .header_tops_con_right {
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 6px 14px;
    }

    .header_tops_con_right1 {
        margin-left: 0;
    }

    .nav_left {
        max-width: 180px;
    }

    .nav_left img {
        width: 100%;
        height: auto;
    }

    .nav_right>div {
        margin-right: 24px;
        font-size: 15px;
        line-height: 28px;
    }

    .nav_right>div:nth-child(7) {
        margin-right: 40px;
    }

    .nav .lang,
    .nav .searchBtn {
        margin-left: 16px;
    }

    .tootip2_item {
        font-size: 16px;
    }

    .footer_bottom {
        grid-template-columns: minmax(0, 0.82fr) minmax(0, 0.82fr) minmax(0, 0.82fr) minmax(0, 1.06fr) minmax(0, 1fr);
        gap: 12px;
    }

    .footer_bottom_item_tit {
        margin-bottom: 18px;
        font-size: 17px;
        line-height: 26px;
    }

    .footer_bottom_item_con,
    .footer_bottom_item_addressItems,
    .footer_bottom_item_ipt,
    .footer_bottom_item_btn button {
        font-size: 14px;
        line-height: 22px;
    }

    .footer_bottom_item form {
        padding-top: 16px;
    }

    .footer_bottom_item_ipt {
        padding: 9px 10px;
        margin-bottom: 8px;
    }

    .footer_msg {
        gap: 20px;
        align-items: flex-start;
    }

    .product_list {
        gap: 40px;
        padding-bottom: 84px;
    }

    .productsBanner_list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 36px 20px;
        margin-top: 40px;
    }

    .productsBanner_list_item_info {
        padding: 20px 18px 22px;
    }

    .productsBanner_list_item_info_btn {
        padding: 6px 18px;
    }

    .banner6::after {
        top: -24px;
        font-size: 180px;
    }

    .banner6_tit {
        padding-top: 68px;
        line-height: 1.2;
    }

    .banner6_con {
        margin-top: 48px;
        gap: 18px;
    }

    .banner6_track,
    .banner6_group {
        gap: 18px;
    }

    .banner6_card {
        width: 336px;
        border-radius: 20px;
    }

    .banner6_card_info {
        padding: 22px 20px 20px;
        transform: translateY(20px);
    }

    .banner6_card_desc {
        margin-top: 10px;
        line-height: 26px;
    }

    .banner4 {
        width: 94%;
    }

    .banner4_tit {
        margin-top: 72px;
        line-height: 1.2;
    }

    .banner4_msg {
        max-width: 900px;
        margin-top: 14px;
        line-height: 28px;
        width: 100%;
    }

    .certificate_item {
        padding: 22px 20px;
    }

    .certificate_name {
        margin-top: 18px;
    }

    .certificate_con {
        margin-top: 28px;
    }

    .certificate_swiper {
        padding: 0 52px;
        box-sizing: border-box;
    }

    .certificate_swiper .swiper-wrapper {
        align-items: stretch;
    }

    .certificate_swiper .swiper-slide,
    .certificate_swiper .swiper-slide-prev,
    .certificate_swiper .swiper-slide-next,
    .certificate_swiper .swiper-slide-active,
    .certificate_swiper .swiper-slide-duplicate-active {
        width: auto;
        height: auto;
        justify-content: center;
    }

    .certificate_swiper .swiper-wrapper-box {
        width: 100%;
    }

    .certificate_swiper .swiper-slide .certificate_item,
    .certificate_swiper .swiper-slide-prev .certificate_item,
    .certificate_swiper .swiper-slide-next .certificate_item,
    .certificate_swiper .swiper-slide-active .certificate_item,
    .certificate_swiper .swiper-slide-duplicate-active .certificate_item {
        width: 100%;
        height: auto;
        transform: none;
    }

    .certificate_swiper .certificate_name,
    .certificate_swiper .swiper-slide-prev .certificate_name,
    .certificate_swiper .swiper-slide-next .certificate_name,
    .certificate_swiper .swiper-slide-active .certificate_name,
    .certificate_swiper .swiper-slide-duplicate-active .certificate_name {
        width: 100%;
        min-height: 0;
        transform: none;
        font-size: 15px;
        line-height: 26px;
    }

    .certificate_swiper .swiper-slide-active .certificate_name,
    .certificate_swiper .swiper-slide-duplicate-active .certificate_name {
        font-size: 18px;
    }

    .certificate_swiper .thumb-nav-prev,
    .certificate_swiper .thumb-nav-next {
        width: 40px;
        height: 40px;
    }

    .certificate_swiper .thumb-nav-prev {
        left: 0;
    }

    .certificate_swiper .thumb-nav-next {
        right: 0;
    }

    .banner2_tit {
        padding-top: 64px;
        line-height: 1.2;
    }

    .banner2_list {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        width: 94%;
        margin-bottom: 72px;
    }

    .banner3_con1 {
        gap: 24px;
        padding-top: 56px;
    }

    .banner3_left {
        padding-left: 5%;
        padding-right: 5%;
    }

    .banner3_right {
        width: 46%;
    }

    .banner3::after {
        width: 420px;
        height: 420px;
        background-size: cover;
        top: -90px;
    }

    .ab_b6_tit {
        margin-top: 40px;
    }

    .about .banner7 {
        margin-top: 40px;
    }

    .banner7_right {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .banner3_con2 {
        width: 94%;
        flex-wrap: wrap;
        gap: 24px 20px;
        justify-content: center;

    }

    .banner3_con2_item {
        flex: 1;
    }

    .banner9 {
        padding: 80px;
    }

    .fs50 {
        font-size: 46px;
    }

    .banner5_tit {
        padding-top: 64px;
        line-height: 1.2;
    }

    .banner5_list {
        grid-template-columns: repeat(2, 1fr);
        width: 94%;
        margin-top: 56px;
    }

    .banner5_item {
        padding: 28px 24px 40px;
    }

    .banner5_item_msg {
        margin-top: 18px;
        line-height: 28px;
    }

    .banner7 {
        width: 94%;
        gap: 48px;
        padding: 44px 32px 56px;
    }

    .banner7::after {
        left: 16px;
        width: 46%;
    }

    .banner8_tit {
        margin-top: 72px;
        line-height: 1.2;
    }

    .swiper_info_img {
        height: 360px;
    }


}

@media (max-width: 991px) {
    .fs50 {
        font-size: 32px;
    }

    .fs48 {
        font-size: 30px;
    }

    .fs46 {
        font-size: 28px;
    }

    .fs42 {
        font-size: 26px;
    }

    .fs40 {
        font-size: 24px;
    }

    .fs38 {
        font-size: 22px;
    }

    .fs36 {
        font-size: 22px;
    }

    .fs34 {
        font-size: 20px;
    }

    .fs30 {
        font-size: 18px;
    }

    .fs28 {
        font-size: 18px;
    }

    .fs26 {
        font-size: 17px;
    }

    .fs24 {
        font-size: 16px;
    }

    .fs22 {
        font-size: 16px;
    }

    .fs20 {
        font-size: 15px;
    }

    .fs18 {
        font-size: 14px;
    }

    .fs16 {
        font-size: 14px;
    }

    .fs14 {
        font-size: 13px;
    }

    .fs12 {
        font-size: 12px;
    }

    .fs50,
    .fs48,
    .fs46,
    .fs42,
    .fs40,
    .fs38,
    .fs36,
    .fs34,
    .fs30,
    .fs28,
    .fs26,
    .fs24,
    .fs22,
    .fs20,
    .fs18,
    .fs16,
    .fs14,
    .fs12 {
        line-height: 1.45 !important;
    }

    .breadcrumb {
        width: 90%;
        flex-wrap: wrap;
        gap: 6px 8px;
        margin-top: 20px;
    }

    .product_list {
        flex-direction: column;
        gap: 28px;
        padding-bottom: 72px;
    }

    .pro_left,
    .pro_right {
        width: 100%;
    }

    .p_l_tit2 {
        margin-top: 28px;
    }

    .p_l_list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .p_l_item {
        margin-bottom: 0;
        padding: 10px 14px;
    }

    .p_l_list2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 12px;
        padding: 10px;
    }

    .p_l_item2 {
        padding: 10px 12px;
    }

    .productsBanner_list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 26px 16px;
        margin-top: 32px;
    }

    .productsBanner_list_item_info {
        padding: 18px 16px 20px;
    }

    .productsBanner_list_item_msg {
        line-height: 26px;
        height: auto;
    }

    .productsBanner_list_item_info2 {
        margin-top: 16px;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
    }

    .productsBanner_list_item_info_btn {
        margin-left: 0;
    }

    .page {
        margin-top: 44px;
        flex-wrap: wrap;
        gap: 12px;
    }

    .page .AddBtn {
        /* width: 100%; */
        justify-content: center;
        height: 44px;
        padding: 0 16px;
    }

    .product .bgw {
        padding-top: 72px;
        padding-bottom: 84px;
    }

    .abouts {
        margin-top: 56px;
        flex-direction: column;
        gap: 24px;
    }

    .ab_right {
        width: 100%;
    }

    .ab_left3 {
        padding: 20px 0;
    }

    .pub_index_na {
        line-height: 44px;
        width: calc(100% - 24px);
    }

    .product .fs50 {
        font-size: 32px;
    }

    .product .fs48 {
        font-size: 30px;
    }

    .product .fs46 {
        font-size: 28px;
    }

    .product .fs42 {
        font-size: 26px;
    }

    .product .fs40 {
        font-size: 24px;
    }

    .product .fs36 {
        font-size: 22px;
    }

    .product .fs30 {
        font-size: 20px;
    }

    .product .fs28 {
        font-size: 19px;
    }

    .product .fs26 {
        font-size: 18px;
    }

    .product .fs24 {
        font-size: 17px;
    }

    .product .fs22 {
        font-size: 16px;
    }

    .product .fs20 {
        font-size: 15px;
    }

    .product .fs18 {
        font-size: 14px;
    }

    .product .fs16 {
        font-size: 14px;
    }

    .bgs {
        padding-top: 68px;
    }

    .header_tops {
        padding: 8px 0;
    }

    .header_tops_con {
        align-items: flex-start;
        gap: 6px;
    }

    .header_tops_con_right {
        justify-content: flex-start;
    }

    .header_tops_con_left,
    .header_tops_con_right a,
    .header_tops_con_right span {
        font-size: 14px;
        line-height: 22px;
    }

    .header_tops_con_right1 .iconfont {
        margin-right: 8px;
    }

    .nav {
        position: relative;
        min-height: 72px;
    }

    .nav_left {
        max-width: 168px;
        padding: 4px 0;
    }

    .nav_right>div {
        display: none;
    }

    .nav_right {
        margin-right: 60px;
    }

    .nav_right>.lang {
        display: flex;
    }

    .mobile_menu_btn {
        display: flex;
        right: 0;
    }

    .mobile_lang_outer {
        display: block;
        right: 42px;
    }

    .mobile_nav {
        display: block;
        width: min(86vw, 320px);
    }

    .search_box {
        position: fixed;
        top: 0;
        padding: 16px 0;
        background-color: rgba(19, 19, 19, 0.7);
    }

    .search_content {
        width: calc(100% - 32px);
        max-width: none;
        padding: 0 12px;
    }

    .search_content form {
        width: 100%;
    }

    .search_content input {
        min-width: 0;
    }

    .footer_top {
        padding: 20px 0;
    }

    .footer_top_left img {
        width: 100%;
        max-width: 180px;
        height: auto;
    }

    .footer_bottom {
        display: block;
        gap: 0;
        padding-top: 32px;
        padding-bottom: 18px;
    }

    .footer_bottom_item {
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        padding: 16px 0;
        max-width: unset;
    }

    .footer_bottom_item:last-child {
        border-bottom: none;
    }

    .footer_bottom_item_form {
        width: 100%;
    }

    .footer_bottom_item_tit {
        margin-bottom: 0;
    }

    .footer_bottom_item:not(.footer_bottom_item--links) .footer_bottom_item_tit {
        margin-bottom: 16px;
    }

    .footer_bottom_item--links .footer_bottom_item_tit {
        cursor: pointer;
    }

    .footer_bottom_item_icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .footer_bottom_item--links .footer_bottom_item_links {
        max-height: 0;
        margin-top: 0;
        overflow: hidden;
        transition: max-height 0.3s ease, margin-top 0.3s ease;
    }

    .footer_bottom_item--links.active .footer_bottom_item_links {
        max-height: 520px;
        margin-top: 16px;
    }

    .footer_bottom_item form {
        padding-top: 0;
    }

    .footer_msg {
        flex-direction: column;
        gap: 16px;
        padding-top: 18px;
        padding-bottom: 20px;
    }

    .footer_msg_left,
    .footer_msg_right {
        width: 100%;
    }

    .footer_msg_right {
        flex-wrap: wrap;
    }

    .footer_banner3 img {
        margin-top: 8px;
    }

    .contact {
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        width: 100%;
        transform: none;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: #fff;
        padding: 10px 0;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        gap: 0;
    }

    .contact_group {
        flex-direction: row;
        background: none;
        box-shadow: none;
        padding: 0;
        width: auto;
        flex: 1;
        justify-content: space-around;
        gap: 0;
    }

    .contact_item {
        width: 44px;
        height: 44px;
    }

    .contact_item i {
        font-size: 20px !important;
    }

    .contact_item.backTop {
        width: 44px;
        height: 44px;
        margin-right: 15px;
        flex-shrink: 0;
    }

    .contact_item.backTop i {
        font-size: 20px !important;
    }

    .wechatBox {
        bottom: calc(100% + 15px);
        left: 50%;
        right: auto;
        top: auto;
        transform: translateX(-50%) translateY(10px);
        width: 120px;
        height: 120px;
        background: #fff;
        padding: 5px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
        border-radius: 4px;
    }

    .wechatBox.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(-50%) translateY(0);
    }

    /* 移动端禁用 hover 触发 */
    .wechatItem:hover .wechatBox {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(-50%) translateY(10px);
    }

    .wechatItem:hover .wechatBox.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(-50%) translateY(0);
    }

    .wechatClose {
        top: -12px;
        right: -12px;
        width: 28px;
        height: 28px;
        font-size: 14px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    }

    .banner6::after {
        font-size: 108px;
        top: -2px;
    }

    .banner6_tit {
        padding-top: 56px;
        line-height: 1.2;
    }

    .banner6_con {
        margin-top: 34px;
        gap: 16px;
    }

    .banner6_track,
    .banner6_group {
        gap: 16px;
    }

    .banner6_track {
        animation-duration: 26s;
    }

    .banner6_card {
        width: 280px;
        border-radius: 18px;
    }

    .banner6_card_info {
        padding: 18px 16px 16px;
        transform: translateY(18px);
    }

    .banner6_card_desc {
        margin-top: 8px;
        line-height: 24px;
    }

    .banner4 {
        width: 92%;
    }

    .banner4_tit {
        margin-top: 56px;
        line-height: 1.2;
    }

    .banner4_msg {
        max-width: none;
        margin-top: 12px;
        line-height: 26px;
    }

    .certificate_con {
        margin-top: 24px;
    }

    .certificate_item {
        padding: 18px 16px;
    }

    .certificate_name {
        margin-top: 14px;
        font-size: 15px;
        line-height: 24px;
    }

    .certificate_swiper {
        padding: 0 0 72px;
    }

    .certificate_swiper .swiper-slide-active .certificate_name,
    .certificate_swiper .swiper-slide-duplicate-active .certificate_name {
        font-size: 17px;
        line-height: 24px;
        margin-top: 14px;
    }

    .certificate_swiper .thumb-nav-prev,
    .certificate_swiper .thumb-nav-next {
        width: 38px;
        height: 38px;
        top: auto;
        bottom: 0;
        left: 50%;
        right: auto;
        transform: none;
    }

    .certificate_swiper .thumb-nav-prev {
        margin-left: -48px;
    }

    .certificate_swiper .thumb-nav-next {
        margin-left: 10px;
    }


    .wechatBox {
        right: calc(100% + 12px);
    }


    .index .fs50,
    .index .fs48,
    .index .fs46,
    .index .fs42,
    .index .fs40,
    .index .fs36,
    .index .fs30,
    .index .fs28,
    .index .fs26,
    .index .fs24,
    .index .fs22,
    .index .fs20,
    .index .fs18,
    .index .fs16 {
        line-height: 1.45;
    }

    .index .fs50 {
        font-size: 32px;
    }

    .index .fs48 {
        font-size: 30px;
    }

    .index .fs46 {
        font-size: 28px;
    }

    .index .fs42 {
        font-size: 26px;
    }

    .index .fs40 {
        font-size: 24px;
    }

    .index .fs36 {
        font-size: 22px;
    }

    .index .fs30 {
        font-size: 20px;
    }

    .index .fs28 {
        font-size: 19px;
    }

    .index .fs26 {
        font-size: 18px;
    }

    .index .fs24 {
        font-size: 18px;
    }

    .index .fs22 {
        font-size: 17px;
    }

    .index .fs20 {
        font-size: 16px;
    }

    .index .fs18 {
        font-size: 15px;
    }

    .index .fs16 {
        font-size: 14px;
    }

    .banner2_list {
        margin-top: 28px;
        margin-bottom: 64px;
    }

    .banner3_con1 {
        flex-direction: column;
        padding-top: 52px;
    }

    .banner3_left {
        padding-left: 5%;
        padding-right: 5%;
    }

    .banner3_right {
        width: 94%;
        margin: 0 auto;
    }

    .banner3_con2 {
        width: 94%;
        margin-top: 36px;
        flex-wrap: wrap;
        gap: 18px 24px;
    }

    .banner3_con2_item {
        flex: 1;
    }

    .banner3_con2_itemNum {
        font-size: 50px;
    }

    .banner5_list {
        margin-top: 44px;
        gap: 16px;
    }

    .cus_b5_con {
        flex-direction: column;
        gap: 20px;
    }

    .cus_b5_con_l {
        width: 100%;
    }

    .cus_b5_con_l img {
        width: 100%;
        display: block;
    }

    .banner7 {
        flex-direction: column;
        gap: 18px;
        padding: 32px 20px 36px;
    }

    .banner7_right {
        width: 100%;
        margin: 0 auto;
    }

    .banner7::after {
        display: none;
    }

    .banner7_left {
        margin-top: 0;
        text-align: center;
    }

    .banner7_right1 {
        text-align: center;
    }

    .banner7_right2 {
        align-self: center;
    }

    .banner8_tit {
        margin-top: 56px;
    }

    .banner8_box {
        margin-top: 40px;
    }

    .swiper_info_img {
        height: 320px;
    }

    .banner8_more {
        margin-top: 32px;
    }

    .banner9 {
        padding: 56px 20px;
        flex-direction: column;
        gap: 24px;
        background-position: center;
    }

    .banner9_left {
        width: 100%;
    }

    .banner9_right {
        width: 100%;
    }

    .banner10 {
        margin-top: 64px;
    }

    .banner10::after {
        font-size: 150px;
        bottom: -70px;
    }

    .banner10_list {
        margin-top: 36px;
    }

    .banner10_card {
        padding: 36px 30px;
    }

    .banner10_card::after {
        left: 4px;
        top: 4px;
    }

    .banner10_card_text {
        line-height: 26px;
    }

    .banner10_car_user {
        gap: 14px;
        margin-top: 24px;
    }

    .banner11 {
        padding-top: 48px;
        padding-bottom: 64px;
    }

    .banner11_con {
        width: 94%;
        flex-direction: column;
        gap: 32px;
        margin-top: 40px;
    }

    .banner11_left {
        width: 100%;
    }

    .banner11_right_item {
        padding-bottom: 24px;
    }

    .banner11_ri_con {
        gap: 16px;
        align-items: flex-start;
    }

    .banner11_ri_con_right img {
        max-width: 120px;
        height: auto;
    }

    .banner12 {
        padding-top: 56px;
        padding-bottom: 40px;
    }

    .banner12_con {
        width: 94%;
        margin-top: 32px;
    }

    .banner12_rows {
        gap: 16px;
    }

    .banner12_logo {
        height: 76px;
        padding: 0 26px;
    }

    .banner12_logo img {
        max-height: 52px;
    }


}

@media (max-width:768px) {
    .header_tops_con {
        flex-direction: row;
    }
}

@media (max-width: 575px) {
    .cus_b5_con_r em {
        font-size: 20px;
    }

    .page .AddBtn {
        width: 100%;
    }

    .cus_b6_con {
        gap: 10px;
    }

    .cus_b6_con_l {
        margin-top: 0;
    }

    .fs50 {
        font-size: 26px;
    }

    .fs48 {
        font-size: 24px;
    }

    .fs46 {
        font-size: 22px;
    }

    .fs42 {
        font-size: 21px;
    }

    .fs40 {
        font-size: 20px;
    }

    .fs38 {
        font-size: 19px;
    }

    .fs36 {
        font-size: 18px;
    }

    .fs34 {
        font-size: 17px;
    }

    .fs30 {
        font-size: 18px;
    }

    .fs28 {
        font-size: 17px;
    }

    .fs26 {
        font-size: 16px;
    }

    .fs24 {
        font-size: 15px;
    }

    .fs22 {
        font-size: 15px;
    }

    .fs20 {
        font-size: 14px;
    }

    .fs18 {
        font-size: 13px;
    }

    .fs16 {
        font-size: 13px;
    }

    .fs14 {
        font-size: 12px;
    }

    .fs12 {
        font-size: 12px;
    }

    .breadcrumb {
        margin-top: 16px;
    }

    .product_list {
        width: 94%;
        gap: 20px;
        padding-bottom: 56px;
    }

    .p_l_list {
        grid-template-columns: 1fr;
    }

    .p_l_tit2 {
        margin-top: 22px;
        margin-bottom: 18px;
    }

    .p_l_list2 {
        grid-template-columns: 1fr;
    }

    .productsBanner_list {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: 24px;
    }

    .productsBanner_list_item_info1 {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

    .productsBanner_list_item_info_btn {
        width: 100%;
        text-align: center;
        justify-content: center;
        padding: 10px 16px;
    }

    .page a {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .page button {
        font-size: 14px;
    }

    .product .bgw {
        padding-top: 56px;
        padding-bottom: 68px;
    }

    .abouts {
        width: 94%;
        margin-top: 44px;
        gap: 18px;
    }

    .play {
        width: 60px;
        height: 60px;
    }

    .play img {
        width: 22px;
    }

    .pub_index_na {
        line-height: 36px;
    }

    .product .fs50 {
        font-size: 26px;
    }

    .product .fs48 {
        font-size: 24px;
    }

    .product .fs46 {
        font-size: 22px;
    }

    .product .fs42 {
        font-size: 21px;
    }

    .product .fs40 {
        font-size: 20px;
    }

    .product .fs36 {
        font-size: 20px;
    }

    .product .fs30 {
        font-size: 18px;
    }

    .product .fs28 {
        font-size: 18px;
    }

    .product .fs26 {
        font-size: 17px;
    }

    .product .fs24 {
        font-size: 16px;
    }

    .product .fs22 {
        font-size: 16px;
    }

    .product .fs20 {
        font-size: 15px;
    }

    .product .fs18 {
        font-size: 14px;
    }

    .product .fs16 {
        font-size: 14px;
    }

    .bgs {
        padding-top: 30px;
        width: 90%;
    }

    .banner12 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .banner12_msg {
        margin-top: 10px;
    }

    .banner6::after {
        display: none;
    }

    .banner6_tit {
        padding-top: 42px;
    }

    .banner6_con {
        margin-top: 28px;
    }

    .banner6_card {
        width: 246px;
    }

    .banner6_card_info {
        transform: translateY(16px);
    }

    .banner6_card_desc {
        font-size: 14px;
        line-height: 22px;
    }

    .header_tops_con {
        align-items: center;
    }

    .header_tops_con_left {
        display: none;
    }

    .header_tops_con_right {
        justify-content: center;
        gap: 4px 12px;
    }

    .mobile_lang_outer {
        right: 38px;
    }

    .mobile_nav {
        width: 100%;
    }

    .search_box {
        padding: 12px 0;
    }

    .search_content {
        width: calc(100% - 24px);
        padding: 0 10px;
    }

    .search_content input {
        padding: 12px 8px;
        font-size: 14px;
    }

    .footer_top_left img {
        max-width: 150px;
    }

    .footer_bottom {
        padding-top: 24px;
    }

    .footer_bottom_item {
        padding: 14px 0;
    }

    .footer_bottom_item_tit {
        font-size: 18px;
        line-height: 26px;
    }

    .footer_bottom_item_con,
    .footer_bottom_item_addressItems,
    .footer_bottom_item_ipt,
    .footer_bottom_item_btn button,
    .footer_banner3,
    .footer_msg_left2 {
        font-size: 14px;
        line-height: 24px;
    }

    .CAPTCHA {
        gap: 10px;
    }

    .footer_msg_right_item {
        width: 36px;
        height: 36px;
    }

    .contact {
        padding: 8px 0;
    }

    .contact_group {
        padding: 0;
        gap: 0;
    }

    .contact_item {
        width: 40px;
        height: 40px;
    }

    .contact_item i {
        font-size: 18px !important;
    }

    .contact_item.backTop {
        width: 40px;
        height: 40px;
    }

    .contact_item.backTop i {
        font-size: 18px !important;
    }

    .index .fs50,
    .index .fs48,
    .index .fs46,
    .index .fs42,
    .index .fs40,
    .index .fs36,
    .index .fs30,
    .index .fs28,
    .index .fs26,
    .index .fs24,
    .index .fs22,
    .index .fs20,
    .index .fs18,
    .index .fs16 {
        line-height: 1.45;
    }

    .index .fs50 {
        font-size: 26px;
    }

    .index .fs48 {
        font-size: 24px;
    }

    .index .fs46 {
        font-size: 22px;
    }

    .index .fs42 {
        font-size: 21px;
    }

    .index .fs40 {
        font-size: 20px;
    }

    .index .fs36 {
        font-size: 20px;
    }

    .index .fs30 {
        font-size: 18px;
    }

    .index .fs28 {
        font-size: 18px;
    }

    .index .fs26 {
        font-size: 17px;
    }

    .index .fs24 {
        font-size: 16px;
    }

    .index .fs22 {
        font-size: 16px;
    }

    .index .fs20 {
        font-size: 15px;
    }

    .index .fs18 {
        font-size: 14px;
    }

    .index .fs16 {
        font-size: 14px;
    }

    .banner1 .slider.swiper {
        padding-bottom: 84px;
    }

    .banner1 .swiper-button-prev,
    .banner1 .swiper-button-next {
        top: auto;
        bottom: 0px;
        left: 50%;
        right: auto;
        margin-top: 0;
        transform: none;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background-color: rgba(0, 0, 0, 0.25);
        border: 1px solid rgba(255, 255, 255, 0.6);
        z-index: 3;
    }

    .banner1 .swiper-button-prev {
        margin-left: -56px;
    }

    .banner1 .swiper-button-next {
        margin-left: 12px;
    }

    .banner1 .swiper-pagination {
        bottom: 12px;
    }

    .banner2_tit {
        padding-top: 44px;
    }

    .banner2_list {
        grid-template-columns: 1fr;
        width: 94%;
        gap: 16px;
        margin-top: 24px;
        margin-bottom: 56px;
    }

    .banner3_con1 {
        padding-top: 44px;
    }

    .banner3::after {
        display: none;
    }

    .banner3_left_con {
        padding-top: 24px;
        line-height: 26px;
    }

    .banner3_left .btn {
        margin-top: 28px;
    }

    .banner3_con2 {
        margin-top: 32px;
        gap: 16px;
    }

    .banner3_con2_item {
        flex: 1 1 100%;
    }

    .banner3 {
        padding-bottom: 32px;
    }

    .banner3_con2_item.first .banner3_con2_itemmsg,
    .banner3_con2_item.last .banner3_con2_itemmsg {
        text-align: center;
    }

    .banner5::after,
    .index .banner2::after {
        font-size: 100px;
    }

    .banner3_con2_itemmsg {
        line-height: 26px;
        text-align: center;
    }

    .banner3_con2_itemNum {
        font-size: 40px;
    }

    .banner5_tit {
        padding-top: 44px;
    }

    .banner5_list {
        grid-template-columns: 1fr;
        width: 94%;
        margin-top: 32px;
        gap: 16px;
    }

    .banner5_item {
        padding: 24px 18px 32px;
    }

    .banner5_item img {
        margin-bottom: 18px;
    }

    .banner5_item_msg {
        margin-top: 16px;
        line-height: 26px;
    }

    .banner7 {
        width: 94%;
        padding: 26px 16px 28px;
    }

    .banner7_right1 {
        font-size: 14px;
        line-height: 24px;
    }

    .banner7_right1 strong {
        font-size: 16px;
    }

    .banner8_tit {
        margin-top: 44px;
    }

    .bgs {
        width: 100%;
        padding-bottom: 30px;
    }

    .banner9_left .btn {
        margin-top: 20px;
    }

    .banner10_card::after {
        width: 20px;
        height: 15px;
    }

    .banner8_box {
        width: 94%;
        margin-top: 32px;
        padding-bottom: 72px;
    }

    .banner8_box .swiper-button-next,
    .banner8_box .swiper-button-prev {
        top: auto;
        bottom: 0;
        left: 50%;
        right: auto;
        transform: none;
        width: 44px;
        height: 44px;
    }

    .banner8_box .swiper-button-prev {
        margin-left: -56px;
    }

    .banner8_box .swiper-button-next {
        margin-left: 12px;
    }

    .swiper_info_img {
        height: 280px;
    }

    .banner8_more {
        margin-top: 24px;
    }

    .banner9 {
        padding: 44px 16px;
    }

    .banner9_right_item {
        gap: 16px;
        margin-bottom: 20px;
    }

    .banner10 {
        margin-top: 52px;
    }

    .banner10::after {
        display: none;
    }

    .banner10_list {
        margin-top: 28px;
    }

    .banner10Slider {
        padding-bottom: 44px;
    }

    .banner10_card {
        padding: 22px 16px;
        border-radius: 16px;
    }

    .banner10_card_text {
        line-height: 24px;
    }

    .banner10Slider .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .banner11 {
        padding-top: 44px;
        padding-bottom: 56px;
    }

    .banner11_con {
        margin-top: 32px;
        gap: 24px;
    }

    .banner11_right_item {
        flex-direction: column;
        gap: 10px;
        padding-bottom: 18px;
    }

    .banner11_ri_con {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        margin-top: 0;
    }

    .banner12 {
        padding-top: 44px;
        padding-bottom: 32px;
    }

    .banner12_con {
        margin-top: 24px;
    }

    .banner12_rows {
        gap: 14px;
    }

    .banner12_logo {
        height: 68px;
        padding: 0 18px;
        border-radius: 14px;
    }

    .banner12_logo img {
        max-height: 46px;
    }

    .btn {
        padding: 6px 24px;
        font-size: 14px;
    }

    .banner9_right_item .cir {
        width: 30px;
        height: 30px;
    }

    .banner10 {
        padding-bottom: 30px;
    }
}

@media (max-width: 359px) {
    .nav {
        min-height: 64px;
    }

    .nav_left {
        max-width: 140px;
    }

    .mobile_lang_outer {
        right: 34px;
    }

    .mobile_lang_toggle {
        padding: 4px 8px;
        font-size: 11px;
    }

    .mobile_menu_btn {
        width: 20px;
        height: 16px;
    }

    .search_content {
        width: calc(100% - 16px);
        padding: 0 8px;
    }

    .product_list {
        width: calc(100% - 16px);
        padding-bottom: 48px;
    }

    .productsBanner_list_item_info {
        padding: 16px 14px 18px;
    }

    .page {
        gap: 10px;
    }

    .page .AddBtn {
        font-size: 14px;
    }

    .play {
        width: 54px;
        height: 54px;
    }

    .play img {
        width: 20px;
    }

    .pub_index_na {
        line-height: 32px;
    }

    .videoModal {
        padding: 12px;
    }

    .videoModal_close {
        width: 32px;
        height: 32px;
    }

    .footer_bottom_item_tit {
        font-size: 16px;
    }

    .footer_bottom_item_addressItems {
        align-items: flex-start;
    }

    .footer_bottom_item_addressItems .iconfont {
        margin-top: 6px;
        margin-right: 8px;
    }

    .footer_msg_right {
        gap: 8px;
    }

    .footer_msg_right_item {
        width: 32px;
        height: 32px;
    }

    .contact_group {
        padding: 0;
        gap: 0;
    }

    .contact_item {
        width: 38px;
        height: 38px;
    }

    .contact_item i {
        font-size: 17px !important;
    }

    .contact_item.backTop {
        width: 38px;
        height: 38px;
    }

    .contact_item.backTop i {
        font-size: 17px !important;
    }

    .wechatBox {
        width: 100px;
        height: 100px;
    }


    .banner1 .slider.swiper {
        padding-bottom: 78px;
    }

    .banner1 .swiper-button-prev,
    .banner1 .swiper-button-next {
        width: 40px;
        height: 40px;
        bottom: 0px;
    }

    .banner1 .swiper-button-prev {
        margin-left: -52px;
    }

    .banner1 .swiper-button-next {
        margin-left: 12px;
    }

    .banner8_box {
        padding-bottom: 66px;
    }

    .banner8_box .swiper-button-next,
    .banner8_box .swiper-button-prev {
        width: 40px;
        height: 40px;
    }

    .banner8_box .swiper-button-prev {
        margin-left: -52px;
    }

    .banner8_box .swiper-button-next {
        margin-left: 12px;
    }

    .banner12_logo {
        padding: 0 14px;
    }
}

@media (max-width: 1200px) {
    .product2-page .goods {
        gap: 40px;
        margin-top: 44px;
    }

    .product2-page .tableTit {
        padding-top: 64px;
        line-height: 1.2;
    }

    .product2-page .tableTit::after {
        font-size: 120px;
        left: 24px;
    }

    .product2-page .goods_desc {
        margin-top: 36px;
    }

    .product2-page .goods_desc strong {
        font-size: 40px;
        line-height: 1.2;
        margin-top: 72px;
        display: block;
    }

    .product2-page .product2_list2 {
        margin-top: 72px;
        margin-bottom: 72px;
    }

    .product2_swiper1 {
        margin-top: 60px;
    }
}

@media (max-width: 991px) {
    .product2-page .fs50 {
        font-size: 30px;
    }

    .product2-page .fs48 {
        font-size: 30px;
    }

    .product2-page .fs46 {
        font-size: 28px;
    }

    .product2-page .fs42 {
        font-size: 26px;
    }

    .product2-page .fs40 {
        font-size: 24px;
    }

    .product2-page .fs38 {
        font-size: 24px;
    }

    .product2-page .fs36 {
        font-size: 22px;
    }

    .product2-page .fs30 {
        font-size: 20px;
    }

    .product2-page .fs28 {
        font-size: 19px;
    }

    .product2-page .fs26 {
        font-size: 18px;
    }

    .product2-page .fs24 {
        font-size: 17px;
    }

    .product2-page .fs22 {
        font-size: 16px;
    }

    .product2-page .fs20 {
        font-size: 15px;
    }

    .product2-page .fs18 {
        font-size: 14px;
    }

    .product2-page .fs16 {
        font-size: 14px;
    }

    .product2-page .goods {
        flex-direction: column;
        gap: 28px;
        margin-top: 32px;
        width: 94%;
    }

    .product2-page .goods_left {
        width: 100%;
    }

    .product2-page .goods_right_tit {
        line-height: 1.3;
        padding-bottom: 14px;
        margin-bottom: 16px;
    }

    .product2-page .goods_right_share {
        padding-top: 22px;
        margin-top: 18px;
    }

    .product2-page .goods_right_btnList {
        flex-wrap: wrap;
        gap: 12px;
    }

    .product2-page .goods_right_btnList .btn:first-child {
        margin-right: 0;
    }

    .product2-page .goods_right_btnList .btn {
        flex: 1 1 260px;
        justify-content: center;
    }

    .product2-page .tableTit {
        width: 94%;
        padding-top: 56px;
    }

    .product2-page .tableTit::after {
        font-size: 92px;
        left: 18px;
    }

    .product2-page .goods_desc {
        width: 94%;
        margin-top: 28px;
    }

    .product2-page .goods_desc strong {
        font-size: 32px;
        margin-top: 56px;
    }

    .product2-page .product_tit {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        margin-bottom: 22px;
    }

    .product2-page .swiper3_contral {
        gap: 14px;
    }

    .product2-page .product2_swiper1 .swiper-button-next,
    .product2-page .product2_swiper1 .swiper-button-prev {
        width: 44px;
        height: 44px;
    }

    .product2_swiper1 {
        margin-top: 30px;
    }

    .product2-page .product2_list2 {
        width: 94%;
        margin-top: 56px;
        margin-bottom: 56px;
    }

    .product2-page .pd_list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin-top: 24px;
    }

    .product2-page .pd_item_name {
        font-size: 22px;
        margin-top: 22px;
    }
}

@media (max-width: 768px) {
    .product2-page .goods_left {
        flex-direction: column;
        gap: 12px;
    }

    .product2-page .thumb-outer {
        width: 100%;
        padding: 0;
        position: relative;
        overflow: visible;
    }

    .product2-page .thumb-outer .swiper {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        display: block;
        height: auto;
    }

    .product2-page .thumb-outer .swiper-wrapper {
        flex: unset;
    }

    .product2-page .thumb-outer .swiper-slide {
        width: auto !important;
        border-radius: 10px;
    }

    .product2-page .thumb-outer .swiper-button-prev,
    .product2-page .thumb-outer .swiper-button-next {
        display: none;
    }

    .product2-page .goods_desc p img {
        width: 100%;
        height: auto;
        display: block;
    }

    .product2-page .goods_desc p img+img {
        margin-top: 12px;
    }
}

@media (max-width: 575px) {
    .product2-page .goods {
        width: 94%;
        gap: 22px;
    }

    .product2-page .goods_right_btnList .btn {
        width: 100%;
        flex: 1 1 100%;
    }

    .product2-page .tableTit {
        padding-top: 46px;
    }

    .product2-page .tableTit::after {
        font-size: 72px;
    }

    .product2-page .goods_desc strong {
        font-size: 26px;
        margin-top: 44px;
    }

    .product2-page .product2_swiper1 {
        width: 94%;
    }

    .product2-page .product2_list2 {
        margin-top: 44px;
        margin-bottom: 44px;
    }

    .product2-page .pd_list {
        grid-template-columns: 1fr;
    }

    .product2-page .pd_item {
        padding: 0 16px 18px;
    }

    .product2-page .pd_item_name {
        font-size: 20px;
    }
}

@media (max-width: 359px) {
    .product2-page .goods {
        width: calc(100% - 16px);
    }

    .product2-page .tableTit {
        width: calc(100% - 16px);
    }

    .product2-page .goods_desc {
        width: calc(100% - 16px);
    }

    .product2-page .product2_swiper1,
    .product2-page .product2_list2 {
        width: calc(100% - 16px);
    }
}

/* Fly-in Animations */
[data-v-anime] {
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform, opacity;
}

[data-v-anime="up"] {
    transform: translateY(40px);
}

[data-v-anime="left"] {
    transform: translateX(-40px);
}

[data-v-anime="right"] {
    transform: translateX(40px);
}

[data-v-anime="zoom"] {
    transform: scale(0.9);
}

[data-v-anime].is-animated {
    opacity: 1 !important;
    transform: translate(0, 0) scale(1) !important;
}

/* Stagger delays */
[data-v-delay="100"] {
    transition-delay: 0.1s;
}

[data-v-delay="200"] {
    transition-delay: 0.2s;
}

[data-v-delay="300"] {
    transition-delay: 0.3s;
}

[data-v-delay="400"] {
    transition-delay: 0.4s;
}

[data-v-delay="500"] {
    transition-delay: 0.5s;
}

[data-v-delay="600"] {
    transition-delay: 0.6s;
}

[data-v-delay="700"] {
    transition-delay: 0.7s;
}

[data-v-delay="800"] {
    transition-delay: 0.8s;
}