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

video {
    display: block;
}

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

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

body {
    font-family: "Microsoft YaHei";
}

@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=1778321855016') format('woff'),
        url('iconfont.ttf?t=1778321855016') format('truetype');
}

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

.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";
}




:root {
    --main-color: #F9532A;

}

.navBox {
    background: rgba(2, 2, 2, .5);
    z-index: 9999;

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.nav {
    max-width: 1524px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
}

.nav_left {
    padding: 8px 0;
}

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

.nav_right>div {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.nav_right_item {
    color: #FFF;
    /* 18R */
    font-family: "Microsoft YaHei";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-right: 54px;
    white-space: nowrap;
    /* 166.667% */
}

.nav_right_item:nth-last-child(4) {
    margin-right: 110px;
}

.searchBtn {
    display: flex;
    align-items: center;
    font-size: 16px;
    background: var(--main-color);
    border-radius: 50%;
    color: #fff;
    padding: 8px;
    cursor: pointer;
    height: auto !important;
    margin-left: 56px;
}

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

.nav_right .actives::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--main-color);
    border-radius: 2px;
}


.lang {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 16px;
    margin-left: 27px;
    cursor: pointer;
}

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

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

.shop {
    display: flex;
    align-items: center;
    color: #FFF;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    background: var(--main-color);
    padding: 4px 11px;
    border-radius: 10px;
    overflow: hidden;
    margin-left: 40px;
    white-space: nowrap;
    /* 187.5% */
}

.shop img {
    width: 17px;
    margin-right: 15px;
}

.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);
}

.search_box {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 99;
}

.search_box.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.search_content {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.search_content input {
    flex: 1;
    height: 44px;
    padding: 0 16px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    outline: none;
}

.search_submit {
    height: 44px;
    width: 44px;
    background: var(--main-color);
    border: none;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.search_submit:hover {
    background: #e67e22;
}

.search_close {
    height: 44px;
    width: 44px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.search_close:hover {
    background: rgba(255, 255, 255, 0.3);
}

.footer {
    background-color: #222;
    padding: 67px 0 40px;
}

.footer_con {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
}

.footer_con_top {
    padding-bottom: 55px;
    border-bottom: 1px solid #fff;
    display: flex;
    justify-content: space-between;
}

.footer_con_bottm {
    display: flex;
    color: #FFF;
    font-family: "Microsoft YaHei";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    align-items: center;
    margin-top: 20px;
    justify-content: space-between;
    /* 250% */
}

.footer_con_bottm a {
    color: #FFF;
    margin: 0 2px;
    white-space: nowrap;
}

.footer_con_bottm img {
    width: 76px;
    margin-left: 6px;
}

.footer_con_bottm_left {
    display: flex;
    flex: 1;
    align-items: center;
    flex-wrap: wrap;
}

.footer_con_bottm_left a:not(:has(img)):hover {
    border-bottom: 1px solid var(--main-color);
}


.footer_con_top_left_tit {
    width: 130px;
    margin-bottom: 28px;
    display: block;
}

.footer_con_top_left_text {
    width: 206px;
    display: block;
}

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

.footer_con_bottm_right_item {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 0 !important;
    margin-right: 12px !important;
    transition: all 0.3s ease;
}

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

.banner1 {
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 49.47%;
}


.contact {
    position: fixed;
    right: 14px;
    top: 50%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    display: none;
    z-index: 9999999;
}

.contact_item {
    cursor: pointer;
    position: relative;
    background-color: rgba(255, 255, 255, 0.8);
    /* background-color: #DBDBDB; */
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    box-shadow: 0 4px 20px 0 rgba(35, 66, 154, 0.15);
}

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

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

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

.contact_item:hover i {
    color: #fff;
}

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

.wechatBox {
    position: absolute;
    left: -140px;
    top: 50%;
    transform: translateY(-50%) translateX(-20px);
    width: 100px;
    height: 100px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

.wechatBox.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
}

.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;
}

.navBox_right_item a {
    white-space: nowrap;
}


.banner1 .swiper {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.banner1 .swiper-slide {
    width: 100%;
}

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

.banner1 .swiper-button-prev,
.banner1 .swiper-button-next {
    width: 50px;
    height: 50px;
    background: transparent;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    border: 1px solid #fff;
}

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


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

.banner1 .swiper-button-prev:hover,
.banner1 .swiper-button-next:hover {
    background-color: var(--main-color);
    color: #fff;
    border: 1px solid var(--main-color);
}

.banner1 .swiper-button-prev {
    left: 30px;
}

.banner1 .swiper-button-next {
    right: 30px;
}

.footer_con_top_right {
    display: flex;
    gap: 157px;
}

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



.footer_con_top_right_item a {
    color: #878787;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}

.footer_con_top_right_item span {
    color: #878787;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}

.footer_con_top_right_item div {
    color: #878787;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}

.footer_con_top_right_item .footer_con_top_right_item_tit {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    line-height: 36px;
}

.footer_con_top_right_item .footer_con_top_right_item_tit a {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    line-height: 36px;
}

.tootip {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff;
    width: 900px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 100;

    /* visibility: visible; */
    /* opacity: 1; */
}

.nav_right>div:hover .tootip,
.tootip:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.tootip_item {
    display: flex;
}

.topptip_item_l1 {
    white-space: nowrap;
    color: #222;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    border-right: 1px solid rgba(0, 0, 0, .1);
    padding: 10px 0;
    /* padding-right: 50px; */
    /* padding-top: 40px; */
    /* padding-left: 60px; */
    width: 24.22%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.topptip_item_list {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    padding-left: 42px;
}

.tootip_item:nth-child(1) .topptip_item_list {
    padding-left: 42px;
    padding-top: 40px;
    padding-right: 60px;
    padding-bottom: 30px;
}

.topptip_item_item {
    white-space: nowrap;
    color: #666;
    font-size: 14px;
    line-height: 36px;
    flex: 0 0 auto;
    /* margin-bottom: 5px; */
    width: 33%;
    display: flex;
    align-items: center;
}

.pd40 {
    padding-bottom: 40px;
}

.pt40 {
    align-items: flex-start;
    padding-top: 40px;
}

.pb11 {
    padding-bottom: 11px !important;
}

.pd40_2 {
    align-items: flex-start;
    padding-top: 40px;
    padding-top: 11px;
}


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

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

.tootip2 {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff;
    padding: 29px 34px;
    width: 218px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 11px;
    opacity: 0;
    visibility: hidden;
}

.tootip2_item {
    color: #222;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 166.667% */
}

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

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

.fs56 {
    font-size: 56px;
}

.fs46 {
    font-size: 46px;
}

.fs40 {
    font-size: 40px;
}

.fs36 {
    font-size: 36px;
}

.fs24 {
    font-size: 24px;
}

.fs20 {
    font-size: 20px;
}

.fs18 {
    font-size: 18px;
}

.fs16 {
    font-size: 16px;
}

@media screen and (max-width: 1580px) {
    .nav_right_item {
        margin-right: 30px;
    }

    .tootip {
        width: 800px;
    }

}

@media screen and (max-width: 1400px) {
    .nav_right_item {}

    .shop {
        margin-left: 20px;
    }

    .footer_con_top_right {
        gap: 100px;
    }

    .tootip {
        width: 600px;
        top: 110%;
    }

    .tootip_item:nth-child(1) .topptip_item_list {
        padding-left: 22px;
        padding-top: 0px;
        padding-right: 20px;
    }

}

@media screen and (max-width: 1280px) {


    .nav_right_item {
        font-size: 16px;
        margin-right: 20px;
    }

    .nav_left {
        padding: 10px 0;
    }

    .nav_left {
        width: 200px;
    }

    .lang .icon-bottom7 {
        margin-left: 10px;
    }

    .lang {
        margin-left: 16px;
    }

    .shop img {
        margin-right: 10px;
    }
}

@media screen and (max-width: 1200px) {
    .shop {
        padding: 4px 6px;
    }

    .shop {
        margin-left: 14px;
    }

    .nav_left {
        width: 160px;
    }

    .nav_right_item {
        margin-right: 16px;
    }

    .footer_con_top_right {
        gap: 60px;
    }

    .footer_con_top_left_text {
        width: 120px;
    }
}

@media screen and (max-width: 992px) {


    .footer {
        padding-top: 30px;
    }

    .footer_con_top {
        flex-wrap: wrap;
        padding-bottom: 20px;
    }

    .footer_con_top_left {
        width: 100%;

    }

    .footer_con_top_right {
        width: 100%;
        justify-content: center;
        gap: 20px;
    }


    .footer_con_top_left_tit {
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .footer_con_top_left_text {
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }

    .footer_con_top_right_item {
        text-align: center;
        flex: 1;
    }

    .footer_con_top_left {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
    }

    .footer_con_top_right_item_tit {
        cursor: pointer;
        position: relative;
        display: inline-block;
        padding-right: 20px;
    }

    .footer_con_top_right_item_tit::after {
        content: '\e723';
        font-family: 'iconfont';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 14px;
        transition: transform 0.3s;
    }

    .footer_con_top_right_item.active .footer_con_top_right_item_tit::after {
        transform: translateY(-50%) rotate(180deg);
    }

    .footer_con_top_right_item a {
        display: none;
        text-align: left;
    }

    .footer_con_top_right_item .footer_con_top_right_item_tit {
        text-align: left;
    }

    .footer_con_top_right_item .footer_con_top_right_item_tit a {
        display: block;
        text-align: left;
    }

    .footer_con_top_right_item.active a {
        display: block;
    }

    .footer_con_top_right_item>div:not(.footer_con_top_right_item_tit) {
        display: none;
    }

    .footer_con_top_right_item.active>div:not(.footer_con_top_right_item_tit) {
        display: block;
        text-align: left;
    }
}

@media screen and (max-width: 768px) {
    .tootip {
        position: relative;
        max-width: 100%;
        width: auto;
        left: 0;
        top: 0;
        transform: none;
        box-shadow: none;
        padding: 0;
    }

    .tootip_item {
        flex-direction: column;
    }

    .topptip_item_l1 {
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding: 15px 0;
    }

    .tootip_item:nth-child(1) .topptip_item_list {
        padding: 15px 0;
    }

    .topptip_item_item {
        width: 100%;
        line-height: 40px;
    }
}

@media screen and (max-width: 576px) {}

.mobile_header {
    display: none;
}

.mobile_header_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: var(--main-color);
}

.mobile_menu_btn,
.mobile_search_btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.mobile_header_right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mobile_lang {
    position: relative;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    padding: 8px;
}

.mobile_lang .icon-diqiu {
    margin-right: 4px;
    font-size: 18px;
}

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

.mobile_lang.active .mobile_lang_dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.mobile_lang_dropdown li a {
    display: block;
    padding: 8px 16px;
    color: #333;
    font-size: 14px;
}

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

.mobile_logo img {
    height: 30px;
    width: auto;
}

.mobile_nav {
    display: none;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.mobile_nav.active {
    display: block;
}

.mobile_nav_item {
    border-bottom: 1px solid #eee;
}

.mobile_nav_item>a {
    display: block;
    padding: 14px 16px;
    color: #333;
    font-size: 15px;
}

.mobile_nav_item.has_sub {
    position: relative;
}

.mobile_nav_item.has_sub .icon-jiantou {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s;
    color: #999;
}

.mobile_nav_item.has_sub.active .icon-jiantou {
    transform: translateY(-50%) rotate(90deg);
}

.mobile_sub_nav {
    display: none;
    background: #f5f5f5;
    padding: 8px 0;
}

.mobile_nav_item.has_sub.active .mobile_sub_nav {
    display: block;
}

.mobile_sub_item {
    display: block;
    padding: 10px 16px 10px 32px;
    color: #666;
    font-size: 14px;
}

.mobile_header {
    display: none;
}

.mobile_header_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: var(--main-color);
}

.mobile_menu_btn,
.mobile_search_btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.mobile_logo img {
    height: 30px;
    width: auto;
}

.mobile_nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 998;
}

.mobile_nav-overlay.active {
    opacity: 1;
    visibility: visible;
}

.mobile-nav {
    position: fixed;
    top: 0;
    right: -280px;
    width: 280px;
    height: 100%;
    background: #fff;
    overflow-y: auto;
    transition: right 0.3s ease;
    z-index: 999;
    display: none;
}

.mobile-nav.active {
    right: 0;
    display: block;
}

.mobile-nav-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}

.mobile-nav-header {
    padding: 12px 16px;
    background: var(--main-color);
    display: flex;
    align-items: center;
    gap: 12px;
    height: 64px;
    box-sizing: border-box;
}

.mobile-nav-header img {
    height: 30px;
    width: auto;
}

.mobile-nav-item {
    border-bottom: 1px solid #eee;
}

.mobile-nav-item>a {
    display: block;
    padding: 14px 16px;
    color: #333;
    font-size: 15px;
}

.mobile-nav-item .mobile-nav-item-div {
    display: flex;
    padding: 14px 16px;
    color: #333;
    font-size: 15px;
    justify-content: space-between;
}

.mobile-nav-item.has-sub {
    position: relative;
}

.mobile-nav-item.has-sub .mobile-nav-link {
    position: relative;
    padding-right: 40px;
}

.mobile-nav-item.has-sub .mobile-nav-item-div .icon-bottom7 {
    position: relative;
    transition: transform 0.3s;
    color: #999;
}

.mobile-nav-item.has-sub.active .mobile-nav-item-div .icon-bottom7 {
    transform: rotate(180deg);
}


.mobile-sub-nav {
    display: none;
    background: #f5f5f5;
    padding: 8px 0;
}

.mobile-nav-item.has-sub.active .mobile-sub-nav {
    display: block;
}

.mobile-sub-item {
    display: block;
    padding: 10px 16px 10px 32px;
    color: #666;
    font-size: 14px;
}

.mobile-nav-item1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding-right: 30px;
}

.mobile-nav-item-div1 a {
    display: block;
    width: 100%;
    padding: 4px 14px;
    color: #666;
    font-size: 14px;
}

.mobile-nav-item-div1 {
    padding-left: 20px;
    display: none;
}

.mobile-nav-item1.active+.mobile-nav-item-div1 {
    display: block;
}

.mobile-nav-item1.active .icon-bottom7 {
    transform: rotate(180deg);
}

.mobile-nav-search {
    display: flex;
    padding: 15px 16px;
    gap: 10px;
}

.mobile-nav-search form {
    display: flex;
}

.mobile-nav-search input {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
}

.mobile-nav-search button {
    width: 40px;
    height: 40px;
    border: none;
    background: var(--main-color);
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 992px) {

    .contact {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        top: unset;
        transform: translateY(0%);
        height: auto;
        border: unset;
        border-radius: unset;
        width: 100%;
        box-sizing: border-box;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
        z-index: 9999;
    }

    .contact_item {
        width: 25% !important;
        height: auto !important;
        border-bottom: unset;
        border-right: 1px solid rgba(77, 77, 77, 0.2);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
    }

    .wechatBox {
        left: 50%;
        transform: translateX(-50%);
    }

    .wechatBox.active {
        transform: translate(-50%, -150%);
        left: 50%;
    }

    .contact_item:last-child {
        border-right: unset;
    }


    .navBox {
        display: none;
    }

    .mobile_header {
        display: block;
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        z-index: 999;
    }
}


/* index.html Start */

/* 入场动画 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(60px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-60px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(60px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.animate-fadeInUp {
    animation: fadeInUp 0.8s ease-out forwards;
}

.animate-fadeInLeft {
    animation: fadeInLeft 0.8s ease-out forwards;
}

.animate-fadeInRight {
    animation: fadeInRight 0.8s ease-out forwards;
}

.animate-fadeInScale {
    animation: fadeInScale 0.8s ease-out forwards;
}

.banner1 .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    text-transform: capitalize;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.banner1 .text img {}

.banner1 .text a {
    color: #FFF;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 7px 15px;
    border-radius: 10px;
    background: var(--main-color);
    display: inline-block;
    margin-top: 23px;
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.banner1 .text a:hover {
    background-color: #fff;
    border: 1px solid var(--main-color);
    color: var(--main-color);
}

.banner1 .more {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}

.index .navBox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}


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

.banner2 {
    background: url(../image/banner2_bg.png) no-repeat;
    background-size: cover;
    padding-bottom: 106px;
}

.banner2_tip {
    color: var(--main-color);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-top: 132px;
}

.banner2_text {
    color: #222;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 30px;
}

.banner2_list {
    margin: 0 auto;
    display: flex;
    margin-top: 75px;
    max-width: 1400px;
    width: 90%;
}

.banner2_item_tit {
    color: #222;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.banner2_item_msg {
    color: rgba(0, 0, 0, 0.55);
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 24px;
}

.banner2_item {
    position: relative;
    padding: 0 40px;
}

.banner2_item:nth-child(2) {
    padding: 0 60px;
}

.banner2_item::after {
    content: "";
    position: absolute;
    top: 6px;
    width: 1px;
    height: 200px;
    background-color: #E9E9E9;
    right: 0;
}

.banner3 {
    padding-bottom: 48px;
}

.banner3_con {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;

}

.banner3_tip {
    color: #222;
    text-align: center;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 109px;
}

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

.banner3_list {
    display: flex;
    gap: 33px;
    margin-top: 45px;
}

.banner3_left {
    flex: 1;
    padding: 47px 9px 6px 60px;
    background-color: #F8F8F8;
    border-radius: 20px;
    box-shadow: 0 5px 4.2px 0 rgba(116, 116, 116, 0.10);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.banner3_left_tit {
    color: #222;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.banner3_left_msg {
    color: rgba(0, 0, 0, 0.55);
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 24px;
}

.banner3_left_contral {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.banner3_left_contral_left {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    background-color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 38px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

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

.banner3_right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.banner3_right_item {
    background-color: #F8F8F8;
    padding: 14px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
}

.banner3_right_msg {
    color: rgba(0, 0, 0, 0.55);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 15px;
    margin-top: 6px;
}

.banner3_right_contral {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #fff;
    background-color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.banner3_right_contral .iconfont {
    font-size: 12px !important;
}

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

.banner4 {
    background: rgba(248, 248, 248, 1);
    padding-bottom: 115px;
}

.banner4_con {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
}

.banner4_tit {
    color: #222;
    text-align: center;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-top: 78px;
}

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

.banner4_list {
    display: flex;
    gap: 15px;
    margin-top: 57px;
}

.banner4_item {
    flex: 1;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.5s ease;
    overflow: hidden;
    position: relative;
    height: 572px;
    background: url('../image/banner4_img.png') no-repeat center center;
    background-size: cover;
}





.banner4_item_content {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.banner4_item.active {
    flex: 0 0 700px;
    position: relative;
}

.banner4_item.active:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
    z-index: 1;
    height: 113px;
    width: 100%;
}

.banner4_item_icon {
    margin-bottom: 5px;
    width: 33px;
    height: 33px;
}

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

.banner4_item_tit {
    color: #FFF;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.banner4_item_msg {
    display: flex;
    align-items: center;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
    gap: 123px;
}

.banner4_item.active .banner4_item_msg {
    opacity: 1;
    max-height: 200px;
    margin-top: 10px;
}

.banner4_item_msg_left {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    flex: 1;
    /* 两行溢出省略号 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.banner4_item_msg_right {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: 15px;
    background-color: var(--main-color);
    font-size: 12px;
    cursor: pointer;
}

.banner5 {
    background: url(../image/banner5_bg.png) no-repeat center center;
    background-size: cover;
    padding-top: 118px;
}

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

.banner5_left {
    flex: 1;
}

.banner5_left_tit {
    color: #FFF;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.banner5_left_tit2 {
    color: #FFF;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 6px;
}

.banner5_left_msg {
    color: #FFF;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 25px;
}

.banner5_right {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    margin-right: 180px;
}

.banner5_right::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    animation: pulse 2s ease-out infinite;
}

@keyframes pulse {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0.6;
    }

    100% {
        width: 150%;
        height: 150%;
        opacity: 0;
    }
}

.banner5_right img {
    width: 33.657px;
    height: 33.657px;
    position: relative;
    z-index: 1;
}

.banner5_left_more {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 7px 15px;
    white-space: nowrap;
    border-radius: 10px;
    background: var(--main-color);
    display: inline-block;
    margin-top: 40px;
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

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

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

.banner5_left_more a {
    color: #FFF;
    text-decoration: none;
}

.numItem_tit {
    color: #FFF;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.numItem_msg {
    color: #FFF;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.numList {
    display: flex;
    max-width: 1400px;
    margin: 0 auto;
    width: 90%;
    justify-content: space-between;
    margin-top: 108px;
    padding-bottom: 140px;
}



.banner6 {
    background: url(../image/banner6_bg.png) no-repeat;
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 133px;
}

.banner6_tit {
    color: #222;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.banner6_msg {
    color: #666;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 24px;
}

.container {
    margin-top: 64px;
}

.w1400 {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    height: 40px;
    margin-top: 76px;
}

.swiper {
    width: 100%;
}



.swiper-box {
    width: 100%;
    overflow: hidden;
}

/* 图片不写宽高！自动保持原图大小 */
.card img {
    display: block;
    height: auto;
    border-radius: 20px;
}


.card-title {
    color: #222;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 27px;
}

.card-desc {
    color: #666;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 8px;
}

/* 按钮样式 左橙右白 */
.w1400 .swiper-button-prev,
.w1400 .swiper-button-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ddd;
    color: #333;
    top: 0;
    margin-top: 0;
    position: absolute !important;
}

.w1400 .swiper-button-prev {
    left: 0;
}

.w1400 .swiper-button-next {
    right: auto;
    left: 60px;
}

.banner6 .swiper-button-prev::after,
.banner6 .swiper-button-next::after {
    font-size: 18px;
}

.banner6 .swiper-button-prev:hover {
    background: var(--main-color);
    color: #fff;
}

.banner6 .swiper-button-next:hover {
    background: var(--main-color);
    color: #fff;
}

/* 进度条样式 和截图一致 */
.w1400 .swiper-scrollbar {
    height: 1px !important;
    background: #eee !important;
    border-radius: 2px;
    left: 120px !important;
    right: 0 !important;
    position: absolute !important;
    top: 20px;
    width: calc(100% - 120px) !important;
}

.w1400 .swiper-scrollbar-drag {
    position: absolute !important;
    background: #ff5722 !important;
    border-radius: 50px !important;
    top: -4px !important;
    bottom: -4px !important;
    height: 9px !important;
    margin: auto !important;
}


.form_left {
    flex: 1;
}

.banner7 {
    background-color: #F8F8F8;
}

.banner7_con {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    padding-top: 103px;
    text-align: center;
}

.banner7_tit {
    color: #222;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.banner7_msg {
    color: #666;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 24px;
    margin-bottom: 70px;
}


.banner7_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 23px 26px;
    border-radius: 20px;
    gap: 127px;
    margin-bottom: 24px;
    transition: all 0.3s ease-in-out;
}

.banner7_item_con {
    display: flex;
    flex: 1;
}

.banner7_item_img {
    width: 224px;
    border-radius: 12px;
    overflow: hidden;
}

.banner7_item_msg {
    margin-left: 63px;
    flex: 1;
    margin-right: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.banner7_item_msg_tit {
    text-align: left;
    color: #222;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* 一行溢出隐藏 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.banner7_item_msg_text {
    color: #666;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 两行溢出隐藏 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 11px;
    text-align: left;
}

.banner7_item_time {
    color: var(--main-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.banner7_item_time img {
    width: 21px;
    margin-right: 7px;
}

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

.banner7_item:hover {
    box-shadow: 1px -1px 4px 5px rgba(0, 0, 0, 0.06);
}

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

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

.banner7_more {
    color: #FFF;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 7px 15px;
    background-color: var(--main-color);
    display: inline-block;
    border-radius: 10px;
    margin: 0 auto;
    margin-top: 26px;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

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

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


/* banner8 自动滚动 */
.banner8 {
    background: #F8F8F8;
    padding-top: 100px;
    overflow: hidden;
    padding-bottom: 10px;
}

.banner8_container {
    width: 100%;
    overflow: hidden;
}

.banner8_wrapper {
    display: flex;
    animation: banner8-scroll 30s linear infinite;
}

@keyframes banner8-scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.banner8_item {
    width: 251px;
    height: 103px;
    background: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 27px;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    color: #666;
    font-size: 16px;
}

.banner8_item img {
    width: auto;
    transition: all 0.3s ease-in-out;
}

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

.form {
    position: relative;
    height: 170px;
    background-color: #F8F8F8;
}

.form_con {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding: 33px 67px 34px 73px;
    background-color: var(--main-color);
    border-radius: 50px;
    bottom: -109px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 207px;
}

.form_left_tit {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
}

.form_left_msg {
    color: #FFF;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 14px;
}

.form_right {
    width: 31.43%;
    display: flex;
    flex-wrap: wrap;
    gap: 18px 9px;

}

.form_right form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 18px 9px;
}

.forms .ipt1,
.form_right .ipt1 {
    width: 47.72%;
    height: 36px;
    background: rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
    padding: 4px 16px;
    border-radius: 6px;
    position: relative;

}

.forms .ipt1 .required,
.form_right .ipt1 .required {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: #ff3d3d;
    font-size: 14px;
    z-index: 1;
}

.forms .ipt1 input,
.form_right .ipt1 input {
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 14px;
    box-sizing: border-box;
}

/* 自定义placeholder+必填标记 */
.forms .ipt1.input-wrap {
    position: relative;
}

.forms .ipt1.input-wrap input {
    opacity:0;
    background: transparent;
    color: transparent;
    position: relative;
    z-index: 1;
}

.forms .ipt1.input-wrap input:focus,
.forms .ipt1.input-wrap input:not(:placeholder-shown) {
    opacity:1;
    color: #333 !important;
}

.forms .ipt1.input-wrap .placeholder-star {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #333;
    font-size: 14px;
    pointer-events: none;
    z-index: 0;
    white-space: nowrap;
}

.forms .ipt1.input-wrap .placeholder-star .required {
    position: static;
    transform: none;
    color: #ff3d3d;
    margin-left: 2px;
}

.forms .ipt1.input-wrap input:focus~.placeholder-star,
.forms .ipt1.input-wrap input:not(:placeholder-shown)~.placeholder-star {
    display: none;
}

/* select自定义placeholder */
.forms .ipt1.input-wrap select {
    background: transparent;
    color: transparent;
    position: relative;
    z-index: 1;
}

.forms .ipt1.input-wrap select option {
    color: #333;
    background: #fff;
}

.forms .ipt1.input-wrap select.has-value {
    color: #222 !important;
}

.forms #province.has-value {
    color: #222 !important;
}

.forms .ipt1.input-wrap select:focus~.placeholder-star,
.forms .ipt1.input-wrap select.has-value~.placeholder-star {
    display: none;
}


.forms .ipt1 input::placeholder {
    color: #fff;
}

.form_right .ipt1 input::placeholder {
    color: #fff;
    font-size: 14px;
}

.form_right .ipt2 {
    width: 100%;
    padding: 4px 16px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.2);
    height: 67px;
    position: relative;
}

.forms .ipt2 {
    width: 100%;
    padding: 4px 16px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.2);
    height: 67px;
    position: relative;
}

/* textarea自定义placeholder */
.forms .ipt2.textarea-wrap {
    position: relative;
}

.forms .ipt2.textarea-wrap textarea {
    background: transparent;
    color: transparent;
    position: relative;
    z-index: 1;
}

.forms .ipt2.textarea-wrap textarea:focus,
.forms .ipt2.textarea-wrap textarea:not(:placeholder-shown) {
    color: #333;
}

.forms .ipt2.textarea-wrap .placeholder-star {
    position: absolute;
    left: 16px;
    top: 10px;
    color: #333;
    font-size: 14px;
    pointer-events: none;
    z-index: 0;
    white-space: nowrap;
}

.forms .ipt2.textarea-wrap textarea:focus~.placeholder-star,
.forms .ipt2.textarea-wrap textarea:not(:placeholder-shown)~.placeholder-star {
    display: none;
}

.forms .ipt2 .required,
.form_right .ipt2 .required {
    position: absolute;
    left: 8px;
    top: 10px;
    color: #ff3d3d;
    font-size: 14px;
    z-index: 1;
}

.form_right .ipt2 textarea {
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 14px;
    resize: none;
}

.forms .ipt2 textarea {
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 14px;
    resize: none;
    padding-left: 16px;
    box-sizing: border-box;
}

.form_right .ipt2 textarea::placeholder {
    color: #fff;
    font-size: 14px;
}

.forms .ipt1 select option,
.form_right .ipt1 select option {
    color: #333;
    background: #fff;
}

.forms .ipt1 select option:first-child {
    background: #fff !important;
}

.forms .ipt1 select,
.form_right .ipt1 select {
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    background: transparent;
    color: #333;
    font-size: 14px;
    box-sizing: border-box;
}

.form_right .ipt1 select::placeholder {
    color: #333;
    font-size: 14px;
}

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

.form_right .CaptchaBox input {
    width: 60%;
}

.Captcha {
    flex: 1;
    cursor: pointer;
}

.send {
    background-color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--main-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    cursor: pointer;
    outline: none;
    border: none;
}

.send img {
    width: 20px;
    margin-left: 8px;
}

.index .footer {
    padding-top: 190px;
}

.banner3_left_text .banner3_right_contral {
    display: none;
}

@media screen and (max-width: 1440px) {

    .banner4_item.active .banner4_item_msg {
        gap: 30px;
    }

    .topptip_item_list {
        padding-left: 22px;
        padding-top: 0px;
        padding-right: 40px;
    }

    .tootip_item:nth-child(1) .topptip_item_list {
        padding-left: 22px;
    }
}

@media screen and (max-width: 1440px) {
    .topptip_item_l1 {
        font-size: 16px;
    }

    .banner4_item.active {
        flex: 0 0 500px;
    }

    .banner4_item_tit {
        font-size: 18px;
    }

}

@media screen and (max-width: 1200px) {
    .banner4_item_tit {
        font-size: 16px;
    }

    .banner4_item_msg_left {
        font-size: 14px;
    }

    .banner4_item_msg_right {
        width: 32px;
        height: 32px;
    }

    .banner4_item.active {
        flex: 0 0 400px;
    }

    .banner8 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .banner5_right {
        margin-right: 0;
    }

    .banner5_con {
        gap: 200px;
    }

    .banner7_con {
        padding-top: 80px;
    }

    .banner6 {
        padding-bottom: 80px;
        padding-top: 80px;
    }

    .banner5 {
        padding-top: 80px;
    }

    .numList {
        padding-bottom: 80px;
    }

    .banner4 {
        padding-bottom: 80px;
    }

    .banner3_tip {
        margin-top: 80px;
    }

    .banner2_tip {
        padding-top: 80px;
    }

    .banner2 {
        padding-bottom: 80px;
    }

    .banner7_msg {
        margin-bottom: 40px;
    }

    .form_con {
        padding: 20px 30px;
    }

    .w1400 {
        margin-top: 60px;
    }

    .banner7_item_msg {
        margin-left: 30px;
        margin-right: 30px;
    }

    .banner7_item {
        gap: 30px;
    }

    .banner2_item::after {
        height: 100%;
    }

    .fs46 {
        font-size: 36px;
        line-height: 38px;
    }

    .awardNum {
        font-size: 40px !important;
    }

    .company {
        margin-top: 30px !important;
    }

    .award {
        margin-top: 30px !important;
    }

    .videoBox {
        margin-bottom: 50px !important;
    }

    .Certificate {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .certificateSwiper {
        margin-top: 30px !important;
    }

    .history {
        padding: 30px 0 !important;
    }

    .historyTit {
        margin-bottom: 30px !important;
    }

    .culture {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .research {
        padding: 30px 0 !important;
    }

    .serviceBox {
        padding: 30px 0 !important;
    }

    .Partners {
        padding-top: 30px !important;
    }

    .Partners .banner8_container {
        padding-bottom: 60px !important;
    }

    .historyBottomSwiper .historyItem {
        padding-right: 10px !important;
    }

    .historyItem {
        padding-right: 10px !important;
    }
}

@media screen and (max-width: 992px) {

    .footer_con_top_right_item:first-child div {
        font-size: 16px;
    }

    .footer_con_top_right_item:first-child div a {
        font-size: 16px;
    }

    .banner4_item.active {
        flex: 0 0 300px;
    }

    .videoBox {
        margin-bottom: 30px !important;
    }

    .index .footer {
        padding-top: 30px;
        padding-bottom: 80px;
    }

    .banner8 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .banner7_con {
        padding-top: 30px;
    }

    .banner6 {
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .banner5 {
        padding-top: 30px;
    }

    .numList {
        padding-bottom: 30px;
    }

    .banner4 {
        padding-bottom: 30px;
    }


    .banner3_tip {
        margin-top: 30px;
    }

    .banner2_tip {
        padding-top: 30px;
    }

    .banner2 {
        padding-bottom: 30px;
    }

    .banner7_item {
        gap: 20px;
    }

    .banner7_item_con {
        width: 100%;
    }

    .banner7_item_msg {
        margin-left: 20px;
        margin-right: 20px;
    }

    .banner1 .text {
        font-size: 16px;
    }

    .banner1 .text a {
        font-size: 16px;
    }

    .fs46 {
        font-size: 36px;
        line-height: 38px;
    }

    .fs36 {
        font-size: 28px;
        line-height: 30px;
    }

    .fs16 {
        font-size: 14px;
        line-height: 16px;
    }

    .fs56 {
        font-size: 50px;
    }

    .banner3_right_contral {
        width: 28px;
        height: 28px;
    }

    .banner3_right_contral .iconfont {
        font-size: 14px;
    }


    .banner3_left_contral_left {
        width: 38px;
        height: 38px;
        margin-bottom: 0;
    }

    .banner3_left_contral_left .iconfont {
        font-size: 14px;
    }

    .banner4_item_msg_right {
        width: 38px;
        height: 38px;
    }

    .banner4_item_msg_right .iconfont {
        font-size: 14px;
    }

    .form {
        height: auto;
        margin-bottom: 30px;
    }

    .form_con {
        left: 0;
        top: 0;
        position: relative;
        transform: translate(0%, 0%);
        gap: 30px;
    }

    .form_right .ipt1 {
        width: 100%;
    }

    .banner5_con {
        gap: 50px;
    }

    .banner5_right {
        width: 80px;
        height: 80px;
    }

    .numList {
        margin-top: 40px;
    }
}

@media screen and (max-width: 768px) {

    .goodsList {
        flex-wrap: wrap;
    }

    .goodsLeft {
        width: 100% !important;
    }

    .goodsRight {
        width: 100% !important;
    }

    .goodsLeft {
        cursor: pointer;
    }

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

    .goodsLeft_tit::after {
        content: '';
        width: 14px;
        height: 14px;
        border-right: 2px solid #666;
        border-bottom: 2px solid #666;
        transform: rotate(-45deg);
        transition: transform 0.3s;
    }

    .goodsLeft.collapsed .goodsLeft_tit::after {
        transform: rotate(45deg);
    }

    .goodsLeft .goodsItem {
        display: none;
    }

    .goodsLeft.expanded .goodsItem {
        display: block;
    }

    .banner1 .text {
        top: 50%;
    }

    .banner1 .more {
        display: none;
    }

    .banner2_list {
        flex-direction: column;
        gap: 20px;
        margin-top: 30px;
    }

    .banner2_item {
        width: 100%;
    }

    .banner3_list {
        flex-direction: column;
    }

    .banner3_left {
        display: flex;
        padding: 14px 30px;
        justify-content: space-between;
    }

    .banner3_left_contral_left {
        display: none;
    }

    .banner3_left_msg {
        margin-top: 6px;
    }

    .banner3_left_text .banner3_right_contral {
        display: flex;
    }

    .banner3_left_contral {
        flex-direction: column-reverse;
    }

    .banner3_left_contral_right {
        width: 105px;
    }

    .banner4_item.active {
        height: 300px;
    }

    .banner4_item.active,
    .banner4_item {
        flex: 0 0 100%;
        height: 300px;
    }

    .banner4_item::after {
        display: none;
    }

    .banner4_list {
        flex-wrap: wrap;
    }

    .banner4_item .banner4_item_msg {
        opacity: 1;
        max-height: 200px;
        margin-top: 10px;
    }

    .banner5_right {
        width: 60px;
        height: 60px;
    }

    .banner5_con {
        gap: 20px;
    }

    .fs56 {
        font-size: 36px;
    }

    .numList {
        margin-top: 30px;
    }

    .banner2_item::after {
        display: none;
    }

    .footer_con_bottm {
        flex-wrap: wrap;
    }

    .footer_con_bottm_left {
        width: 100%;
    }

    .footer_con_bottm_right {
        width: 100%;
        margin-top: 20px;
        justify-content: center;
    }

    .banner7_item {
        padding: 14px;
        flex-direction: column;
    }

    .banner7_item_con {
        flex-wrap: wrap;
    }

    .banner7_item_msg {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }

    .banner7_item_time {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .banner7_item_img {
        width: 100%;
    }

    .banner7_item_img img {
        width: 100%;
        height: auto;
    }

    .banner7_item_msg {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }
}

@media screen and (max-width: 750px) {
    .banner1 .text {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .mobile_header_inner {
        padding: 8px 10px;
    }

    .banner1 .text {}

    .fs56 {
        font-size: 34px;
    }

    .fs46 {
        font-size: 20px;
    }

    .fs36 {
        font-size: 16px;
    }

    .fs24 {
        font-size: 14px;
    }

    .fs18 {
        font-size: 14px;
    }

    .banner3_right_contral {
        width: 20px;
        height: 20px;
    }

    .banner3_right_contral .iconfont {
        font-size: 12px;
    }

    .banner3_list {
        margin-top: 30px;
    }

    .banner4_tit {
        padding-top: 30px;
    }

    .banner4_list {
        margin-top: 30px;
    }

    .banner1 .text img {
        width: 90%;
        margin: 0 auto;
    }

    .banner1 .text a {
        font-size: 14px;
        margin-top: 10px;
    }

    .banner1 .more {
        bottom: 10px;
    }

    .banner5_right {
        display: none;
    }

    .banner1 .text {
        font-size: 14px;
    }

    .banner2_item {
        padding: 0;
    }

    .banner2_item:nth-child(2) {
        padding: 0;
    }

    .footer_con_top_right {
        flex-wrap: wrap;
    }

    .footer_con_top_right_item {
        width: 100%;
        flex: unset;
    }

    .footer_con_top_left_tit {
        width: 45%;
    }

    .footer_con_top_left_text {
        width: 30%;
    }

    .banner4_item_msg_left {
        line-height: 16px;
        font-size: 14px;
    }

    .form_left_tit {
        line-height: 26px;
    }

    .banner5_left_msg {
        line-height: 16px;
        font-size: 14px;
    }

    .fs16 {
        font-size: 14px;
    }

    .numItem_tit {
        font-size: 30px;
    }

    .banner5_left_more {
        font-size: 14px;
        margin-top: 30px;
    }

    .banner6_msg {
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .container {
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .index .swiper-slide {
        width: 100%;
    }

    .w1400 {
        margin-top: 10px;
    }

    .banner7_item {
        padding: 14px;
        flex-direction: column;
    }

    .banner7_item_con {
        flex-wrap: wrap;
    }

    .banner7_item_msg {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }

    .form_con {
        flex-wrap: wrap;
    }

    .form_left {
        width: 100%;
    }

    .form_right {
        width: 100%;
    }

    .form_right form {
        gap: 10px;
    }

    .banner7_more {
        font-size: 14px;
        margin-top: 0;
    }

    .banner8_item {
        width: 100px;
        height: 50px;
    }

    .contact_item {
        width: 40px;
        height: 40px;
    }

    .banner7_item_time {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .banner7_item_img {
        width: 100%;
    }

    .banner7_item_img img {
        width: 100%;
    }

    .footer_con_bottm_left {
        flex-wrap: wrap;
    }

    .form_left_tit {
        font-size: 24px;
    }

    .form_left_msg {
        font-size: 14px;
        line-height: 16px;
    }

    .footer_con_bottm a {}

    .numItem {
        width: calc(50% - 8px);
    }

    .numList {
        flex-wrap: wrap;
        gap: 8px;
    }

    .banner1 .swiper-button-prev,
    .banner1 .swiper-button-next {
        width: 30px;
        height: 30px;
    }

    .banner1 .more {
        display: none;
    }

    .banner1 .swiper-button-next .iconfont {
        font-size: 12px;
    }

    .banner1 .swiper-button-prev .iconfont {
        font-size: 12px;
    }
}

/* index.html End */


/* product.html Start */

.product3 .product_features {
    margin-top: 0;
}

.product3 .goods_video_video {
    margin-bottom: 50px;
}

.product3 .product_features_item:nth-child(2n - 1) {
    flex-direction: row;
}

#product7 .product_features_item:nth-child(2n - 1) {
    flex-direction: row;
}

#product7 .product_features_item:nth-child(2n) {
    flex-direction: row-reverse;
}

.product3 .product_features_item {
    flex-direction: row-reverse;
}

.health {
    display: flex;
    gap: 33px;
    margin-top: 70px;
}

.product5 .product_features_left_tit {
    color: #222;
}

#product6 .product_features_left_tit {
    color: #222;
}

#product7 .product_features_left_tit {
    color: #222;
}

.health_item {
    color: #222;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.health_item img {
    margin-bottom: 22px;
    border-radius: 20px;
    overflow: hidden;
}

.product6_banner {
    margin-top: 60px;
}


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

.productBanner1 {
    width: 100%;
    position: relative;
}

.productBanner1 img {
    width: 100%;
}

.productBanner1 img {
    position: relative;
}

.productBanner1_con {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    bottom: 120px;
    left: max(calc((100% - 1400px) / 2), 5%);
}

.productBanner1_text1 {
    color: #FFF;
    font-family: "Microsoft YaHei";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.productBanner1_text2 {
    color: #FFF;
    font-family: "Microsoft YaHei";
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 10px;
    margin-bottom: 40px;
}

.productBanner1_text3 {
    padding: 7px 15px;
    background-color: var(--main-color);
    color: #FFF;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

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



.category {
    background-color: #F8F8F8;
}

.category_con {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    display: flex;
}

.product2 .category_con {
    justify-content: center;
}

.product2 .category_con_item {
    width: 25%;
    flex: unset;
}

.category_con_item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 33px 0;
    cursor: pointer;
    position: relative;
    font-weight:400;
    font-size:20px;
}

.category_con_item::after {
    content: '';
    width: 1px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.14);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.category_con_item:last-child::after {
    display: none;
}

.category_con_item .ac_item {
    display: none;
}

.category_con_item img {
    margin-right: 20px;
    color: #222;
    font-family: "Microsoft YaHei";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-transform: capitalize;
}

.category_con .active {
    background-color: var(--main-color);
    color: #fff;
}

.category_con .active img {
    display: none;
}

.category_con .active .ac_item {
    display: block;
}

.goods {
    margin-top: 80px;
    display: flex;
    gap: 80px;
}

.goodsList {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    gap: 60px;
    margin-top: 90px;
}

.goodsLeft {
    width: 21.428571%;
}

.goodsLeft .active .goodsItem_name_left {
    color: var(--main-color);
}

.goodsLeft .active .goodsItem_name_right {
    display: flex;
}


.goodsLeft_tit {
    color: #222;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 26px;
    font-size: 36px;
}

.goodsItem {
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display:block;
}

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

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

.goodsItem_name_left {
    color: #222;
    font-family: "Microsoft YaHei";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.goodsItem_name_right {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main-color);
}

.goodsItem_name_right i {
    color: #fff;
    font-size: 12px;
}

.goodsItem_xh {
    color: #666;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 10px;
}

.goodsRight_tit {
    color: #222;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-size: 36px;
}

.goodsRight_msg {
    color: #666;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 8px;
    font-size: 18px;
}

.goodsRight {
    flex: 1;
}

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

.goodsItems {
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.30);
    padding: 20px;
    padding-bottom: 24px;
    box-sizing: border-box;
    cursor: pointer;
}

.goodsItems_img {
    margin: 0 auto;
}

.goodsItems_img img {
    margin: 0 auto;
}


.goodsItems_xh {
    color: #666;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.goodsItems_name {
    color: #222;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.page {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 80px;
    margin-bottom: 120px;
}

.page a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D9D9D9;
}

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

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

.Esports {
    display: flex;
    flex-direction: column;
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 120px;
}

.Esports_tit {
    color: #222;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 90px;
}

.Esports_msg {
    color: #666;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 10px;
}

.Esports_msg2 {
    margin-top: 16px;
}

.product2_con {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
}

.product2_tit {
    color: #222;
    font-family: "Microsoft YaHei";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 auto;
    margin-top: 86px;
}

.mt44 {
    margin-top: 44px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mt60 {
    margin-top: 60px !important;
}

.goods_video_list_tit {
    color: #222;
    font-family: "Microsoft YaHei";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin-top: 28px;
    margin-bottom: 44px;
}

.video_list {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 38px;
}


.video_item {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.video_item .playBtn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video_item .playBtn img {
    width: 14px;
    height: 14px;
}

.video_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 38px;
}

.video_item_text {
    color: #222;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    margin-top: 20px;
    /* 166.667% */
}

.video_item_videos {
    position: relative;
    width: 100%;
}

.video_item_videos video {
    width: 100%;
    display: block;
    border-radius: 16px;
    overflow: hidden;
}

.video_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 16px;
}

.Esports_list {
    display: flex;
    gap: 32px;
}

.Esports_item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    padding-bottom: 26px;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.30);
}

.Esports_item_xh {
    color: #666;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.Esports_item_name {
    color: #222;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 166.667% */
}


.product_features {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 90px;
    margin-top: 70px;
}


.product_features_left {
    width: 48.57%;
}

.product_features_right {
    width: 44.2857%;
    border-radius: 20px;
    overflow: hidden;
}

.product_features_right img {
    width: 100%;
}

.product_features_item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product_features_item:nth-child(2n - 1) {
    flex-direction: row-reverse;
}

.product_features_left_tit {
    color: #F9532A;
    font-family: "Microsoft YaHei";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.product3 .product_features_left_tit {
    color: #222;
}

.product_features_left_subTit {
    color: #000;
    font-family: "Microsoft YaHei";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 10px;
}

.product_features_left_con {
    color: #666;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 30px;
    /* 三行溢出省略号 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.product_features_left_con em {
    font-style: normal;
    padding-left: 28px;
    position: relative;
}

.product_features_left_con em::after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #666;
    position: absolute;
    left: 11px;
    top: 0.6em;
    /* 相对于文字大小的位置 */
    transform: translateY(-50%);

}

.productBox2 {
    position: relative;
    padding: 80px 0px;
}

.productBox2>img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.box2 {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    padding: 70px 90px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16);
    border-radius: 20px;
    background: #FFF;
    width: 83.33%;
}

.box2_tit {
    color: #222;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    font-size: 36px;
}

.box2_msg {
    color: #666;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 10px;
    font-size: 18px;
    margin-bottom: 60px;
}

.box2_con {
    display: flex;
    justify-content: space-between;
}

.box2_left {
    width: 47.47887323943662%;
}

.box2_left_tit {
    color: #222;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-size: 24px;
}

.box2_left_list {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-top: 50px;
}

.box2_left_item {
    flex: none;
    width: calc((100% - 40px) / 2);
    color: #222;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.box2_left_item img {
    margin-bottom: 24px;
    border-radius: 20px;
    overflow: hidden;
}


.box2_right {
    width: 47.47887323943662%;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.11);
    padding: 40px;
    padding-bottom: 54px;
}

.box2_right form {
    width: 100%;
}

.box2_right .forms {
    display: flex;
    flex-wrap: wrap;
    gap: 22px 40px;
}

.box2_right_tit {
    color: #222;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 44px;
    font-size: 24px;
}

.box2_right .ipt1 {
    border-radius: 6px;
    background: #F8F8F8;
    padding: 6px 14px;
    padding-left: 16px;
    width: calc(100% / 2 - 25px);
}

.box2_right .ipt1 input {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    padding: 0;
    color: #333;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    font-style: normal;
    line-height: 24px;
}

.box2_right .ipt1 input::placeholder {
    color: #333;
}

.box2_right .ipt2 {
    width: 100%;
    background: #F8F8F8;
    padding: 12px 14px;
    padding-left: 16px;

}

.box2_right .ipt2 textarea {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    padding: 0;
    resize: none;
    color: #333;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.box2_right .ipt2 textarea::placeholder {
    color: #333;
}

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

    color: #333;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width: calc(100% / 2 - 40px);
}

.captchaBox .ipt1 {
    width: 70%;
}

.captchaBox input {
    width: 60%;

    color: #333;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.captchaBox .Captcha {
    flex: 1;
    text-align: center;
}

.forms .submit {
    width: 100%;
    border-radius: 6px;
    background: var(--main-color);
    color: #FFF;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    padding: 7px 0;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    outline: none;
    border: 1px solid transparent;
}

.forms .submit:hover {
    background-color: #fff;
    border: 1px solid var(--main-color);
    color: var(--main-color);
}

.service {
    background-color: #F8F8F8;
    padding-bottom: 100px;
    padding-top: 90px;
}

.service_tit {
    color: #222;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 60px;
}


.productBanner3_List_item {
    background-color: #fff;
    padding: 48px 36px 60px 36px;
    border-radius: 16px;
    box-sizing: border-box;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

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

.productBanner3_List_item:hover .num {
    color: rgba(255, 255, 255, .3);
}

.productBanner3_List_item:hover .productBanner3_List_item_name {
    color: #fff;
}

.productBanner3_List_item:hover .productBanner3_List_item_msg {
    color: #fff;
}

.productBanner3_List_item:hover .productBanner3_List_item_name::after {
    color: rgba(255, 255, 255, .1);
}

.productBanner3_List_item:hover .productBanner3_List_item_name::before {
    background-color: #fff;
}



.num {
    color: #EDEDED;
    font-family: "Microsoft YaHei";
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 70px;
    transition: all .3s ease-in-out;

}

.productBanner3_List_item_name {
    color: #222;
    font-family: "Microsoft YaHei";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 50px;
    padding-bottom: 22px;
    position: relative;
    transition: all .3s ease-in-out;

}

.productBanner3_List_item_name::after {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.1);
    transition: all .3s ease-in-out;

}

.productBanner3_List_item_name::before {
    content: '';
    display: block;
    height: 2px;
    width: 60px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    background-color: var(--main-color);
    transition: all .3s ease-in-out;

}

.productBanner3_List_item_msg {
    color: #666;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 22px;
    transition: all .3s ease-in-out;
    /* 187.5% */
}

@media screen and (max-width: 1440px) {

    .box2 {
        padding: 70px;
    }

    .box2_right .ipt1 {
        width: calc(50% - 20px);
    }

    .box2_right .forms {
        gap: 20px;
    }

    .productBanner1_con {
        bottom: 60px;
    }

    .box2_right {
        padding: 40px 20px;
    }

    .product_features_left_tit {
        font-size: 24px;
    }

    .product_features {
        gap: 20px;
    }

    .goodsLeft_tit {
        font-size: 30px;
    }

    .goodsRight_tit {
        font-size: 30px;
    }

    .goodsItem_name_left {
        font-size: 22px;
    }

    .goodsItem_xh {
        font-size: 16px;
    }

    .goodsItem {
        padding: 16px 0;
    }

    .captchaBox {
        width: 100%;
    }

    .captchaBox .ipt {
        width: 60%;
    }

}

@media screen and (max-width: 1200px) {
    .product2 .category_con_item {
        width: auto;
        flex: 1;
    }

    .mt50 {
        margin-bottom: 30px !important;
    }

    .product_features {
        margin-top: 30px;
    }

    .product4 .goods_video_video {
        margin-bottom: 30px;
    }

    .Esports_tit {
        font-size: 30px;
        margin-top: 60px;
    }

    .health_item img {
        margin-bottom: 10px;
    }

    .productBanner1_text2 {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .productBanner1_text3 {
        font-size: 16px;
    }

    .category_con_item {
        padding: 30px 0;
    }

    .goodsList {
        margin-top: 30px;
    }

    .goodsLeft_tit {
        font-size: 30px;
    }

    .goodsRight_tit {
        font-size: 28px;
    }

    .goodsItem {
        padding: 16px 0;
    }

    .goodsItem_name_left {
        font-size: 22px;
    }

    .box2 {
        padding: 40px 50px;
    }

    .box2_right {
        width: 50.47%;
        padding: 20px;
        margin-top: 30px;
    }

    .box2_right .ipt1 {
        width: 100%;
    }

    .captchaBox {
        width: 100%;
    }

    .captchaBox .Captcha {
        padding: 0 30px;
    }

    .box2_left_item img {
        width: 100%;
    }

    .box2_con {
        flex-wrap: wrap;
    }

    .box2_left {
        width: 100%;
    }

    .box2_right {
        width: 100%;
    }

    .box2_right {
        padding: 40px 20px;
    }

    .Esports {
        padding-bottom: 80px;
    }

    #product6 .related-nav-prev,
    #product6 .related-nav-next {
        width: 30px !important;
        height: 30px !important;
    }

    #product6 .related-nav-prev .iconfont {
        font-size: 14px;
    }

    #product6 .related-nav-next .iconfont {
        font-size: 14px;
    }
}

@media screen and (max-width: 992px) {
    .product6_banner {
        margin-top: 30px;
    }

    .service {
        padding-top: 30px;
    }

    .service_tit {
        margin-top: 30px;
    }

    .health_item {
        font-size: 16px;
    }

    .goods_video_video {
        margin-bottom: 30px !important;
    }

    .product_features_left_con {
        margin-top: 20px;
    }

    .product_features {
        margin-top: 30px !important;
    }

    .Esports {
        padding-bottom: 60px !important;
    }

    .Esports_tit {
        margin-top: 30px !important;
    }

    .goods_video {
        margin-top: 30px !important;
    }

    .box2_tit {
        font-size: 28px;
    }

    .box2_msg {
        font-size: 18px;
    }

    .category_con .active .ac_item {
        margin-right: 8px;
    }

    .goodsBox {
        grid-template-columns: repeat(2, 1fr);
    }

    .page {
        margin-bottom: 60px;
        margin-top: 60px;
    }

    .box2_right_tit {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 768px) {

    #product6 .related-nav-prev,
    #product6 .related-nav-next {
        bottom: -20%;
        top: unset;
    }

    #product6 .related-nav-prev {
        left: 20%;
    }

    #product6 .related-nav-next {
        right: 20%;
    }

    .health {
        margin-top: 30px;
    }

    .service_tit {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .service {
        padding-top: 20px;
    }

    .Esports_list {
        flex-wrap: wrap;
        gap: 30px 10px;
    }

    .product2_tit {
        margin-top: 30px;
    }

    .video_list {
        gap: 30px 20px;
    }

    .video_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .Esports_item {
        width: calc(50% - 10px);
        flex: unset;
    }

    .productBanner1_text1 {
        font-size: 18px;
    }

    .productBanner1_text2 {
        font-size: 24px;
    }

    .productBanner1_text3 {
        font-size: 14px;
    }

    .productBanner1_text3 .iconfont {
        font-size: 14px;
    }

    .productBanner1_con {
        bottom: 10px;
    }

    .goodsList {
        gap: 30px;
    }

    .goodsLeft_tit,
    .goodsRight_tit {
        font-size: 20px;
    }

    .goodsRight_msg {
        font-size: 16px;
    }

    .goodsItems_xh,
    .goodsItems_name {
        font-size: 14px;
    }

    .goodsItems {
        padding: 14px;
    }

    .box2_left_list {
        gap: 20px;
    }

    .box2_left_item {
        width: calc((100% - 20px) / 2);
    }

    .goodsBox {
        margin-top: 20px;
    }

    .category_con_item {
        font-size: 14px;
    }

    .category_con_item img {
        margin-right: 2px;
    }

    .category_con {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .product6_banner {
        margin-top: 20px;
    }

    .health {
        flex-wrap: wrap;
    }

    .health_item {
        width: 100%;
        font-size: 14px;
    }

    .health_item img {
        width: 100%;
    }

    .product2_tit {
        font-size: 20px;
    }

    .goods_video_video {
        margin-top: 20px !important;
    }

    .goods_video_list_tit {
        margin-bottom: 20px;
    }

    .Esports {
        padding-bottom: 30px !important;
    }

    .video_list {
        grid-template-columns: repeat(1, 1fr);
    }

    .video_item_text {
        font-size: 14px;
        margin-top: 10px;
    }

    .video_list {
        gap: 30px 0;
    }

    .Esports_item {
        width: 100%;
    }

    .product_features_item:nth-child(2n - 1) {
        flex-direction: column-reverse;
    }

    .product_features_item {
        flex-direction: column-reverse;
    }

    .product_features_right {
        width: 100%;
    }

    .product_features_left {
        width: 100%;
    }


    .category_con_item {
        padding: 6px 0;
    }

    .Esports_tit {
        font-size: 20px;
    }

    .Esports_msg {
        font-size: 16px;
    }

    .Esports_msg2 {
        margin-top: 0;
    }

    .product_features_left_tit {
        font-size: 20px;
        margin-top: 20px;
    }

    .product_features_left_subTit {
        font-size: 16px;
    }

    .product_features_left_con {
        font-size: 14px;
        line-height: 18px;
    }

    .category_con img {
        width: 30px;
        height: 30px;
    }

    .goodsItem {
        padding: 8px 0;
    }

    .goodsItem_name_left {
        font-size: 16px;
    }

    .goodsItem_xh {
        font-size: 14px;
        margin-top: 0;
    }

    .goodsRight_msg {
        margin-top: 0;
        font-size: 14px;
    }

    .goodsBox {
        grid-template-columns: repeat(1, 1fr);
    }

    .box2_left {
        margin-top: 20px;
    }

    .box2_right {
        margin-top: 10px;
    }

    .box2_tit {
        font-size: 20px;
    }

    .box2_msg {
        font-size: 14px;
    }

    .box2_left_tit {
        font-size: 16px;
    }

    .box2_left_list {
        gap: 10px;
        margin-top: 10px;
    }

    .forms .submit {
        font-size: 14px;
    }

    .box2_left_item img {
        margin-bottom: 8px;
    }

    .box2_left_item {
        width: 100%;
    }

    .box2 {
        padding: 20px;
    }

    .goodsItems {
        width: 100%;
    }

    .category_con {
        flex-wrap: wrap;
    }

    .category_con_item {
        width: 100%;
        flex: unset;
    }

    .productBanner1_text1 {
        font-size: 12px;
    }

    .productBanner1_text2 {
        font-size: 16px;
    }
}

/* product.html End */






/* goods.html Start */
.goodsCon {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}

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

.Breadcrumbs a {
    color: var(--main-color);
    font-family: "Microsoft YaHei";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    white-space: nowrap;
}

.Breadcrumbs p {
    color: #666;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0 12px;
}

.Breadcrumbs span {
    color: #666;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    white-space: nowrap;
}

#goods .goods_left {
    width: 45.7142%;
}

#goods .main-swiper {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 20px;
}

#goods .main-swiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 关键：外层容器 相对定位 */
#goods .thumb-outer {
    position: relative;
    width: 100%;
    /* height: 100px; */
}

/* 缩略图轮播 左右留白 给箭头让位 */
#goods .thumb-swiper {
    margin: 0 50px;
    width: auto;
}

#goods .thumb-swiper .swiper-slide {
    /* width: calc((100% - 80px) / 5) !important; */
    border: 1px solid transparent;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.65;
}

#goods .thumb-swiper .swiper-slide-thumb-active {
    border-color: #ff4d4f;
    opacity: 1;
}

#goods .thumb-swiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 箭头固定在外侧 */
#goods .thumb-outer .swiper-button-prev,
#goods .thumb-outer .swiper-button-next {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: var(--main-color);
}

#goods .thumb-outer .swiper-button-prev {
    left: 0;
    margin-top: 0 !important;
}

#goods .thumb-outer .swiper-button-next {
    right: 0;
    margin-top: 0 !important;
}

#goods .thumb-outer .swiper-button-next::after,
#goods .thumb-outer .swiper-button-prev::after {
    font-size: 16px;
    color: #333;
}

.shareBtn {
    display: flex;
    align-items: center;
    color: #666;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 30px;
    margin-left: 30px;
}

.goods_right {
    flex: 1;
}

.goods_right_tit {
    color: #222;
    font-family: "Microsoft YaHei";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    /* 125% */
}

.goods_right_subTit {
    color: #222;
    font-family: "Microsoft YaHei";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 10px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.goods_right_price {
    margin-top: 30px;
    display: flex;
    align-items: flex-end;
    color: #797979;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}

.goods_right_price p {
    font-size: 46px;
    color: var(--main-color);
    font-weight: 700;
}

.goods_right_msg_tit {
    color: #333;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 50px;
}

.goods_right_msg {
    margin-top: 24px;
}

.goods_right_msg p {
    color: #222;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* display: inline-block; */
    /* width: 25%; */
    vertical-align: middle;
    /* margin-bottom: 10px; */
    white-space: nowrap;
}

.goods_right_msg span {
    color: #666;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    display: inline-block;
    width: 70%;
    vertical-align: middle;
}

.goods_right_btn {
    color: #FFF;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 7px 15px;
    background-color: var(--main-color);
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

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



.goods_right_btn .iconfont {
    margin-left: 6px;
}

.goods {
    margin-bottom: 50px;
}

.goods_video_tit {
    color: #222;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}

.mt100 {
    margin-top: 100px;
}

.mt50 {
    margin-top: 50px !important;
}

.goods_video_video {
    width: 100%;
    margin: 0 auto;
    /* margin-top: 50px; */
    position: relative;
    background: #000;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 90px;
}

.goods_video_video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.goods_video_video::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    pointer-events: none;
}

.goods_video_video.playing::before {
    display: none;
}

.boxshadow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    z-index: 3;
}

.boxshadow::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    animation: pulse 2s ease-out infinite;
    z-index: 2;
}

.boxshadow img {
    width: 33.657px;
    height: 33.657px;
    position: relative;
    z-index: 1;
}

@keyframes pulse {
    0% {
        width: 100%;
        height: 100%;
        opacity: 1;
    }

    100% {
        width: 150%;
        height: 150%;
        opacity: 0;
    }
}


.swiper-wrapper-box {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}



.related_swiper {
    position: relative;
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    overflow: visible;
}

.related_swiper {
    position: relative;
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    overflow: visible;
}

.related_swiper .related-nav-prev {
    left: -5%;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.related_swiper .related-nav-next {
    right: -5%;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 2;
}

#product6 .related-nav-prev,
#product6 .related-nav-next {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222;
    border: 1px solid #DBDBDB;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

#product6 .related-nav-prev .iconfont,
#product6 .related-nav-next .iconfont {
    font-size: 14px;
    transition: all 0.3s ease-in-out;
}

#product6 .related-nav-prev:hover,
#product6 .related-nav-next:hover {
    background-color: var(--main-color);
}

#product6 .related-nav-prev:hover .iconfont,
#product6 .related-nav-next:hover .iconfont {
    color: #FFF;
}

.historyMobileSwiper {
    display: none;
}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1200px) {
    .goods {
        margin-top: 30px;
        gap: 30px;
    }

    .goods_right_tit {
        font-size: 36px;
    }

    .goods_right_subTit {
        font-size: 18px;
        padding-bottom: 20px;
    }

    .fs40 {
        font-size: 36px;
    }

    .goods {
        margin-bottom: 15px;
    }

    .goods_video_tit {
        margin-top: 15px;
        margin-bottom: 30px;
    }

    #goods .thumb-outer .swiper-button-prev,
    #goods .thumb-outer .swiper-button-next {
        top: 50%;
        margin-top: 0;
    }
}

@media screen and (max-width: 992px) {
    .fs40 {
        font-size: 30px;
    }

    #goods .thumb-swiper .swiper-slide {
        /* width: calc((100% - 40px) / 3) !important; */
    }

    #playBtn {
        width: 50px;
        height: 50px;
    }

    .boxshadow img {
        width: 20px;
        height: 20px;
    }

    .goods_right_btn {
        font-size: 16px;
    }

    .goods_right_tit {
        font-size: 30px;
    }

    .goods_right_subTit {
        font-size: 16px;
        padding-bottom: 20px;
    }

    .goods_right_price {
        margin-top: 20px;
    }

    .goods_right_price p {
        font-size: 32px !important;
    }



    .goods_right_msg_tit {
        font-size: 16px;
        margin-top: 30px;
    }

    .goods_right_msg {
        margin-top: 18px;
    }

    .goods_right_msg p {
        font-size: 14px;
        width: 100%;
        margin-bottom: 0px;
    }

    .goods_right_msg span {
        font-size: 14px;
        width: 100%;
        padding-left: 10px;
    }
}

@media screen and (max-width: 768px) {
    .goods_right_tit {
        font-size: 20px;
    }

    .goods_right_subTit {
        font-size: 14px;
    }

    .goods_right_price {
        font-size: 14px;
    }

    .goods_right_price p {
        font-size: 26px;
    }

    /* #goods .thumb-outer {
        display: none;
    } */

    #goods .goods_left {
        width: 100%;
    }

    .goods_left .goods_left_box {
        width: 80%;
        margin: 0 auto;
    }

    .shareBtn {
        margin-left: 0;
    }

    .goods_right {
        width: 100%;
    }

    .goods {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 576px) {
    .fs40 {
        font-size: 20px;
    }

    .fs40 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

/* goods.html End */



/* about.html Start */
#about .productBanner1_text1 {
    color: #222;
}

#about .productBanner1_text2 {
    color: #222;
}

#about .navBox {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.company {
    display: flex;
    gap: 174px;
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    margin-top: 100px;
}

.company_right {
    flex: 1;
}

.company_left_tit {
    color: #222;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.company_left_text {
    color: #F9532A;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 20px;
}

.company_right {
    color: #666;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.award {
    overflow: visible;
    margin-top: 80px;
}

.awardBox {
    position: relative;
    overflow: visible;
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
}

.awardBox_con {
    margin: 0 auto;
    overflow: hidden;
}

.award .swiper-button-next {
    right: -60px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DBDBDB;
    border-radius: 50%;
}

.award .swiper-button-prev {
    left: -60px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DBDBDB;
    border-radius: 50%;
}

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

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


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


.awardNum {
    color: #F9532A;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    /* 100% */
}

.awardName {
    color: #666;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 18px;
}

.videoBox {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    margin-top: 68px;
    margin-bottom: 100px;
}

.Certificate {
    background-color: #F8F8F8;
    padding: 90px 0 105px;
}

.certificateCon {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
}

.certificateTit {
    color: var(--22, #222);
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.certificateSwiper {
    width: 100%;
    margin-top: 60px;
}

/* 1400px 居中核心容器 */
.certificateSwiper .container {
    width: 1400px;
    margin: 0 auto;
}

/* 奖状卡片样式 */
.certificateSwiper .swiper-slide {
    text-align: center;
}

.certificateSwiper .cert-card {
    background-color: #fff;
    padding: 19.75px;
    padding-bottom: 5.58px;
}

.certificateSwiper .cert-card img {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

.certificateSwiper .cert-card p {
    color: #666;
    text-align: center;
    font-family: "Source Han Sans CN";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

/* ========== 底部控制栏：进度条(左) + 箭头(右) ========== */
.certificateSwiper .control-row {
    width: 1400px;
    margin: 60px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

/* --------- 动态进度条（Swiper原生，自动流动，非写死） --------- */
.certificateSwiper .swiper-pagination {
    position: relative;
    flex: 1;
    height: 9px;
    background: transparent;
    border-radius: 2px;
    margin: 0;
    display: flex;
    align-items: center;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--main-color) !important;
    height: 9px;
    border-radius: 50px;
    overflow: hidden;
    transform-origin: left;
    z-index: 2;
}

.certificateSwiper .swiper-pagination-progressbar {
    height: 9px;
}

.certificateSwiper .swiper-pagination::after {
    content: '';
    height: 1px;
    background-color: #D0D0D0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 0;
}


.certificateSwiper .arrow-group {
    display: flex;
    gap: 15px;
    margin-left: 30px;
}

.certificateSwiper .swiper-button-prev {
    position: static;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #DBDBDB;
    color: #999;
    background-color: transparent;
    margin: 0;
}

.certificateSwiper .swiper-button-next {
    position: static;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #DBDBDB;
    color: #999;
    background-color: transparent;
    margin: 0;
}

.certificateSwiper .swiper-button-prev .iconfont,
.certificateSwiper .swiper-button-next .iconfont {
    font-size: 14px;
}

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

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

@media (max-width: 1400px) {

    .certificateSwiper .container,
    .certificateSwiper .control-row {
        width: 95%;
    }
}


.history {
    /* max-width: 1400px; */
    /* width: 90%; */
    margin: 0 auto;
    padding: 90px 0;
    overflow: hidden;
}

.historyTit {
    color: #222;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 80px;
}

.historyBottomSwiper .historyItem {
    padding-right: 100px;
    padding-top: 30px;
}

.historyTopSwiper {
    overflow: visible;
}

.historyBottomSwiper {
    overflow: visible;
}

.historyItem {
    box-sizing: border-box;
    padding-left: 24px;
    padding-bottom: 30px;
    border-left: 1px solid rgba(0, 0, 0, .1);
    position: relative;
    overflow: visible;
    padding-right: 111px;
}

.historyItem::after {
    content: '';
    width: 11px;
    height: 11px;
    border-radius: 50%;
    position: absolute;
    left: -5.5px;
    bottom: -5.5px;
    background-color: var(--main-color);
}

.historyItem::before {
    content: '';
    width: 21px;
    height: 21px;
    border-radius: 50%;
    position: absolute;
    left: -10.5px;
    bottom: -10.5px;
    background-color: rgba(249, 83, 42, .2);
}

.historyBottom .historyItem::after {
    content: '';
    width: 11px;
    height: 11px;
    border-radius: 50%;
    position: absolute;
    top: -5.5px;
    bottom: unset;
    left: -5.5px;
    background-color: var(--main-color);
}

.historyBottom .historyItem::before {
    content: '';
    width: 21px;
    height: 21px;
    border-radius: 50%;
    position: absolute;
    left: -10.5px;
    bottom: unset;
    top: -10.5px;
    background-color: rgba(249, 83, 42, .2);
}

.historyTopSwiper .swiper-slide {
    opacity: 0;
}

.historyBottom .swiper-slide {
    opacity: 0;
}

.historyTopSwiper .swiper-slide-visible {
    opacity: 1;
}

.historyBottom .swiper-slide-visible {
    opacity: 1;
}

/* .historyItem::after {
    content: '';
    position: absolute;
    left: -5.5px;
    bottom: -5.5px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: var(--main-color);
} */

.historyItem img {
    width: 200px;
}

.historyItem_Time {
    color: #F9532A;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 16px;
}

.historyItem_name {
    color: #333;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 8px;
}

.historyItem_msg {
    color: #666;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-top: 20px;
    line-height: 28px;
}

.historyLine {
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, .1);
    position: relative;
}


.historyTop {
    max-width: 1485px;
    width: 90%;
    margin: 0 auto;
}

.historyBottom {
    max-width: 990px;
    width: 90%;
    margin: 0 auto;
}


.culture {
    background: #F8F8F8;
    padding: 90px 0;
}

.cultureTit {
    color: #222;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cultureMsg {
    color: #666;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 10px;
}

.cultureCon {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    margin-top: 60px;
    display: flex;
    gap: 40px;
}

.cultureItem {
    flex: 1;
    position: relative;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    border-radius: 16px;
    overflow: hidden;
}

.cultureItem_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    opacity: 1;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.cultureItem:hover .cultureItem_mask {
    background: rgba(0, 0, 0, 0.5);
}

.cultureItem:hover .cultureItemInfo {
    transform: translate(-50%, -50%) scale(1);
}

.cultureItemInfo {
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    z-index: 2;
    transition: all 0.3s ease-in-out;
    width: 74.545%;
}

.cultureItemName {
    color: #FFF;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 4px;

}

.cultureItemEnglish {
    color: #FFF;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.cultureItemMsg {
    color: #FFF;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    padding-top: 48px;
    position: relative;
    opacity: 0;
    display: none;
    height: 0;
    padding: 0;
}

.cultureItemMsg::after {
    content: '';
    height: 4px;
    width: 40px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 24px;
}

.cultureItem:hover .cultureItemMsg {
    opacity: 1;
    display: block;
}

.cultureItem:hover .cultureItemMsg {
    height: auto;
    padding-top: 48px;
    transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 1200px) {
    .cultureItemInfo {
        top: 50%;
        bottom: unset;
        transform: translate(-50%, -50%);
    }

    .cultureItemMsg {
        opacity: 1 !important;
        display: block !important;
        height: auto !important;
        padding-top: 10px !important;
        font-size: 14px !important;
        line-height: 1.2;
    }

    .cultureItemName {
        font-size: 20px;
    }

    .cultureItemMsg::after {
        top: 0;
    }

    .cultureItem:hover .cultureItemMsg {
        transform: none;
    }
}

.research {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    padding: 90px 0;
}

.researchTit {
    color: #222;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.researchMsg {
    color: #666;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 10px;
}

.serviceBox {
    background: #F8F8F8;
    padding: 90px 0;
}

.serviceBox_con {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
}

.serviceBox_tit {
    color: #222;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.serviceBox_msg {
    color: #666;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 10px;
}

.serviceBox_img {
    display: none;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 60px;
}

.serviceBox_img.active {
    display: flex;
}

.serviceBox_img_left {
    width: 50%;
    border-radius: 20px 0 0 20px;
    overflow: hidden;
}

.serviceBox_img_right {
    flex: 1;
    background-color: #fff;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    flex-direction: column;
    padding: 0 80px;
}

.serviceBox_img_right_tit {
    color: #141414;
    /* 24B */
    font-family: "Microsoft YaHei";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 28px;
}

.serviceBox_img_right_msg {
    color: #666;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 187.5% */
}



.serviceStep {
    width: 100%;
    padding-top: 77px;
    padding-bottom: 90px;
    background: #f9f9f9;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}

/* 1400px 居中容器 */
.tabs-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 进度条区域 */
.tabs-progress {
    position: relative;
    width: 100%;
    height: 2px;
    background: #e0e0e0;
    margin-bottom: 40px;
}

/* 橙色进度条（平滑动画） */
.tabs-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 37.5%;
    /* 默认激活第二个标签，和截图一致 */
    background: #ff5722;
    transition: width 0.3s ease;
}

/* 橙色圆点（固定在进度条末端，居中对齐） */
.tabs-progress-bar::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ff5722;
}

/* 标签列表容器 */
.tabs-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* 单个标签样式 */
.tab-item {
    font-size: 18px;
    color: #222;
    cursor: pointer;
    transition: color 0.3s ease;
    text-align: center;
    flex: 1;
    user-select: none;
}

/* 激活的标签（橙色高亮） */
.tab-item.active {
    color: #ff5722;
    font-weight: 500;
}

/* 响应式适配 */
@media (max-width: 992px) {
    .tab-item {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .cultureCon {
        margin-top: 30px !important;
        flex-wrap: wrap;
    }

    .cultureItem {
        width: 80%;
        flex: unset;
        margin: 0 auto;
    }

    .cultureItem>img {
        width: 100%;
    }

    .tabs-list {
        flex-wrap: wrap;
        gap: 20px;
    }

    .tab-item {
        flex: 1 1 40%;
        font-size: 16px;
    }
}

.Partners {
    padding-top: 90px;
}

.Partners_tit {
    color: #222;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.Partners_msg {
    color: #666;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 10px;
}

.Partners .banner8_container {
    padding: 60px 0 90px;
}

.company_news_tit {
    color: #222;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.company_news_msg {
    color: #666;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    padding-top: 10px;
    margin-bottom: 60px;
}

.news_item_left {
    padding-left: 40px;
    flex: 1;
}

.news_item {
    display: flex;
    align-items: center;
    border-radius: 20px;
    background: #F8F8F8;
    box-sizing: border-box;
    padding: 30px;
    max-width: 1400px;
    margin: 0 auto;
    width: 90%;
    gap: 70px;
    margin-bottom: 50px;
}

.news_item:nth-child(2n) {
    flex-direction: row-reverse;
}

.news_item:nth-child(2n) .news_item_left_msg_right {
    transform: rotate(180deg);
}

#news .navBox {
    position: relative;

}

.news_item_left_tit {
    color: #222;
    font-family: "Microsoft YaHei";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.news_item_left_con {
    color: #666;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 187.5% */
    margin-top: 32px;
}

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

.news_item_left_msg_left {
    color: var(--main-color);
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    display: flex;
    align-items: center;
}

.news_item_left_msg_left img {
    width: 21px;
    margin-right: 7px;
}

.news_item_left_msg_right {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.news_item_left_msg_right .iconfont {
    font-size: 12px;
    color: #fff;
}

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

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

.news_item_right {
    width: 46.27%;
    border-radius: 20px;
    overflow: hidden;
}

.news_item_right img {
    width: 100%;
    display: block;
    border-radius: 16px;
}


.about_more_box {
    display: flex;
    align-items: center;
    justify-content: center;
}

#about .about_more {
    color: #FFF;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 7px 15px;
    border: 1px solid var(--main-color);
    background-color: var(--main-color);
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 100px;
    margin-top: 18px;
    cursor: pointer;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

#about .about_more .iconfont {
    font-size: 12px;
    color: #fff;
    margin-left: 6px;
    transition: all 0.3s ease;
}



#about .product_features_left_tit {
    color: #222;
}

#about .product_features_item:nth-child(2n - 1) {
    flex-direction: row;
}

#about .product_features_item:nth-child(2n) {
    flex-direction: row-reverse;
}

@media screen and (max-width: 1440px) {
    .historyTop {
        width: 77.34375%;
    }

    .historyBottom {
        width: 51.5625%;
    }

    .historyItem {
        padding-right: 30px;
    }

    .historyBottomSwiper .historyItem {
        padding-right: 30px;
    }
}

@media screen and (max-width: 1200px) {
    .company {
        gap: 50px !important;
    }

    .award {
        margin-top: 30px;
    }

    .videoBox {
        margin-top: 30px !important;
    }
}

@media screen and (max-width: 992px) {
    #about .about_more {
        font-size: 16px;
        margin-bottom: 60px;
    }

    .serviceBox_img {
        flex-direction: column;
    }

    .serviceBox_img_left {
        width: 100% !important;
    }

    .serviceBox_img_left img {
        width: 100%
    }

    .serviceBox_img_right {
        padding: 30px !important;
    }

    .serviceBox_img_right {
        width: 100% !important;
    }

    .news_item {
        gap: 30px !important;
    }

    .news_item_left_tit {
        font-size: 20px !important;
    }

    .news_item_left_con {
        font-size: 14px !important;
        line-height: 1.4;
        margin-top: 10px !important;
    }

    .news_item_left_msg {
        margin-top: 30px !important;
    }

    .historyTop,
    .historyLine,
    .historyBottom {
        display: none;
    }

    .historyMobileSwiper {
        display: block;
        padding: 0 20px;
    }

    .historyMobileItem {
        padding: 20px;
        background: #f5f5f5;
        border-radius: 16px;
    }

    .historyMobileItem_img {
        width: 100%;
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .historyMobileItem_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .historyMobileItem_Time {
        font-size: 24px;
        font-weight: 700;
        color: var(--main-color);
        margin-bottom: 10px;
    }

    .historyMobileItem_name {
        font-size: 18px;
        font-weight: 400;
        color: #666;
        margin-bottom: 15px;
    }

    .historyMobileItem_msg {
        font-size: 14px;
        line-height: 1.8;
        color: #666;
    }
}

@media screen and (max-width: 768px) {
    .company {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .award .swiper-button-next {
        width: 30px;
        height: 30px;
        right: 20px;
    }

    .award .swiper-button-prev {
        width: 30px;
        height: 30px;
        left: 20px;
    }

    .boxshadow {
        width: 60px;
        height: 60px;
    }

    .serviceBox_img {
        margin-top: 30px;
    }

    .serviceStep {
        padding: 20px 0px;
    }

    .company_news_msg {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 576px) {
    .historyMobileItem_Time {
        font-size: 20px;
    }

    .awardNum {
        font-size: 30px !important;
    }

    .awardName {
        margin-top: 2px !important;
    }

    .control-row {
        margin-top: 30px !important;
    }

    .historyMobileItem_name {
        font-size: 16px !important;
        margin-bottom: 8px !important;
    }

    .fs18 {
        font-size: 14px !important;
    }

    .product_features_left_con {
        margin-top: 6px !important;
    }

    .product_features_left_tit {
        margin-top: 0 !important;
    }

    .product_features {
        margin-top: 20px !important;
    }

    .product_features_item {
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    .serviceBox_img {
        margin-top: 20px !important;
    }

    .serviceBox_img_right_tit {
        font-size: 20px !important;
    }

    .serviceBox_img_right_msg {
        font-size: 14px !important;
        line-height: 1.4;
    }

    .Partners .banner8_container {
        padding: 40px 0 !important;
        padding-top: 20px !important;
    }

    .news_item {
        flex-wrap: wrap !important;
        padding: 10px !important;
        border-radius: 10px !important;
    }

    .news_item_left_msg_right {
        width: 20px;
        height: 20px;
    }

    .news_item_left_msg_right .iconfont {
        font-size: 12px;
        color: #fff;
    }

    .news_item_left {
        width: 100%;
        padding-left: 0;
    }

    .news_item_right {
        width: 100%;
    }

    .news_item_left_msg {
        margin-top: 20px !important;
    }

    #about .about_more {
        margin-bottom: 30px !important;
    }

    .news_item {
        margin-bottom: 20px !important;
    }
}

/* about.html End */


/* case.html Start */

.case {
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

#case .navBox {
    position: relative;
}

.caseTit {
    color: #222;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: flex-end;
    max-width: 1400px;
    margin: 0 auto;
    width: 90%;
}

.caseTit p {
    color: #666;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-left: 14px;
}


.caseList {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 60px 40px;
    margin: 0 auto;
    max-width: 1400px;
    width: 90%;
    margin-top: 60px;
}

.caseitem img {
    width: 100%;
    display: block;
    border-radius: 20px;
    overflow: hidden;
}

.caseitem_name {
    color: #222;
    font-family: "Microsoft YaHei";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 28px;
    margin-bottom: 16px;
}

.caseitem_msg {
    color: #666;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 187.5% */
}

.caseitem {
    width: calc(50% - 20px);
}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1200px) {
    .case {
        padding: 20px 0px;
    }

    .caseitem_name {
        margin-top: 10px;
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 992px) {
    .caseList {
        margin-top: 30px;
    }

    .caseitem_msg {
        font-size: 14px;
    }

    .caseitem_name {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 576px) {
    .caseList {
        gap: 20px;
    }

    .caseitem {
        width: 100%;
    }

    .page {
        margin: 30px auto;
    }

    .page a {
        width: 30px;
        height: 30px;
    }

    .page a .iconfont {
        font-size: 12px;
    }

    .caseTit p {
        font-size: 14px;
    }

    .caseTit {
        align-items: center;
    }
}

/* case.html End */



/* news.html Start */
.newList {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
}


.newItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 70px;
    padding-bottom: 60px;
    padding-top: 60px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

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

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

.newItem:hover .newItem_right_msg_right .iconfont {
    color: #fff;
}



.newItem_left {
    width: 40%;
    border-radius: 20px;
    overflow: hidden;
}

.newItem_right {
    flex: 1;
}

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

.newItem_right_tit {
    color: #222;
    font-family: "Microsoft YaHei";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: all 0.3s ease;
}

.newItem_right_text {
    color: #666;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 32px;
}

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

.newItem_right_msg_left {
    color: #F9532A;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    display: flex;
    align-items: center;
}

.newItem_right_msg_left img {
    width: 21px;
    margin-right: 7px;
}

.newItem_right_msg_right {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #222;
    transition: all 0.3s ease;
}

.newItem_right_msg_right .iconfont {
    font-size: 12px;
    color: #fff;
    transition: all 0.3s ease;
}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1200px) {
    .case {
        padding: 20px 0px;
    }

    .caseitem_name {
        margin-top: 10px;
        margin-bottom: 8px;
    }

    .newItem {
        padding: 30px 0;
        gap: 40px;
    }
}

@media screen and (max-width: 992px) {
    .caseList {
        margin-top: 30px;
    }

    .caseitem_msg {
        font-size: 14px;
    }

    .caseitem_name {
        font-size: 16px;
    }

    .newItem_right_text {
        margin-top: 30px !important;
    }

    .newItem_right_msg {
        margin-top: 40px;
    }
}

@media screen and (max-width: 768px) {
    .newItem_right_text {
        margin-top: 10px !important;
    }

    .newItem_right_msg {
        margin-top: 20px;
    }
}

@media screen and (max-width: 576px) {
    .caseList {
        gap: 20px;
    }

    .caseitem {
        width: 100%;
    }

    .page {
        margin: 30px auto;
    }

    .page a {
        width: 30px;
        height: 30px;
    }

    .page a .iconfont {
        font-size: 12px;
    }

    .caseTit p {
        font-size: 14px;
    }

    .caseTit {
        align-items: center;
    }

    .newItem {
        flex-direction: column;
        flex-wrap: wrap;
        gap: 20px;
    }

    .newItem_left {
        width: 100%;
    }

    .newItem_left img {
        width: 100%;
    }

    .newItem_right {
        width: 100%;
    }

    .newItem_right_msg {
        margin-top: 10px;
    }
}

/* news.html End */



/* news_desc.html Start */
.news_desc {
    display: flex;
    gap: 80px;
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    margin-top: 70px;
}

.news_desc_right_tit {
    color: #222;
    font-family: "Microsoft YaHei";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
}

.news_desc_right {
    width: 25.714%;
}

.news_desc_item {
    display: block;
    padding: 24px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

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

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

.news_desc_item:hover .news_desc_item_time img {
    display: none;
}

.news_desc_item:hover .news_desc_item_time .time_ac {
    display: block;
}



.news_desc_item_tit {
    color: #222;
    font-family: "Microsoft YaHei";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.3s ease;
    /* 两行溢出省略号 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_desc_item_time {
    color: #666;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    display: flex;
    align-items: center;
    margin-top: 18px;
    transition: all 0.3s ease;
}

.news_desc_item_time img {
    width: 21px;
    margin-right: 7px;
    display: block;
    transition: all 0.3s ease;
}

.news_desc_item_time .time_ac {
    display: none;
}

.news_desc_left {
    flex: 1;
}

.news_desc_left_tit {
    color: #222;
    font-family: "Microsoft YaHei";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.news_desc_left_msg {
    display: flex;
    align-items: center;
    gap: 60px;
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.news_desc_left_time {
    color: #666;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.news_desc_left_share {
    color: #666;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    align-items: center;
}

.news_desc_left_share img {
    width: 126px;
}

#share_container {
    margin-left: 10px;
}

.news_desc_con {
    padding-top: 50px;
    line-height: 30px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.news_desc_con img {
    width: 100%;
    display: block;
    border-radius: 20px;
    overflow: hidden;
}

.news_desc_con strong {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 28px;
    display: block;
}






.news_desc_page {
    padding: 24px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 60px;
}

.news_desc_page a {
    display: flex;
    color: #222;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    transition: all 0.3s ease;
}

.news_desc_page a .iconfont {
    font-size: 12px;
    color: #222;
    margin-right: 6px;
    transition: all 0.3s ease;
}

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

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

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1200px) {
    .news_desc_left_tit {
        font-size: 36px;
    }

    .news_desc_right_tit {
        font-size: 36px;
    }

    .news_desc {
        margin-top: 30px;
    }

    .news_desc_left_msg {
        padding: 10px 0;
    }

    .news_desc_item {
        padding: 16px 0;
    }

    .news_desc_item_tit {
        font-size: 16px;
    }

    .news_desc_item_time {
        font-size: 14px;
    }

    .news_desc_page {
        padding: 16px 0;
    }

    .news_desc_page a {
        font-size: 16px;
    }
}

@media screen and (max-width: 992px) {
    .news_desc_left_tit {
        font-size: 20px;
    }

    .news_desc_right_tit {
        font-size: 20px;
    }

    .news_desc_item {
        padding: 10px 0;
    }

    .news_desc_left_time {
        font-size: 14px;
    }

    .news_desc_page a {
        font-size: 14px;
    }

    .news_desc {
        gap: 30px;
    }
}

@media screen and (max-width: 768px) {
    .news_desc {
        gap: 0;
    }

    .news_desc_page {
        margin-bottom: 30px;
    }

    .news_desc {
        flex-wrap: wrap;
    }

    .news_desc_left {
        width: 100%;
    }

    .news_desc_right {
        width: 100%;
    }

    .news_desc_con {
        padding-top: 30px;
    }
}

@media screen and (max-width: 576px) {
    .news_desc_left_msg {
        gap: 10px;
        flex-wrap: wrap;
    }
}

/* news_desc.html End */




/* contact.html Start */
.concactbox {
    padding: 90px 0 100px;
    background-color: #F8F8F8;
}

.concact {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    box-sizing: border-box;
    padding: 60px;
    gap: 30px;
    background-color: #fff;
    border-radius: 20px;
}

.concact_left {
    flex: 1;
}

.concact_right {
    width: 51.25%;
    border-radius: 20px;
    overflow: hidden;
}

.concact_left {
    display: flex;
    flex-direction: column;
    gap: 108px;
}

.concact_left_tit {
    color: #222;
    font-family: "Microsoft YaHei";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}

.concact_left_tit img {
    margin-bottom: 14px;
}

.concact_left_con_item {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    color: rgba(51, 51, 51, .8);
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.concact_left_con_item .iconfont {
    color: var(--main-color);
    margin-right: 20px;
}

.concact_left_con_item p {
    color: #222;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    white-space: nowrap;
}

.concact_left_con_item .emails {
    color: rgba(51, 51, 51, .8);
}

@media screen and (max-width: 768px) {
    .concact_left_con_item p {
        display: inline;
    }

    .concact_left_con_item p {
        white-space: nowrap;
    }

    .concactbox {
        padding: 30px 0;
    }
}

@media screen and (max-width: 1440px) {
    .concact_left {
        gap: 30px;
    }

    .concact {
        padding: 30px;
        align-items: center;
    }

    .concact_left_con_item:last-child {
        margin-bottom: 0;
    }

    .concact_left {
        gap: 50px;
    }

}

@media screen and (max-width: 1200px) {
    .concact_left {
        gap: 20px;
    }

    .concact_left_con_item {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 992px) {
    .concact {
        flex-wrap: wrap;
        justify-content: center;
    }

    .concact_left {
        width: 100%;
    }

    .concact_right {
        width: 100%;
    }

    .concact_right img {
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 576px) {
    .concact_left_con_item {}

    .concact_left_con_item .emails {
        flex-wrap: wrap;
    }

    .concact_left_con_item .iconfont {
        margin-right: 4px;
    }

    .concact {
        padding: 30px 20px;
    }
}

/* videoModal */
.videoModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.videoModal.active {
    display: flex;
}

.videoModalContent {
    position: relative;
    width: 80%;
    max-width: 900px;
}

.videoModalContent video {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.videoModalClose {
    position: absolute;
    top: -40px;
    right: 0;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .videoModalContent {
        width: 95%;
    }

    .videoModalClose {
        top: -36px;
        font-size: 24px;
    }
}

/* imageModal for certificate */
.imageModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.imageModal.active {
    display: flex;
}

.imageModalContent {
    position: relative;
    max-width: 50vw;
}

.imageModalContent img {
    object-fit: contain;
    border-radius: 8px;
}

.imageModalClose {
    position: absolute;
    top: -40px;
    right: 0;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .imageModalContent {
        max-width: 95%;
    }

    .imageModalClose {
        top: -36px;
        font-size: 24px;
    }
}

/* contact.html End */



.about_more:hover {
    border: 1px solid var(--main-color) !important;
    background: #fff !important;
    color: var(--main-color) !important;
}

.about_more:hover .iconfont {
    color: var(--main-color) !important;
}


.footer_con_top_right_item a:hover {
    border-bottom: 1px solid var(--main-color);
}