body {
    font-family: "RobotoRegular";
    overflow-x: hidden;
    word-break: break-word;
}

body.nav-open {
    overflow: hidden;
}

/* 渐显动画 */
.fade-up {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-up.visible {
    opacity: 1;
    transform: translateY(0);
}

.fade-left {
    opacity: 0;
    transform: translateX(-50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-left.visible {
    opacity: 1;
    transform: translateX(0);
}

.fade-right {
    opacity: 0;
    transform: translateX(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-right.visible {
    opacity: 1;
    transform: translateX(0);
}

.fade-in {
    opacity: 0;
    transition: opacity 0.8s ease-out;
}

.fade-in.visible {
    opacity: 1;
}

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

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


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


video {
    display: block;
}

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

li {
    list-style: none;
}

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

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

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

.icon-chenggong:before {
    content: "\e666";
}

.icon-pinterest1:before {
    content: "\f211";
}

.icon-instagram2:before {
    content: "\e6fd";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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




.fs42 {
    font-size: 42px;
}

.fs40 {
    font-size: 40px;
}

.fs38 {
    font-size: 38px;
}

.fs36 {
    font-size: 36px;
}

.fs34 {
    font-size: 34px;
}

.fs32 {
    font-size: 32px;
}

.fs30 {
    font-size: 30px;
}

.fs28 {
    font-size: 28px;
}

.fs26 {
    font-size: 26px;
}

.fs24 {
    font-size: 24px;
}

.fs22 {
    font-size: 22px;
}

.fs20 {
    font-size: 20px;
}

.fs18 {
    font-size: 18px;
}

.fs16 {
    font-size: 16px;
}

.fs14 {
    font-size: 14px;
}

.fs12 {
    font-size: 12px;
}

:root {
    --main-color: #313C7D;
    --sub-color: #F39910;
}

body {
    overflow-x: hidden;
}

.head {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: transparent;
}

.head.is-scrolled {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
    background-color: #fff;
}


.head.is-scrolled .nav-item>a,
.head.is-scrolled .nav-item>div>a {
    color: #333;
}

.nav-active>div>a {
    color: var(--sub-color) !important;
}

.nav-active>a {
    color: var(--sub-color) !important;
}

.head.is-scrolled .lang {
    color: #666;
}

.head.is-scrolled .search {
    background-color: rgba(49, 60, 125, 0.10);
}

.head.is-scrolled .search form input {
    color: #333;
}

.head.is-scrolled .search form .iconfont {
    color: #666;
}

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

.nav-container {
    display: flex;
    align-items: center;
    gap: 30px;
}

.nav-right {
    display: flex;
    align-items: center;
    gap: 30px;
}

.nav-item>a,
.nav-item>div>a {
    color: #FFF;
    font-family: "RobotoBold";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.nav-item>div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.nav-item>div>.icon-right1 {
    display: none;
}

.nav-item:hover>a,
.nav-item:hover>div>a {
    color: var(--sub-color);
}

.lang {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    display: flex;
    gap: 6px;
    cursor: pointer;
}

.search {
    display: flex;
    width: 220px;
    height: 48px;
    padding: 10px 30px;
    align-items: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.20);
}

.search form {
    display: flex;
    align-items: center;
    gap: 10px;
}

.search form .iconfont {
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.search form input {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    width: 60%;
}

.search button {
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer;
}

/* nav-lv2 三级菜单 */
.nav-item {
    position: relative;
    display: flex;
    align-items: center;
    height: 48px;
}

.nav-lv2 {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 200px;
    border-radius: 4px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.nav-item>.nav-lv2 {
    display: none;
}

.nav-item:hover>.nav-lv2 {
    display: block;
}

.nav-lv2-item {
    position: relative;
}

.nav-lv2-item>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    color: #333;
    font-size: 14px;
    transition: background 0.2s;
}

.nav-lv2-item>a:hover {
    background: #f5f5f5;
    color: #F39910;
}

.nav-lv2-item>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 20px;
    transition: background 0.2s;
    cursor: pointer;
}

.nav-lv2-item>div>a {
    color: #333;
    font-size: 14px;
    flex: 1;
    display: block;
}

.nav-lv2-item>div .iconfont {
    color: #999;
    font-size: 14px;
    margin-left: 12px;
}



.nav-lv2-item>div:hover>a {
    color: #F39910;
}

.nav-lv2-item>div:hover .iconfont {
    color: #F39910;
}

.nav-lv3 {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    background: #fff;
    min-width: 180px;
    border-radius: 4px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.nav-lv2-item.has-sub>div:hover+.nav-lv3,
.nav-lv2-item.has-sub>.nav-lv3:hover {
    display: block;
}

.nav-lv3-item a {
    display: block;
    padding: 12px 20px;
    color: #333;
    font-size: 14px;
    transition: background 0.2s;
}

.nav-lv3-item a:hover {
    background: #f5f5f5;
    color: #F39910;
}


.footer {
    background-color: #F4F6F7;
    padding-top: 88px;
    padding-bottom: 35px;
}

.footer-top {
    max-width: 1400px;
    margin: 0 auto;
    width: 90%;
    display: flex;
    gap: 53px;
    padding-bottom: 30px;
}

.f-top-item-tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    margin-bottom: 18px;
    color: #333;
}

.f-top-item-tit>a {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    font-family: 'RobotoBold';
    color: #333 !important;
}

.f-top-item-tit>i {
    display: none;
}

.f-top-item-tit>a:hover {
    color: var(--sub-color);
}

.f-top-item {
    color: #666;
    font-size: 16px;
    font-style: normal;
    line-height: 40px;
}

.f-top-item a {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}

.f-top-item a:hover {
    color: var(--sub-color);
}

.fi3 {
    max-width: 348px;
}

.f-top-item-form form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.f-top-item-form input {
    background-color: transparent;
    border: none;
    outline: none;

    color: #333;
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.f-top-item-form input::placeholder {
    font-family: "RobotoRegular";
    font-size: 16px;
    color: #333;

}

.f-top-item-form .ipt1 {
    background-color: #fff;
    padding: 12px 16px;
}

.f-top-item-form .CAPTCHABOX {
    display: flex;
    gap: 16px;
}

.f-top-item-form .ipt2 {
    background-color: #fff;
    padding: 12px 16px;
    display: flex;
    align-items: center;
}

.f-top-item-form .ipt2 input {
    width: 65%;
}

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

.f-top-item-form button {
    color: #FFF;
    font-family: "RobotoBold";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    white-space: nowrap;
    outline: none;
    border: none;
    background-color: var(--main-color);
    padding: 0 40px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.f-top-item-form button:hover {
    background-color: var(--sub-color);
    color: #fff;
}

.mediaBox {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 43px;
    gap: 10px;
}

.mediaItem {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: var(--sub-color);
}

.mediaItem i {
    color: #fff;
    font-size: 16px;
}

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

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

.footer-bottom {
    display: block;
    text-align: center;
    padding-top: 23px;
    border-top: 1px solid rgba(108, 108, 108, 0.50);

    color: #666;
    font-family: "RobotoRegular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.footer-bottom a {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.footer-bottom a:hover {
    color: var(--sub-color);
}


.lang {
    position: relative;
}

.lang-popup {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 100px;
    border-radius: 4px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    z-index: 100;
}

.lang:hover .lang-popup {
    display: block;
}

.lang-popup-item a {
    display: block;
    padding: 12px 20px;
    color: #333;
    font-size: 14px;
    transition: background 0.2s;
}

.lang-popup-item a:hover {
    background: #f5f5f5;
    color: #c5a47e;
}

.nav-right .search {
    display: none;
}

.nav-overlay {
    display: none;
}

.nav-hamburger {
    display: none;
}

.nav-close {
    display: none;
}

.b1 {
    height: 0;
    padding-bottom: 47.91%;
}

.b1-swiper {
    width: 100%;
}

.b1-slide {
    width: 100%;
    overflow: hidden;
    position: relative;
}

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

.b1-info {
    max-width: 1400px;
    margin: 0 auto;
    width: 90%;
    position: absolute;
    z-index: 2;
    top: 50%;
    right: max(calc((100% - 1400px) / 2), 5%);
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.b1-info .pubTit {
    max-width: 870px;
    text-align: right;
    color: #fff;
}

.b1-info2 {
    color: #FFF;
    text-align: right;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-top: 22px;
    margin-bottom: 22px;
    max-width: 590px;
}

.b1 .swiper-button-prev,
.b1 .swiper-button-next {
    width: 56px;
    height: 56px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}

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

.b1 .swiper-button-prev:hover,
.b1 .swiper-button-next:hover {
    background: rgba(0, 0, 0, 0.5);
}

.b1 .swiper-button-prev {
    left: 100px;
}

.b1 .swiper-button-next {
    right: 100px;
}



.safe {
    max-width: 1400px;
    margin: 0 auto;
    overflow: hidden;
    width: 90%;
}

.mt100 {
    margin-top: 100px;
}

.mt90 {
    margin-top: 90px;
}

.tc {
    text-align: center;
}

.pubTit {
    color: #333;
    font-family: "RobotoBold";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
}

.pro2-sub {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 18px;
}

.b4 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.b4-con {
    margin-top: 58px;
    width: 100%;
}

.b4-swiper {
    width: 100%;
    max-width: 1500px;
    padding: 0 20px;
    margin: 0 auto;
    overflow: visible;
}

.b4-swiper .swiper-slide {
    height: auto;
    width: auto;
}

.b4-slide {
    width: 100%;
    aspect-ratio: 5 / 3;
    border-radius: 12px;
    overflow: hidden;
    background: #F4F6F7;
}

.b4-slide-img img {
    transition: all 0.3s ease-in-out;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.b4-slide:hover .b4-slide-img img {
    transform: scale(1.1);
}

.b4-slide:hover .b4-it-l {
    color: var(--sub-color);
}


.b4-info-tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.b4-it-l {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.b4-it-l {
    color: #FFF;
    font-family: "RobotoBold";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;

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

.b4-info-msg {
    color: #FFF;
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.b4-slide-info {
    position: absolute;
    left: 46px;
    bottom: 27px;
    right: 46px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.swiper-slide-active .b4-slide-info {
    opacity: 1;
}


.btn {
    color: #FFF;
    font-family: "RobotoRegular";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    padding: 9px 25px;
    border-radius: 4px;
    background: var(--main-color);
    cursor: pointer;
    border: 1px solid var(--main-color);
    display: inline-block;
    transition: all 0.3s ease-in-out;
}

.btn:hover {
    background: #F39910;
    border-color: #F39910;
    color: #FFF;
}

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

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

.b2-con {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 45px;
    margin-top: 58px;
    padding-bottom: 90px;
}

.b2-item {
    display: flex;
    border-radius: 10px;
    overflow: hidden;
}

.b2-item:hover .b2-item-l img {
    transform: scale(1.1);
}

.b2-item:hover .b2-item-r1 {
    color: var(--sub-color);
}

.b2-item-l {
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    width: 75.81%;
    display: block;
}


.b2-item-l img {
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.b2-item-r {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 62px;
    padding: 0 26px;
    box-sizing: border-box;
    justify-content: center;
    background-color: #F4F6F7;
}

.b2-item-r1 {
    color: #333;
    font-family: "RobotoRegular";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.b2-item-r2 {
    color: var(--main-color);
    font-family: "RobotoRegular";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}


.b3 {
    background: url(../image/b3-bg.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 124px;
    padding-bottom: 101px;
}

.b3-r {
    width: 50%;
    border-radius: 10px;
    overflow: hidden;
}

.b3-r img {
    width: 100%;
}

.b3-l {
    flex: 1;
}

.b3-l img {
    width: 100%;
}

.b3-msg {
    color: #666;
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 38px;
    margin-bottom: 58px;
    max-width: 616px;
}

.numList {
    display: flex;
    gap: 40px;
    align-items: stretch;
    max-width: 1206px;
    margin: 0 auto;
    margin-top: 57px;
}

.numItem {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.numItemNum {
    color: #313C7D;
    font-family: "RobotoBold";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
}

.numItemNum span {
    font-size: 14px;
    font-family: "RobotoRegular";
}

.numItemMsg {
    color: #666;
    font-family: "RobotoRegular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.numItem:hover .numItemNum {
    color: var(--sub-color);
}

.b5 {
    background: url(../image/b5-bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 103px 0;
}

.b5 .safe {
    display: flex;
    justify-content: flex-end;
}

.b5-info {
    width: 57.42%;
    text-align: right;
}

.b5-info .pubTit {
    color: #FFf;
    width: 80%;
    margin-left: auto;
}

.b5-i-msg {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin: 20px 0;
}

.b6 {
    padding: 90px 0;
}

.b6 .pubTit {
    text-align: center;
}

.b6-con {
    margin-top: 58px;
}

.b6-slide {
    border-radius: 12px;
    overflow: hidden;
}



.b6-slide:hover .b6-name {
    color: var(--sub-color);
}

.b6-slide:hover .b6-img img {
    transform: scale(1.1);
}

.b6-img {
    display: block;
    overflow: hidden;
    border-radius: 12px;
    transition: all 0.3s ease-in-out;
}

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

.b6-info {
    margin-top: 24px;
}

.b6-time {
    display: flex;
    align-items: center;
    color: #666;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    gap: 12px;
}

.b6-name {
    margin-top: 16px;
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    display: block;
}

.b6-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}

.pubFooter {
    padding-top: 90px;
    padding-bottom: 100px;
    background: #fff;
    position: relative;
}

.pubFooter .pubTit {
    text-align: center;
    color: #333;
    margin-bottom: 50px;
}

.pubFooter-con {
    position: relative;
    padding: 0 60px;
}

.pubFooter-swiper {
    overflow: hidden;
}

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

.pubFooter-item img {
    width: 100%;
    margin: 0 auto;
}

.pubFooter-item-img {
    width: 100%;
    display: block;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

.pubFooter-item-img img {
    width: 100%;
    transition: all 0.3s ease-in-out;
}



.pubFooter-item-tit {
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    margin-top: 12px;
    line-height: 36px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.pubFooter-controls {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    justify-content: space-between;
    padding: 0;
    z-index: 2;
}

.pubFooter-swiper-prev,
.pubFooter-swiper-next {
    cursor: pointer;
    padding: 5px 20px;
    border-radius: 6px;
    background: var(--main-color);
}

.pubFooter-swiper-prev:hover,
.pubFooter-swiper-next:hover {
    background: #F39910;
    color: #fff;
    border-color: #F39910;
}

.pubFooter-swiper-prev i,
.pubFooter-swiper-next i {
    font-size: 18px;
    color: #fff;
}

.pubFooter-swiper-prev {
    left: 7.8125%;
    right: unset;
    position: absolute;
}

.pubFooter-swiper-next {
    right: 7.8125%;
    left: unset;
    position: absolute;
}

.pubFooter-Con .pubFooter-item:hover .pubFooter-item-img img {
    transform: scale(1.1);
}

.pubFooter-Con .pubFooter-item:hover .pubFooter-item-tit {
    color: var(--sub-color);
}

.pub-b1 {
    position: relative;
}

.pub-b1 .pub-b1-img img {
    width: 100%;
}


.pub-b1-tit {
    color: #FFF;
    font-family: "RobotoBold";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    position: absolute;
    left: max(calc((100% - 1480px) / 2), 5%);
    top: 50%;
    transform: translateY(-50%);
}

.pub-b1-breadcrumb {
    position: absolute;
    bottom: 22px;
    display: flex;
    align-items: center;
    position: absolute;
    left: max(calc((100% - 1480px) / 2), 5%);
    bottom: 22px;

    color: #FFF;
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.pub-b1-breadcrumb a {
    color: #FFF;
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.pub-b1-breadcrumb span {
    margin: 0 4px;
}

.pro-tab {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 20px;
    margin-top: 80px;
}

.pro-tab-item {
    display: block;
    color: var(--main-color);
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding: 9px 29px;
    border-radius: 999px;
    border: 1px solid var(--main-color);
}

.pro-tab-item:hover {
    background-color: var(--sub-color);
    color: #fff;
    border: 1px solid var(--sub-color);
}

.pro-tab-item.active {
    background-color: var(--sub-color);
    color: #fff;
    border: 1px solid var(--sub-color);
}



.pro-b2 {
    margin-top: 62px;
}


.pro-form {
    margin-top: 62px;
    padding-bottom: 96px;
}

.pro-form form {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 46px 34px;
}

.b2-right-msg {
    display: flex;
    margin-top: 16px;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.b2-right-msg a {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.b2-right-msg input {
    cursor: pointer;
}

.form-item:hover .form-item-tit {
    color: var(--sub-color);
}

.form-item:hover .b2-right-msg a {
    color: var(--sub-color);
}

.form-item:hover img {
    transform: scale(1.1);
}

.form-item-tit {
    padding: 0 24px;
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    margin-top: 12px;
    line-height: 36px;
    display: block;
}

.form-item>a {
    overflow: hidden;
}

.form-item>a>img {
    width: 100%;
    transition: all 0.3s ease-in-out;
}

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

.page a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #E8E8E8;
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    box-sizing: border-box;
}

.page a:hover {
    color: var(--sub-color);
    background-color: transparent;
    border: 1px solid var(--sub-color);
}

.page .pre,
.page .nex {
    border-radius: 6px;
    background: var(--main-color);
    width: auto;
    height: auto;
    padding: 6px 20px;
    border: none;
}

.page .pre .iconfont {
    color: #fff;
}

.page .nex .iconfont {
    color: #fff;
}

.page .pre:hover,
.page .nex:hover {
    background-color: var(--sub-color);
    border: none;
}

.currentActive {
    background-color: var(--sub-color) !important;
    border: 1px solid var(--sub-color) !important;
    color: #fff !important;
}

.page .addBtn {
    outline: none;
    border: none;
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #313C7D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    cursor: pointer;
    margin-left: 22px;
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
}

.page .addBtn input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.page .addBtn:hover {
    border: none;
}

.addBtn .addBtn2 {
    display: none;
}

.addBtn:hover img {
    display: none;
}

.addBtn:hover .addBtn2 {
    display: block;
}

.addBtn:hover {
    color: var(--sub-color);
}

.goodsBox {
    margin-top: 70px;
    margin-bottom: 107px;
}

.goods {
    margin: 0 auto;
    display: flex;
    gap: 65px;
}

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

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

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

}

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


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

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

.goods_left_box .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 6px;
    overflow: hidden;
}

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


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

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

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

}

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

}

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

    border-radius: 6px;
    background: var(--main-color);
}

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

.thumb-outer .swiper-button-prev:hover {
    background-color: var(--sub-color);
    color: #fff;
}

.thumb-outer .swiper-button-next:hover {
    background-color: var(--sub-color);
    color: #fff;
}

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

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

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



.thumb-outer .swiper-button-next:hover .iconfont {
    color: var(--main-color);
}

#thumbSwiper .swiper-slide-thumb-active {
    position: relative;
    border: 1px solid var(--sub-color);
    border-radius: 10px;
    overflow: hidden;
}

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

.goods_right_tit {
    color: #333;
    font-family: 'RobotoBold';
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 22px;
}

.goods_right_msg {
    margin-bottom: auto;
}

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

.goods_right_msg strong {
    font-family: 'RobotoRegular';
    font-weight: 400;
    color: #333;
}

.goods_right_msg em {
    position: relative;
    font-style: normal;
}



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

.goods_right_msg1 .iconfont {
    color: #666;
}

.goods_right_msg1 a {
    color: #131313;
}

.goods_right_share {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 25px;
    padding-bottom: 15px;

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

.goods_right_btnList {
    display: flex;
    margin-top: 28px;
    flex-wrap: wrap;
    gap: 25px;
}


.goods_right_btnList .btn {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    border-radius: 99px !important;

    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.goods_right_btnList .btn:first-child {}

.goods_right_btnList .btn:hover {
    color: #fff;
    border-color: var(--sub-color);
    background-color: var(--sub-color);
}

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

.pubTit2 {
    color: #313C7D;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    font-family: "RobotoRegular";
    line-height: 46px;
}

.goods_table {
    margin-top: 36px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.goods_table tr:first-child td {
    font-family: "RobotoBold";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.goods_table table tr:first-child td {
    font-family: "RobotoBold";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    background: #fff !important;
}

.goods_table table tr td {
    line-height: 60px;
}

.goods_table table tr:nth-child(odd) td {
    background: #fff;
}

.goods_table table tr:nth-child(even) td {
    background: #f5f5f8;
}

.goods_table table tr:first-child td {
    font-family: "RobotoBold";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    background: #fff !important;
    padding-bottom: 24px;
}

.goods_table table tr:nth-child(even) td {
    background: #f5f5f8;
}

.goods_table table tr:nth-child(odd) td {
    background: #fff;
}

.goods_table table {
    border-collapse: collapse;
    border: none;
    min-width: 1400px;
}

.goods_table table tr td:first-child {
    padding-left: 30px;
}

.goods_table table tr td:nth-child(2) {
    padding-left: 2%;
}

.goods_table table tr:not(:first-child) td:first-child {
    color: #F39910;
    font-family: "RobotoBold";
    font-size: 18px;
    font-weight: 700;
    width: 25.57%;
}

.goods_table table tr:not(:first-child) td:nth-child(2) {
    padding-left: 2%;
    color: #666;
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.mt85 {
    margin-top: 85px;
}

.mb30 {
    margin-bottom: 30px;
}


.goods-name {
    color: #333;
    font-family: "RobotoBold";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.goods-msg {
    color: #666;
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.goods-img {
    overflow: hidden;
    border-radius: 10px;
    display: block;
}

.goods-img img {
    width: 100%;
    transition: all 0.3s ease-in-out;
}

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

.goods-item:hover .goods-img img {
    transform: scale(1.1);
}

.goods-item:hover .goods-name {
    color: var(--sub-color);
}


.goods-list3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
}

.goods3-item {
    padding: 40px;
    padding-bottom: 10px;
    background-color: #F4F4F4;
    min-height: 210px;
}

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

.goods3-item:hover .goods3-tit {
    color: #fff;
}

.goods3-item:hover .goods3-msg {
    color: #fff;
}

.mb44 {
    margin-bottom: 44px;
}

.goods3-tit {
    color: #333;
    font-family: "RobotoBold";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px;
}

.goods3-msg {
    color: #666;
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.faqItem {
    border-radius: 12px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    padding: 35px;
    padding-bottom: 28px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    cursor: pointer;
}

.faqItem:last-child {
    margin-bottom: 90px;
}

.faqItem_left {
    color: #B3B3B3;
    font-family: "RobotoBold";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    white-space: nowrap;
    margin-right: 30px;
}

.faqItem_right {
    flex: 1;
    margin-top: 14px;
}

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

    color: #333;
    font-family: "RobotoBold";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.faqItem_btn {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main-color);
    transition: all 0.3s ease-in-out;
}

.faqItem_btn i {
    font-size: 16px;
    color: #fff;
}

.faqItem_right2 {
    color: #666;
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 16px;
    padding-bottom: 8px;
    display: none;
}

.faqActive {
    box-shadow: 0 5px 15px 0 rgba(20, 20, 20, 0.10);
}

.faqActive .faqItem_left {
    color: var(--sub-color);
}

.faqActive .faqItem_tit {
    color: var(--sub-color);
}

.faqActive .faqItem_btn {
    background-color: var(--sub-color);
    transform: rotate(45deg);
}

.faqActive .faqItem_right2 {
    display: block;
}

.ab-b2 {
    margin-top: 90px;
    margin-bottom: 90px;
}

.ab-b2 .pubTit {
    text-align: center;
}

.ab2-msg {
    color: #666;
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 28px;
}

.ab2-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 26px;
}

.ab2-tab-item {
    color: #FFF;
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding: 10px 30px;
    border-radius: 999px;
    background: var(--main-color);
    cursor: pointer;
    white-space: nowrap;
}

.ab2-Tactive {
    background-color: var(--sub-color);
}

.ab2-conList {
    margin-top: 20px;
}

.ab2-con-item {
    display: flex;
    align-items: stretch;
    border-radius: 10px;
    overflow: hidden;
}

.ab2-left {
    flex: 1;
    background: #F4F4F4;
    box-sizing: border-box;
    padding: 0 77px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ab2-right {
    width: 50%;
}

.ab2-left1 {
    color: #333;
    font-family: "RobotoBold";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.ab2-left2 {
    color: #666;
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 18px;
}

.ab2-con-msg {
    color: var(--666, #666);
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 28px;
}

.ab-5 {
    background: #F4F4F4;
    padding-top: 107px;
    padding-bottom: 100px;
}


.ab5-item {
    display: flex;
    align-items: center;
}

.ab-5 .pubTit {
    text-align: center;
}

.ab-5 .ab5-sub {
    color: #666;
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    max-width: 1400px;
    margin: 0 auto;
    width: 90%;
    margin-top: 28px;
}

.ab5-item .num {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-family: "RobotoBold";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    background-color: var(--main-color);
    border-radius: 50%;
}

.ab5-item-info-msg {
    color: #666;
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 16px;
}

.ab5-item-info-tit {
    color: #333;
    font-family: "RobotoBold";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 两行溢出隐藏 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ab5-Item-img {
    margin-left: 40px;
    margin-right: 34px;
}

.ab5-item-info {
    flex: 1;
}

/* 证书弹窗样式 */
.cer-modal {
    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;
}

.cer-modal.active {
    display: flex;
}

.cer-modal-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
}

.cer-modal-img {
    max-width: 100%;
    max-height: 80vh;
    object-fit: contain;
}

.cer-modal-close {
    position: absolute;
    top: -40px;
    right: 0;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
    line-height: 1;
}

.cer-modal-close:hover {
    color: #F39910;
}

.ab5-con {
    margin-top: 42px;
}

.ab5-con .swiper-slide {
    background-color: #fff;
    padding: 27px 20px;
    box-sizing: border-box;
}

.swiper-slide-next .ab5-item .num {
    background-color: var(--sub-color);
}

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



@media (min-width: 1801px) {
    .ab5-swiper .swiper-slide {
        width: 35.41% !important;
        flex-shrink: 0;
        border-radius: 10px;
        overflow: hidden;
    }
}

.ab5-swiper-prev,
.ab5-swiper-next {
    align-items: center;
    justify-content: center;
    background: var(--main-color);
    cursor: pointer;
    padding: 7.5px 20px;
}

.ab5-swiper-prev {
    margin-right: 10px;
}

.ab5-swiper-prev:hover,
.ab5-swiper-next:hover {
    background: #F39910;
    color: #fff;
    border-color: #F39910;
}

.ab5-swiper-next i,
.ab5-swiper-prev i {
    font-size: 18px;
    color: #fff;
}

/* AB6 CERTIFICATION */
.ab-6 {
    padding-top: 80px;
    padding-bottom: 44px;
    position: relative;
}

.ab-6::after {
    content: '';
    height: 154px;
    width: 100%;
    background-color: var(--main-color);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
}

.ab6-con {
    display: flex;
    gap: 90px;
    align-items: center;
    position: relative;
    z-index: 1;
}


.ab6-left {
    width: 25.57%;
}

.ab6-left2 {
    margin-top: 20px;
    color: #666;
    line-height: 1.6;
}

.ab6-left3 {
    margin-top: 124px;
    display: flex;
    gap: 16px;
}

.ab6-right {
    flex: 1;
    overflow: hidden;
}

.ab6-swiper {
    overflow: visible;
}

.ab6-swiper .swiper-slide {
    box-shadow: 0 5px 15px 0 rgba(46, 61, 80, 0.05);
}




.ab6-item {
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
    background-color: #fff;
}

.ab6-item .cer {
    background: url(../image/cer-border.png) no-repeat;
    background-size: 100% 100%;
    padding: 27px 32px;
    padding-bottom: 24px;
}

.ab6-item img {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}

.ab6-item-tit {
    color: #666;
    text-align: center;
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 15px;
}

.ab6-swiper-prev,
.ab6-swiper-next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 7.5px 20px;
    border: 1px solid #fff;
    border-radius: 6px;
}

.ab6-swiper-prev:hover,
.ab6-swiper-next:hover {
    background: #F39910;
    color: #fff;
    border-color: #F39910;
}

.ab6-swiper-prev i,
.ab6-swiper-next i {
    font-size: 16px;
    color: #fff;
}

.ab6-swiper .swiper-wrapper {
    padding-left: 4px;
}


.ab-7 {
    position: relative;
}

.ab-7 .ab7-con {
    position: absolute;
    left: max(calc((100% - 1400px) / 2), 5%);
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;

    max-width: 1200px;
    margin: 0 auto;
    width: 90%;
}

.ab-7 .pubTit {
    color: #fff;
}

.ab-7 .ab7-msg {
    margin-top: 28px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.ser1 {
    padding-top: 100px;
}

.ser1 .pubTit {
    color: #333;
    text-align: center;
}

.ser-text {
    color: #F39910;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 8px;
    margin-bottom: 14px;
    text-align: center;
}

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

.ser1List {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 56px 25px;
    margin-top: 64px;
}

.ser1-Item {
    position: relative;
    background-color: rgba(49, 60, 125, 0.05);
    padding: 52px 40px 0;
    padding-bottom: 34px;
    min-height: 310px;
    border-radius: 10px;
}

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

.ser1-Item .ser1-tit {
    color: #FFF;
    font-family: "RobotoBold";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 10px 20px;
    border-radius: 999px;
    background: var(--main-color, #313C7D);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%) translateY(-50%);
    width: max-content;
    max-width: 380px;
    box-sizing: border-box;
    text-align: center;
}

.ser2 {
    padding-top: 100px;
    padding-bottom: 108px;
}

.ser2 .pubTit {
    text-align: center;
}

.ser2List {
    display: flex;
    gap: 96px;
    padding-top: 40px;
}

.ser2-left {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 60px;
    flex: 1;
}

.ser2-left::after {
    content: '';
    position: absolute;
    left: 42px;
    top: 0;
    height: 75%;
    width: 1px;
    border-left: 1px dashed var(--main-color);
}

.ser2-item {
    position: relative;
    padding-left: 112px;
}

.ser2-item1 {
    color: #333;
    font-family: "RobotoBold";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 16px;
}

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

.ser-Num {
    display: flex;
    width: 80px;
    height: 80px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #FFF;
    font-family: "RobotoBold";
    font-size: 24px;
    background-color: var(--main-color);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.ser2-left .ser2-item:nth-child(2) .ser-Num {
    background-color: var(--sub-color);
}

.ser2-right {
    display: flex;
    flex-direction: column;
    gap: 60px;
    position: relative;
    flex: 1;
}

.ser2-right::after {
    content: '';
    position: absolute;
    left: 42px;
    top: 0;
    height: 75%;
    width: 1px;
    border-left: 1px dashed var(--main-color);
}


.ser2-right .ser-Num {
    background-color: var(--sub-color);
}

.ser2-right .ser2-item:nth-child(2) .ser-Num {
    background-color: var(--main-color);
}

.ser3 {
    background: #F4F5F8;
    padding-top: 94px;
    padding-bottom: 94px;
}

.ser3 .pubTit {
    text-align: center;
    color: #333;
}

.ser3-con {
    position: relative;
    margin-top: 50px;
}

.ser3-swiper {
    overflow: hidden;
}

.ser3-item {
    display: flex;
    gap: 54px;
}

.ser3-left {
    width: 50%;
}

.ser3-right {
    flex: 1;
    margin-top: 80px;
}

.ser3-right1 {
    color: #333;
    font-family: 'RobotoBold';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.ser3-right2 {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 32px;
}

.ser3-controls {
    display: flex;
    justify-content: center;
    gap: 15px;
    position: absolute;
    left: calc(50% + 54px);
    bottom: 80px;
    z-index: 2;
}

.ser3-swiper-prev,
.ser3-swiper-next {
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 7.5px 20px;
    border-radius: 6px;
    background: var(--main-color);
}

.ser3-swiper-prev:hover,
.ser3-swiper-next:hover {
    background: #F39910;
    color: #fff;
    border-color: #F39910;
}

.ser3-swiper-prev i,
.ser3-swiper-next i {
    font-size: 18px;
    color: #fff;
}

.app-item {
    display: flex;
    border-radius: 10px;
    overflow: hidden;
    align-items: stretch;
}

.app-item:nth-child(2) {
    flex-direction: row-reverse;
}

.app-item:hover .app-right3 img {
    display: none;
}

.app-item:hover .app-right3 .app-rActive {
    display: block;
}

.app-item:hover .app-right1 {
    color: var(--sub-color);
}

.app-item:hover .app-left img {
    transform: scale(1.1);
}

.appList {
    margin-top: 83px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.app-left {
    display: block;
    width: 50%;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.app-left img {
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.app-right {
    flex: 1;
    padding-left: 75px;
    background: rgba(49, 60, 125, 0.05);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.app-right1 {
    color: #333;
    font-family: "RobotoBold";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    display: block;
    /* 两行省略号 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.app-right2 {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.app-right3 {
    margin-top: 27px;
    display: block;
}

.app-right3 .app-rActive {
    display: none;
}

.appPage {
    margin-top: 100px;
    margin-bottom: 104px;
}

.blogList {
    margin-top: 100px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 72px 25px;
}

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

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

.blogItem:hover .blogItem-name {
    color: var(--sub-color);
}

.blogItem .btn:hover {
    background-color: var(--sub-color);
    color: #fff;
    border-color: var(--sub-color);
}

.blogItem-img {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.blogItem-img img {
    width: 100%;
    transition: all 0.3s ease-in-out;
}

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

.blogItem-msg {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #666;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 24px;
}

.blogItem-name {
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blogPage {
    margin-top: 70px;
    margin-bottom: 100px;
}

.descCon {
    margin-top: 80px;
}

.descTit {
    color: #333;
    font-family: "RobotoBold";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 27px;
    text-align: center;
}

.desc-msg {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;

    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 40px;
    border-bottom: 1px solid #DADADA;
}

.desc-msg>div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.desc-con {
    padding-top: 40px;
    padding-bottom: 66px;
    border-bottom: 1px solid #DADADA;
}

.desc-con p {
    color: #666;
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 30px;
}

.desc-page {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 38px;
    margin-bottom: 100px;
}

.desc-page .prev,
.desc-page .next {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1;
}

.prev-l,
.next-l {
    display: flex;
    align-items: center;
    padding: 11px 20px;
    background-color: var(--main-color);
    border-radius: 6px;
}

.prev-l i,
.next-l i {
    font-size: 18px;
    color: #fff;
}

.prev-r,
.next-r {
    color: #333;
    font-family: "RobotoBold";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.next {
    display: flex;
    flex-direction: row-reverse;
}

.prev-r .prev-name,
.next-r .next-name {
    color: #999;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 两行溢出隐藏 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.next-r {
    text-align: right;
}


.next:hover a,
.prev:hover a {
    color: var(--sub-color);
}



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

.concact_left_tit {
    color: #0B0B0B;
    font-family: "RobotoBold";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 38px;
}

.c_concact_left {
    margin-top: 10px;
    flex: 1;
}

.c_concact_right {
    width: 62.14%;
    border-radius: 10px;
    background: #F7F7F7;
}

.contact2 {
    background-color: #fff;
}

.concact_left_msg_item {
    display: flex;
    margin-bottom: 18px;
}

.concact_left_msg_item_icon {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px;
}

.concact_left_msg_item_icon .iconfont {
    font-size: 24px;
    color: #fff;
}

.concact_left_msg_item_con {
    flex: 1;
}

.concact_left_msg_item_con1 {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 4px;
}

.concact_left_msg_item_con2 {
    color: #333;
    font-family: "RobotoBold";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

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

.c_concact_right {
    padding: 50px 42px 54px 50px;
    box-sizing: border-box;
}

.concact_right_tit {
    color: #0B0B0B;
    font-family: "RobotoBold";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 23px;
}

.concact_form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.concact_form form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 14px 16px;
}

.c_ipt1 {
    border-radius: 5px;
    border: 1px solid #D2D2D2;
    padding: 16px 14px;
    display: flex;
    width: calc((100% - 16px) / 2);
}

.c_ipt1 label {
    color: #F00;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.c_ipt2 label {
    color: #F00;
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.c_ipt1 input {
    outline: none;
    border: none;
    background: transparent;
    color: #131313;
    font-style: normal;
    font-weight: 500;

    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.c_ipt1 input::placeholder {
    color: #999;
}

.c_ipt2 {
    border-radius: 5px;
    border: 1px solid #D2D2D2;
    background: transparent;
    padding: 12px 14px;
    overflow: hidden;
    width: 100%;
    display: flex;
}


.c_ipt4 {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #D2D2D2;
    padding: 16px 14px;
    display: flex;
}

.c_ipt4 label {
    color: #F00;
    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.c_ipt4 input {
    outline: none;
    border: none;
    background: transparent;
    color: #131313;
    font-style: normal;
    font-weight: 500;

    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.c_ipt4 input::placeholder {
    color: #999;
}

.c_ipt2 textarea {
    outline: none;
    border: none;
    background: transparent;
    color: #131313;
    font-style: normal;
    font-weight: 500;
    width: 100%;
    line-height: 28px;
    resize: none;
    min-height: 190px;

    font-family: "RobotoRegular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.c_ipt2 textarea::placeholder {
    color: #999;
}

.c_CAPTCHA_Box {
    display: flex;
}

.c_CAPTCHA_Box input {
    width: 65%;
}

.c_CAPTCHA_Box .c_CAPTCHA {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.c_ipt3 {
    border-radius: 8px;
    width: calc((100% - 20px) / 2);
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.c_ipt3 button {
    transition: all 0.3s ease-in-out;
    width: 100%;
    border: none;
    height: 100%;
    background: var(--sub-color);
    color: #fff;
    font-family: "RobotoBold";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    outline: none;
    border-color: transparent;
    cursor: pointer;
    border-radius: 8px;
}

.c_ipt3:hover button {
    background: #fff;
    color: var(--sub-color);
    border: 1px solid var(--sub-color);
}

.m-formcountry {
    position: relative;
    width: 100%;
    z-index: 2;
}

.m-formcountry .drop-btn {
    position: relative;
}

.m-formcountry .drop-btn i,
.m-formcountry .drop-btn svg {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #1E1E1E;
}

.m-formcountry .drop-list {
    display: none;
    border: 1px solid #e6e6e6;
    width: 100%;
    position: absolute;
    top: 100%;
    background-color: #fff;
    max-height: 223px;
    overflow-x: hidden;
    z-index: 10001;
    scrollbar-color: #333 rgba(0, 0, 0, 0.05);
    scrollbar-width: thin;
}

.m-formcountry .drop-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.m-formcountry .drop-list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
}

.m-formcountry .drop-list::-webkit-scrollbar-thumb {
    background-color: #333;
}

.m-formcountry .drop-list li {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    padding: 5px 27px;
    cursor: pointer;
    border-bottom: 1px solid #e6e6e6;
    color: #999;
}

.m-formcountry .drop-list li.on {
    background-color: #e0e0e0;
}

.map {
    margin-top: 60px;
    border-radius: 10px;
    margin-bottom: 90px;
    overflow: hidden;
}

.map img {
    width: 100%;
}


.footer .contact {
    position: fixed;
    right: 14px;
    top: 45%;
    display: flex;
    flex-direction: column;
    gap: 19px;
    display: none;
    z-index: 9999999;

    border-radius: 999px;
    background: rgba(255, 255, 255, .8);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
    padding: 5px;
}

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

.wechatItem {
    display: none;
}

.footer .icon-wechat {
    color: #25D366;
}

.footer .icon-whatsapp1 {
    color: #25D366;
}

.footer .icon-email1 {
    color: rgba(80, 95, 192, 1);
}

.footer .icon-fanhuidingbu {
    color: #222;
}

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

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

.contact_item:hover {
    background-color: var(--sub-color);
    border-radius: 50%
}

.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,
.wechatItem:hover .wechatBox {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
}

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

.app-b2 {
    padding-bottom: 80px;
}

.app-b2-tit {
    color: #333;
    font-family: "RobotoBold";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 100px;
}

.app-b2-sub {
    display: flex;
    align-items: center;
    color: #333;
    font-family: "RobotoBold";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    gap: 18px;
}

.app-b2-sub span {
    color: #F39910;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    font-family: "RobotoRegular";
}

.errList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 60px;
    margin-top: 60px;
}

.errItem {
    display: flex;
    align-items: flex-start;
    gap: 50px;
}

.successItem {
    display: flex;
    align-items: flex-start;
    gap: 50px;
}



.errItem-left {
    display: flex;
    width: 70px;
    height: 70px;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    background: rgba(0, 91, 172, 0.10);
}

.successItem-left {
    display: flex;
    width: 70px;
    height: 70px;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    background: rgba(243, 153, 16, 0.10);
}

.errItem-left i {
    color: #313C7D;
    font-weight: 700;
}

.successItem-left i {
    color: var(--sub-color);
    font-weight: 700;
    font-size: 24px;
}

.errItem-right {
    flex: 1;
}

.successItem-right {
    flex: 1;
}

.errItem1 {
    color: #333;
    font-family: "RobotoBold";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.successItem1 {
    color: #333;
    font-family: "RobotoBold";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.errItem2 {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 10px;
}

.successItem2 {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 10px;
}

.successItem2 em {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 10px;
    position: relative;
    padding-left: 24px;
    display: block;
}

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

.app-b3 {
    background-color: #F6F6F6;
    padding-top: 80px;
    padding-bottom: 70px;
}

.app-b4 {
    padding-top: 80px;
    padding-bottom: 90px;
}

.app-b4-msg {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 16px;
}

.app-b4-img {
    margin-top: 56px;
}

@media (max-width: 1800px) {

    .ab5-item .num {
        width: 60px;
        height: 60px;
    }

    .ab5-Item-img {
        margin: 0 20px;
    }

    .ab5-swiper .swiper-slide {
        flex-shrink: 0;
    }

    .pubFooter-swiper-prev {
        left: 24px;
    }

    .pubFooter-swiper-next {
        right: 24px;
    }

    .ser3-controls {
        bottom: 30px;
    }

    .ser3-right {
        margin-top: 30px;
    }

    .ab-7 .ab7-msg {
        margin-top: 20px;
        gap: 12px;
    }

}

@media (max-width: 1440px) {

    .ser1-Item {
        min-height: unset;
    }

    .ab5-swiper .swiper-slide {
        flex-shrink: 0;
    }

    .ab6-left {
        width: 30%;
    }

    .ab6-con {
        gap: 40px;
    }

    .ab2-tab {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        padding: 0 20px;
        gap: 10px;
        justify-content: flex-start;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .ab2-tab::-webkit-scrollbar {
        display: none;
    }

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

    .app-right {
        padding-left: 40px;
    }

    .search {
        width: 200px;
    }

    .nav {
        width: 95%;
    }

    .nav-container {
        gap: 24px;
    }

    .nav-right {
        gap: 24px;
    }

    .nav-item>a,
    .nav-item>div>a {
        white-space: nowrap;
    }

    .lang {
        display: flex;
        flex-wrap: nowrap;
    }

    .lang span {
        white-space: nowrap;
    }

    .nav-left img {
        width: 80%;
    }

    .pubTit {
        font-size: 42px;
        line-height: 54px;
    }

    .b1-info .pubTit {
        max-width: 760px;
    }

    .b1 .swiper-button-prev {
        left: 60px;
    }

    .b1 .swiper-button-next {
        right: 60px;
    }

    .b2-con {
        gap: 32px;
    }

    .pub-b1-tit {
        font-size: 42px;
        line-height: 54px;
    }

    .pro-tab {
        margin-top: 60px;
    }

    .pro-form form {
        gap: 32px 24px;
    }

    .form-item-tit {
        font-size: 22px;
        line-height: 32px;
        text-align: center;
        padding: 0 18px;
    }
}

@media (max-width: 1280px) {
    .ser2 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

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

    .ser3-controls {
        position: relative;
        left: 0;
        margin-top: 30px;
        bottom: 0px;
    }

    .ser2List {
        gap: 30px;
    }
}

@media (max-width: 1200px) {
    .f-top-item-form .CAPTCHABOX {
        gap: 8px;
    }

    .fi3 {
        max-width: 280px;
    }

    .footer {
        padding-top: 30px;
    }

    .footer-top {
        gap: 30px;
    }

    .f-top-item a {
        line-height: 30px;
    }

    .ab5-item .num {
        width: 60px;
        height: 60px;
    }

    .ab5-Item-img {
        margin-left: 20px;
        margin-right: 16px;
    }

    .ab2-left {
        padding: 0 20px;
    }

    .pubFooter-swiper-prev,
    .pubFooter-swiper-next {
        padding: 4px 12px;
    }

    .pubFooter-item-tit {
        font-size: 22px;
    }

    .app-right {
        padding-left: 20px;
    }

    .search {
        width: 160px;
    }

    .nav-right {
        gap: 10px;
    }

    .nav-container {
        gap: 10px;
    }

    .pubTit {
        font-size: 36px;
        line-height: 46px;
    }


    .btn {
        font-size: 18px;
        line-height: 28px;
        padding: 8px 20px;
    }

    .b1-info2 {
        font-size: 18px;
        line-height: 28px;
    }

    .b1 .swiper-button-prev {
        left: 24px;
    }

    .b1 .swiper-button-next {
        right: 24px;
    }

    .b2-con {
        gap: 24px;
    }

    .b2-item-r {
        gap: 40px;
    }

    .pub-b1-tit {
        font-size: 36px;
        line-height: 46px;
    }

    .pub-b1-breadcrumb,
    .pub-b1-breadcrumb a {
        font-size: 14px;
        line-height: 24px;
    }

    .pro-tab {
        margin-top: 50px;
        gap: 14px 14px;
    }

    .pro-tab-item {
        padding: 8px 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .pro-form form {
        grid-template-columns: repeat(3, 1fr);
        gap: 26px 18px;
    }

    .form-item-tit {
        font-size: 20px;
        line-height: 30px;
        padding: 0 14px;
    }

    .mediaBox {
        gap: 5px;
    }

    .f-top-item-form button {
        padding: 0 20px;
    }

    .b2-item-l {
        width: 60%;
    }
}


@media (max-width: 992px) {


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

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

    .contact_item:hover {
        border-radius: 0%;
    }

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

    .wechatItem:hover .wechatBox {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(-130%);
    }

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

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


    .f-top-item-form .CAPTCHABOX {
        width: 100%;
    }

    .f-top-item-form button {
        flex: 1;
    }

    .f-top-item-form .ipt2 {
        flex: 1;
    }

    .descCon {
        margin-top: 30px;
    }

    .desc-con {
        padding: 20px 0;
    }

    .desc-con p {
        margin-bottom: 20px;
    }

    .prev-l,
    .next-l {
        padding: 8px 10px;
    }

    .prev-r .prev-name,
    .next-r .next-name {
        font-size: 14px;
    }

    .descTit {
        font-size: 24px;
        line-height: 36px;
    }

    .desc-msg {
        flex-direction: column;
        gap: 10px;
        padding-bottom: 20px;
    }

    .desc-page {
        margin: 30px 0;
    }

    .concact_left_tit {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 30px;
    }

    .concact_right_tit {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 30px;
    }

    .c_concacts {
        flex-direction: column;
    }

    .c_concact_left {
        width: 100%;
    }

    .c_concact_right {
        width: 100%;
    }

    .ab-7 .ab7-msg {
        font-size: 14px;
    }


    .ab6-left {
        width: 100%;
    }

    .ab6-right {
        width: 100%;
    }

    .ab6-left3 {
        margin-top: 30px;
        justify-content: center;
    }

    .ab6-swiper-prev,
    .ab6-swiper-next {
        border: 1px solid var(--main-color);
    }

    .ab6-swiper-prev i,
    .ab6-swiper-next i {
        color: var(--main-color);
    }

    .ab-5 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .ab5-Item-img {
        margin-left: 40px;
        margin-right: 34px;
    }

    .ab6-con {
        flex-direction: column;
        gap: 30px;
    }

    .ab2-con-item {
        flex-direction: column-reverse;
    }

    .ab2-right {
        width: 100%;
    }

    .ab2-right img {
        width: 100%;
    }

    .ab2-left {
        padding: 20px;
    }

    .ser1 {
        padding-top: 30px;
    }

    .ser1List {
        margin-top: 30px;
    }

    .ser3-item {
        flex-direction: column;
        gap: 30px;
    }

    .ser3-left {
        width: 100%;
    }

    .ser3-right {
        margin-top: 0;
    }

    .ser3-right2 {
        margin-top: 10px;
    }

    .ser3-con {
        margin-top: 10px;
    }

    .ser2List {
        flex-direction: column;
        gap: 30px;
    }

    .ser2-left {
        gap: 30px;
    }

    .ser2-right {
        gap: 30px;
    }

    .ser1-Item {
        padding: 30px;
    }

    .ser1-Item .ser1-tit {
        position: relative;
        top: 0px;
        max-width: unset;
        left: 0;
        transform: translate(0, 0);
        margin: 0 auto;
        margin-bottom: 20px;
        width: 100%;
    }

    .ser1-Item .ser1-tit {
        padding: 10px 12px;
    }

    .app-right3 {
        margin-top: 0;
    }

    .app-right2 {
        margin-top: 0;
    }

    .app-right1 {
        font-size: 20px;
    }

    .app-right2 {
        line-height: 24px;
    }

    .app-right {
        gap: 10px;
    }

    .goods {
        flex-direction: column;
        gap: 28px;
        margin-top: 32px;
        width: 94%;
    }

    .goods_left {
        width: 100%;
    }

    .goods_right_share {
        padding-top: 0;
    }

    .goodsBox {
        padding: 30px 0 53px;
        margin-bottom: 0;
    }

    .goods_right_btnList .btn {
        width: 45%;
        text-align: center;
    }

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

    .faqItem {
        padding: 10px;
    }

    .faqItem_left {
        font-size: 28px;
        margin-right: 20px;
    }

    .faqItem:last-child {
        margin-bottom: 30px;
    }

    .faqActive .faqItem_right2 {
        padding-bottom: 20px;
    }

    .safe {
        width: 90%;
    }

    .mt100 {
        margin-top: 60px;
    }

    .mt90 {
        margin-top: 50px;
    }

    .pubTit {
        font-size: 32px;
        line-height: 40px;
    }

    .fi3 {
        max-width: unset;
    }

    .btn {
        font-size: 16px;
        line-height: 24px;
        padding: 8px 18px;
    }

    .b1-info {
        left: 5%;
        right: 5%;
        top: 55%;
        align-items: flex-start;
    }

    .b1-info .pubTit {
        max-width: none;
        text-align: left;
    }

    .b1-info2 {
        max-width: none;
        text-align: left;
        font-size: 16px;
        line-height: 24px;
        margin-top: 14px;
        margin-bottom: 18px;
    }

    .b1 .swiper-button-prev,
    .b1 .swiper-button-next {
        width: 44px;
        height: 44px;
    }

    .b1 .swiper-button-prev {
        left: 12px;
    }

    .b1 .swiper-button-next {
        right: 12px;
    }

    .b2-con {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 30px;
        padding-bottom: 60px;
    }

    .b2-item-r {
        gap: 24px;
        padding: 18px 20px;
    }

    .b3 {
        background-size: cover;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .b3 .flex-sb {
        flex-direction: column;
        gap: 30px;
        align-items: stretch;
    }

    .b3-r {
        width: 100%;
    }

    .b3-msg {
        max-width: none;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .numList {
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 30px;
        justify-content: space-between;
    }

    .numItem {
        flex: 0 0 calc(50% - 10px);
    }

    .numItemNum {
        font-size: 32px;
        line-height: 40px;
    }

    .b4 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .b4-con {
        margin-top: 30px;
    }

    .b4-swiper {
        padding: 0 16px;
    }

    .b4-slide-info {
        left: 20px;
        right: 20px;
        bottom: 18px;
    }

    .b4-it-l {
        font-size: 18px;
        line-height: 26px;
    }

    .b4-info-msg {
        font-size: 14px;
        line-height: 22px;
        -webkit-line-clamp: 2;
    }

    .b5 {
        padding: 70px 0;
        background-size: cover;
    }

    .b5 .safe {
        justify-content: center;
    }

    .b5-info {
        width: 100%;
        text-align: center;
    }

    .b5-i-msg {
        font-size: 16px;
        line-height: 24px;
    }

    .b6 {
        padding: 60px 0;
    }

    .b6-con {
        margin-top: 30px;
    }

    .b6-btn {
        margin-top: 30px;
    }

    .pub-b1-tit {
        font-size: 28px;
        line-height: 36px;
        left: 5%;
    }

    .pub-b1-breadcrumb {
        left: 5%;
        bottom: 16px;
    }

    .pub-b1-breadcrumb,
    .pub-b1-breadcrumb a {
        font-size: 14px;
        line-height: 22px;
    }

    .pro-tab {
        margin-top: 36px;
        gap: 10px 10px;
    }

    .pro-tab-item {
        padding: 8px 16px;
        font-size: 14px;
        line-height: 22px;
    }

    .pro-b2 {
        margin-top: 36px;
    }

    .pro-form {
        margin-top: 30px;
        padding-bottom: 60px;
    }

    .pro-form form {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 16px;
    }

    .form-item-tit {
        font-size: 18px;
        line-height: 26px;
        padding: 0 12px;
    }

    .page {
        margin-top: 40px;
        flex-wrap: wrap;
        gap: 10px;
    }

    .addBtn {
        width: 100%;
        margin-left: 0;
        justify-content: center;
        margin-top: 12px;
    }

    .search {
        display: none;
    }

    .nav-right .search {
        display: block;
    }

    .nav {
        position: relative;
        z-index: 100;
        width: 100%;
        padding: 10px 20px;
    }

    .nav-left {
        position: relative;
        z-index: 101;
    }

    .nav-container {
        position: relative;
        display: flex;
        align-items: center;
    }



    .nav-hamburger {
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
        width: 24px;
        height: 20px;
        cursor: pointer;
        position: relative;
        z-index: 99;
        background: transparent;
    }

    .nav-hamburger span {
        display: block;
        width: 100%;
        height: 2px;
        background: #fff;
        transition: all 0.3s;
    }

    .head.is-scrolled .nav-hamburger span {
        background-color: #333;
    }

    .nav-hamburger.active span:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6px);
    }

    .nav-hamburger.active span:nth-child(2) {
        opacity: 0;
        transform: scale(0);
    }

    .nav-hamburger.active span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -6px);
    }

    .nav-right {
        position: fixed;
        top: 0;
        right: -280px;
        width: 280px;
        height: 100vh;
        background: #fff;
        flex-direction: column;
        gap: 0;
        padding: 56px 0 20px;
        max-height: 100vh;
        overflow-y: auto;
        transition: right 0.3s ease;
        z-index: 100;
        display: flex;
    }

    .nav-close {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 8px;
        right: 8px;
        border: none;
        background: transparent;
        color: #333;
        font-size: 28px;
        line-height: 1;
        cursor: pointer;
        z-index: 1;
    }

    .nav-right.active {
        z-index: 99999;
        right: 0;
    }

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

    .nav-overlay.active {
        display: block;
    }

    .nav-item {
        width: 100%;
        height: auto;
        flex-direction: column;
    }

    .nav-item>a {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        color: #333;
    }

    .nav-lv2-item {
        flex-direction: column;
    }

    .nav-lv3 {
        flex-direction: column;

    }

    .nav-item>div {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        cursor: pointer;
    }

    .nav-item>div .icon-right1 {
        display: inline-block;
        transition: transform 0.3s;
        color: #999;
    }

    .nav-container {
        gap: 20px;
    }

    .nav-item2 .active>div .icon-right1 {
        transform: rotate(90deg);
        color: var(--sub-color);
    }

    .nav-item>div a {
        color: #333;
    }

    .nav-lv2 {
        position: static;
        display: none;
        box-shadow: none;
        background: rgba(0, 0, 0, 0.03);
    }

    .nav-item:hover>.nav-lv2 {
        display: none;
    }

    .nav-item.active>.nav-lv2 {
        display: block;
    }

    .nav-lv2-item>div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #333;
        cursor: pointer;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }

    .nav-lv2-item>a {
        display: block;
        color: #333;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }

    .nav-lv2-item>a:hover {
        background: rgba(0, 0, 0, 0.05);
        color: var(--sub-color);
    }

    .nav-lv2-item>div:hover {
        background: rgba(0, 0, 0, 0.05);
        color: var(--sub-color);
    }

    .nav-lv2-item>div .icon-right1 {
        display: inline-block;
        transition: transform 0.3s;
        transform-origin: 50% 50%;
        color: #999;
    }

    .nav-lv2-item.active>div .icon-right1 {
        transform: rotate(90deg) !important;
        color: var(--sub-color);
    }

    .nav-lv2-item.active>div .iconfont.icon-right1 {
        transform: rotate(90deg) !important;
        color: var(--sub-color);
    }

    .nav-lv2-item>div a {
        color: #333;
        flex: 1;
        padding-left: 0;
    }

    .nav-lv3 {
        position: static;
        display: none;
        box-shadow: none;
        background: rgba(0, 0, 0, 0.05);
        left: 0;
    }

    .nav-lv2-item>.nav-lv3 {
        display: none !important;
    }

    .nav-lv2-item.has-sub>div:hover+.nav-lv3,
    .nav-lv2-item.has-sub>.nav-lv3:hover {
        display: none;
    }

    .nav-lv2-item.active>.nav-lv3 {
        display: block !important;
    }

    .nav-lv3-item a {
        display: block;
        padding: 12px 20px 12px 44px;
        color: #333;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }

    .nav-lv3-item a:hover {
        background: rgba(0, 0, 0, 0.06);
        color: var(--sub-color);
    }

    .lang {
        position: relative;
        z-index: 99;
        margin-left: auto;
        padding: 0;
        border: none;
    }

    .lang-popup {
        position: static;
        box-shadow: none;
        background: rgba(255, 255, 255, 0.1);
        width: auto;
        min-width: 100px;
    }

    .lang:hover .lang-popup {
        display: none;
    }

    .lang.active .lang-popup {
        display: block;
    }

    .lang-popup-item a {
        color: #fff;
    }

    .lang-popup-item a:hover {
        background: rgba(255, 255, 255, 0.15);
        color: #c5a47e;
    }

    .search {
        position: relative;
        z-index: 101;
        margin-left: 15px;
        width: auto;
        height: auto;
        padding: 0;
        background: transparent;
    }

    .nav-right .search {
        display: flex;
        width: calc(100% - 40px);
        margin: 20px 20px 16px;
        height: 44px;
        padding: 10px 16px;
        border-radius: 999px;
        background: rgba(0, 0, 0, 0.04);
    }

    .nav-right .search form {
        width: 100%;
    }

    .nav-right .search form input {
        width: 100%;
        color: #333;
    }

    .search form {
        width: auto;
    }

    .search form input {
        width: 100px;
    }

    .search form .iconfont {
        font-size: 16px;
        color: #333;
    }

    /* Footer mobile */
    .footer-top {
        flex-direction: column;
        gap: 10px;
    }

    .footer-top>.f-top-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 0px;
    }

    .f-top-item-tit {
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .footer {
        padding-top: 20px;
    }

    .f-top-item-tit i {
        display: block;
        transition: transform 0.3s;
    }

    .footer-top>.f-top-item.active .f-top-item-tit i {
        transform: rotate(180deg);
    }

    .footer-top>.f-top-item>div:not(.f-top-item-tit) {
        display: none;
    }

    .footer-top>.f-top-item.active>div:not(.f-top-item-tit) {
        display: block;
    }

    .f-top-item-form {
        display: none;
    }

    .mediaBox {
        display: flex !important;
        justify-content: center;
    }

    .footer-bottom {
        font-size: 12px;
        padding: 20px 10px;
        text-align: center;
    }

    .goods_right_tit {
        font-size: 24px;
        line-height: 32px;
    }

    .pubTit2 {
        font-size: 24px;
    }

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

    .ab-7 {
        min-height: 400px;
        height: 100%;
        position: relative;
    }

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

    .b4-swiper .swiper-slide {
        width: 60%;
    }
}

@media (max-width: 768px) {


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

    .desc-page {
        flex-direction: column;
    }

    .prev,
    .next {
        width: 100%;
        flex: unset;
    }

    .next {
        flex-direction: row;
    }

    .next-r {
        text-align: left;
    }


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

    .ab-7 .ab7-msg {
        line-height: 20px;
    }

    .ab-7 {
        height: 400px;
    }

    .ab-7 img {
        height: 100%;
        object-fit: cover;
    }

    .ser1List {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .ser1-Item {
        min-height: unset;
    }

    .app-item {
        flex-direction: column;
    }

    .app-item:nth-child(2) {
        flex-direction: column;
    }

    .app-left {
        width: 100%;
    }

    .app-right {
        width: 100%;
        padding: 16px;
    }

    .goods_left {
        gap: 12px;
    }

    .pubTit {
        font-size: 28px;
        line-height: 36px;
    }

    .b2-item {
        flex-direction: column;
    }

    .b2-item-l {
        width: 100%;
    }

    .b2-item-r {
        gap: 16px;
        padding: 16px;
        align-items: flex-start;
    }

    .b2-item-r1 {
        font-size: 18px;
        line-height: 28px;
    }

    .b2-item-r2 {
        font-size: 16px;
        line-height: 24px;
    }

    .numItem {
        flex: 0 0 45%;
    }

    .b4-con {
        width: 100%;
    }

    .b4-swiper {
        padding: 0;
    }

    .pub-b1-tit {
        font-size: 24px;
        line-height: 32px;
    }

    .pub-b1-breadcrumb,
    .pub-b1-breadcrumb a {
        font-size: 12px;
        line-height: 20px;
    }

    .pro-tab {
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 10px;
        margin-top: 28px;
        padding-bottom: 10px;
    }

    .pro-tab-item {
        white-space: nowrap;
        flex: 0 0 auto;
    }


}

@media (max-width: 750px) {
    .b1-info {
        display: none;
    }

    .b1 {
        height: 300px;
        padding-bottom: 0;
    }

    .b1-swiper {
        height: 100%;
    }
}

@media (max-width: 576px) {

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


.c_ipt1 {
    width: 100%;
}

.c_ipt3 {
    width: 100%;
}

.c_concact_right {
    padding: 30px;
}

.c_concacts {
    margin-top: 30px;
}

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

.goods_right_btnList {
    flex-direction: column;
}

.goods_right_btnList .btn {
    width: 100%;
}

.ab-7 .ab7-con {}

.pubTit {
    font-size: 20px;
    line-height: 26px;
}

.ab5-item {
    flex-direction: column;
}

.ab5-Item-img {
    margin: 20px auto;
}

.ser2-left::after {
    display: none;
}

.ser2-right::after {
    display: none;
}

.ser2-item1 {
    margin: 10px 0;
}

/* .pro-form form {
    grid-template-columns: 1fr;
    gap: 18px;
} */

.ser2-item {
    padding-left: 0;
}

.ser-Num {
    position: relative;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
}

.pubTit {
    font-size: 22px;
    line-height: 30px;
}

.b1-info {
    top: 60%;
}

.b1-info2 {
    font-size: 14px;
    line-height: 22px;
}

.b4-slide-info {
    left: 14px;
    right: 14px;
    bottom: 14px;
}

.b5 {
    padding: 50px 0;
}

.b6-con {
    margin-top: 20px;
}

.pub-b1-tit {
    font-size: 20px;
    line-height: 28px;
}

.pro2-sub {
    font-size: 14px;
    line-height: 22px;
}

.page a {
    width: 34px;
    height: 34px;
    font-size: 14px;
    line-height: 22px;
}

.page .pre,
.page .nex {
    padding: 6px 14px;
}

@media (min-width: 993px) {
    .b4-swiper .swiper-slide {
        width: 680px;
    }

    .nav-item>.nav-lv2 {
        display: none;
        top: 100%;
    }

    .nav-item:hover>.nav-lv2 {
        display: block;
    }

    .nav-lv2-item>.nav-lv3 {
        display: none;
        left: 100%;
    }
}

@media (max-width: 450px) {
    .blogList {
        grid-template-columns: repeat(1, 1fr);
    }
}

.page {
    grid-column: 1 / span 4;
}
@media (max-width: 1200px) {
	.page {
	    grid-column: 1 / span 3;
	}
}

@media (max-width: 992px) {
	.page {
	    grid-column: 1 / span 2;
	}
}