/*通用样式*/
:root{
    --public-color:#b5101d;
    --public-color-1:#e60012;
    --max:1430px;
}
body{color:#333;font-size:16px;line-height:24px;font-family:'Poppins','Outfit',Arial,Helvetica,sans-serif;letter-spacing: -.6px;}
a{color:#333;display:inline-block;}
a:hover{color:var(--public-color) !important}
.swiper-pagination-bullet-active{background:var(--public-color)}
.page-item.active .page-link {color: #fff;background-color: var(--public-color);border-color: var(--public-color);}
body,div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
ul,ol,li,dl,dd,dt{list-style-type:none}
.img-width{width:100%;height:auto}
.img-height{height:100%;width:auto}
.img-fluid {max-width: 100%;height: auto;}
.card-thumb img{transition:all .4s ease}
.card-thumb:hover img{transform:scale(1.1)}
.container-xl{max-width:var(--max)}
.container-xl.m-right{margin:0 0 0 auto;padding:0}
@media(max-width:768px){
    body{font-size:14px;line-height:20px;padding-top:50px;}
    .container-xl.m-right{margin:0 auto;padding:0 15px}
}

/* 自己写的 */
.header{
    position:sticky;
    top:0;
    width:100%;
    z-index:99;
    background-color:#ffffff;
    box-shadow:0 0 0 rgba(0,0,0,0);
    transition:
        box-shadow .45s cubic-bezier(.4,0,.2,1),
        background-color .4s ease,
        backdrop-filter .4s ease,
        -webkit-backdrop-filter .4s ease;
}
.header.scrolled{
    background-color:rgba(255,255,255,.97);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    box-shadow:0 4px 24px rgba(0,0,0,.08), 0 1px 0 rgba(0,0,0,.04);
}
.header .row-nav{display: flex;align-items: center;}
.header .header-nav{display: flex;align-items: center;justify-content: space-between;gap: 15px;}
.header-top .row-nav{display: flex;align-items: center;justify-content: flex-end;width: auto;position: inherit;}
.header-top .navbar-custom{position: inherit;}

.header-top{display: flex;align-items: center;gap: 25px;margin-left: 20px;}
.header-top .all_btn{font-weight: 600;min-width: 130px;height: 42px;font-size: 16px;line-height: 24px;padding: 0 20px;}
.header-top .top-search-box{margin: 0 10px 0 0;}

/*默认导航样式*/
.navbar{padding:0px;position:relative;z-index:9999}
.navbar-custom{top:0;z-index:2;justify-content:end}
.navbar-custom .navbar-nav > .nav-item{font-size:16px;margin:0 12px}
.navbar-custom .navbar-nav .active > .nav-link{color: var(--public-color);}
.navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#333333;padding:0 5px;height:90px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;line-height:24px;text-transform: capitalize;}
.navbar-custom .navbar-nav .nav-link:before{content:"";width:0px;height:6px;margin-left:0!important;background:var(--public-color);position:absolute;bottom:0px}
.navbar-custom .navbar-nav .nav-item:hover .nav-link:before{width:100%;transition:all 0}
.navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{transition:.6s ease-in-out;color: var(--public-color);font-weight: bold;margin-left: 5px;}
.navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotate(180deg);}
.navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color) !important;transition:.6s ease-in-out}
.navbar-custom .navbar-nav .nav-link.disabled{color:rgba(0,0,0,0.3)}

.header-nav .top-lang::before{content: "";width: 1px;height: 15px;background-color: #bcbcbc;position: absolute;left: 0;top: 6px;}
.header-nav .top-lang{position: relative;display: flex;align-items: center;padding-left: 15px;}
.dropdown.lang .dropdown-toggle{background-color: transparent;padding: 0;}

@media(max-width:1470px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 18px;}
    .navbar-custom .navbar-nav .nav-item {margin: 0 15px;}
}
@media(max-width:1380px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 16px;}
    .navbar-custom .navbar-nav .nav-item {margin: 0 5px;}
    .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after {padding: 0 5px;}
}
@media(max-width:1270px) {
    .top-search-box{margin-right: -3px !important;}
    .navbar-custom .navbar-nav .nav-link {height: 80px;}
}
@media(max-width:1200px) {
    .navbar-custom .navbar-nav .nav-item{margin: 0;}
    .header-top .all_btn{padding: 0 15px;}
}

/*移动端头部样式*/
@media(max-width:768px){
    body{padding-top:50px;font-size:14px;line-height:20px;letter-spacing: -.3px !important;}
    .header-mb{background:#fff;position:fixed;top:0;left:0;width:100%;border-bottom:1px solid var(--public-color);z-index:999}
    .header-mb .container-xl{height:50px;display: flex;align-items: center;justify-content:space-between;z-index: 99;}
    .header-mb .top-logo{width:50%}
    .header-mb .top-logo img{height:30px;width:auto;}
    .header-mb .top-mb{display:flex;align-items:center;width:50%;justify-content:flex-end}
    .header-mb .top-mb>*{padding:.5rem .75rem;}
    .header-mb .top-mb>.top-mb-search{width: 40px;}
    .header-mb .top-mb .icon-whatsapp{font-size:20px}
    .header-mb .top-mb .dropdown.lang .dropdown-toggle{background:transparent;padding:0}
    .header-mb .top-mb .dropdown-menu{min-width:80px;margin-top:8px}
    .header-mb .top-mb .top-mb-search i{font-size:16px;color:#000}
    .header-mb .top-mb .icon-bars{color:#000}
    .header-mb .top-mb .dropdown.lang .dropdown-toggle{color:#fff}
    .top-mb-search-box{display:none;position:fixed;background:#fff;top:50px;padding:6px 15px 10px;box-shadow:2px 2px 4px rgba(0,0,0,0.2);z-index:998;width:100%}
    .top-mb-search-box .search-group{width:100%;height:auto}
    .top-mb-feed i{font-size:16px;color:#000}
    .mobile-head-item .main-content-wrap{background:#fff;top:0;display:block;z-index:99999}
    .mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;height:100%;padding:15px 10px;background-color:#fff}
    .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap{overflow-y:hidden}
    .mobile-head-item .side-content-wrap{position:fixed;display:block;right:-78%;width:78%;height:100%}
    .mobile-head-item .middle-content-wrap{position:absolute;right:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden}
    .mobile-head-item .middle-show-content-wrap{top:30px;visibility:visible;opacity:1}
    .head_top .top_left{display:none}
    .head_nav{width:100%;padding:0 5px}
    .head_nav li{padding-left:28px;padding-top:4px;padding-bottom:4px}
    .head_nav li,.head_nav li a{color:#111}
    .head_nav li.has-child{padding-left:28px;margin-top:0;margin-bottom:0}
    .head_nav li.has-child>a{margin-top:3px;margin-bottom:3px;margin-right:35px}
    .head_nav li.has-child>ul{display:none}
    .head_nav li.siblings-no-menu{position:relative;padding-left:15px}
    .head_nav li a{display:block;height:auto;line-height:1.4em;position:relative}
    .head_nav li a:hover{color:inherit}
    .head_nav li em{display:block;height:1.4em;overflow:hidden}
    .head_nav li li{font-size:14px}
    .head_nav li li li{font-size:12px}
    .head_nav li li a{color:#666}
    .head_nav li.active > a,
    .head_nav li > a.active,
    .head_nav li li a.active,
    .head_nav li li li a.active{color:var(--public-color);font-weight:600}
    .head_nav li.has-child.active > ul.sub-menu,
    .head_nav li.has-child.is-open > ul.sub-menu{display:block}
    .head_nav li.has-child a b{display:inline-block;width:15px;height:15px;border:1px solid #111;border-radius:2px;overflow:hidden;line-height:15px;position:absolute;right:-35px;top:1px;-webkit-box-sizing:content-box;box-sizing:content-box}
    .head_nav li.has-child a b:before,.head_nav li.has-child a b:after{content:'';display:block;width:9px;height:1px;background-color:#111;position:absolute;left:3px;top:50%;margin-top:-.5px}
    .head_nav li.has-child a b:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
    .head_nav li.has-child a:hover b{border-color:var(--public-color)}
    .head_nav>li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #f2f2f2}
    .head_nav>li>a{font-size:16px;margin-bottom:-1px;position:relative;text-transform:capitalize;position:relative}
    .head_nav li,.head_nav li.has-child{padding-left:0}
    .head_nav li li,.head_nav li li.has-child{padding-left:15px}
    .head_nav li.is-open>a>b:after{display:none}
    .head_nav li.is-open>a>b{background-color:var(--public-color);border-color:var(--public-color)}
    .head_nav li.is-open>a>b:before,.head_nav li.is-open>a>b:after{background-color:#fff}
    .head_nav li.active.has-child>a>b{border-color:var(--public-color)}
    .mobile-ico-close{width:30px;height:30px;background-color:var(--public-color);position:absolute;left:-30px;top:0;cursor:pointer}
    .mobile-ico-close .icon{color:#fff;font-size:30px;padding:0 0 0 6px}
    .search-box .form-control{border-radius:20px}
    .search-box .btn{border:1px solid #ced4da;border-radius:0;color:#fff;}
    .search-box .btn.focus{border:1px solid rgb(128,189,255)}
    .search-box .icon{color:var(--public-color)}
    .main-mask{position:absolute;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:9;display:none}
}

.menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff;width: 100%;position: sticky;top: 50px;z-index: 2}
.menu-collapse ul li{padding-left: 0;}
.menu-collapse .collapse-title { padding: 0.875rem; background: var(--public-color); color: #fafafa; }
.menu-collapse .collapse-title h5 { font-size: 1.25rem; font-weight: 500; }
.menu-collapse .collapse-title .navbar-toggler { color: #fff; }
.menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 }
.menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; }
.menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: var(--public-color) }
.menu-collapse .menu-link:hover { background: #f8f9fa; }
.menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }

/* 子栏目切换导航 all-nav */
.all-nav{
    margin:55px 0 55px;
    position:sticky;
    top:90px;
    z-index:1;
    background:#ffffff;
}
.all-nav .container-xl{
    padding-left:15px;
    padding-right:15px;
}
.all-nav-toggle:focus-visible{outline:2px solid rgba(181,16,29,.35);outline-offset:2px}
.all-nav-toggle{
    display:none;
    width:100%;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 16px;
    border:0;
    background:var(--public-color);
    color:#ffffff;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
}
.all-nav-toggle-text{
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.all-nav-toggle::after{
    content:'';
    width:10px;
    height:10px;
    border-right:2px solid #ffffff;
    border-bottom:2px solid #ffffff;
    transform:rotate(45deg) translateY(-2px);
    transition:transform .3s ease;
    flex-shrink:0;
}
.all-nav.is-open .all-nav-toggle::after{
    transform:rotate(-135deg) translateY(2px);
}
.all-nav .nav{
    display:flex;
    flex-wrap:nowrap;
    gap:40px;
}
.all-nav .nav a{
    min-width:280px;
    height:60px;
    padding:0 20px;
    background:#ffffff;
    font-size:18px;
    line-height:26px;
    font-weight:500;
    color:#333333;
    border:2px solid var(--public-color);
    transition:background .3s ease,color .3s ease,justify-content .3s ease;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    white-space:nowrap;
}
.all-nav .nav a:hover,
.all-nav .nav a.active{
    background:var(--public-color);
    color:#ffffff !important;
    justify-content:center;
}
@media(max-width:1430px){
    .all-nav .nav a{height: 55px;}
}
@media(max-width:1340px){
    .all-nav .nav a{height: 50px;}
}
@media(max-width:1270px){
    .all-nav{top: 80px;}
}
@media(max-width:991px){
    .all-nav{top: 68px;}
}
@media(min-width:441px) and (max-width:768px){
    .all-nav{margin:40px 0 60px;top: 50px;}
    .all-nav .nav{gap:16px}
    .all-nav .nav a{
        min-width:0;
        height:52px;
        padding:0 12px;
        font-size:16px;
        line-height:24px;
    }
    .all-nav .nav:not(:has(a:nth-child(4))) a{
        flex:1;
        white-space:normal;
    }
}
@media(max-width:440px){
    .all-nav{
        margin:24px 0 32px;
        position:sticky;
        top:50px;
        background:transparent;
        border:0;
        border-radius:0;
        box-shadow:none;
        overflow:visible;
    }
    .all-nav .container-xl{
        padding-left:15px;
        padding-right:15px;
    }
    .all-nav-toggle{
        display:flex;
        min-height:48px;
        padding:13px 16px;
        border:1px solid #e8e8e8;
        border-radius:8px;
        background:#ffffff;
        color:var(--public-color);
        font-size:15px;
        font-weight:600;
        box-shadow:0 2px 12px rgba(0,0,0,.06);
        transition:border-color .25s ease,box-shadow .25s ease,border-radius .25s ease;
    }
    .all-nav-toggle:focus-visible{
        outline:2px solid rgba(181,16,29,.35);
        outline-offset:2px;
    }
    .all-nav-toggle::after{
        border-color:var(--public-color);
        opacity:.85;
    }
    .all-nav.is-open .all-nav-toggle{
        border-color:rgba(181,16,29,.25);
        border-bottom-color:#f0f0f0;
        border-radius:8px 8px 0 0;
        box-shadow:0 4px 16px rgba(0,0,0,.08);
    }
    .all-nav:not(.is-open) .all-nav-toggle{border-radius:8px}
    .all-nav .nav{
        display:none;
        flex-direction:column;
        gap:0;
        margin-top:-1px;
        padding:6px 0;
        background:#ffffff;
        border:1px solid rgba(181,16,29,.25);
        border-top:0;
        border-radius:0 0 8px 8px;
        box-shadow:0 8px 20px rgba(0,0,0,.08);
    }
    .all-nav.is-open .nav{display:flex}
    .all-nav .nav a{
        min-width:0;
        height:auto;
        margin:0;
        padding:13px 16px 13px 20px;
        font-size:14px;
        line-height:20px;
        font-weight:500;
        color:#666666;
        background:transparent;
        border:0;
        border-radius:0;
        justify-content:flex-start !important;
        white-space:normal;
        position:relative;
    }
    .all-nav .nav a + a{
        border-top:1px solid #f3f3f3;
    }
    .all-nav .nav a::before{
        content:'';
        position:absolute;
        left:0;
        top:10px;
        bottom:10px;
        width:3px;
        border-radius:0 3px 3px 0;
        background:transparent;
        transition:background .25s ease;
    }
    .all-nav .nav a:hover{
        background:#fafafa;
        color:var(--public-color) !important;
    }
    .all-nav .nav a.active{
        background:rgba(181,16,29,.06);
        color:var(--public-color) !important;
        font-weight:600;
    }
    .all-nav .nav a.active::before{
        background:var(--public-color);
    }
}

/*cookies板式二*/
.google-cookies{position:fixed;z-index:999;bottom:20px;left:0;right:0;}
.google-cookies.off{display:none;}
.google-cookies .container-xl{max-width:1400px; }
.google-cookies .left{width:70%;}
.google-cookies .right{text-align:center;display: flex;align-items: center;}
.google-cookies .t1{font-size:20px;font-weight:bold;color:var(--public-color);margin-bottom:5px;}
.google-cookies .p1{font-size:14px;line-height:22px;margin-top: 0;}
.google-cookies .p1 a{font-weight:bold;text-decoration:underline; margin-right:10px;}
.google-cookies .cookies-btn{border:1px solid var(--public-color);color:var(--public-color);display:block;font-size:16px;padding:8px 25px;margin-left: 10px; background:#fff; transition: all 0.5s;border-radius:10px;cursor:pointer;}
.google-cookies .cookies-btn:hover{text-decoration:underline;}
.google-cookies .cookies-btn:first-child{background:var(--public-color);color:#fff;margin-left:0px;}
.google-box{position: relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:8px 0 15px rgba(0, 0, 0, 0.2);background:#fff;padding:30px 35px;border-radius:10px;}
.google-box .cookies-close{position: absolute;right: 10px;top:5px;font-size: 28px;cursor: pointer;}

@media(max-width:768px) {
  .google-cookies{padding:0;bottom:0;}
  .google-cookies .container-xl{padding:0px;}
  .google-cookies .left{width:100%;}
  .google-cookies .t1{font-size:16px;line-height:24px;}
  .google-cookies .p1{font-size:14px;line-height:16px;margin-bottom:10px;}
  .google-cookies .right{width:100%;text-align:left;}
  .google-cookies .cookies-btn{padding:5px 10px;border-radius:0;margin-top:10px;font-size:14px;display:inline-block;}
  .google-box{border-radius:0;padding:10px 15px;}
}

/* 浮窗 */
#float{position:fixed;right:12px;bottom:165px;z-index:55;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .3s ease-in-out;z-index: 10;}
#float .float-bar{width: auto;height: auto;display:flex;flex-direction:column;align-items:center;padding:10px 6px;border-radius:999px;background:rgba(70,70,70,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 20px rgba(0,0,0,.18);transition:transform .3s ease-in-out;}
#float .ico{display:flex;align-items:center;justify-content:center;width:46px;height:46px;text-align:center;position:relative;cursor:pointer;background:transparent;text-decoration:none;}
#float .ico>i{font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;color:#fff;background:transparent;border:0;}
#float .float-ico-svg{display:flex;align-items:center;justify-content:center;color:#fff;}
#float .float-ico-svg svg{display:block;fill:currentColor;}
#float .ico>.img{position:absolute;right:52px;width:140px;top:50%;transform:translateY(-50%);display:none;background-color:#fff;}
#float .ico>.img>img{width:100%}
#float .ico p{position:absolute;top:50%;transform:translateY(-50%);border-radius:4px;right:-350px;padding:0 18px;line-height:40px;font-size:15px;height:40px;margin:0;background:rgba(70,70,70,.92);color:#fff;transition:right .4s ease;z-index:0;white-space:nowrap;}
#float .ico:hover>.img{display:block}
#float .ico:hover p{right:52px}
#float .ico.ico-top,
#float .float-bar .ico#scroll-top{width:40px;height:40px;margin-top:4px;border-radius:50%;background:var(--public-color);}
#float .ico.ico-top>i,
#float .float-bar .ico#scroll-top>i{font-size:20px;line-height:1;}
#float .ico.ico-top:hover,
#float .float-bar .ico#scroll-top:hover{background:#c9000c;}
#float .scale-ico{width:32px;height:32px;border-radius:50%;background:rgba(70,70,70,.5);box-shadow:0 2px 10px rgba(0,0,0,.15);transition:background .3s ease-in-out,transform .3s ease-in-out;}
#float .scale-ico>i{font-size:16px;line-height:1;color:#fff;background:transparent;border:0;transition:transform .3s ease-in-out;}
#float .scale-ico:hover{background:rgba(70,70,70,.9);}
#float.hide .float-bar{transform:translateX(70px);opacity:0;pointer-events:none;z-index: -1;width: 0;height: 0;}
#float.hide .scale-ico i{transform:rotate(180deg);}
#float .ico#scroll-top{display:flex!important;}
@media (min-width:769px) and (max-width:991px){
    #float{right:8px;bottom:120px;}
    #float .float-bar{padding:8px 5px;}
    #float .ico{width:40px;height:40px;}
    #float .ico>i{font-size:20px;}
    #float .float-ico-svg svg{width:20px;height:20px;}
    #float .ico p{line-height:36px;height:36px;padding:0 14px;font-size:14px;}
    #float .ico:hover p{right:46px;}
    #float .ico.ico-top,
    #float .float-bar .ico#scroll-top{width:36px;height:36px;}
    #float.hide .float-bar{transform:translateX(60px);}
}
@media(max-width:768px){
    body{padding-bottom:72px;}
    #float{
        right:0;
        left:0;
        bottom:0;
        flex-direction:row;
        align-items:center;
        justify-content:center;
        gap:10px;
        padding:10px 12px max(10px, env(safe-area-inset-bottom));
    }
    #float .float-bar{
        width: 100%;
        flex-direction:row;
        align-items:center;
        justify-content:center;
        padding:0px 12px;
        gap:20px;
        border-radius:999px;
    }
    #float .ico{width:44px;height:44px;flex-shrink:0;}
    #float .ico>i{font-size:20px;}
    #float .float-ico-svg svg{width:20px;height:20px;}
    #float .ico p{display:none;}
    #float .ico.ico-top,
    #float .float-bar .ico#scroll-top{width:35px;height:35px;margin-top:0;}
    #float .scale-ico{width:36px;height:36px;flex-shrink:0;display: none;}
    #float .ico.ico-top>i, #float .float-bar .ico#scroll-top>i {font-size: 16px;}
    #float.hide .float-bar{transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none;}
}

.content-wrapper { line-height: 1.7;  margin-bottom: 1.5rem; }
.content-wrapper h2 { font-size: 26px; font-weight: 600; margin-bottom: 15px;margin-top: 30px;}
.content-wrapper h3 { font-size: 24px; font-weight: 600; margin-bottom: 15px;margin-top: 30px;}
.content-wrapper h4 { font-size: 20px; font-weight: 600; margin-bottom: 15px;margin-top: 30px;}
.content-wrapper p{margin-bottom: 15px;}
.content-wrapper img { max-width: 100% !important; height: auto !important;margin-bottom: 15px;}
.content-wrapper video { max-width: 100% !important; height: auto !important; }
.content-wrapper ul{padding-left: 20px;margin-bottom: 15px;}
.content-wrapper ul li{list-style-type: initial;margin-bottom: 10px;}
.content-wrapper ol{padding-left: 20px;margin-bottom: 15px;}
.content-wrapper ol li{list-style-type: initial;margin-bottom: 10px;}
.content-wrapper iframe { max-width: 100%; }
.content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529;margin-bottom: 15px;}
.content-wrapper table p{margin-bottom: 0;}
.content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dee2e6; text-align: center; }
.content-wrapper table tbody tr:nth-of-type(even) { background-color: #edf2f7;}
.content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; }
.content-wrapper table p{ margin-bottom: 0;line-height: 32px;}
.content-wrapper tbody th{color:#2980c7}

/*#表格*/
.table-wrapper table thead th{text-align: center;color: #fff;padding:15px 0;vertical-align: middle;font-weight: 500;}
.table-wrapper table thead{background-color: #eff5fc;}
.table-wrapper table th{background-color: #eff5fc;color: #fff;padding: 20px 15px 20px 60px;font-weight: 400;font-size: 16px;text-align:left;}
.table-wrapper table td {padding: 8px 5px; vertical-align: middle; font-size: 16px;line-height: 28px;color: #333333;font-weight: 400;text-align:left;padding-left: 35px;border: solid 1px #cccccc;}
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;border: solid 1px #cccccc;}
.table-wrapper table *{width: 100%;}

.table-wrapper table tr:first-child{background-color: #eeeeee !important}
.table-wrapper table tr:first-child td{color: #666666;font-weight: 500;}
.table-wrapper table tr:nth-child(even){background-color: #fff;}
.table-wrapper table tr:nth-child(odd){background-color: #eef2f6;}
.table-wrapper table tr:hover{background-color: rgba(238,242,246,.6);}

@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-wrapper table td{font-size: 14px;line-height: 1.4;padding:8px 15px;}
}
@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 1500.98px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}


/*#弹出框*/
.reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8)}
.reveal-modal{visibility:hidden;top:150px;left:50%;margin-left:-25%;width:50%;position:absolute;z-index:1001;padding:35px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF}
.reveal-modal .title{font-size:30px;text-align:center;margin-bottom:25px}
.reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;z-index:2}
.reveal-modal .close-reveal-modal:hover{color:var(--public-color)}
@media(max-width:768px){
	.reveal-modal{visibility:hidden;position:fixed;top:50% !important;left:50%;margin-left:0;width:90%;max-width:640px;max-height:calc(100vh - 40px);overflow-y:auto;transform:translate(-50%,-50%);z-index:1001;padding:25px 15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF;-webkit-overflow-scrolling:touch}
	.reveal-modal .title{font-size:20px;text-align:center;margin-bottom:10px}
}

#mb-feedback{padding: 35px 35px 20px}
@media(max-width:768px){
    #mb-feedback{padding: 25px 15px 20px;}
}


/*#留言表单*/
.form-row.form-btn-box{position: relative;}
.form-row .btn-box{position: static;padding:0 10px !important;}
.form-row .pos-btn{/*position: absolute;top:100%;left:0;*/padding:5px 10px;width: 100%;font-size: 14px;line-height: 24px;font-weight: 400;}


.form-group .form-control::placeholder{font-size:16px;line-height:32px;color:#333333;opacity:1}
.form-group .form-control{padding:15px 20px 12px;border:none;border-radius:0px;background-color:#ffffff;border:solid 1px #cccccc}
.form-group .form-control:focus{border-color: var(--public-color-o);box-shadow: inset 0 0 0 1px var(--public-color-o);}
.form-group textarea.form-control{padding-top:10px}
.form-row{margin:0 -10px 15px !important}
.form-group{position:relative;padding:0 10px !important;margin-bottom: 0;}
.form-row.form-btn-box{gap: 20px;}
.form-row .all_btn{display:flex;justify-content:center;align-items:center;width:auto;font-size:20px;font-weight:500;letter-spacing:0;min-width: 255px;border-radius: 0;}
.form-cap .input-group{border:solid 1px #cccccc;border-radius: 0px;overflow: hidden;}
.form-cap .form-group .form-control{border:none}
.form-cap .input-group-append{max-width:115px;background-color:#f3fbfe;margin:5px;border:solid 1px #cccccc}
.input-group-append img{width:100%;height:auto;background-color:#f3fbfe;mix-blend-mode:darken}
.input-group-img{padding:0 !important}
.input-group-text{border:none}

@media(max-width:1340px){
    .form-cap .input-group-append{width: 100px;}
}
@media(max-width:768px){
    .form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px}
    .form-feedback .btn{padding-top:10px;padding-bottom:10px}
}
@media(max-width:430px){
    .form-feedback .form-control{padding:7px 15px 7px 10px;}
}

.popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#24b66f 0%,#88ca4e 70%);color:#fff;border-radius:10px;padding:15px 25px;display:none;cursor:pointer;box-shadow:0 0 10px -2px #000;opacity:0;transition:.6s all}
.was-validated .form-control:invalid,.form-control.is-invalid{border-color:#f5543f;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}

/*#搜索*/
/* .search-group{width:200px;height:40px;overflow:hidden;border-radius:5px;}
.search-group .form-control{border:none;border-radius:0px;background:transparent;color:#5c5352;height:40px;line-height:40px;}
.search-group .form-control::-webkit-input-placeholder{color:#5c5352}
.search-group .btn{background-color:var(--public-color-1);border-radius:0px;height:40px;width:40px;display:flex;justify-content:center;align-items:center;padding:6px 15px;margin-bottom:0}
.search-group i{color:#fff;font-size:1rem}
.top-search-box li .top-search {border-radius:10px;box-shadow: 0px 7px 27px 0px rgba(0, 0, 0, 0.1);}
.top-search-box{cursor:pointer;z-index: 10;border-radius:5px;margin-right: 10px;margin-left: 5px;width: 30px;height: auto;display: flex;justify-content: center;position: relative;}
.top-search-box .search-tb i{color: #333333;font-size: 18px;font-weight: 400;line-height: 28px;}
.top-search-box i.icon-1{color: #ffffff;}
.top-search-box li .top-search{opacity: 1; height: auto;overflow: hidden;width: auto;padding:0}
.top-search-box .top-search{opacity: 1;transition: all 0.8s;position: absolute;right: -7px;top: 30px;z-index: 99;padding:0;background-color: #fff;display: block;animation: fadeIn 0.5s ease-in-out;} 
.top-search-box .top-search.show {opacity: 0;overflow: hidden;transition: all 0.9s;display: none;} */

.contact-search{display: flex;align-items: center;gap: 15px;padding-left: 0px;margin-left: 5px;}
.contact-search .top-search-box{margin: 0;}
.contact-search .dropdown.lang .dropdown-toggle{background-color: transparent;padding:0;border-radius: 0;}

.header-search-box{position:relative}
.header-search-box .search-svg{display:flex;align-items:center;justify-content:center;padding:4px;cursor:pointer;transition:opacity .3s ease}
.header-search-box .search-svg:hover{opacity:.8}
.header-search-box .search-svg svg{width:20px;height:20px;color: #666666;}
.header-search-box .input-group.search-group{position:absolute;top:100%;right:0;margin-top:10px;display:flex;align-items:center;width:260px;height:40px;background:#ffffff;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:100}
.header-search-box.active .input-group.search-group{opacity:1;visibility:visible;transform:translateY(0)}
.header-search-box .header-search-input{flex:1;min-width:0;height:100%;padding:0 14px;font-size:14px;color:#333;background:transparent;border:0;border-radius: 5px;}
.header-search-box .header-search-input::placeholder{color:#999}
.header-search-box .header-search-btn{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--public-color);color:#fff;cursor:pointer;transition:background .3s;border:0}
.header-search-box .header-search-btn:hover{background:#333333}
.header-search-box .header-search-btn svg{flex-shrink:0}
@media(max-width:1330px){
    .header-search-box .search-svg svg{color: #333333;}
}

.header-lang{display:flex;align-items:center;justify-content:center;padding:4px;cursor:pointer;transition:opacity .3s ease;position:relative;}
.header-lang .lang-svg{width:24px;height:24px;background:url(../../images/lang.gif) no-repeat center center;background-size:100% 100%;border-radius: 100%;background-color: #000000;filter: grayscale(1);}
.header-lang .lang-link{position:absolute;top:100%;right:0;margin-top:10px;min-width:140px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:100;}
.header-lang.active .lang-link{opacity:1;visibility:visible;transform:translateY(0);}
.header-lang .lang-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;color:#333;text-decoration:none;transition:background .2s;}
.header-lang .lang-item:hover{background:#f5f5f5;color:var(--public-color);}
.header-lang .lang-item img{width:20px;height:14px;object-fit:cover;flex-shrink:0;}


/*#展会信息*/
.zhbg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5);z-index:9999;display:none;align-items:center;justify-content:center}
.zhbg .box{max-width:1000px;background:#fff;box-shadow:10px 10px 20px rgba(0,0,0,0.7);position:relative}
.zhbg .box .cloes{position:absolute;right:-15px;top:-15px;width:30px;height:30px;border:2px solid #fff;border-radius:50%;z-index:99999;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer}
.zhbg .box .zh-t1{display:flex;margin-bottom:25px}
.zhbg .box .zh-t1 span{background:var(--public-color);display:inline-block;padding:10px;font-size:22px;color:#fff}
.zhbg .box .zh-t2{font-size:26px;font-weight:bold;margin-bottom:15px;color:var(--public-color)}
.zhbg .box .zh-t3{font-size:18px;margin-bottom:15px;font-weight:bold}
.zhbg .box .place{font-size:16px;line-height:24px}
.zhbg .box .place p{margin-bottom:10px}
.zhbg .box .place p i{color:var(--public-color);min-width:22px}
.zhbg .box .place p strong{color:var(--public-color)}
.zhbg.on{display:flex}
.zhkz.on{display:block}
.zhkz{display:none;background:var(--public-color);color:#fff;font-size:20px;font-weight:bold;position:fixed;top:250px;right:-54px;transform:rotate(-90deg);padding:10px 20px 20px;border-radius:0px;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer;z-index:99}
@media(max-width:768px) {
    .zhbg .box{width:80%;padding:15px}
    .zhkz{font-size:16px;padding:10px 20px;right:-45px;top:200px}
}


/*#标签样式*/
.tag{margin-bottom:30px;font-size:17px;line-height:30px}
.tag span{color:var(--public-color)}
.tag i{color:var(--public-color)}
.tag a{font-size:17px;line-height:30px;color:#333}
.tag a:hover{text-decoration:underline;color:var(--public-color)}
.tag a:after{content:",";display:inline-block;margin-left:3px;margin-right:4px}
.tag a:last-child:after{display:none}
@media(max-width:768px){
    .tag{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal !important;-webkit-line-clamp:4;-webkit-box-orient:vertical}
}

.in-banner .small-nav{position: static;justify-content: normal;padding: 0;}

.banner h1{font-size: 60px;line-height: 72px;font-weight: 400;color: #ffffff;letter-spacing: -1px;}
.banner-pro .banner-text{text-align: left;}
.banner-pro h1{width: 40vw;min-width: 670px;word-wrap:break-word;hyphens:auto}
.banner-pro .img-1{margin-top: 95px;}

.banner-all{background-color:rgba(0, 0, 0, 0.75);position:relative;overflow:hidden}
.banner-all>img{opacity: .5;}
.banner-all h1{font-size: 68px;line-height: 86px;letter-spacing: -2px;word-wrap:break-word;hyphens:auto}

@media (min-width:900px){
    .banner-pro h1{
        font-size:clamp(32px,2.8vw + 16px,60px);
        line-height:1.2;
    }
}
@media(max-width:1530px){
    .banner-all h1{font-size:62px;line-height: 1.4;}
}
@media(max-width:1430px){
    .banner h1 , .banner-all h1{font-size:52px;line-height: 1.4;}
    .banner-pro .img-1{margin-top:45px;max-width: 20%;}
}
@media(max-width:1340px){
    .banner h1 , .banner-all h1{font-size:48px;line-height: 1.5;}
    .banner-pro .img-1{margin-top: 35px;max-width: 15%;}
}
@media(max-width:1200px){
    .banner h1 , .banner-all h1{font-size:42px;line-height: 1.4;}
    .banner-pro h1{width:auto;min-width:0;max-width:90%;}
}
@media(max-width:1200px){
    .banner h1 , .banner-all h1{font-size:38px;line-height: 1.4;}
}
@media(max-width:899px){
    .banner h1 , .banner-all h1{font-size:32px;line-height: 1.4;letter-spacing: -1px;}
    .banner-pro h1{width:100%;max-width:100%;}
    .banner-pro .img-1{margin-top:30px;}
}
@media(max-width:768px){
    .banner h1{font-size:28px;line-height: 1.4;letter-spacing: -.4px;}
    .banner-pro h1{font-size:clamp(28px,5vw,38px);line-height:1.35;max-width:100%;}
    .banner-pro .img-1{margin-top:20px;}
    .banner-pro .img-1 img{max-width:100%;height:auto;}
}
@media(max-width:440px){
    .banner{display: flex;justify-content: flex-end;align-items: center;}
    .banner>img {height: 200px;width: auto;object-fit: cover;}
}


.small-nav{width: 100%;position: absolute;top: 10px;left: 0;right: 0;display: flex;justify-content: center;}
.small-nav ul{display: flex;align-items:center;flex-wrap: wrap;position: relative;max-width: 1400px;width: 100%;}
.small-nav ul a{font-size: 14px;line-height: 24px;color:#ffffff;font-weight: 400;}
.small-nav ul li::before{content: "/";font-family: 'Poppins';line-height: 24px;font-size: 14px;font-weight: 400;padding: 0 10px;color:#cccccc;position: static;}                                   
.small-nav ul li:first-child::before{display: none;}
.small-nav ul li:last-child a{color: var(--public-color);}
.small-nav ul li{display: flex;align-items: center;padding-left: 0;}
@media(max-width:1430px){.small-nav{padding:0 15px;}}
@media(max-width:768px){
    .small-nav{top: 5px;}
}

/*共有的类名*/
.text,.cont{
    color: #999999;
    letter-spacing: 0px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.title{font-size: 58px;line-height: 63px;font-weight: 400;letter-spacing: -2px;}
@media(max-width:1470px){.title{font-size:52px;}}
@media(max-width:1270px){.title{font-size:42px;line-height:56px;}}
@media(max-width:1200px){.title{font-size:38px;line-height:50px;}}
@media(max-width:1100px){.title{font-size:34px;line-height:45px;}}
@media(max-width:1000px){.title{font-size:30px;line-height:1.4;}}
@media(max-width:768px){.title{font-size:24px !important;line-height:32px !important;font-weight:600 !important;letter-spacing: -.4px;margin-bottom:20px !important;}}
@media(max-width:430px){.title{letter-spacing:0 !important;}}
.title.title-c{text-align: center;}

.reveal-modal .title{font-size:30px !important}
@media(max-width:768px){.reveal-modal .title{font-size:20px !important}}


h1{font-size: 42px;line-height: 56px;font-weight: bold;color: #000000;}
.t1{color: #333;}
.h6,h6{font-size: 20px;line-height: 28px;color: var(--public-color);font-weight: 500;}
.ul li{position: relative;padding-left: 35px;margin-bottom: 0px;}
.ul li::before{content: '\f00c';font-family: 'cmsfont';font-size: 18px;line-height: 26px;font-weight: 600;position: absolute;left: 0;top: 0px;color: var(--public-color-o);}
.img img.block{display: block;animation: bounceIn 1s;}
.img img.red{display: none;animation: bounceIn 1s;}
.top-head-c{text-align: center;margin: auto;}
span.arrow{letter-spacing: -6px;}
hr{background-color: var(--public-color);border-top: 1px solid var(--public-color);}

@media(max-width:768px) {.reveal-modal#mb-share{left:10%;margin-left:-5%;width:90%;}}
.grid{display:grid;grid-template-rows:repeat(var(--bs-rows,1),1fr);grid-template-columns:repeat(var(--bs-columns,12),1fr);gap:var(--bs-gap,1.5rem)}
.grid .g-col-6{grid-column:auto/span 6}
.grid .g-col-12{grid-column:auto/span 12}
@media (min-width:576px){
.grid .g-col-sm-6{grid-column:auto/span 6}
}
@media (min-width:992px){
.grid .g-col-lg-3{grid-column:auto/span 3}
.grid .g-col-lg-4{grid-column:auto/span 4}
}
@media(max-width:768px){.grid{gap:var(--bs-gap,0.5rem)}}

.all-pag span{background-color: var(--public-color-1);opacity: .2;}
.all-pag span.swiper-pagination-bullet-active{opacity: 1;}
.all-style{position: relative;}
.all-swiper{overflow: hidden;}
.all-hover {
    width: auto;
    height: auto;
    transition: all .3s ease-in-out;
    z-index: 2;
    margin-top: -20px;
}
.all-hover:hover::after{color: var(--public-color);}
.all-hover::after{font-family: 'cmsfont';font-weight: 200;color: #cccccc;font-size: 35px;transition: color .3s ease-in-out;}
.all-hover-next{right: -50px;}
.all-hover-prev{left: -50px;}
.all-hover-next::after{content:'\f054';}
.all-hover-prev::after{content: '\f053';}

.all-hover-1{width: 40px;height: 40px;background-color: #e60012;border: 2px solid  #e60012;border-radius: 50%;display: inline-flex;justify-content: center;align-items: center;color: #fff;font-size: 20px;transition: all .3s ease-in-out;}
.all-hover-1:hover{background-color: #ffffff;color: #e60012;}
.all-hover-1::after{font-family: 'cmsfont';font-weight: 200;font-size: 20px;transition: color .3s ease-in-out;}
.all-hover-1-next{right: -15px;}
.all-hover-1-prev{left: -15px;}
.all-hover-1-next::after{content:'\f054';}
.all-hover-1-prev::after{content: '\f053';}


/* all_btn */
.all_btn{display:inline-block;padding:14px 30px;background:#e60012;border: 1px solid #e60012;color:#fff;text-decoration:none;border-radius:2px;font-weight:bold;transition:all 0.3s ease-in-out;font-size: 20px;font-weight: 400;display: inline-flex;justify-content: center;align-items: center;}
.all_btn:hover{background-color:#ffffff;color:#e60012;}
.all_btn_text{color:var(--public-color-1);font-size:20px;transition:0.3s ease;text-decoration:underline;}
.all_btn_text:hover{text-decoration: none;}
.all_btn_dark{background-color:#333;color:#fff;border-color: #333;}
.all_btn_dark:hover{background-color:#ffffff;color: #333333 !important;}

.all_btn-1{display:inline-block;height: 45px;padding:0 15px;background:var(--public-color);border: 1px solid #ffffff;color:#fff;text-decoration:none;border-radius:0px;transition:all 0.3s ease-in-out;font-size: 20px;font-weight: 400;display: inline-flex;justify-content: center;align-items: center;}
.all_btn-1:hover{background-color:var(--public-color);color:#ffffff;}
@media(max-width:768px){
    .all_btn{min-height: 42px;height: auto !important;padding: 7px 25px !important;font-size: 16px;line-height: 24px;}
    .all_btn_text{font-size: 18px;line-height: 1.4;}
}

/* 共有样式 */
.every-footer{background-color: rgba(221, 221, 221, .6);height: 420px;padding: 20px 0;display: flex;align-items: center;}
.every-footer .content{display: flex;justify-content: space-between;gap: 30px;}
.every-footer .left{width: 65%}
.every-footer .right{width: 370px;min-width: 370px;}
.every-footer .title{margin-bottom:25px;font-size:32px;line-height:47px;}
.every-footer .text{margin-bottom: 30px;}
.every-footer .all_btn {
    height: 52px;
    display: inline-flex;
    align-items: center;
    background-color: #e60012;
    color: #fff;
    border: solid 1px #e60012;
    padding: 0 30px;
    cursor: pointer;
}
.every-footer .all_btn:hover{background-color: #ffffff;color: #e60012;}
.every-footer .t1{font-size: 24px;line-height: 32px;color: #666666;font-weight: 600;}
.every-footer .box{font-size: 20px;line-height: 28px;color: #666;border-top: 1px solid var(--public-color);margin-top: 20px;padding-top: 25px;}
.every-footer .box p::before{content: "\f00c";font-family: 'cmsfont';display: inline-block;color: var(--public-color);margin-right: 20px;font-size: 20px;}
.every-footer .box p{margin-bottom: 20px;font-size: 18px;color: #666666;}
.every-footer .box p:last-child{margin-bottom: 0;}
@media(max-width:1000px){
    .every-footer .title{margin-bottom:25px;font-size:28px;line-height:1.4;}
    .every-footer .right{width:25%;min-width:270px;}
}
@media(max-width:768px){
    .every-footer{height: auto;}
    .every-footer .content{flex-direction: column;gap: 0;}
    .every-footer .left{width: 100%;}
    .every-footer .title{margin-bottom: 15px;}
    .every-footer .text{margin-bottom: 25px;}
    .every-footer .right{width: 100%;}
    .every-footer .t1{font-size: 20px;line-height: 30px;}
    .every-footer .box{margin-top: 10px;padding-top: 20px;display: grid;grid-template-columns: repeat(2,auto);gap: 10px 20px;}
    .every-footer .box p{font-size: 16px;line-height: 24px;margin-bottom: 0px;}
    .every-footer .all_btn{margin-top: 25px;}
}
@media(max-width:430px){.every-footer .title{margin-bottom:15px !important;letter-spacing:0 !important;}}

.footer {background-color: #333333;padding-top: 100px;position: relative;}
.footer .img-back{position: absolute;left: 0;top: 0;width: 24%;}
.footer .footer-top,.footer .footer-bottom{position: relative;}
.footer .footer-top {padding-bottom: 50px;}
.footer .footer-logo{margin-bottom: 20px;}
.footer .content{display: flex;justify-content: space-between;gap: 55px;}
.footer .text{color: #ffffff;opacity: .6;}
.footer .t1{font-size: 20px;line-height: 28px;color: #fff;opacity: .6;font-weight: 500;margin-bottom: 20px;}
.footer .box{display: inline-flex;flex-direction: column;align-items: flex-start;}
.footer .font-sty{font-size: 16px;color: #fff;opacity: .6;margin-bottom: 13px;letter-spacing: -.2px;position: relative;}
.footer a.font-sty:hover,.footer .list-3 a:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 3px;opacity: 1;}
.footer .font-sty:last-child{margin-bottom: 0;}
.footer .list-2 .font-sty:before{content: "\f054";font-family: cmsfont;font-size: 10px;display: inline-block;margin-right: 5px;}

.footer .list-1{min-width: 30%;width: 35%;display: flex;flex-direction: column;justify-content: space-between;}
.footer .list-2{width: 30%;}
.footer .list-2 .box{gap: 5px;}
.footer .list-3{width: 40%;max-width: 365px;}
.footer .list-3 .d{display: grid;grid-template-columns: 25px auto;gap:0px;margin-bottom: 15px;}
.footer .list-3 .d:last-child{margin-bottom: 0;}
.footer .list-3 .d-cont{display: flex;flex-direction: column;justify-content: flex-start;}
.footer .list-3 .icon{line-height:24px;color: var(--public-color-1);}
.footer .list-3 a{font-size: 16px;color: #fff !important;}

.footer .footer-bottom{background-color: rgba(255, 255, 255, 0.1);height: 60px;display: flex;align-items: center;letter-spacing: 0px;display: flex;align-items: center;}
.footer .copy{opacity: .6;color: #fff;font-size: 16px;line-height: 28px;letter-spacing: -.4px;}

.footer .all-social{display: flex;gap: 12px;}
.footer .hover-1,.footer .hover-2{background-color: rgba(255, 255, 255, 0.1) !important;border:none;color: #fff !important;width: 42px;height: 42px;font-size: 20px !important;display: inline-flex;justify-content: center;align-items: center;border-radius: 0;margin: 0 !important;}
.footer .hover-1::before,.footer .hover-2::before{font-size: 20px;width: inherit;}
.footer .hover-1:hover,.footer .hover-2:hover{background-color: var(--public-color) !important;color: #fff !important;border-color: var(--public-color);}

.social-tiktok{
    background:#010101 !important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.social-tiktok:hover{
    background:#1a1a1a !important;
}
.social-tiktok .social-tiktok-icon{
    width:1rem;
    height:1rem;
    display:block;
    flex-shrink:0;
}
.footer .social-tiktok{
    background-color:rgba(255,255,255,.1) !important;
}
.footer .social-tiktok:hover{
    background-color:var(--public-color) !important;
}
.footer .social-tiktok .social-tiktok-icon{
    width:20px;
    height:20px;
}

@media(max-width:1280px){
    .footer .list-1{min-width: auto;max-width: 400px;}
    .footer .list-2 {width: 30%;}
    .footer .list-3 {width: 40%;}
}
@media(max-width:1150px){
    .footer .content {gap: 30px;}
    .footer .list-1 {max-width: 300px;}
    .footer .list-3{max-width: none;}
}
@media(max-width:1000px){
    .footer .content{flex-wrap: wrap;}
    .footer .text{margin-bottom: 30px;}
    .footer .list-1{max-width: none;width: 100%;}
    .footer .list-3 {width: 51%;}
}
@media(max-width:768px){
    .footer{padding-top: 30px;}
    .footer .content{flex-direction: column;}
    .padding-bottom{padding-bottom: 30px;}
    .footer .list-3,.footer .list-2{width: 100%;}
}


.all-big-faq{padding:115px 0 85px;max-width:100%;overflow-x:clip}
.all-big-faq .title{margin-bottom:30px}
.all-big-faq .content{display:flex;justify-content:space-between;gap:40px;min-width:0}
.all-big-faq .article{width:64%;min-width:0}
.all-big-faq .aside{min-width:330px;width:33%;background-color:#f1f1f1;border-radius:8px;padding:45px 55px 30px}
.all-aside .box-1{margin-bottom:30px}
.all-aside .box-1 .h3{font-size:32px;line-height:1.4;font-weight:600;color:#333333;}
.all-aside .box-1 .cont{margin-top:30px}
.all-aside .box-1 .cont p{font-size:18px;line-height:26px;color:#999999;margin-bottom:25px}
.all-aside .box-1 .cont p:last-child{margin-bottom:0}
.all-aside .box-1 .cont li{position:relative;padding-left:35px;font-size:18px;line-height:22px;color:#666666;margin-bottom:20px}
.all-aside .box-1 .cont li:last-child{margin-bottom:0}
.all-aside .box-1 .cont li::before{content:"\f00c";font-family:'cmsfont';display:inline-block;color:var(--public-color);margin-right:20px;font-size:20px;position:absolute;left:0;top:0}
.all-aside .box-2{display:none}
.all-aside .form-row{flex-wrap:nowrap;margin:0 -5px 15px !important}
.all-aside .form-group{padding:0 5px !important}
.all-aside .form-group .form-control{padding-left:20px}
.all-aside .all-from .form-row.form-btn-box{gap:30px;margin-bottom:0 !important}
.all-aside .all_btn{height:56px;width:100%;border-radius:0;font-size:20px;font-weight:400}

.all-faqs .items.active{position:relative}
.all-faqs .items.active::after{content:"";width:100%;height:100%;background-color:#ffffff;box-shadow:4px 9px 35px 0 rgba(0,0,0,0.12);border-radius:8px;position:absolute;right:0;top:0;z-index:-1}
.all-faqs .items.active::after,.all-faqs .items.show:after{background-color:transparent}
.all-faqs .items{padding:30px 35px 30px 40px;position:relative}
.all-faqs .items:last-child{margin-bottom:0}
.all-faqs .items::after{content:"";width:calc(100% - 45px);height:1px;background-color:#cccccc;position:absolute;right:0;bottom:0}
.all-faqs .item{display:flex;justify-content:space-between;gap:15px;position:relative}
.all-faqs .quen-q{font-size:18px;line-height:28px;color:#222222;font-weight:500}
.all-faqs .quen-a{font-size:16px;line-height:24px;color:#999999;position:relative;margin-top:15px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word;display:grid;grid-template-columns:40px auto;gap:10px}
.all-faqs .quen-a p{margin-bottom:30px}
.all-faqs .quen-a p:last-child{margin-bottom:0}
.all-faqs .quen-a p img{max-width:calc(calc(100% - 70px) / 3);margin-right:30px}
.all-faqs .quen-a p img:last-child{margin-right:0}
.all-faqs .zm{width:39px;height:33px;background:url(../../images/faq-1.webp) no-repeat;background-size:100% 100%;font-size:24px;line-height:28px;font-weight:500;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;padding-right:7px}
.all-faqs .symbol{width:22px;min-width:22px;height:22px;display:flex;justify-content:center;align-items:center;background-color:var(--public-color-1);color:#fff;font-size:18px;position:relative;top:2px}
.all-faqs .minus{display:none}
.all-faqs .plus{display:inline-block}
.all-faqs .items.active .minus{display:inline-block}
.all-faqs .items.active .plus{display:none}

@media (min-width:900px){
    .all-big-faq{padding:clamp(60px,7vw,115px) 0 clamp(40px,5vw,85px)}
}
@media(max-width:1430px){
    .all-big-faq .aside{padding:45px 30px 30px}
    .all-aside .box-1 .cont{margin-bottom:15px}
    .all-aside .form-row{margin-bottom:10px !important}
    .all-aside .form-group{max-width:100%}
    .all-aside .form-group .form-control{padding:12px 10px}
    .all-aside .form-group .form-control::placeholder{font-size:16px;line-height:24px}
}
@media(max-width:1380px){
    .all-big-faq .article{flex:1;width:auto}
    .all-big-faq .aside{width:30%;padding:45px 30px 30px}
    .all-aside .box-1 .h3{font-size:28px;line-height:1.4}
    .all-aside .box-1 .cont p{font-size:16px;line-height:24px}
    .all-aside .form-row{flex-wrap:wrap;gap:10px}
    .all-aside .form-group{flex:100%;max-width:100%}
}
@media(max-width:1200px){
    .all-aside .box-1 .h3{font-size:24px}
}
/* ≤899 stack — 表单在上 */
@media(max-width:899px){
    .all-big-faq .content{flex-direction:column;gap:25px;align-items:stretch;}
    .all-big-faq .article,
    .all-big-faq .aside{width:100%;min-width:0;max-width:100%}
    .all-aside .form-row{flex-wrap:nowrap}
}
@media(max-width:768px){
    .all-big-faq{padding:30px 0}
    .all-big-faq .title{margin-bottom:25px}
    .all-big-faq .aside{padding:30px 20px 20px}
    .all-aside .form-group .form-control{font-size:16px;padding: 8px 10px;}
    .all-aside .form-group .form-control::placeholder{font-size: 16px;line-height:1.4;}
    .all-aside .all_btn{height:48px;font-size:18px}
    .all-faqs .items{padding:20px 15px 20px 20px}
    .all-faqs .quen-q{font-size:18px;line-height:1.3}
    .all-faqs .quen-a{grid-template-columns:32px auto;gap:8px;margin-top:12px;font-size:14px;line-height:1.3}
    .all-faqs .quen-a p{margin-bottom:20px}
    .all-faqs .quen-a p img{max-width:100%;width:100%;margin-right:0;margin-bottom:15px;display:block;height:auto}
    .all-faqs .zm{width:32px;height:28px;font-size:20px;line-height:24px;padding-right:5px}
    .all-faqs .items::after{width:calc(100% - 15px)}
}
@media(max-width:540px){
    .all-aside .form-row{flex-wrap: wrap;}
}
@media(max-width:430px){
    .all-aside .box-1 .h3{font-size:22px;line-height:32px;}
    .all-aside .box-1 .cont{margin-top:15px}
    .all-aside .box-1 .cont p{font-size:14px;line-height:20px}
    .all-faqs .items{padding:15px 12px 15px 15px}
    .all-faqs .quen-q{font-size:15px;line-height:22px}
}


.all-from .form-row.form-btn-box{flex-direction: column;gap: 30px;}
.all-from .form-cap .input-group{border-radius: 0;}
.all-from .form-cap .input-group{background-color: #ffffff;}
.all-from .form-cap .input-group-append{margin: 7px;border: solid 1px #cccccc;}

.popup-feedback .form-row{flex-wrap: nowrap;}
@media(max-width:540px){
    .popup-feedback .form-row{flex-wrap: wrap;gap: 10px;}
    .popup-feedback .form-row:not(.form-btn-box){margin-bottom: 10px !important;}
}


/* 新 — index 首页 */
.home-banner{max-width:100%;overflow-x:clip}
.home-banner .swiper-container{width:100%;overflow:hidden}
.home-banner .banner-text1 .t1{font-size:68px;line-height: 78px;font-weight:400;color: #ffffff;max-width:1300px;margin:0 auto;word-wrap:break-word;hyphens:auto}
.home-banner .swiper-pagination {padding:0 15px;justify-content: center;text-align:left;bottom:70px;max-width:1430px;left:50%;transform:translateX(-50%);right:auto;position:absolute;display: flex;gap: 18px;}
.home-banner .swiper-pagination span{width:16px;height:16px;border-radius:0;background-color: var(--public-color-1);opacity: .2;margin: 0 !important;}
.home-banner .swiper-pagination span.swiper-pagination-bullet-active{opacity: 1;}
.home-banner .swiper-slide img{width:100%;height:auto;display:block;object-fit:cover}
@media (min-width:900px){
    .home-banner .banner-text1 .t1{
        font-size:clamp(38px,3.2vw + 18px,68px);
        line-height:1.15;
    }
}
@media(max-width:1430px){.home-banner .banner-text1 .t1{font-size:52px;max-width:70%;}}
@media(max-width:1200px){.home-banner .banner-text1 .t1{font-size: 46px;line-height: 1.4;max-width:100%;}.home-banner .swiper-pagination{bottom: 20px;}}
@media(max-width:768px){
    .home-banner .banner-text1 .t1{
        font-size:28px;
        line-height:1.35;
        max-width:100%;
    }
    .home-banner .swiper-pagination{bottom:10px;gap:5px;}
    .home-banner .swiper-pagination span{width:10px;height:10px;}
}

.all-top-head{background:#b5101d;color:white;padding:60px 0;display:flex;align-items:center;justify-content:center;margin:0 auto}
.all-top-head .stats-grid.four{display: grid;grid-template-columns: repeat(4, 1fr);}
.all-top-head .stats-grid.three{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.all-top-head .stat-item{display: flex;justify-content: center;align-items: center;}
.all-top-head .stat-item.four + .stat-item.four{border-left: 1px dashed rgba(255,255,255,.3);}
.all-top-head .stat-item-xl{width: 80%;}
.all-top-head .stat-item:first-child{justify-content: flex-start;}
.all-top-head .stat-item:last-child{justify-content: flex-end;}
.all-top-head h3{font-size:42px;font-weight:bold;}
.all-top-head p{font-size:20px;line-height: 29px;margin-top:5px}
.stats-bar{max-width:100%;overflow-x:clip}
@media(max-width:1530px){
    .all-top-head{padding: 50px 0;}
}
@media(max-width:1430px){
    .all-top-head{padding: 50px 0;}
    .all-top-head h3{font-size: 36px;line-height: 1.4;}
}
@media(max-width:1340px){
    .all-top-head h3{font-size:32px;}
    .all-top-head p{font-size:18px;}
}
@media(max-width:1200px){
    .all-top-head h3{font-size:28px;}
    .all-top-head .stats-grid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px;}
    .all-top-head .stats-grid.four .stat-item{justify-content:center;}
    .all-top-head .stats-grid.four .stat-item:first-child,
    .all-top-head .stats-grid.four .stat-item:last-child{justify-content:center;}
    .all-top-head .stats-grid.four .stat-item-xl{text-align:center;}
}
@media(max-width:1100px){
    .all-top-head h3{font-size:26px;}
    .all-top-head .stat-item-xl{width:100%;}    
    .all-top-head p{font-size: 16px;line-height: 24px;}
}
@media(max-width:899px){
    .all-top-head{padding:40px 0px;}
    .all-top-head .stats-grid.three{gap:30px 15px;}
    .all-top-head .stats-grid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 15px;}
    .all-top-head .stat-item{justify-content:center;align-items: flex-start;}
    .all-top-head .stat-item:last-child{grid-column:auto;max-width:none;margin:0;}
    .all-top-head .stat-item-xl{width:100%;text-align:center;}
    .all-top-head h3{font-size:24px;}
}
@media(max-width:768px){
    .all-top-head{padding:30px 0px;}
    .all-top-head h3{font-size:22px;}
    .all-top-head .stats-grid.three{gap:25px 15px;}
}
@media(max-width:580px){
    .all-top-head .stats-grid .stat-item + .stat-item{border-left: 1px dashed rgba(255,255,255,.8);border-top: 1px dashed rgba(255,255,255,.8);}
    .all-top-head .stats-grid .stat-item:nth-child(3){border-left: none;}
    .all-top-head .stats-grid .stat-item:nth-child(2){border-top: none;}
    .all-top-head .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap: 25px 0 !important;}
    .all-top-head .stats-grid .stat-item{padding: 10px 5px;}
    .all-top-head .stats-grid .stat-item:first-child{padding-left: 0;}
    .all-top-head .stats-grid .stat-item:last-child{padding-right: 0;}
    .all-top-head h3{font-size: 18px;line-height: 1.4;}
    .all-top-head p{font-size: 14px;line-height: 1.4;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word;
    }
}
@media(max-width:430px){
    .all-top-head p{-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word;}
    .all-top-head .stat-item{text-align:center;}
}
@media(max-width:400px){
    .all-top-head .stats-grid{grid-template-columns:1fr !important;gap: 0 !important;}
    .all-top-head .stats-grid .stat-item + .stat-item{border-top: 1px dashed rgba(255,255,255,.8);border-left: none;}
    .all-top-head .stats-grid .stat-item:first-child{padding-top: 0;}
    .all-top-head .stats-grid .stat-item:last-child{padding-bottom: 0;}
}

.home-section{max-width:1920px;margin:0 auto;overflow-x:clip;width:100%}
@media (min-width:900px){
    .home-section{
        --home-gap-lg:clamp(24px,1.5vw,50px);
        --home-product-img-h:clamp(240px,18vw,350px);
        --home-solution-gap:clamp(30px,7vw,140px);
        --home-section-pad:clamp(60px,7vw,140px);
    }
}
.home-section .product-grid,
.home-section .solution-flex,
.home-section .about-text-block,
.home-section .service-flex,
.home-section .craftsmanship-grid{min-width:0}

.section-title{font-size:58px;font-weight:400;text-align:center;color:#333}
@media (min-width:900px){.section-title{font-size:clamp(38px,2.8vw + 18px,58px)}}
@media(max-width:1430px){.section-title{font-size:52px;}}
@media(max-width:1340px){.section-title{font-size:48px;line-height: 1.4;}}
@media(max-width:1200px){.section-title{font-size:42px;}}
@media(max-width:1000px){.section-title{font-size:34px;}}
@media(max-width:768px){.section-title{font-size:24px !important;line-height:1.4;font-weight:600;margin-bottom:15px !important;letter-spacing:.4px !important;}}

.section-products{padding:140px 0;}
.section-products .product-grid{margin:100px 0 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px}
.section-products .product-card{background:white;padding:50px 0 0 0;transition:0.3s;background-image:linear-gradient(335deg,rgb(231,231,231) 0%,rgb(250,250,250) 100%);min-width:0}
.section-products .product-card:nth-child(2){background-image:linear-gradient(335deg,rgb(231,231,231) 0%,rgb(250,250,250) 100%);padding-left:80px}
.section-products .product-card .product-text{max-width:800px;margin-left:auto;width:100%;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.section-products .product-card .product-icon{width:34px;height:34px}
.section-products .product-img-box{width:100%;max-width:653px;height:350px;margin:20px 0;display:flex;align-items:center;justify-content:center}
.section-products .product-img-box img{max-height:100%;max-width:100%;width:auto;object-fit:contain}
.section-products .product-tag{color:var(--public-color-1);font-size:20px;font-weight:bold;display:block;margin-bottom:20px}
.section-products .product-card h3{font-size:32px;margin-bottom:20px;font-weight:600;min-height:0;max-width:500px;word-wrap:break-word;hyphens:auto}
@media (min-width:900px){
    .section-products{padding:var(--home-section-pad) 0;}
    .section-products .product-grid{
        gap:var(--home-gap-lg);
        margin-top:clamp(50px,8vw,100px);
    }
    .section-products .product-card:nth-child(2){padding-left:clamp(15px,5vw,80px);}
    .section-products .product-img-box{height:var(--home-product-img-h)}
}
@media(max-width:1450px){.section-products .product-card .product-text{margin:0 15px;}}
@media(max-width:1430px){.section-products .product-grid{margin-top:75px;}}
@media(max-width:1340px){
    .section-products .product-card:nth-child(2){padding-left:50px;}
    .section-products .product-card h3{font-size:30px;}
}
@media(max-width:1200px){
    .section-products .product-grid{margin-top: 50px;}
    .section-products .product-card h3{font-size:28px;}
    .section-products .product-card:nth-child(2){padding-left:15px;}
}
@media(max-width:1100px){.section-products .product-card:nth-child(2){padding-left:15px;}}
@media(max-width:1000px){
    .section-products .product-grid{gap:30px;}
    .section-products .product-card{padding-left:15px;padding-right:15px;}
    .section-products .product-tag{font-size:18px;line-height:26px;margin-bottom:10px;}
    .section-products .product-card h3{font-size:24px;}
}
@media(max-width:899px){
    .section-products{padding:60px 15px;}
    .section-products .product-grid{
        grid-template-columns:1fr;
        gap:25px;
        margin-top:50px;
    }
    .section-products .product-card,
    .section-products .product-card:nth-child(2){padding:25px 15px;}
    .section-products .product-card .product-text{max-width:100%;margin-left:0;}
    .section-products .product-card h3{min-height:0;max-width:100%;}
    .section-products .product-img-box{
        width:100%;
        max-width:100%;
        height:auto;
        aspect-ratio:653/350;
        min-height:0;
    }
    .section-products .product-img-box img{
        max-height:none;
        width:100%;
        height:100%;
        object-fit:contain;
    }
}
@media(max-width:768px){
    .section-products{padding:30px 15px;}
    .section-products .product-grid{margin-top:25px;}
    .section-products .product-tag{font-size: 16px;line-height: 24px;margin-bottom: 5px;}
    .section-products .product-card h3{font-size: 20px;line-height: 28px;}
}
@media(max-width:430px){
    .section-products{padding:30px 15px;}
    .section-products .product-card{padding:25px 15px;}
    .section-products .product-tag{font-size:16px;line-height:24px;margin-bottom:5px;}
    .section-products .product-card h3{font-size:20px;line-height:28px;}
    .section-products .product-card .product-icon{width:20px;height:20px;}
}

.section-solution{padding:0 0 130px;max-width:100%;overflow-x:clip}
.section-solution .solution-flex{display:flex;justify-content:space-between;background-color:#fff;align-items:center;gap:140px;min-width:0}
.section-solution .solution-imgs{
    flex:0 0 43%;
    max-width:43%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-auto-rows:minmax(160px,auto);
    border-left:0;
    min-width:0;
}
.section-solution .grid-item{
    border:1px solid #ddd;
    background-color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:center;
    text-align:center;
    padding:20px 0;
    color:#666;
    font-size:16px;
    position:relative;
    min-height:0;
    overflow:hidden;
    box-sizing:border-box;
}
.section-solution .grid-item:not(.logo-item){aspect-ratio:1/1}
.section-solution .grid-item.logo-item{aspect-ratio:2/1}
.section-solution .solution-imgs .grid-item:nth-child(1),
.section-solution .solution-imgs .grid-item:nth-child(5){border-left:1px solid #ddd}
.section-solution .grid-item .img{max-width:80%;max-height:80%;object-fit:contain;margin-bottom:8px;opacity:1;transition:all .45s ease-in-out}
.section-solution .grid-item:hover .img{opacity:0}
.section-solution .grid-item .img1{position:absolute;top:0;left:0;width:100%;z-index:0;opacity:0;transition:all .45s ease-in-out;height:100%;object-fit:cover}
.section-solution .grid-item span{z-index:1;transition:all .45s ease-in-out;padding:0 8px;line-height:1.35;word-wrap:break-word}
.section-solution .grid-item:hover .img1{opacity:1}
.section-solution .grid-item:hover span{color:#fff}
.section-solution .grid-item.logo-item{grid-column:1 / span 2;grid-row:2 / span 1;border-left:0;justify-content:center}
.section-solution .grid-item.logo-item img{max-width:260px;width:auto;height:auto}
.section-solution .solution-text{flex:1;min-width:0;max-width:760px}
.section-solution .solution-text .solution-text-title{width:100%;font-size:52px;font-weight:400;margin-top:0;margin-bottom:40px;color:#222;line-height:1.2;word-wrap:break-word;hyphens:auto}
.section-solution .solution-text p{max-width:680px;width:100%;font-size:16px;color:#666;margin-bottom:50px;line-height:24px}

/* 移动端轮播（IsMobile 分支） */
.section-solution .solution-imgs-mobile{
    flex:none;
    width:100%;
    max-width:100%;
    min-width:0;
    position:relative;
    padding:0 36px;
    box-sizing:border-box;
}
.section-solution .solution-imgs-mobile .solution-swiper{overflow:hidden}
.section-solution .solution-imgs-mobile .swiper-slide{height:auto;box-sizing:border-box}
.section-solution .solution-imgs-mobile .grid-item{
    aspect-ratio:4/5;
    justify-content:flex-end;
    padding:16px 12px 18px;
    height:100%;
}
.section-solution .solution-imgs-mobile .grid-item .img{opacity:0;margin-bottom:0}
.section-solution .solution-imgs-mobile .grid-item .img1{opacity:1;object-fit:cover}
.section-solution .solution-imgs-mobile .grid-item span{color:#fff;font-size:15px}
.section-solution .solution-imgs-mobile .grid-item::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.55) 100%);
    z-index:0;
    pointer-events:none;
}
.section-solution .solution-imgs-mobile .solution-swiper-pag{
    position:static;
    margin-top:30px;
    text-align:center;
    transform: none;
}

@media (min-width:900px){
    .section-solution{padding:0 0 clamp(60px,7vw,130px)}
    .section-solution .solution-flex{gap:var(--home-solution-gap)}
    .section-solution .solution-text .solution-text-title{font-size:clamp(32px,2.4vw + 16px,52px)}
}
@media(max-width:1450px){
    .section-solution .solution-flex{gap:30px}
    .section-solution .solution-imgs{flex:0 0 45%;max-width:45%;min-width:0}
    .section-solution .solution-text{flex:1;min-width:0;max-width:none}
    .section-solution .solution-text p{max-width:100%}
}
@media(max-width:1430px){.section-solution .solution-text .solution-text-title{font-size:48px;line-height:1.5}}
@media(max-width:1270px){.section-solution .solution-text .solution-text-title{font-size:42px}}
@media(max-width:1200px){
    .section-solution .solution-text .solution-text-title{font-size:38px}
    .section-solution .solution-imgs{flex:0 0 48%;max-width:48%}
    .section-solution .solution-text{max-width:none}
}
@media(max-width:1100px){
    .section-solution .solution-text .solution-text-title{font-size:32px;line-height:1.4}
    .section-solution .solution-imgs{grid-auto-rows:inherit;grid-template-rows:repeat(3,1fr)}
    .section-solution .grid-item{justify-content:space-around;padding:10px 0}
    .section-solution .grid-item .img{margin-bottom:0;max-width:75%;max-height:75%}
    .section-solution .grid-item span{line-height:1.4}
}
@media(max-width:899px){
    .section-solution{padding:60px 0}
    .section-solution .solution-text .solution-text-title{font-size:32px;line-height:1.4}
    .section-solution .solution-flex{flex-direction:column;gap:25px;align-items:stretch}
    .section-solution .solution-imgs{
        flex:none;
        width:100%;
        max-width:100%;
        min-width:0;
        grid-auto-rows:auto;
    }
    .section-solution .grid-item:not(.logo-item){aspect-ratio:1/1}
    .section-solution .solution-text{width:100%;max-width:100%}
    .section-solution .solution-text p{width:100%;max-width:100%}
    .section-solution .solution-imgs-mobile{padding:0 36px}
}
@media(max-width:768px){
    .section-solution{padding:30px 0}
    .section-solution .solution-text .solution-text-title{font-size:24px;line-height:1.4;margin-bottom:15px}
    .section-solution .solution-flex{flex-direction: column-reverse;}
    .section-solution .solution-imgs{grid-template-columns:repeat(2,minmax(0,1fr))}
    .section-solution .solution-text-title br{display:none}
    .section-solution .solution-text p{font-size:14px;line-height:1.4;margin-bottom:10px}
    .section-solution .solution-imgs-mobile{padding:0 32px}
    .section-solution .solution-imgs-mobile .grid-item span{font-size:14px}
    .section-solution .solution-text .all_btn{margin-top: 15px;}
}
@media(max-width:430px){
    .section-solution .solution-imgs-mobile{padding:0 28px}
    .section-solution .solution-imgs-mobile .solution-swiper-pag{margin-top:14px}
}

.section-about{background-color:#f4f4f4;padding:100px 0 0 0;position:relative}
.section-about .about-text-block{display:flex;justify-content:space-between;margin-bottom:80px}
.section-about .title{width: 50%;color:#333}
.section-about .about-text-block .text{width: 48%;}
.section-about .about-text-block p{color:#666;margin-bottom:40px;font-size:16px;line-height:24px}
.section-about .about-image-block{width:100%;height:auto;overflow:hidden;border-radius:4px;box-shadow:0 5px 15px rgba(0,0,0,0.05)}
.section-about .about-image-block img{width:100%;height:auto;display:block;object-fit:cover}
@media (min-width:900px){.section-about{padding:clamp(60px,7vw,100px) 0 0}}
@media(max-width:1450px){
    .section-about .about-text-block{gap:50px;}
    .section-about .title{
        font-size:54px;
        -moz-hyphens:auto;
        -ms-hyphens:auto;
        -webkit-hyphens:auto;
        hyphens:auto;
        word-wrap:break-word;
    }
}
@media(max-width:1340px){.section-about .title{font-size:48px;}}
@media(max-width:1270px){.section-about .title{font-size:42px;}}
@media(max-width:899px){
    .section-about{
        display:flex;
        flex-direction:column-reverse;
        gap:25px;
        padding:60px 15px;
    }
    .section-about .about-text-block{
        flex-direction:column;
        gap:25px;
        margin-bottom:0;
    }
    .section-about .title,
    .section-about .about-text-block .text{width:100%;max-width:100%;}
    .section-about .container-xl{width:100%;padding:0px;box-sizing:border-box}
}
@media(max-width:768px){
    .section-about{padding:30px 15px;}
    .section-about .about-text-block{gap:0px;}
    .section-about .about-text-block p{font-size: 14px;line-height: 20px;margin-bottom: 25px;}
}
@media(max-width:430px){
    .section-about .about-text-block{gap:0;margin-bottom:0;}
    .section-about .about-text-block p{margin-bottom:30px;}
}

.section-craftsmanship{padding:160px 0;}
.section-craftsmanship .title{width: 90%;margin: auto;color: var(--public-color);}
.section-craftsmanship .craftsmanship-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:90px;}
.section-craftsmanship .craft-card{position:relative;overflow:hidden;aspect-ratio:16/10}
.section-craftsmanship .craft-card img{width:100%;height:100%;object-fit:cover;transition:0.5s}
.section-craftsmanship .craft-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;color:white;text-align:center;padding:70px 20px 20px}
.section-craftsmanship .craft-overlay h3{font-size:32px;margin-bottom:10px;font-weight: 600;letter-spacing: 0;}
.section-craftsmanship .craft-overlay p{font-size:16px;margin-bottom:20px;opacity:0.9;max-width:85%;letter-spacing: 0;}
.section-craftsmanship .all_btn-1{background-color: transparent;width: 165px;}
.section-craftsmanship .all_btn-1:hover{background-color: #ffffff;}
@media (min-width:900px){.section-craftsmanship{padding:clamp(60px,7vw,160px) 0}}
@media(max-width:1340px){
    .section-craftsmanship .craft-overlay h3{font-size: 32px;line-height: 1.4;}
}
@media(max-width:1200px){
    .section-craftsmanship .craft-overlay{padding: 25px 10px 20px;}
    .section-craftsmanship .craft-overlay h3{font-size: 28px;line-height: 1.4;}
}
@media(max-width:1000px){
    .section-craftsmanship .craft-card{aspect-ratio:inherit}
    .section-craftsmanship .craft-overlay h3{font-size:24px;line-height:32px;}
    .section-craftsmanship .craft-overlay p{max-width:100%;}
}
@media(max-width:899px){
    .section-craftsmanship{padding:60px 0;}
    .section-craftsmanship .container-xl{padding:0 15px}
    .section-craftsmanship .craftsmanship-grid{
        gap:25px;
        margin-top:50px;
    }
    .section-craftsmanship .craft-overlay{padding: 25px 15px;}
}
@media(max-width:768px){
    .section-craftsmanship{padding:30px 0;}
    .section-craftsmanship .title{width: 100%;}
    .section-craftsmanship .craftsmanship-grid{margin-top:25px;gap:25px 15px;}
    .section-craftsmanship .craft-card{aspect-ratio: inherit;box-shadow:5px 8px 51px 0px rgba(35, 88, 94, 0.06);}
    .section-craftsmanship .craft-card img{height: auto;}
    .section-craftsmanship .craft-overlay{height: auto;position: static;color: inherit;padding: 25px 10px;}
    .section-craftsmanship .craft-overlay h3{font-size:18px;line-height: 1.4;}
    .section-craftsmanship .craft-overlay p{font-size: 14px;line-height: 1.3;}
    .section-craftsmanship .craft-overlay > *:nth-last-child(1){margin-bottom: 0;}
}
@media(max-width:430px){
    .section-craftsmanship .craftsmanship-grid{margin-top:0;grid-template-columns:1fr;}
}

.home-partners{height:auto;min-height:200px}
@media(max-width:899px){.home-partners{height:auto}}

.section-service{background-color:#b5101d;padding:130px 0 150px;max-width:100%;overflow-x:clip}
.section-service .service-flex{display:flex;justify-content:space-between;align-items:stretch;min-width:0}
.section-service .service-text{min-width:0}
.section-service .service-text .service-text-title{max-width:730px;color:#fff;margin-bottom:120px;font-size:58px;font-weight:400;letter-spacing:-2px;word-wrap:break-word;hyphens:auto}
.section-service .service-text-page{max-width:620px;font-size:16px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.section-service .service-text-page p{font-size:16px;line-height:24px}
.section-service .service-icons{display:flex;justify-content:space-between;gap:70px}
.section-service .service-icons .icon-item{text-align:center;flex:1;min-width:0}
.section-service .service-icons .icon-item img{max-width:100%;height:auto;object-fit:contain}
.section-service .service-icons .icon-item span{display:block;font-size:16px;margin-top:15px;transition:all .45s ease-in-out;color:#fff}
.section-service .service-flex>.all_btn{width:auto;align-self:flex-start;flex-shrink:0}
@media (min-width:900px){
    .section-service{padding:clamp(60px,7vw,130px) 0 clamp(60px,7vw,150px)}
    .section-service .service-icons{gap:clamp(20px,4vw,70px)}
    .section-service .service-text .service-text-title{
        font-size:clamp(32px,2.8vw + 16px,58px);
        margin-bottom:clamp(25px,8vw,120px);
    }
}
@media(max-width:1470px){
    .section-service .service-flex{gap:35px}
    .section-service .service-text .service-text-title{font-size:52px}
}
@media(max-width:1430px){
    .section-service .service-text .service-text-title{font-size:48px}
    .section-service .service-text-page{max-width:550px}
    .section-service .service-text .service-text-title{margin-bottom:clamp(25px,6vw,95px)}
}
@media(max-width:1270px){
    .section-service .service-icons{margin-top:30px}
    .section-service .service-text .service-text-title{font-size:42px;line-height:56px}
}
@media(max-width:1200px){
    .section-service .service-text .service-text-title{font-size: 38px;line-height: 1.4;margin-bottom:40px}
}
@media(max-width:1200px){
    .section-service .service-text .service-text-title{font-size: 32px;letter-spacing: .4px;}
    .section-service .service-text {width: 50%;}
    .section-service .service-text-page{width: 45%;gap:25px}
}
@media(max-width:899px){
    .section-service{padding:60px 0}
    .section-service .service-flex{align-items: center;gap:25px;}
    .section-service .service-text .service-text-title{font-size: 32px;line-height: 1.4;letter-spacing:-.4px}
    .section-service .service-icons{flex-wrap:wrap;gap:25px 15px;margin-top:0}
    .section-service .service-icons .icon-item{flex:1 1 calc(50% - 15px);min-width:120px}
    .section-service .all_btn{width:auto}
}
@media(max-width:768px){
    .section-service{padding:30px 0px}
    .section-service .service-flex{flex-direction: column;align-items: center;gap:15px}
    .section-service .service-text .service-text-title{font-size:24px !important;line-height:1.4;font-weight: 600;}
    .section-service .service-text .service-text-title{margin-bottom:0}
    .section-service .service-text{width: 100%;}
    .section-service .service-text-page{width: 100%;max-width: none;margin-bottom:0;}
    .section-service .service-icons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}
    .section-service .service-icons .icon-item{flex:none}
    .section-service .service-icons .icon-item img{max-width:60%;margin:0 auto;display:block}
    .section-service .service-icons .icon-item span{font-size:14px;line-height:20px;margin-top:10px}
    .section-service .service-flex>.all_btn{width: 100%;align-self: center;}
}
@media(max-width:430px){
    .section-service .service-icons .icon-item span{font-size:13px;line-height:18px}
}

.section-news{padding:140px 0 110px}
.all-news-style .top-head{margin-bottom: 50px;}
.all-news-style .section-title{font-size: 42px;margin-bottom: 20px;}
.all-news-style .title{margin-bottom: 20px;font-size: 42px;line-height: 47px;font-weight: 400;}
.all-news-style .news-img-wrap,
.all-news .news-img-wrap{width:100%;aspect-ratio:16/10;height:auto;overflow:hidden;display:block}
.all-news-style .news-img-wrap img,
.all-news .news-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.all-news .list{display:flex;flex-direction:column;height:100%;min-width:0}
.all-news-style .all-hover::after{font-size: 100px;font-family: 'Poppins';}
.all-news-style .next-news{right: -80px;}
.all-news-style .prev-news{left: -80px;}
.all-news-style .next-news::after{content: '>';}
.all-news-style .prev-news::after{content: '<';}
.all-news .box{padding: 20px 0 0;}
.all-news .news-title{font-size:20px;line-height: 28px;font-weight: 500;color:#333;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:20px}
.all-news .news-title:hover{color:var(--public-color)}
.all-news .news-meta{margin-bottom:20px;color: #999999;letter-spacing: 0;}
.all-news .news-date{font-size:18px;color:#666666;margin-top:20px}
@media (min-width:900px){.section-news{padding:clamp(60px,7vw,140px) 0 clamp(40px,5vw,110px)}}
@media(max-width:1570px){
    .section-news .all-style{padding-left:30px;padding-right:30px;}
    .all-news-style .next-news{right:-40px;}
    .all-news-style .prev-news{left:-40px;}
    .all-news-style .all-hover::after{font-size:30px;color: #ffffff;}
    .all-news-style .all-hover{width: 40px;min-width: 40px;height: 40px;border-radius: 100%;background-color: var(--public-color-1);border: 1px solid var(--public-color-1);}
    .all-news-style .all-hover:hover{background-color: #ffffff;}
    .all-news-style .all-hover:hover::after{color: var(--public-color-1);}
}
@media(max-width:1480px){
    .all-news-style .all-hover{margin-top: 0;top: 30%;}
    .all-news-style .next-news{right:-25px;}
    .all-news-style .prev-news{left:-25px;}
}
@media(max-width:1450px){
    .all-news-style .next-news{right:-15px;}
    .all-news-style .prev-news{left:-15px;}
}
@media(max-width:768px){
    .section-news{padding:30px 0;}
    .all-news-style .top-head{margin-bottom: 25px;}
    .all-news-style .title{margin-bottom: 15px;}
    .section-news .all-style{padding-left: 0;padding-right: 0;}
    .all-news .news-title{font-size: 20px;line-height: 1.4;margin-bottom: 10px;}
    .all-news .news-date{font-size: 14px;line-height: 1.2;}
}
@media(max-width:430px){.all-news-style .top-head{margin-bottom:25px;}}

.product-paper{padding-top: 95px;max-width:100%;overflow-x:clip}
.pro-items {margin-bottom: 130px;}
.pro-items .items-xl{min-width:0}
.pro-items .left,
.pro-items .right{min-width:0}
.pro-items .items{position: relative;margin-bottom: 90px;}
.pro-items .items:last-child{margin-bottom: 0;}
.pro-items .items::before{content: "";width: 50%;height: calc(100% - 100px);background-image: linear-gradient(-34deg, #e7e7e7 0%, #fafafa 100%);position: absolute;top: 0;left: 0;z-index: -1;}
.pro-items .items.no-items::before{height: 100%;}
.pro-items .items.items-no-img::before{height: 100%;}
.pro-items .items-xl{display: flex;justify-content: space-between;}
.pro-items .left{width: 50%;padding-top: 50px;display: flex;flex-direction: column;align-items: center;}
.pro-items .left img{mix-blend-mode: multiply;}
.pro-items .right{width: 45%;padding-top: 55px;}
.pro-items .box-img{background-color: #ffffff;border: solid 1px #cccccc;padding: 10px;display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;margin-right: 45px;}
.pro-items .t1{font-size: 32px;line-height: 47px;color: var(--public-color);font-weight: 600;margin-bottom: 20px;}
.pro-items .t1:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;}
.pro-items .text {margin-bottom: 35px;}
.pro-items .text p{margin-bottom: 15px;}
.pro-items .text p:last-child{margin-bottom: 0;}
.pro-items .text strong{color: var(--public-color);font-weight: 500;}
.pro-items .tags ul{display: flex;flex-wrap: wrap;gap: 12px;}
.pro-items .tags li{height: 48px;background-color: #f2f2f2;color: #666666;display: flex;align-items: center;padding: 0 20px 0 13px;}
.pro-items .tags li::before{content: "";width: 5px;height: 5px;background-color: var(--public-color);display: inline-block;margin-right: 10px;}
@media (min-width:900px){
    .product-paper{
        --pro-pad-top:clamp(60px,5vw,95px);
        --pro-item-mb:clamp(50px,6vw,90px);
    }
    .product-paper{padding-top:var(--pro-pad-top);}
    .pro-items .items{margin-bottom:var(--pro-item-mb);}
    .pro-items .t1{
        font-size:clamp(24px,1.5vw + 18px,32px);
        line-height:1.45;
    }
}
@media(max-width:1340px){
    .pro-items .t1{font-size:28px;line-height:40px;}
    .pro-items .right{padding-top:40px;}
    .pro-items .left{padding-top:40px;}
}
@media(max-width:1200px){
    .pro-items .left{width:48%;}
    .pro-items .right{width:48%;}
    .pro-items .box-img{margin-right:15px;}
}
@media(max-width:1000px){
    .pro-items .t1{font-size:24px;line-height:34px;}
    .pro-items .tags li{height:auto;min-height:48px;padding-top:10px;padding-bottom:10px;}
}
@media(max-width:899px){
    .product-paper{padding-top:60px;}
    .pro-items{margin-bottom:60px;}
    .pro-items .items{margin-bottom:50px;}
    .pro-items .items::before{width:100%;height:100%;}
    .pro-items .left{align-items:stretch;}
    .pro-items .left .img{width:100%;display:block;}
    .pro-items .left .img img{width:100%;height:auto;}
    .pro-items .box-img{
        width:100%;
        margin-right:0;
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .pro-items .text{margin-bottom: 25px;}
    .pro-items .tags li {padding-top: 5px;padding-bottom: 5px;}
}
@media(max-width:768px){
    .product-paper{padding-top:30px;}
    .pro-items .items-xl{
        flex-direction:column;
        gap:25px;
        align-items: center
    }
    .pro-items .left,
    .pro-items .right{
        width:100%;
        min-width:0;
        max-width:100%;
        padding-top:0;
    }
    .pro-items .right{padding-top: 0;}
    .pro-items{margin-bottom:30px;}
    .pro-items .items{margin-bottom:30px;padding: 25px 0;}
    .pro-items .left{align-items: center;}
    .pro-items .left .img {width: 85%;}
    .pro-items .t1{font-size:20px;line-height:1.4;margin-bottom:15px;}
    .pro-items .text{margin-bottom:25px;}
    .pro-items .text p{margin-bottom: 10px;}
    .pro-items .box-img{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;}
}
@media(max-width:580px){
    .pro-items .items-xl{gap: 0;}
    .pro-items .box-img{display: none;}
}
@media(max-width:430px){
    .pro-items .t1{font-size:18px;line-height:26px;}
    .pro-items .tags li{font-size:14px;line-height:20px;padding:8px 15px 8px 13px;}
}


/* product-content 产品详情页 */
.banner-pro-in{background-image:linear-gradient(to right,#fafafa,#e7e7e7);background-blend-mode:normal,normal;margin-bottom:-50px;padding-top:25px;max-width:100%;overflow-x:clip}
.banner-pro-in .small-nav ul a{color:#999999}
.pro-in-first{display:flex;justify-content:space-between;padding-top:50px;padding-bottom:150px;min-width:0}
.pro-in-first .left{width:50%;position:relative;min-width:0}
.pro-in-first .left .img img,.pro-in-first .left .img>a{mix-blend-mode:multiply;max-width:100%}
.pro-in-first .left .img{width:100%}
.pro-in-first .right{width:44%;min-width:0}
.pro-in-first .speed{background:url(../../images/p-i-2.webp)no-repeat;width:125px;aspect-ratio:1;background-size:100% 100%;border-radius:100%;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:#333333;margin-bottom:-50px}
.pro-in-first .speed strong{color:var(--public-color);font-size:28px;font-weight:600}
.pro-in-first .model{font-size:20px;color:var(--public-color);font-weight:500}
.pro-in-first h1{font-size:32px;line-height:48px;color:#333333;font-weight:600;letter-spacing:-1px;margin:15px 0 25px;word-wrap:break-word;hyphens:auto}
.pro-in-first .text{margin-bottom:60px}
.pro-in-first .btn-box{display:flex;flex-wrap:wrap;align-items:center;gap:20px 50px}
@media (min-width:900px){
    .pro-in-first{padding-bottom:clamp(60px,10vw,150px)}
    .pro-in-first h1{font-size:clamp(24px,1.5vw + 18px,32px);line-height:1.45}
}
@media(max-width:1340px){
    .pro-in-first .speed{width:110px;margin-bottom:-40px}
    .pro-in-first .speed strong{font-size:24px}
}
@media(max-width:1200px){
    .pro-in-first{align-items: center;}
    .pro-in-first .text{margin-bottom: 40px;}
}
@media(max-width:899px){
    .banner-pro-in{margin-bottom:0;padding-top:15px}
    .pro-in-first{flex-direction:column;gap:25px;padding-top:25px;padding-bottom:60px;align-items:stretch;}
    .pro-in-first .left{width: 70%;}
    .pro-in-first .right{width:100%;max-width:100%}
}
@media(max-width:768px){
    .pro-in-first{padding:30px 0;gap: 0;}
    .pro-in-first h1{font-size:24px;line-height:1.4;letter-spacing:0;margin:0px 0 15px}
    .pro-in-first .model{font-size:16px;line-height:24px}
    .pro-in-first .text{margin-bottom:30px}
    .pro-in-first .speed{width:90px;margin-bottom:-25px}
    .pro-in-first .speed strong{font-size:20px}
    .pro-in-first .btn-box{gap:15px}
    .pro-in-first .btn-box .img-1 img{max-width:120px;height:auto}
    .detail-nav.fadeInDown , .detail-nav{display: none;}
}
@media(max-width:600px){
    .pro-in-first .left {width: 100%;}
}

.detail-nav::before{content:"";width:65%;height:4px;background:url(../../images/p-i-back-1.webp) no-repeat;background-size:100% 100%;position:absolute;left:0;bottom:0}
.detail-nav{margin:0 0 50px;position:sticky;top:90px;height:fit-content;z-index:4;max-width:100%;overflow-x:clip}
.detail-nav .detail-box{display:flex;justify-content:space-between;gap:100px;min-width:0}
.detail-nav-xl{display:flex;width:calc(100% - 340px - 100px);min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.detail-nav-xl a{width:100%;height:50px;font-size:20px;line-height:29px;padding:0 40px;color:#666666;font-weight:500;display:flex;align-items:center;justify-content:center;position:relative;transition:all 0.3s ease-in-out;white-space:nowrap}
.detail-nav-xl li{min-width:205px;position:relative;display:flex;align-items:center;z-index:0;flex-shrink:0}
.detail-nav-xl li::before{content:"";width:1px;height:20px;background-color:#cccccc;position:absolute;right:1px;z-index:-1}
.detail-nav-xl li:last-child::before{display:none}
.detail-nav-xl li.active a,.detail-nav-xl li:hover a{color:#ffffff !important;background-color:var(--public-color-1);font-weight:500}
.detail-nav.fadeInDown{background-color:#f8f8f8;box-shadow:0px 9px 20px 0px rgba(0,0,0,0.1);padding:0}
.detail-nav.fadeInDown a{background-color:transparent}
.detail-tech{width:340px;min-width:260px;height:50px;background-color:#333333;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 15px;position:relative;z-index:4;flex-shrink:0}
.detail-tech h5{font-size:16px;line-height:25px;color:#ffffff;font-weight:400;letter-spacing:0;white-space:nowrap}
.detail-tech a{color:#fff;font-size:14px;letter-spacing:0;font-family:'Poppins'}
.detail-tech .social>span,.detail-tech .social>a{border-radius:0;background-color:#5c5c5c!important;width:33px;height:33px;display:flex;justify-content:center;align-items:center}
.detail-tech .social>span:before,.detail-tech .social>a:before{color:#ffffff;width:auto;font-size:16px}
.detail-tech .all-social{display:flex;gap:6px}
@media(max-width:1430px){
    .detail-nav-xl{width:auto}
    .detail-nav-xl li{min-width:160px}
    .detail-nav-xl a{font-size:18px;padding:0 25px}
    .detail-tech{width:auto;max-width: 380px;min-width:240px;flex: 1;}
    .detail-nav .detail-box{gap:60px}
}
@media(max-width:1200px){
    .detail-nav-xl li{min-width:130px}
    .detail-nav-xl a{font-size:16px;padding:0 15px;height:46px;line-height:24px}
    .detail-tech{width:260px;min-width:220px;height:46px}
}
@media(max-width:1000px){
    .detail-nav .detail-box{flex-direction:column;gap:15px;align-items:stretch}
    .detail-nav-xl{width:100%}
    .detail-nav-xl li{min-width:120px}
    .detail-tech{width:100%;min-width:0;display: none;}
    .detail-nav::before{width:100%}
}
@media(max-width:991px){
    .detail-nav{top: 67px;}
}
@media(max-width:768px){
    .detail-nav{top:50px;margin-bottom:30px}
    .detail-nav-xl a{font-size:14px;line-height:20px;height:42px;padding:0 12px}
    .detail-nav-xl li{min-width:96px}
    .detail-tech h5{font-size:14px;line-height:20px}
    .detail-tech .social>span,.detail-tech .social>a{width:28px;height:28px}
}

.pro-in-paper{max-width:1920px;margin:0 auto;overflow-x:clip;width:100%}
.pro-in-paper .title-xl{font-size:32px;font-weight:600;margin-bottom:60px;color:#333333;word-wrap:break-word;hyphens:auto}

.p-i-content{padding-top:70px;margin-bottom:60px;max-width:100%;overflow-x:clip}
.p-i-content .article>div{margin-bottom:95px}
.p-i-content .article>div:last-child{margin-bottom:0}
.p-i-content-xl{display:flex;justify-content:space-between;gap:60px;min-width:0}
.p-i-content .cont,.p-i-content .text{color:#666666}
.p-i-content .article{width:calc(100% - 60px - 340px);min-width:0}
.p-i-content .aside{width:340px;min-width:280px}
.p-i-content .aside-1{min-height:230px;background-color:#b5101d;border-radius:8px;padding:20px 25px 20px 35px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:25px}
.p-i-content .aside-1 .text{font-size:16px;line-height:25px;color:#ffffff;margin-bottom:30px}
.p-i-content .aside-1 .all_btn-1{font-size:16px;letter-spacing:0}
.p-i-content .aside-1 .all_btn-1:hover{background-color:#ffffff;color:var(--public-color)}
.p-i-content .aside-2{background-color:#eeeeee;border-radius:8px;padding:30px 35px}
.p-i-content .aside-2 .h5{font-size:20px;font-weight:600;margin-bottom:30px}
.p-i-content .aside-2 .box-xl{margin-bottom:30px}
.p-i-content .aside-2 .box-xl:last-child{margin-bottom:0}
.p-i-content .aside-2 .t1{display:grid;grid-template-columns:28px auto;gap:0 10px;font-size:18px;line-height:28px;font-weight:500;margin-bottom:10px}
.p-i-content .aside-2 span{min-width:28px;height:28px;display:inline-flex;justify-content:center;align-items:center;border-radius:4px;border:solid 2px #b5101d;font-size:20px;color:var(--public-color)}
.p-i-content .aside-2 .cont{color:#666666}
@media (min-width:900px){
    .pro-in-paper .title-xl{font-size:clamp(24px,1.5vw + 18px,32px);margin-bottom:clamp(30px,5vw,60px)}
}
@media(max-width:1000px){
    .p-i-content-xl{flex-direction:column;gap:25px;align-items:stretch;}
    .p-i-content .article,
    .p-i-content .aside{width:100%;min-width:0;max-width:100%}
    .pro-in-paper .title-xl{font-size:28px;line-height:1.4;margin-bottom:25px}
}
@media(max-width:768px){
    .p-i-content{padding-top:30px;margin-bottom:30px}
    .p-i-content .article>div{margin-bottom:40px}
    .pro-in-paper .title-xl{font-size:22px;line-height:1.3;margin-bottom:15px}
    .p-i-content .aside-1{min-height:0;padding:20px}
    .p-i-content .aside-1 .all_btn-1{width: 100%;}
    .p-i-content .aside-2{padding:20px}
    .p-i-content .aside-2 .h5{margin-bottom:20px}
}

.overview .content{display:flex;justify-content:space-between;align-items:center;min-width:0}
.overview .left{width:50%;min-width:0}
.overview .right{width:45%;min-width:0}
.overview .title-xl{margin-bottom:30px}
.overview .right img{max-width:100%;height:auto}
.overview p{margin-bottom:20px}
.overview p:last-child{margin-bottom:0}
@media(max-width:899px){
    .overview .content{flex-direction:column-reverse;gap:25px;align-items:stretch;}
    .overview .left,
    .overview .right{width:100%;max-width:100%}
    .overview .title-xl{margin-bottom: 20px;}
}
@media(max-width:768px){
    .overview .content{gap: 15px;}
    .overview .title-xl{margin-bottom: 10px;}
}

.features .items{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;min-width:0}
.features .items:last-child{margin-bottom:0}
.features .left{width:45%;min-width:0}
.features .right{width:50%;min-width:0}
.features .left iframe{width:100%;display:block}
.features li{font-size:18px;line-height:26px;margin-bottom:15px;position:relative;padding-left:35px}
.features li::before{content:"\f00c";color:var(--public-color);font-family:'cmsfont';font-size:20px;position:absolute;left:0}
.features li:last-child{margin-bottom:0}
@media(max-width:899px){
    .features .items{flex-direction:column;gap:25px;align-items:stretch;margin-bottom:30px;}
    .features .left,
    .features .right{width:100%;max-width:100%}
    .features .left iframe{min-height:200px;height:auto;aspect-ratio:16/9}
}
@media(max-width:768px){
    .features .right{font-size:14px;line-height:20px}
    .features li{font-size:16px;line-height:24px;padding-left:25px;margin-bottom: 10px;}
    .features li::before{font-size: 16px;}
}

.specifications .content{max-width:100%;overflow-x:auto}
@media(max-width:768px){
    .specifications .title-xl{margin-bottom:20px}
}

.equipment .grid{--bs-gap:30px 25px}
.equipment .list{text-align:center}
.equipment .img{margin-bottom:20px}
.equipment .img img{max-width:100%;height:auto}
.equipment .t1{font-size:18px;line-height:28px;color:#666666;font-weight:500}
@media(max-width:768px){
    .equipment .t1{font-size:16px;line-height:24px}
    .equipment .grid{--bs-gap:20px 15px}
}

.p-i-faq{margin-bottom:60px}
.p-i-faq .all-big-faq{padding-top:0;padding-bottom:0}
.p-i-faq .all-big-faq .content{display:block}
@media(max-width:1000px){.p-i-faq .all-big-faq .content{display:block}}
@media(max-width:768px){
    .p-i-faq{margin-bottom:30px}
    .p-i-faq .all-big-faq{padding:0}
}

.p-i-products{margin-bottom:115px;max-width:100%;overflow-x:clip}
.p-i-products .title-xl{margin-bottom:60px;word-wrap:break-word;hyphens:auto}
.p-i-products .grid{--bs-gap:40px}
.p-i-products .img{background-image:linear-gradient(to right,#fafafa,#e7e7e7);padding:30px 25px;margin-bottom:30px}
.p-i-products .img img{mix-blend-mode:multiply;max-width:100%;height:auto}
.p-i-products .t1{font-size:20px;line-height:25px;color:#333333;font-weight:600;margin-bottom:30px}
@media (min-width:900px){
    .p-i-products .title-xl{font-size:clamp(24px,1.5vw + 18px,32px);margin-bottom:clamp(30px,5vw,60px)}
}
@media(max-width:768px){
    .p-i-products{margin-bottom:30px}
    .p-i-products .title-xl{font-size:22px;line-height:32px;margin-bottom:25px}
    .p-i-products .t1{font-size:18px;line-height:26px;margin-bottom:15px}
    .p-i-products .img{padding:20px 15px;margin-bottom:20px}
    .p-i-products .grid{--bs-gap:35px 15px}
}
@media(max-width:430px){
    .p-i-products .t1{font-size:16px;line-height:24px}
}


/* product-index-app 应用首页 */
.app-paper{max-width:1920px;margin:0 auto;overflow-x:clip;width:100%}
.app-paper .all-top-head .stat-item-xl{width:90%;text-align:center}
.app-paper .all-top-head h3{font-weight:600;margin-bottom:25px}
.app-paper .all-top-head .stat-item{justify-content:center}
.app-paper .all-top-head .stat-item:first-child,
.app-paper .all-top-head .stat-item:last-child{justify-content:center}
@media(max-width:1530px){
    .app-paper .all-top-head h3{font-size: 38px;line-height: 1.4;margin-bottom: 20px;}
}
@media(max-width:1430px){
    .app-paper .all-top-head h3{font-size: 32px;margin-bottom: 15px;}
}
@media(max-width:1340px){
    .app-paper .all-top-head h3{font-size: 28px;}
}
@media(max-width:1200px){
    .app-paper .all-top-head .stat-item-xl{width: 95%;}
}
@media(max-width:1100px){
    .app-paper .all-top-head h3{font-size: 24px;margin-bottom: 15px;}
}
@media(max-width:768px){
    .app-paper .all-top-head .stat-item:first-child{padding-top: 0;}
    .app-paper .all-top-head h3{font-size: 22px;margin-bottom:10px}
    .app-paper .all-big-faq{padding:30px 0}
}

.app-first{padding-top:120px;padding-bottom:85px;max-width:100%;overflow-x:clip}
.app-first .title{margin-bottom:95px}
.app-first .content{display:flex;flex-wrap:wrap;justify-content:center;gap:0}
.app-first .list{max-width:calc(100% / 4);width:100%;flex:0 0 calc(100% / 4);aspect-ratio:1/1;min-width:0;border:solid 1px #cccccc;position:relative;box-sizing:border-box}
.app-first .list .img-1{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out;z-index:1}
.app-first .list .img-1 img{max-width:80%;max-height:80%;object-fit:contain}
.app-first .list .img-2{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}
.app-first .list .img-2 img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover}
.app-first .list .t1{font-size:20px;line-height:29px;color:#666666;position:absolute;bottom:0;left:0;width:100%;text-align:center;padding:0 10px 25px;transition:all .3s ease-in-out;z-index:2;box-sizing:border-box}
.app-first .list:hover .img-1{z-index:-1}
.app-first .list:hover .img-2{background-color:#000000}
.app-first .list:hover .img-2 img{opacity:.5}
.app-first .list:hover .t1{color:#ffffff}
@media (min-width:900px){
    .app-first{padding-top:clamp(60px,7vw,120px);padding-bottom:clamp(40px,5vw,85px)}
    .app-first .title{margin-bottom:clamp(40px,6vw,95px)}
    .app-first .list .t1{font-size:18px;line-height:26px;padding-bottom:20px}
}
@media(max-width:899px){
    .app-first{padding-top:60px;padding-bottom:60px}
    .app-first .title{margin-bottom:40px}
    .app-first .list .t1{font-size:16px;line-height:24px;padding-bottom:15px}
}
@media(max-width:768px){
    .app-first{padding:30px 0}
    .app-first .title{margin-bottom:25px}
    .app-first .list .t1{padding-bottom: 10px;}
    .app-first .list{width: 100%;max-width: 100%;}
    .app-first .all-style{padding-bottom: 30px;}
    .app-first .pag-app-first{bottom: 0;left: 0;}
}
@media(max-width:580px){
    .app-first .list{max-width:100%;flex:0 0 100%;aspect-ratio:4/3}
}
@media(max-width:430px){
    .app-first .list .t1{font-size:14px;line-height:20px}
}

.app-second{height:auto;min-height:356px;background-color:#eeeeee;padding:60px 0 65px;max-width:100%;overflow-x:clip}
.app-second .title{margin-bottom:50px}
.app-second .img{mix-blend-mode:multiply;text-align:center}
.app-second .img img{max-width:100%;height:auto}
@media (min-width:900px){
    .app-second{padding:clamp(40px,5vw,60px) 0 clamp(40px,5vw,65px)}
    .app-second .title{margin-bottom:clamp(25px,4vw,50px)}
}
@media(max-width:768px){
    .app-second{min-height:0;padding:30px 0;height:auto}
    .app-second .title{margin-bottom:25px}
}

.app-faq{padding-top:115px;margin-bottom:85px}
.app-faq .title{margin-bottom: 30px;}

/* product-list-app 应用详情页 */
.app-in-paper{max-width:1920px;margin:0 auto;overflow-x:clip;width:100%}
@media(max-width:768px){
    .app-in-paper .all-big-faq{padding:30px 0}
}

.app-in-top{padding:35px 0 20px;box-shadow:0px -4px 20px 0px rgba(0,0,0,0.1);max-width:100%;overflow-x:clip}
.app-in-top .content{display:flex;justify-content:space-between;gap:30px;min-width:0}
.app-in-top .list{flex:1;display:flex;flex-direction:column;text-align:center;align-items:center;min-width:0}
.app-in-top .list .img{display:flex;justify-content:center;align-items:center}
.app-in-top .list .img img{height:100px;max-width:143px;width:auto}
.app-in-top .list .t1{font-size:16px;line-height:29px;color:#666666;word-wrap:break-word;hyphens:auto}
@media (min-width:900px){
    .app-in-top .list .img img{height:clamp(70px,6vw,100px)}
}
@media(max-width:899px){
    .app-in-top .content{flex-wrap:wrap;gap:20px 15px;justify-content:center}
    .app-in-top .list{flex:0 1 calc(33.333% - 10px);min-width:100px}
}
@media(max-width:768px){
    .app-in-top{padding:25px 0 15px}
    .app-in-top .content{
        flex-wrap:nowrap;
        overflow-x:auto;
        justify-content:flex-start;
        gap:20px;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x mandatory;
        padding-bottom:5px;
    }
    .app-in-top .list{flex:0 0 auto;min-width:90px;scroll-snap-align:start}
    .app-in-top .list .img img{height:70px;max-width:100px}
    .app-in-top .list .t1{font-size:14px;line-height:20px}
}
@media(max-width:430px){
    .app-in-top .list .img img{height:60px;max-width:85px}
    .app-in-top .list .t1{font-size:13px;line-height:18px}
}

.app-in-first{background-color:#eeeeee;max-width:100%;overflow-x:clip}
.app-in-first .max-1630px{max-width:1630px;position:relative}
.app-in-first .small-nav{justify-content:normal}
.app-in-first .content{display:flex;justify-content:space-between;align-items:center;min-width:0}
.app-in-first .left{width:37%;padding-top:30px;padding-bottom:30px;min-width:0}
.app-in-first .right{width:58%;min-width:0}
.app-in-first .right img{max-width:100%;height:auto;display:block}
.app-in-first h1{font-size:60px;line-height:72px;font-weight:400;word-wrap:break-word;hyphens:auto}
.app-in-first .text{color:#666666;margin:25px 0 45px}
@media (min-width:900px){
    .app-in-first h1{font-size:clamp(32px,3.5vw + 18px,60px);line-height:1.2}
}
@media(max-width:1650px){
    .app-in-first .max-1630px{padding-left: 15px;}
}
@media(max-width:1630px){
    .app-in-first .small-nav{padding-left: 15px;}
}
@media(max-width:1530px){
    .app-in-first .left{padding-top: 40px;}
    .app-in-first h1{font-size: 52px;line-height: 1.4;}
}
@media(max-width:1430px){
    .app-in-first h1{font-size: 48px;line-height: 1.4;}
    .app-in-first .text{margin: 15px 0 30px;}
}
@media(max-width:1340px){
    .app-in-first h1{font-size:42px;line-height:1.2}
}
@media(max-width:1270px){
    .app-in-first h1{font-size:38px;}
}
@media(max-width:1200px){
    .app-in-first h1{font-size:34px;}
}
@media(max-width:899px){
    .app-in-first .max-1630px{padding-left: 15px;padding-right: 15px;margin-right: auto;}
    .app-in-first .content{flex-direction:column-reverse;gap:25px;align-items:stretch;}
    .app-in-first .left,
    .app-in-first .right{width:100%;max-width:100%;padding-top:0}
    .app-in-first .left{padding-bottom:30px}
    .app-in-first .small-nav{position:relative;top:auto;left:auto;right:auto;padding:0 0 10px}
    .app-in-first .small-nav ul a{color:#999999}
}
@media(max-width:768px){
    .app-in-first .left{padding:0px 0 30px}
    .app-in-first h1{font-size:24px;line-height:32px;font-weight:600}
    .app-in-first .text{margin:15px 0 25px}
}
@media(max-width:430px){
    .app-in-first h1{font-size:22px;line-height:32px}
}

.app-in-type{padding:110px 0 95px;max-width:100%;overflow-x:clip}
.app-in-type .top-head{margin-bottom:60px}
.app-in-type .title{margin-bottom:25px}
.app-in-type .grid{--bs-gap:30px 35px}
.app-in-type .list{position:relative;overflow:hidden}
.app-in-type .list .img img{width:100%;height:auto;display:block}
.app-in-type .t1{position:absolute;left:0;bottom:0;width:100%;height:60px;background-color:rgba(255,255,255,.8);display:flex;justify-content:center;align-items:center;font-size:20px;line-height:29px;font-weight:500;padding:0 10px;box-sizing:border-box;text-align:center}
@media (min-width:900px){
    .app-in-type{padding:clamp(60px,7vw,110px) 0 clamp(50px,6vw,95px)}
    .app-in-type .top-head{margin-bottom:clamp(30px,4vw,60px)}
}
@media(max-width:1200px){
    .app-in-type .t1{height: auto;padding: 10px 15px;}
}
@media(max-width:899px){
    .app-in-type{padding:60px 0}
    .app-in-type .top-head{margin-bottom:40px}
    .app-in-type .t1{font-size:18px;line-height:26px;height:50px}
}
@media(max-width:768px){
    .app-in-type{padding:30px 0}
    .app-in-type .top-head{margin-bottom:25px}
    .app-in-type .grid{--bs-gap:20px 15px}
    .app-in-type .t1{font-size:16px;line-height:1.2;font-weight: 600;height:auto;min-height:48px;padding:0px;position: static;background-color: #ffffff;}
}
@media(max-width:375px){
    .app-in-type .grid .g-col-12{grid-column: auto / span 12;}
}

.app-in-pro{position:relative;padding-top:85px;padding-bottom:85px;max-width:100%;overflow-x:clip}
.app-in-pro::before{content:"";width:100%;height:65%;background-color:var(--public-color);position:absolute;left:0;top:0;z-index:-1}
.app-in-pro .title{color:#ffffff;margin-bottom:70px}
.app-in-pro .grid{--bs-gap:30px 35px}
.app-in-pro .list{background-color:#ffffff;box-shadow:0px 5px 24px 0px rgba(0,0,0,0.1);height:100%}
.app-in-pro .img{height:275px;background-image:linear-gradient(to right,#fafafa,#e7e7e7);display:flex;justify-content:center;align-items:center;padding:30px 25px;overflow:hidden}
.app-in-pro .img img{mix-blend-mode:multiply;max-width:100%;max-height:100%;object-fit:contain}
.app-in-pro .box{padding:25px 20px 10px}
.app-in-pro .t1{font-size:20px;line-height:29px;font-weight:500;margin-bottom:15px;display:block}
.app-in-pro li{display:flex;justify-content:space-between;padding:10px 20px 10px 15px;gap:10px}
.app-in-pro li>*{font-size:16px;color:#666666;font-weight:400;font-style:normal;min-width:0;word-wrap:break-word}
.app-in-pro li em{color:var(--public-color)}
.app-in-pro li:nth-child(odd){background-color:#eeeeee}
@media (min-width:900px){
    .app-in-pro{padding-top:clamp(50px,5vw,85px);padding-bottom:clamp(50px,5vw,85px)}
    .app-in-pro .title{margin-bottom:clamp(35px,5vw,70px)}
    .app-in-pro .img{height:clamp(200px,18vw,275px)}
}
@media(max-width:899px){
    .app-in-pro{padding-top:60px;padding-bottom:60px}
    .app-in-pro .title{margin-bottom:40px}
}
@media(max-width:768px){
    .app-in-pro{padding:30px 0}
    .app-in-pro::before{height:100%}
    .app-in-pro .title{margin-bottom:25px}
    .app-in-pro .grid{--bs-gap:20px 15px}
    .app-in-pro .img{height:200px;padding:20px 15px}
    .app-in-pro .box{padding:20px 15px 10px}
    .app-in-pro .t1{font-size:18px;line-height:26px;margin-bottom:10px}
    .app-in-pro li{padding:10px 15px}
    .app-in-pro li>*{font-size:14px;line-height:20px}
}



/* article-index-service 服务页 */
.service-paper{max-width:1920px;margin:0 auto;overflow-x:clip;width:100%}
.service-paper .all-top-head .stat-item-xl{width:90%;text-align:center}
.service-paper .all-top-head h3{font-weight:600}
.service-paper .all-top-head .stat-item{justify-content:center}
.service-paper .all-top-head .stat-item:first-child,
.service-paper .all-top-head .stat-item:last-child{justify-content:center}
@media(max-width:1340px){
    .service-paper .all-top-head .stat-item-xl{width: 100%;}
}
@media(max-width:768px){
    .service-paper .all-big-faq{padding:30px 0}
}

.service-first{padding-top:115px;margin-bottom:115px;max-width:100%;overflow-x:clip}
.service-first .content{display:flex;justify-content:space-between;align-items:center;min-width:0}
.service-first .left{width:50%;min-width:0}
.service-first .right{width:45%;min-width:0}
.service-first .left img{max-width:100%;height:auto;display:block}
.service-first .text{margin:45px 0}
.service-first .text p{margin-bottom:15px}
.service-first .text p:last-child{margin-bottom:0}
.service-first .text ul{display:flex;flex-wrap:wrap;color:var(--public-color);margin-bottom:15px;
    -moz-hyphens:auto;
    -ms-hyphens:auto;
    -webkit-hyphens:auto;
    hyphens:auto;
    word-wrap:break-word}
.service-first .text li{list-style-type:none;
    -moz-hyphens:auto;
    -ms-hyphens:auto;
    -webkit-hyphens:auto;
    hyphens:auto;
    word-wrap:break-word}
.service-first .text li::after{content:url(../../images/ser-sign-1.webp);display:inline-block;margin:0 5px;transform:translateY(-2px)}
@media (min-width:900px){
    .service-first{padding-top:clamp(60px,7vw,115px);margin-bottom:clamp(60px,7vw,115px)}
}
@media(max-width:1340px){
    .service-first .text{margin: 25px 0 40px;}
}
@media(max-width:1230px){
    .service-first .text{margin: 20px 0 35px;}
}
@media(max-width:899px){
    .service-first{padding-top:60px;margin-bottom:60px}
    .service-first .content{flex-direction:column;gap:25px;align-items:stretch}
    .service-first .left,
    .service-first .right{width:100%;max-width:100%}
    .service-first .text{margin:25px 0}
}
@media(max-width:768px){
    .service-first{padding-top:30px;margin-bottom:40px}
    .service-first .content{gap: 15px;}
    .service-first .text{margin:15px 0 25px}
    .service-first .text ul{flex-direction:column;gap:5px}
    .service-first .text li::after{display:none}
}

.service-second{margin-bottom:85px;max-width:100%;overflow-x:clip}
.service-second .h4{margin-bottom:65px;text-align:center;font-size:28px;line-height:32px;color:#333333;word-wrap:break-word;hyphens:auto}
.service-second .grid{--bs-gap:30px 40px}
.service-second .list:hover{transform:translateY(-10px)}
.service-second .list{background-color:#ffffff;box-shadow:0px 5px 24px 0px rgba(0,0,0,0.1);height:100%;transition:all .3s ease-in-out;min-width:0}
.service-second .list .img{overflow:hidden}
.service-second .list .img img{width:100%;height:auto;display:block}
.service-second .box{padding:30px 35px}
.service-second .t1{font-size:20px;line-height:29px;font-weight:500;margin-bottom:20px}
@media (min-width:900px){
    .service-second{margin-bottom:clamp(40px,5vw,85px)}
    .service-second .h4{font-size:clamp(22px,2vw,28px);line-height:1.3;margin-bottom:clamp(35px,5vw,65px)}
}
@media(max-width:1330px){
    .service-second .h4{margin-bottom:50px;}
}
@media(max-width:899px){
    .service-second{margin-bottom:60px}
    .service-second .h4{margin-bottom:40px;padding:0 15px}
    .service-second .grid{--bs-gap:25px 20px}
}
@media(max-width:768px){
    .service-second{margin-bottom:30px}
    .service-second .h4{font-size:22px;line-height:30px;margin-bottom:25px}
    .service-second .box{padding:20px 15px}
    .service-second .t1{font-size:20px;line-height:1.4;margin-bottom:15px}
    .service-second .list:hover{transform:none}
}
@media(max-width:430px){
    .service-second .h4{font-size:18px;line-height:26px}
}

.service-worldwide{position:relative;max-width:1920px;overflow-x:clip;width:100%;margin:0 auto;min-height:500px;display:flex;align-items:stretch}
.service-worldwide>img.img-height{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.service-worldwide-xl{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;justify-content:center;padding:80px 0}
.service-worldwide .content-1{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;margin-bottom:70px;min-width:0}
.service-worldwide .img-back{position:absolute;right:0;width:64%;height:470px;z-index:-1;max-width:100%;overflow:hidden}
.service-worldwide .img-back img{width:100%;height:100%;object-fit:cover}
.service-worldwide .left{width:35%;min-width:0}
.service-worldwide .right{width:53%;min-width:0}
.service-worldwide .right img{max-width:100%;height:auto;display:block}
.service-worldwide .h3{font-size:48px;line-height:60px;color:#ffffff;word-wrap:break-word;hyphens:auto}
.service-worldwide .text{color:#cccccc;margin:35px 0 40px}
.service-worldwide .content-2{position:relative;}
.service-worldwide .content-2 .all-hover-next{right:-15px}
.service-worldwide .content-2 .all-hover-prev{left:-15px}
.service-worldwide .content-2 .swiper-slide .img{overflow:hidden}
.service-worldwide .content-2 .swiper-slide img{width:100%;height:auto;display:block}
@media (min-width:900px){
    .service-worldwide .h3{font-size:clamp(28px,3vw,48px);line-height:1.25}
    .service-worldwide-xl{padding:clamp(50px,6vw,80px) 0}
    .service-worldwide .img-back{height:clamp(300px,28vw,470px)}
}
@media(max-width:1200px){
    .service-worldwide .img-back{width:55%}
    .service-worldwide .left{width:45%}
    .service-worldwide .right{width:50%}
    .service-worldwide .text{margin: 30px 0 40px}
}
@media(max-width:1000px){
    .service-worldwide .text{margin: 20px 0 35px}
}
@media(max-width:899px){
    .service-worldwide{min-height:0}
    .service-worldwide-xl{padding:60px 0}
    .service-worldwide .content-1{flex-direction:column-reverse;gap:25px;margin-bottom:40px;align-items:stretch;}
    .service-worldwide .img-back{display:none}
    .service-worldwide .left,
    .service-worldwide .right{width:100%;max-width:100%}
    .service-worldwide .text{margin:20px 0 25px}
}
@media(max-width:768px){
    .service-worldwide-xl{padding:30px 0}
    .service-worldwide .content-1{margin-bottom:25px}
    .service-worldwide .h3{font-size:28px;line-height:38px;font-weight:600}
    .service-worldwide .text{margin:15px 0 20px;font-size:14px;line-height:20px}
    .service-worldwide .content-2 .all-hover::after{font-size:28px}
}
@media(max-width:430px){
    .service-worldwide .h3{font-size:22px;line-height:32px}
}


/* article-index-about 关于页 */
.about-section{max-width:1920px;margin:0 auto;overflow-x:clip;width:100%}

.about-section-header{padding:100px 0 60px;max-width:100%;overflow-x:clip}
.about-section-header .section-title{text-align:left;margin-bottom:60px}
.about-section-header .text{text-align:left;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px 80px;max-height:330px;overflow-x:hidden;word-break:break-word;min-width:0}
.about-section-header .text p{flex:1 1 auto;max-width:670px;min-width:0;width:100%;overflow-wrap:break-word}
@media (min-width:900px){
    .about-section-header{padding:clamp(60px,7vw,100px) 0 clamp(40px,5vw,60px)}
    .about-section-header .section-title{margin-bottom:clamp(30px,4vw,60px)}
}
@media (max-width:1430px){
    .about-section-header .text{flex-wrap:nowrap;max-height:none;gap:20px}
    .about-section-header .text p{max-width:100%}
}
@media(max-width:768px){
    .about-section-header{padding:30px 0}
    .about-section-header .section-title{margin-bottom:25px}
    .about-section-header .text{gap: 10px;}
}


.about-milestone{background:linear-gradient(180deg,#fff 140px,#eee 1%);max-width:100%;overflow-x:clip}
.about-milestone-img{position:relative;padding-bottom:0;max-width:100%}
.about-milestone-img .about-video{position:relative;width:100%;height:100%;overflow:hidden}
.about-milestone-img .about-video img{width:100%;height:auto;display:block}
.about-milestone-img .svg{
    position:absolute;
    bottom:25px;
    left:30px;
    cursor:pointer;
    border-radius:100%;
    overflow:hidden;
    transition:all .3s ease-in-out;
    max-width:80px;
    z-index:3;
}
.about-milestone-img .svg:hover{transform:scale(1.08)}
.about-milestone-img .svg img{max-width:100%;height:auto;display:block}
.about-milestone-list{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    background:#b5101d;
    padding:35px 0;
    position:absolute;
    top:140px;
    right:0;
    width:870px;
    max-width:calc(100% - 30px);
    z-index:2;
    box-sizing:border-box;
}
.about-milestone-list .box{
    flex:1;
    color:#fff;
    border-right:1px dashed rgba(255,255,255,0.2);
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:0 10px;
    min-width:0;
    box-sizing:border-box;
}
.about-milestone-list .box:last-child{border-right:none}
.about-milestone-list .box-xl{min-width:0;width:100%}
.about-milestone-list .box-xl>div:first-child{font-size:42px;font-weight:600;margin-bottom:20px;line-height:1.1}
.about-milestone-list .box-xl>div:last-child{font-size:16px;line-height:1.4;word-wrap:break-word;hyphens:auto}
@media(min-width:900px){
    .about-milestone-list .box-xl>div:first-child{font-size:clamp(28px,2.5vw,42px);margin-bottom:clamp(10px,1.5vw,20px)}
    .about-milestone-list .box-xl>div:last-child{font-size:clamp(14px,1vw,16px)}
}
@media(max-width:1200px){
    .about-milestone-img .svg{top: 50%;bottom: auto;left: 50%;transform:translate(-50%,-50%);max-width: 60px;}
    .about-milestone-list{
        width:100%;
        max-width:100%;
        position:relative;
        top:auto;
        right:auto;
        margin-top:20px;
    }
    .about-milestone-list .box{flex:1 1 25%;padding:15px 10px}
}
@media(max-width:899px){
    .about-milestone{background:linear-gradient(180deg,#fff 80px,#eee 1%)}
    .about-milestone-list .box{
        flex:1 1 50%;
        border-right:none;
        border-bottom:1px dashed rgba(255,255,255,0.2);
        padding:18px 12px;
    }
    .about-milestone-list .box:nth-child(odd){border-right:1px dashed rgba(255,255,255,0.2)}
    .about-milestone-list .box:nth-child(-n+2){border-bottom:1px dashed rgba(255,255,255,0.2)}
    .about-milestone-list .box:nth-child(3),
    .about-milestone-list .box:nth-child(4){border-bottom:none}
    .about-milestone-list .box-xl>div:first-child{font-size:32px;margin-bottom:10px}
    .about-milestone-list .box-xl>div:last-child{font-size:15px}
}
@media(max-width:768px){
    .about-milestone{background:linear-gradient(180deg,#fff 60px,#eee 1%)}
    .about-milestone-img .svg{max-width: 50px;}
    .about-milestone-list{padding:16px 0;margin-top:12px}
    .about-milestone-list .box{padding:14px 10px}
    .about-milestone-list .box-xl>div:first-child{font-size:28px;margin-bottom:8px}
    .about-milestone-list .box-xl>div:last-child{font-size:13px;line-height:1.35}
}
@media(max-width:430px){
    .about-milestone{background:linear-gradient(180deg,#fff 50px,#eee 1%)}
    .about-milestone-img .svg{max-width:45px}
    .about-milestone-list{padding:12px 0;margin-top:10px}
    .about-milestone-list .box{padding:12px 8px}
    .about-milestone-list .box-xl>div:first-child{font-size:24px;margin-bottom:6px}
    .about-milestone-list .box-xl>div:last-child{font-size:12px;line-height:1.35}
}

/* 里程碑时间轴 — PC 横轴（>768px） */
.about-milestone-history{padding:140px 0 80px;background:#eeeeee;max-width:100%;overflow-x:clip}
.about-milestone-history .title{margin-bottom:50px}
.milestone-timeline{position:relative;display:flex;align-items:flex-start;gap:0;max-width:1920px;margin:0 auto;min-width:0;overflow-x:clip}
.milestone-timeline-logo{flex-shrink:0;width:340px;padding-right:20px;min-width:0}
.milestone-timeline-logo img{max-width:100%;height:auto;display:block}
.milestone-timeline-line{position:absolute;left:340px;right:0;top:180px;pointer-events:none;z-index:1}
.milestone-swiper{flex:1;min-width:0;max-width:1650px;position:relative;z-index:2;padding:0;margin-top:80px;overflow:hidden}
.milestone-swiper .swiper-wrapper{align-items:flex-start}
.milestone-swiper .swiper-slide{flex-shrink:0;height:auto}
.milestone-item{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;min-height:310px}
.milestone-dot{width:12px;height:12px;background:var(--public-color);border-radius:50%;flex-shrink:0;position:absolute;left:0;top:8px;transform:translate(-50%,-50%);z-index:2}
.milestone-item-below .milestone-dot{top:inherit;bottom:44px}
.milestone-dot::before{content:'';position:absolute;left:50%;width:1px;background:var(--public-color)}
.milestone-item-above .milestone-dot::before{top:100%;height:128px;bottom:auto}
.milestone-item-below .milestone-dot::before{bottom:100%;height:128px;top:auto}
.milestone-item-above .milestone-content{position:absolute;top:0;padding:0 15px;left:0;right:0}
.milestone-item-below .milestone-content{position:absolute;bottom:0;padding:0 10px;left:0;right:0}
.milestone-year{display:block;font-size:32px;font-weight:400;color:var(--public-color);margin:8px 0;line-height:1.2}
.milestone-desc{margin:0;font-size:16px;line-height:20px;min-height:60px;color:#666;}
.milestone-swiper .swiper-button-prev,.milestone-swiper .swiper-button-next{color:var(--public-color)}
.milestone-swiper .swiper-button-prev:after,.milestone-swiper .swiper-button-next:after{font-size:24px;font-weight:bold}
.milestone-swiper .swiper-slide:nth-child(1) .milestone-dot{display:none}
.milestone-timeline-line1{background:url(../../images/sign-3.webp) no-repeat;width:100%;height:22px;position:absolute;top:120px;left:6px;background-position-x:-5.5px;background-size:contain}
@media (min-width:900px){
    .about-milestone-history .title{margin-bottom:clamp(25px,4vw,50px)}
}
@media(min-width:769px) and (max-width:1430px){
    .milestone-year{font-size:28px}
    .milestone-swiper{margin-top:60px}
}
@media(min-width:769px) and (max-width:1340px){
    .milestone-year{font-size:24px}
    .milestone-desc{font-size:14px;line-height:1.3}
    .milestone-timeline-logo{width:260px}
    .milestone-timeline-line{left:260px}
    .milestone-item{min-height:290px}
    .milestone-item-above .milestone-dot::before,
    .milestone-item-below .milestone-dot::before{height:110px}
}
@media(min-width:769px) and (max-width:1200px){
    .milestone-timeline-logo{width:200px}
    .milestone-timeline-line{left:200px}
    .milestone-swiper{margin-top:40px}
    .milestone-item{min-height:270px}
}

/* 里程碑 — 移动端竖向时间轴（≤768px） */
@media(max-width:768px){
    .about-milestone-history{padding:30px 15px 40px}
    .about-milestone-history .title{margin-bottom:25px}
    .milestone-timeline{flex-direction:column;align-items:stretch;max-width:100%}
    .milestone-timeline-logo{width:130px;margin:0 auto 20px;padding:0}
    .milestone-timeline-line{display:none}
    .milestone-swiper{
        flex:none;
        width:100%;
        max-width:100%;
        margin-top:0;
        padding:0;
        overflow:visible;
    }
    .milestone-swiper .swiper-wrapper{
        display:flex;
        flex-direction:column;
        gap:0;
        transform:none!important;
        height:auto!important;
    }
    .milestone-swiper .swiper-slide{
        width:100%!important;
        height:auto!important;
        margin:0!important;
        padding:0 0 18px 38px;
        position:relative;
        box-sizing:border-box;
    }
    .milestone-swiper .swiper-slide:not(:last-child)::after{
        content:'';
        position:absolute;
        left:11px;
        top:24px;
        bottom:0;
        width:2px;
        background:var(--public-color);
        opacity:.85;
    }
    .milestone-timeline-line1{display:none}
    .milestone-swiper .swiper-slide:nth-child(1) .milestone-dot{display:block}
    .milestone-item{
        min-height:0;
        height:auto;
        display:block;
        position:relative;
        width:100%;
    }
    .milestone-item-above,
    .milestone-item-below{display:block}
    .milestone-item-above .milestone-content,
    .milestone-item-below .milestone-content{
        position:relative;
        top:auto;
        bottom:auto;
        left:auto;
        right:auto;
        background:#ffffff;
        border-left:4px solid var(--public-color);
        border-radius:0 10px 10px 0;
        box-shadow:0 4px 18px rgba(0,0,0,0.08);
        padding:14px 16px;
    }
    .milestone-dot{
        position:absolute;
        left:-38px;
        top:20px;
        bottom:auto;
        width:22px;
        height:22px;
        background:#ffffff;
        border:2px solid var(--public-color);
        box-shadow:0 0 0 3px rgba(181,16,29,0.12);
        transform:translateY(-50%);
    }
    .milestone-dot::before{display:none}
    .milestone-dot::after{
        content:'';
        position:absolute;
        top:50%;
        left:50%;
        width:8px;
        height:8px;
        background:var(--public-color);
        border-radius:50%;
        transform:translate(-50%,-50%);
    }
    .milestone-year{
        font-size:22px;
        line-height:1.3;
        font-weight:600;
        margin:0 0 8px;
    }
    .milestone-desc{
        font-size:14px;
        line-height:1.55;
        min-height:0;
        color:#666666;
        display:block;
        overflow:visible;
        -webkit-line-clamp:unset;
        line-clamp:unset;
    }
}
@media(max-width:430px){
    .about-milestone-history{padding:25px 12px 35px}
    .milestone-timeline-logo{width:110px;margin-bottom:15px}
    .milestone-swiper .swiper-slide{padding:0 0 14px 34px}
    .milestone-swiper .swiper-slide:not(:last-child)::after{left:10px}
    .milestone-dot{left:-34px;width:20px;height:20px;top:18px}
    .milestone-item-above .milestone-content,
    .milestone-item-below .milestone-content{padding:12px 14px;border-left-width:3px}
    .milestone-year{font-size:20px;margin-bottom:6px}
    .milestone-desc{font-size:13px;line-height:1.5}
}

.about-capabilities{padding:100px 0;max-width:100%;overflow-x:clip}
.about-capabilities .title{color:var(--public-color)}
.about-capabilities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:70px}
.about-capabilities-grid .item{background:#fff;position:relative;overflow:hidden;min-width:0}
.about-capabilities-grid .item .img{width:100%}
.about-capabilities-grid .item .img img{width:100%;height:auto;display:block}
.about-capabilities-grid .item .text{position:absolute;padding:0 40px;bottom:0;width:100%;z-index:2;box-sizing:border-box}
.about-capabilities-grid .item .text .t1{font-size:32px;font-weight:600;color:#fff;margin-bottom:30px;word-wrap:break-word;hyphens:auto}
.about-capabilities-grid .item .text .t2{font-size:16px;color:#fff;margin-bottom:20px;overflow:hidden;opacity:0;transition:all .45s ease-in-out;max-height:0}
.about-capabilities-grid .item .text .t2 ul{list-style:none;padding:0;margin:0}
.about-capabilities-grid .item .text .t2 ul li{margin-bottom:10px}
.about-capabilities-grid .item .text .t2 ul li:last-child{margin-bottom:0}
.about-capabilities-grid .item:hover .text .t2{max-height:500px;opacity:1}
.about-capabilities-grid .item::before{content:'';background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%);width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;pointer-events:none}
.about-capabilities-grid .item::after{content:'';background:rgba(0,0,0,.4);width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;opacity:0;transition:opacity 0.45s ease-in-out;pointer-events:none}
.about-capabilities-grid .item:hover::after{opacity:1}
@media (min-width:900px){
    .about-capabilities{padding:clamp(60px,7vw,100px) 0}
    .about-capabilities-grid{margin-top:clamp(40px,5vw,70px);gap:clamp(20px,2vw,30px)}
    .about-capabilities-grid .item .text .t1{font-size:clamp(22px,2vw,32px)}
    .about-capabilities-grid .item .text{padding:0 clamp(20px,2.5vw,40px)}
}
@media(max-width:1200px){
    .about-capabilities-grid{grid-template-columns:repeat(2,1fr);gap:35px 20px;margin-top:32px}
    .about-capabilities-grid .item{
        display:flex;
        flex-direction:column;
        border-radius:10px;
        overflow:hidden;
        box-shadow:0 4px 20px rgba(0,0,0,.08)
    }
    .about-capabilities-grid .item::before,
    .about-capabilities-grid .item::after{display:none}
    .about-capabilities-grid .item .img{flex-shrink:0}
    .about-capabilities-grid .item .text{
        position:static;
        padding:18px 20px 20px;
        background:#fff;
        width:100%
    }
    .about-capabilities-grid .item .text .t1{
        color:var(--public-color);
        font-size:20px;
        line-height:1.35;
        margin-bottom:12px
    }
    .about-capabilities-grid .item .text .t2{
        opacity:1;
        max-height:none;
        color:#555;
        font-size:14px;
        line-height:1.55;
        margin-bottom:0
    }
    .about-capabilities-grid .item .text .t2 ul{padding:0;margin:0}
    .about-capabilities-grid .item .text .t2 ul li{
        position:relative;
        padding-left:14px;
        margin-bottom:8px
    }
    .about-capabilities-grid .item .text .t2 ul li:last-child{margin-bottom:0}
    .about-capabilities-grid .item .text .t2 ul li::before{
        content:'';
        position:absolute;
        left:0;
        top:.55em;
        width:5px;
        height:5px;
        border-radius:50%;
        background:var(--public-color)
    }
}
@media(max-width:899px){
    .about-capabilities{padding:60px 0}
    
}
@media(max-width:768px){
    .about-capabilities{padding:30px 0}
    .about-capabilities-grid{margin-top:25px;gap:30px 15px}
    .about-capabilities-grid .item .text{padding:25px 10px 25px 15px}
    .about-capabilities-grid .item .text .t1{font-size:20px;line-height:1.35;margin-bottom:15px}
    .about-capabilities-grid .item .text .t2{font-size:14px;line-height:1.5}
}
@media(max-width:540px){
    .about-capabilities-grid{grid-template-columns: repeat(1, 1fr);}
}
@media(max-width:430px){
    .about-capabilities{padding:25px 0}
    .about-capabilities-grid{margin-top:20px;gap:12px}
    .about-capabilities-grid .item .text{padding:20px 10px 20px 15px}
    .about-capabilities-grid .item .text .t2{font-size:13px;line-height:1.45}
    .about-capabilities-grid .item .text .t2 ul li{margin-bottom:6px;padding-left:16px}
    .about-capabilities-grid .item .text .t2 ul li::before{top:8px;width:5px;height:5px}
}

.about-cert{padding:70px 0;background-color:#eee;max-width:100%;overflow-x:clip}
.about-cert-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.about-cert-header .all_btn{width:185px;flex-shrink:0}
.about-cert-swiper{position:relative;margin-top:90px;overflow:hidden}
.about-cert-swiper .swiper-slide{height:auto;box-sizing:border-box}
.about-cert-swiper .swiper-slide .img{width:100%;border:8px solid #ccc;overflow:hidden;background:#fff;box-sizing:border-box}
.about-cert-swiper .swiper-slide .img img{width:100%;height:auto;display:block}
.about-cert-swiper .swiper-slide .text{text-align:center;margin-top:20px;font-size:20px;line-height:1.4;color:#666666;word-wrap:break-word;hyphens:auto;padding:0 4px}
.about-cert .all-style{position:relative;padding:0 30px;box-sizing:border-box}
.about-cert .all-hover{margin-top:0;transform:translateY(-50%)}
.about-cert .all-hover::after{font-size:100px;font-family:'Poppins'}
.about-cert .next-aboutCer{right:-80px}
.about-cert .prev-aboutCer{left:-80px}
.about-cert .next-aboutCer::after{content:'>'}
.about-cert .prev-aboutCer::after{content:'<'}
@media (min-width:900px){
    .about-cert{padding:clamp(40px,5vw,70px) 0}
    .about-cert-swiper{margin-top:clamp(40px,5vw,90px)}
    .about-cert-swiper .swiper-slide .text{font-size:clamp(16px,1.2vw,20px)}
}
@media(max-width:1570px){
    .about-cert .next-aboutCer{right:-15px}
    .about-cert .prev-aboutCer{left:-15px}
    .about-cert .all-hover::after{font-size:70px}
}
@media(max-width:899px){
    .about-cert-swiper{margin-top:50px}
    .about-cert .all-style{padding:0 20px}
    .about-cert-swiper .swiper-slide .img{display:flex;align-items:center;justify-content:center;}
    .about-cert-swiper .swiper-slide .img img{width:100%;height:100%;object-fit:contain;}
    .about-cert-swiper .swiper-slide .text{font-size:18px;margin-top:15px}
}
@media(max-width:768px){
    .about-cert{padding:30px 0}
    .about-cert-header{align-items:flex-start;gap:15px}
    .about-cert-header .all_btn{width:auto;min-width:150px;font-size:16px;padding:10px 22px}
    .about-cert-swiper{margin-top:25px}
    .about-cert-swiper .swiper-slide .text{font-size:16px;line-height:1.45;margin-top:12px}
    .about-cert-swiper .swiper-slide .img{border-width:5px}
    .about-cert .all-style{padding:0 36px}
    .about-cert .next-aboutCer{right:0}
    .about-cert .prev-aboutCer{left:0}
    .about-cert .all-hover{
        width:32px;
        height:50px;
        background-color:#f5f5f5;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .about-cert .all-hover::after{font-size:45px;line-height:1}
}
@media(max-width:430px){
    .about-cert{padding:25px 0}
    .about-cert-header{gap:12px}
    .about-cert-header .all_btn{min-width:130px;font-size:14px;padding:8px 18px}
    .about-cert-swiper{margin-top:20px}
    .about-cert .all-style{padding:0 30px}
    .about-cert-swiper .swiper-slide .img{border-width:4px;aspect-ratio:3/4}
    .about-cert-swiper .swiper-slide .text{font-size:14px;line-height:1.4;margin-top:10px}
    .about-cert .all-hover{width:28px;height:44px;top:26%}
    .about-cert .all-hover::after{font-size:38px}
}

.about-commitment{padding:100px 0 130px;max-width:100%;overflow-x:clip}
.about-commitment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 0;margin-top:80px}
.about-commitment-grid .item{
    text-align:center;
    padding:50px;
    transition:background-color 0.4s ease,color 0.4s ease;
    min-width:0;
    cursor:pointer;
    box-sizing:border-box;
}
.about-commitment-grid .item .img{margin-bottom:40px;transition:filter 0.4s ease}
.about-commitment-grid .item .img img{max-width:100%;height:auto;display:inline-block}
.about-commitment-grid .item .text{min-width:0}
.about-commitment-grid .item .t1{font-size:28px;color:#666;font-weight:600;margin-bottom:20px;transition:color 0.4s ease;word-wrap:break-word;hyphens:auto;line-height:1.35}
.about-commitment-grid .item .t2{
    font-size:16px;
    line-height:1.55;
    color:#666;
    transition:color 0.4s ease;
    word-wrap:break-word;
    hyphens:auto;
}
.about-commitment-grid .item.active{background-color:#b5101d}
.about-commitment-grid .item.active .img{filter:brightness(0) invert(1)}
.about-commitment-grid .item.active .t1{color:#fff}
.about-commitment-grid .item.active .t2{color:#fff}
@media (min-width:900px){
    .about-commitment{padding:clamp(60px,7vw,100px) 0 clamp(70px,8vw,130px)}
    .about-commitment-grid{margin-top:clamp(40px,5vw,80px)}
    .about-commitment-grid .item{padding:clamp(20px,2vw,50px)}
    .about-commitment-grid .item .t1{font-size:clamp(22px,2vw,26px)}
    .about-commitment-grid .item .t2{font-size:clamp(14px,1.1vw,16px)}
}
@media(max-width:899px){
    .about-commitment{padding:60px 0}
    .about-commitment-grid{grid-template-columns:1fr;gap:15px;margin-top:40px}
    .about-commitment-grid .item{
        padding:28px 25px;
        background:#f7f7f7;
        border-radius:10px;
    }
    .about-commitment-grid .item.active{background-color:#b5101d}
    .about-commitment-grid .item .img{margin-bottom:22px}
    .about-commitment-grid .item .img img{max-width:100px}
}
@media(max-width:768px){
    .about-commitment{padding:30px 0}
    .about-commitment-grid{margin-top:25px;gap:12px}
    .about-commitment-grid .item{padding:22px 20px;border-radius:8px}
    .about-commitment-grid .item .img{margin-bottom:18px}
    .about-commitment-grid .item .img img{max-width:80px}
    .about-commitment-grid .item .t1{font-size:22px;line-height:1.35;margin-bottom:12px}
    .about-commitment-grid .item .t2{font-size:14px;line-height:1.5}
}
@media(max-width:430px){
    .about-commitment{padding:25px 0}
    .about-commitment-grid{margin-top:20px;gap:10px}
    .about-commitment-grid .item{padding:18px 16px}
    .about-commitment-grid .item .img{margin-bottom:14px}
    .about-commitment-grid .item .img img{max-width:70px}
    .about-commitment-grid .item .t1{font-size:20px;line-height:1.3;margin-bottom:10px}
    .about-commitment-grid .item .t2{font-size:13px;line-height:1.45}
}


/* product-list 产品列表页 */
.products-section{padding-top:130px;max-width:1920px;margin:0 auto;overflow-x:clip;width:100%}
@media (min-width:900px){.products-section{padding-top:clamp(60px,7vw,130px)}}
@media(max-width:768px){.products-section{padding-top:30px;}}

.intro-grid{margin-bottom:200px;display:flex;justify-content:space-between;align-items:flex-start;min-width:0}
.intro-grid .intro-text{width:48%;min-width:0}
.intro-grid .title{margin-bottom:25px;letter-spacing:-3px;word-wrap:break-word;hyphens:auto}
.intro-grid .text{margin-bottom:65px}
.intro-grid .text p{margin-bottom:15px}
.intro-grid .text p:nth-last-of-type(1){margin-bottom:0}
.intro-grid ul{display:grid;grid-template-columns:1fr 1fr;gap:25px 15px;margin-top:30px}
.intro-grid ul li::before{content:url(../../images/sign-2.webp);position:absolute;left:0;top:3px;display:inline-flex}
.intro-grid ul li{display:flex;gap:5px;color:#666666;font-weight:400;font-size:20px;position:relative;padding-left:30px}
.intro-grid ul li strong{color:#b5101d;font-size:20px;font-weight:600;white-space:nowrap;display:inline-block}
.intro-grid .intro-img{width:51%;min-width:0;display:flex;justify-content:center;align-items:center;position:relative}
.intro-grid .intro-img .img-1{position:absolute;bottom:-90px;text-align:center;margin:0 40px;max-width:calc(100% - 80px)}
.intro-grid .intro-img .img-1 img,
.intro-grid .intro-img>.img-fluid{max-width:100%;height:auto}
.intro-grid .all_btn{width:220px;background-color:#333333;border-color:#333333}
.intro-grid .all_btn:hover{background-color:var(--public-color);border-color:var(--public-color);color:#ffffff !important}
@media (min-width:900px){
    .intro-grid{margin-bottom:clamp(80px,12vw,100px)}
    .intro-grid .title{font-size:clamp(38px,2.8vw + 18px,58px);line-height:1.15;letter-spacing:-2px}
}
@media(max-width:1430px){.intro-grid .title{font-size:52px;}}
@media(max-width:1270px){.intro-grid .title{font-size:42px;line-height:56px;}}
@media(max-width:899px){
    .intro-grid{
        flex-direction:column-reverse;
        gap:25px;
        margin-bottom:60px;
        align-items:stretch;
    }
    .intro-grid .intro-text,
    .intro-grid .intro-img{width:100%;max-width:100%}
    .intro-grid .intro-img .img-1{
        position:static;
        bottom:auto;
        margin:20px auto 0;
        max-width:100%;
    }
    .intro-grid .text{margin-bottom:30px}
}
@media(max-width:768px){
    .intro-grid{margin-bottom:30px;gap:25px}
    .intro-grid .title{letter-spacing:0;margin-bottom:15px}
    .intro-grid .text{margin-bottom:25px}
    .intro-grid .text p{margin-bottom: 10px;}
    .intro-grid ul{grid-template-columns:1fr;gap:15px;margin-top:20px}
    .intro-grid ul li{font-size:16px;line-height:24px}
    .intro-grid ul li strong{font-size:16px;white-space:normal}
    .intro-grid .all_btn{width:auto;min-width:220px}
}
@media(max-width:430px){
    .intro-grid .title{margin-bottom:15px !important}
}

.product-list{margin-bottom:135px;max-width:100%;overflow-x:clip}
.product-item:last-child{margin-bottom:0}
.product-item{display:flex;justify-content:space-between;margin-bottom:75px;min-width:0}
.product-img{width:49%;min-width:0;position:relative;background-color:#ffffff;background-image:linear-gradient(335deg,rgb(231,231,231) 0%,rgb(250,250,250) 100%);display:flex;justify-content:center;align-items:center}
.product-img .img{display:flex;justify-content:center;align-items:center;margin:20px;max-width:100%}
.product-img .img img{mix-blend-mode:multiply;max-width:100%;height:auto}
.product-img .speed{background:url(../../images/p-i-2.webp)no-repeat;width:125px;aspect-ratio:1;background-size:100% 100%;border-radius:100%;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:#333333;position:absolute;left:35px;top:30px;z-index:1}
.product-img .speed strong{color:var(--public-color);font-size:28px;font-weight:600}
.product-img .model{font-size:20px;color:var(--public-color);font-weight:500}
.product-info{width:47%;min-width:0;padding:20px 0 45px}
.product-info .model{color:var(--public-color);font-size:20px;font-weight:600;margin-bottom:5px;display:block}
.product-info .t1{font-size:32px;line-height:47px;font-weight:600;color:#333333;margin-bottom:20px;word-wrap:break-word;hyphens:auto}
.product-tags{margin-bottom:30px;display:flex;gap:15px;flex-wrap:wrap}
.product-tags span{background-color:#f2f2f2;padding:10px 18px;font-size:16px;color:#666666;display:flex;align-items:center}
.product-tags span::before{content:'';display:inline-block;width:5px;height:5px;background-color:#b5101d;margin-right:10px;flex-shrink:0}
.product-info .text p{margin-bottom:20px}
.product-info .text p:nth-last-of-type(1){margin-bottom:0}
.product-info .text ul{margin-top:40px}
.product-info .text ul li:last-child{margin-bottom:0}
.product-info .text ul li{position:relative;padding-left:30px;margin-bottom:12px}
.product-info .text ul li>*{color:#666666;font-size:18px;font-weight:400;font-style:normal}
.product-info .text ul li strong::after{content:":";display:inline-block}
.product-info .text ul li::before{content:url(../../images/checkmark.webp);position:absolute;left:0}
@media(max-width:1340px){
    .product-info .t1{font-size:28px;line-height:40px}
    .product-img .speed{width:110px;left:25px;top:25px}
    .product-img .speed strong{font-size:24px}
}
@media(max-width:1000px){
    .product-info .t1{font-size:24px;line-height:34px}
    .product-info .text ul li>*{font-size:16px;line-height:24px}
}
@media(max-width:899px){
    .product-list{margin-bottom:60px}
    .product-info{padding:0}
    .product-img .speed{left:20px;top:20px;width:100px}
    .product-img .speed strong{font-size:22px}
}
@media(max-width:768px){
    .product-list{margin-bottom:30px}
    .product-item{
        flex-direction:column;
        gap:15px;
        margin-bottom:40px;
        align-items:stretch;
    }
    .product-img,
    .product-info{width:100%;max-width:100%;min-width:0}
    .product-info .t1{font-size:18px;line-height:26px;margin-bottom:15px}
    .product-img .speed{width: 85px;left: 10px;top:10px}
    .product-info .model{font-size:16px;line-height:24px}
    .product-tags{gap:10px;margin-bottom:20px}
    .product-tags span{font-size:14px;padding:8px 14px}
    .product-info .text ul{margin-top:25px}
    .product-info .text ul li{padding-left: 25px;margin-bottom: 10px;}
    .product-info .text ul li::before{content: "";background: url(../../images/checkmark.webp);width: 15px;height: 13px;background-size: contain;top: 4px;}
}
@media(max-width:430px){
    .product-info .t1{font-size:18px;line-height:26px}
    .product-img .speed{width:80px;left:15px;top:15px}
    .product-img .speed strong{font-size:18px}
    .product-img .speed p{font-size:12px;line-height:16px}
}

.Auxiliary{margin-bottom:135px;max-width:100%;overflow-x:clip}
.Auxiliary .grid{--bs-gap:40px 30px}
.Auxiliary .list{text-align:center;box-shadow:0 5px 25px rgba(0,0,0,0.1);height:100%;padding:50px 45px;transition:transform 0.3s ease}
.Auxiliary .list:hover{transform:translateY(-5px)}
.Auxiliary .t1{font-size:24px;line-height:32px;font-weight:600;color:#333333;margin-top:40px}
@media(max-width:899px){.Auxiliary{margin-bottom:60px}}
@media(max-width:768px){
    .Auxiliary{margin-bottom:30px}
    .Auxiliary .list{padding:30px 20px}
    .Auxiliary .t1{font-size:18px;line-height:26px;margin-top:25px}
}

.tech-section{position:relative;padding:60px 0px 80px;background:linear-gradient(to bottom,#b5101d 52%,#ffffff 50%);max-width:100%;}
.tech-section .section-header{text-align:center;margin-bottom:60px}
.tech-section .h5{text-align:center;font-size:20px;color:#ffffff}
.tech-section .title{color:#ffffff;margin-top:25px;margin-bottom:60px;letter-spacing:-2px;word-wrap:break-word;hyphens:auto}
.tech-section .grid{--bs-gap:35px}
.tech-section .highlight-card{height:100%;background:#fff;box-shadow:0 5px 25px rgba(0,0,0,0.1);display:flex;flex-direction:column;transition:transform 0.3s ease}
.tech-section .highlight-card:hover{transform:translateY(-5px)}
.tech-section .card-image{position:relative;width:100%;height:275px;object-fit:cover;display:block;overflow:hidden}
.tech-section .card-image iframe,
.tech-section .card-image img{width:100%;height:100%;object-fit:cover;display:block}
.tech-section .card-content{padding:30px 35px;flex-grow:1;text-align:left}
.tech-section .card-title{font-size:20px;color:#333333;margin-bottom:20px;font-weight:600}
.tech-section ul{list-style:none}
.tech-section ul li{position:relative;padding-left:15px;margin-bottom:10px;color:#555;font-size:16px;line-height:24px}
.tech-section ul li::before{content:"•";color:var(--public-color);position:absolute;left:0;top:0}
.tech-section .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-color:rgba(255,255,255,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,0.2);transition:transform 0.2s}
.tech-section .play-button:hover{transform:translate(-50%,-50%) scale(1.1);background-color:#fff}
.tech-section .play-button::after{content:'';display:block;width:0;height:0;border-style:solid;border-width:8px 0 8px 14px;border-color:transparent transparent transparent #d32f2f;margin-left:4px}
.tech-section .a{display:flex;justify-content:center}
@media (min-width:900px){
    .tech-section .title{
        font-size:clamp(32px,2.8vw + 16px,58px);
        line-height:1.2;
    }
}
@media(max-width:1430px){.tech-section .title{font-size:48px;margin-bottom:50px}}
@media(max-width:1270px){
    .tech-section .title{font-size:42px;line-height:56px;margin-top: 15px;}
    .tech-section .h5{font-size:18px;line-height:26px}
}
@media(max-width:1200px){
    .tech-section .card-content{padding: 30px 20px;}
    .tech-section .grid{--bs-gap: 25px;}
}
@media(max-width:991px){
    .tech-section{background: linear-gradient(to bottom, #b5101d , #ffffff);}
}
@media(max-width:768px){
    .tech-section{padding:30px 0px}
    .tech-section .section-header{margin-bottom:30px}
    .tech-section .h5{font-size:16px;line-height:24px}
    .tech-section .title{margin-top: 5px;margin-bottom:30px;letter-spacing:0}
    .tech-section .card-content{padding:20px 15px}
    .tech-section .card-image{height:auto;min-height:200px;aspect-ratio:16/10}
    .tech-section .card-image iframe{height:100%;min-height:200px}
    .tech-section .card-title{font-size:20px;line-height:1.4;margin-bottom:15px}
    .tech-section .grid .g-col-12 {grid-column: auto / span 6;}
}
@media(max-width:600px){
    .tech-section .grid .g-col-12 {grid-column: auto / span 12;}
}
@media(max-width:430px){
    .tech-section .title{margin-bottom:15px !important}
}

.p-l-partners{height:230px}
@media(max-width:768px){.p-l-partners{height:auto}}

.all-partners{background:#eeeeee;max-width:1920px;display:flex;align-items:center}
.all-partners .container-xl{--max:1760px}
.all-partners .partners-logos{width:100%;display:flex;min-width:0;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px 40px}
.all-partners .partners-logos img{mix-blend-mode:multiply;max-width:100%;height:auto;object-fit:contain;min-width:0}
@media(max-width:1470px){.all-partners .partners-logos{min-width:auto;max-width:1400px;width:100%;gap:30px 50px;}}
@media(max-width:1200px){.all-partners .partners-logos{justify-content: center;}}
@media(max-width:768px){
    .all-partners{padding:30px 0;height:auto;}
    .all-partners .partners-logos{display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px 55px;justify-items: center}
}
@media(max-width:430px){.all-partners .partners-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 55px;}}

.highlight-end{font-size:20px;color:var(--public-color);text-align:center;margin:auto;display:inline-flex;justify-content:center;position:relative}
.highlight-end::after{content:"";width:100%;height:1px;background-color:var(--public-color);position:absolute;bottom:0;transition:width 0.3s ease}
.highlight-end:hover::after{width:0}

.service-section{padding:100px 0 0;max-width:100%;overflow-x:clip}
.service-section .title{margin-bottom:130px}
.service-section .service-content:last-child{margin-bottom:0}
.service-section .service-content:nth-child(odd){flex-direction:row-reverse}
.service-section .service-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:85px;min-width:0}
.service-section .image-column{width:49%;min-width:0}
.service-section .image-column > img{max-width: 100%;height: auto;}
.service-section .text-column{width:46%;min-width:0}
.service-section h6{display:block;color:var(--public-color);font-size:20px;font-weight:600;margin-bottom:0}
.service-section h2{font-size:32px;line-height:47px;color:#333333;font-weight:600;margin-bottom:25px;word-wrap:break-word;hyphens:auto}
.service-section .text{margin-bottom:40px}
.service-section .text p strong{color:var(--public-color);font-weight:400}
.service-section .all_btn{padding:0 35px;height:54px}
@media (min-width:900px){
    .service-section{padding:clamp(60px,7vw,100px) 0 0}
    .service-section .title{margin-bottom:clamp(50px,8vw,130px)}
    .service-section h2{font-size:clamp(24px,1.5vw + 18px,32px);line-height:1.45}
}
@media(max-width:1200px){
    .service-section .image-column,
    .service-section .text-column{width:48%}
}
@media(max-width:1000px){
    .service-section .title{margin-bottom:40px}
    .service-section .image-column img{max-width:100%;height:auto}
}
@media(max-width:768px){
    .service-section{padding:30px 0 0}
    .service-section .service-content{gap: 15px !important;margin-bottom: 40px !important;}
    .service-section .service-content,
    .service-section .service-content:nth-child(odd){
        flex-direction:column;
        gap:25px;
        margin-bottom:50px;
    }
    .service-section .image-column,
    .service-section .text-column{width:100%;max-width:100%}
    .service-section h6{font-size: 16px;line-height: 1.2;margin-bottom: 5px;}
    .service-section .title{margin-bottom:25px}
    .service-section h2{font-size:22px;line-height:32px;margin-bottom:15px}
    .service-section .text{margin-bottom:25px}
    .service-section .service-content{margin-bottom:30px}
    .service-section .all_btn{height: auto;}
}

.pro-list-bg-section{height: 800px;display: flex;flex-direction: column;justify-content: center;background:url(../../images/pro-list-bg.webp) no-repeat center center;background-size:100% 100%;padding:30px 0;max-width:1920px;margin:160px auto 0;overflow-x:clip}
.pro-list-bg-section .pro-list-bg-content{max-width:1600px;margin-right:100px}
.pro-list-bg-section .title{font-size:58px;line-height:78px;font-weight:400;color:#333333;text-align:center;margin-bottom:30px;word-wrap:break-word;hyphens:auto}
.pro-list-bg-section .boxs{margin-top:85px;display:grid;grid-template-columns:1fr 1.3fr 1.6fr;gap:80px}
.pro-list-bg-section .box:nth-child(1){width:100%;margin-left:10px}
.pro-list-bg-section .box:nth-child(2){width:100%}
.pro-list-bg-section .box:nth-child(3){width:100%;margin-left:35px;margin-top:-100px}
.pro-list-bg-section .box{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0}
.pro-list-bg-section .box .img{max-width:100%;height: 230px;}
.pro-list-bg-section .box .img img{max-width:100%;height:auto}
.pro-list-bg-section .date{font-size:28px;line-height:50px;font-weight:500;color:#b5101d;text-align:center;margin-bottom:70px;position: relative;display: flex;justify-content: center;}
.pro-list-bg-section .date::after{content: "";width: 16px;aspect-ratio: 1;border-radius: 100%;border: 1px dashed var(--public-color);position: absolute;bottom: -44px;}
.pro-list-bg-section .date::before{content: "";width: 8px;aspect-ratio: 1;border-radius: 100%;background-color: var(--public-color);position: absolute;bottom: -40px;}
.pro-list-bg-section .canshu{font-size:16px;line-height:24px;letter-spacing:-.2px;color:#333;background-color:#e8d7d9;padding:20px;border-radius:40px;margin-bottom:20px;text-align:center}
.pro-list-bg-section .box:nth-child(3) .date::after{bottom: -26px;}
.pro-list-bg-section .box:nth-child(3) .date::before{bottom: -22px;}
.pro-list-bg-section .box:nth-child(3) .img{height: 240px;}
@media (min-width:900px){
    .pro-list-bg-section .title{font-size:clamp(32px,2.8vw + 18px,58px);line-height:1.2}
    .pro-list-bg-section{margin-top:clamp(60px,10vw,160px)}
}
@media(max-width:1600px){
    .pro-list-bg-section .box:nth-child(3){margin-left: 0;}
}
@media(max-width:1430px){
    .pro-list-bg-section .title{font-size:48px;line-height:1.2;letter-spacing: -1px;}
    .pro-list-bg-section .pro-list-bg-content{margin-right:50px}
    .pro-list-bg-section .box:nth-child(3) .date::after{bottom: -39px;}
    .pro-list-bg-section .box:nth-child(3) .date::before{bottom: -35px;}
    .pro-list-bg-section .date::after{bottom: -54px;}
    .pro-list-bg-section .date::before{bottom: -50px;}
}
@media(max-width:1340px){
    .pro-list-bg-section .title{font-size:42px;line-height:1.4}
}
@media(max-width:1200px){
    .pro-list-bg-section{height: auto;background: #efefef;}
    .pro-list-bg-section .title{font-size:38px;line-height:1.4}
    .pro-list-bg-section .boxs::before{content: "";width: 100%;height: 1px;background: linear-gradient(90deg, #e60013 50%, transparent 0) repeat-x;background-size: 8px 1px;position: absolute;top: 95px;}
    .pro-list-bg-section .boxs{gap:40px;margin-top:60px;position: relative;margin-top: 10px;}
    .pro-list-bg-section .box:nth-child(3){margin-top:0px}
    .pro-list-bg-section .box{justify-content: flex-start;}
    .pro-list-bg-section .box .img{height: auto !important;}
    .pro-list-bg-section .box:nth-child(3) .date::after{bottom: -54px;}
    .pro-list-bg-section .box:nth-child(3) .date::before{bottom: -50px;}
}
@media(max-width:1000px){
    .pro-list-bg-section .boxs::before {top: 65px;}
    .pro-list-bg-section .date {margin-bottom: 40px;}
    .pro-list-bg-section .date::before {bottom: -20px !important;}
    .pro-list-bg-section .date::after{bottom: -24px !important;}
    .pro-list-bg-section .boxs{grid-template-columns: repeat(3, 1fr);gap:25px;}
    .pro-list-bg-section .canshu{padding: 10px 20px;}
}
@media(max-width:899px){
    .pro-list-bg-section{margin-top:60px;background-size:cover;padding:60px 0px;}
    .pro-list-bg-section .boxs::before {top: 50px;}
    .pro-list-bg-section .title{font-size:32px;line-height:1.4}
    .pro-list-bg-section .pro-list-bg-content{margin-right:0;max-width:100%}
    .pro-list-bg-section .box:nth-child(1),
    .pro-list-bg-section .box:nth-child(3){margin-left:0;margin-top:0}
    .pro-list-bg-section .date{margin-bottom:30px;font-size:24px;line-height:34px}
}
@media(max-width:768px){
    .pro-list-bg-section{padding:30px 0px;margin-top:30px}
    .pro-list-bg-section .title{font-size: 22px;line-height: 1.4;margin-bottom:15px}
    .pro-list-bg-section .content{padding-bottom: 30px;}
    .pro-list-bg-section .box::before{content: "";width: 100%;height: 1px;background: linear-gradient(90deg, #e60013 50%, transparent 0) repeat-x;background-size: 8px 1px;position: absolute;top: 43px;}
    .pro-list-bg-section .box{margin-top:25px;gap:0px;position: relative;}
    .pro-list-bg-section .date {font-size: 22px;}
    .pro-list-bg-section .canshu{padding:7px 15px;border-radius:30px;margin-top: 20px;}
    .pro-list-bg-section .pag-pro-bg {left: 0;bottom: 0px;}
}
@media(max-width:430px){
    .pro-list-bg-section .date{font-size:20px;line-height:28px;margin-bottom:20px}
}

.p-l-news{padding-bottom:110px}
@media (min-width:900px){.p-l-news{padding-bottom:clamp(40px,5vw,110px)}}
@media(max-width:768px){.p-l-news{padding-bottom:30px}}

/* article-list-faq FAQ列表页 */
.faq-paper{padding:120px 0;max-width:100%;overflow-x:clip}
.faq-paper .container-xl{min-width:0}
.faq-paper .all-faqs .items.active::after{background-color:#f2f2f2;box-shadow:none;border-radius:8px}
@media (min-width:900px){
    .faq-paper{padding:clamp(60px,7vw,120px) 0}
}
@media(max-width:899px){
    .faq-paper{padding:60px 0}
}
@media(max-width:768px){
    .faq-paper{padding:30px 0}
}

/* article-list-cer 证书列表页 */
.certificates{padding:130px 0;max-width:100%;overflow-x:clip}
.certificates .container-xl{min-width:0}
.certificates .grid{--bs-gap:65px 30px}
.certificates .list{background-color:#f0f0f0;padding:25px;height:100%;min-width:0}
.certificates .img{display:block;border:20px solid #ffffff;box-shadow:0px 1px 20px 16px rgba(0,0,0,0.08);margin-bottom:25px;overflow:hidden}
.certificates .img img{width:100%;height:auto;display:block}
.certificates .t1{font-size:20px;line-height:22px;color:#333333;text-align:center;word-wrap:break-word;hyphens:auto}
@media (min-width:900px){
    .certificates{padding:clamp(60px,7vw,130px) 0}
    .certificates .grid{--bs-gap:clamp(30px,4vw,65px) 30px}
}
@media(max-width:899px){
    .certificates{padding:60px 0}
    .certificates .grid{--bs-gap:40px 25px}
}
@media(max-width:768px){
    .certificates{padding:30px 0}
    .certificates .grid{--bs-gap:25px 15px}
    .certificates .list{padding:15px}
    .certificates .img{border-width:12px;margin-bottom:15px;box-shadow:0px 1px 12px 8px rgba(0,0,0,0.06)}
    .certificates .t1{font-size:18px;line-height:26px}
}
@media(max-width:430px){
    .certificates .list{padding:12px}
    .certificates .img{border-width:8px;margin-bottom:12px}
    .certificates .t1{font-size:16px;line-height:24px}
}


.banner-all .banner-all-1{position:absolute;right:0;bottom:0;max-width:42%;z-index:1;pointer-events:none}
.banner-all .banner-all-1 img{max-width:100%;height:auto;display:block}
@media(max-width:1200px){
    .banner-all .banner-all-1{max-width:35%}
}
@media(max-width:899px){
    .banner-all .banner-all-1{max-width:30%;opacity:.85}
}
@media(max-width:768px){
    .banner-all .banner-all-1{display:none}
}

/* article-list 新闻列表页 */
.news-paper{padding: 0 0 100px;max-width:100%;overflow-x:clip}
.news-paper .all-news-1{min-width:0}
.news-paper .grid{--bs-gap:30px 35px}
.news-paper .list{background-color:#ffffff;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.08);height:100%;min-width:0}
.news-paper .list .box{padding:20px 15px}
@media(max-width:899px){
    .news-paper{padding:0px 0 60px}
    .news-paper .grid{--bs-gap:35px 20px}
}
@media(max-width:768px){
    .news-paper{padding:0px 0 30px}
}


.down-list{margin-top:60px;text-align:center}
.down-list .pagination{justify-content:center;flex-wrap:wrap;gap:5px;margin-bottom:0}
@media(max-width:768px){
    .down-list{margin-top:30px}
}

/*news-in-paper — article-content*/
.news-in-paper{margin-bottom:100px;margin-top:0;max-width:100%;overflow-x:clip}
.news-in-paper .in-banner{padding-top:35px}
.news-in-paper .main-top{display:flex;justify-content:space-between;gap:100px;min-width:0}
.news-in-paper .h1{font-size:42px;line-height:48px;color:#333333;font-weight:500;margin:50px 0 30px;letter-spacing:-1px;word-wrap:break-word;hyphens:auto}
.news-in-paper .type{color:#999999;padding-bottom:30px;display:flex;flex-wrap:wrap;gap:20px;font-weight:500}
.news-in-paper .type-time img{display:inline-block;margin-right:10px}
.news-in-paper .type-view{color:var(--public-color)}

.news-in-paper .article{width:calc(100% - 340px - 100px);min-width:0;flex:1}
.news-in-paper .article .content{line-height:28px;font-size:16px;font-weight:400;color:#999999;border-bottom:1px solid #bbbbbb;padding:30px 0 55px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}
.news-in-paper .article .content strong{color:var(--public-color);font-weight:500}
.news-in-paper .article img{max-width:100% !important;height:auto !important}
.news-in-paper .article .content p{margin-bottom:20px}
.news-in-paper .article h2{font-size:28px;line-height:36px;color:#333333;font-weight:500;margin-bottom:25px;scroll-margin-top:110px}
.news-in-paper .article h4{font-size:22px;line-height:32px;color:#333333;font-weight:500;margin-bottom:15px;letter-spacing:-1px;scroll-margin-top:110px}

.news-in-paper .box-tail{font-size:18px;line-height:30px;margin-top:60px;display:flex;justify-content:space-between;align-items:flex-start;gap:50px}
.news-in-paper .box-tail .left{width:100%;min-width:0}
.news-in-paper .box-tail .right{min-width:200px;width:200px;display:flex;justify-content:flex-end;flex-shrink:0}
.news-in-paper .box-tail .right .all_btn{width:100%;height:50px;padding:0;font-size:18px;line-height:32px;font-weight:500}
.news-in-paper .box-tail .left p{display:flex;flex-wrap:wrap;gap:0 10px}
.news-in-paper .box-tail .left p a{display:inline-block;transition:all .6s;color:#666666;font-size:18px;line-height:32px;word-wrap:break-word;hyphens:auto}
.news-in-paper .box-tail .left p a:hover{color:var(--public-color-o);text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:3px}
.news-in-paper .box-tail .left p span{color:#000000;display:block;font-weight:bold;flex-shrink:0}
.news-in-paper .box-tail .left p:first-child{margin-bottom:10px}

.news-in-paper .aside{width:340px;min-width:340px;position:sticky;top:90px;height:min-content;flex-shrink:0}
.news-in-paper .aside-con{margin-bottom:30px;background-color:#ffffff;box-shadow:0 3px 16px 0 rgba(0,0,0,0.1);border-radius:8px;padding:20px 10px 20px 30px}
.news-in-paper .aside-con .title-xl{font-size:24px;line-height:38px;color:#333333;font-weight:600;margin-bottom:40px}
.news-in-paper .aside-con .all_btn{font-weight:400;width:100%}

.news-in-paper .other-news{background-color:#f8f8f8;border-bottom:5px solid var(--public-color);padding:20px 10px 20px 30px}
.news-in-paper .other-news .h4{font-size:24px;line-height:38px;color:#333333;font-weight:600;margin-bottom:30px}
.news-in-paper .other-news .box{margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid rgba(221,221,221,.6)}
.news-in-paper .other-news .box:nth-last-of-type(1){margin-bottom:0;border-bottom:none}
.news-in-paper .other-news .t1{font-size:18px;line-height:24px;color:#666666;font-weight:400;margin-bottom:15px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.news-in-paper .other-news .time{font-size:14px;line-height:24px;color:#999999;display:flex;align-items:center;gap:5px}

.news-name-box{min-width:300px;max-width:100%;border-radius:6px;border:solid 1px #bbbbbb;padding:15px 15px 20px;display:inline-flex;flex-direction:column;margin-top:20px;width:100%}
.news-name-box .table-title{display:flex;justify-content:space-between;gap:30px;font-size:28px;line-height:36px;color:#999999;font-weight:400;cursor:pointer}
.news-name-box .table-title span{width:35px;height:32px;min-width:35px;padding:4px;background-color:#ffffff;border-radius:4px;border:solid 1px #999999;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}
.news-name-box .name-box + .name-box{padding-top:10px;border-top:1px solid #eeeeee;margin-top:10px}
.news-name-box .h2 a{font-size:18px;line-height:36px;color:#333;font-weight:400}
.news-name-box ul{padding-left:30px;margin:0}
.news-name-box li a{font-size:16px;line-height:26px;color:#666;font-weight:400}

@media (min-width:900px){
    .news-in-paper{margin-bottom:clamp(60px,8vw,100px)}
    .news-in-paper .h1{
        font-size:clamp(28px,2vw + 18px,42px);
        line-height:1.15;
        margin-top:clamp(30px,4vw,50px);
    }
}
@media(max-width:1530px){
    .news-in-paper .box-tail{flex-direction:column}
    .news-in-paper .box-tail .left{margin-bottom:20px}
    .news-in-paper .box-tail .right{width:100%;min-width:0;justify-content:flex-start}
    .news-in-paper .box-tail .right .all_btn{width:auto;padding:0 25px}
}
@media(max-width:1460px){
    .news-in-paper .other-news .t1{font-size:20px}
    .news-in-paper .h1{font-size:32px;line-height:46px}
}
@media(max-width:1340px){
    .news-in-paper .article h2{font-size:24px;line-height:32px}
    .news-in-paper .article h4{font-size:20px;line-height:28px}
    .news-in-paper .other-news .t1{font-size:18px;line-height:28px}
    .news-in-paper .other-news .h4{font-size:26px;margin-bottom:30px}
}
@media(max-width:1260px){
    .news-in-paper .article{width:calc(100% - 340px - 60px)}
    .news-in-paper .main-top{gap:60px}
    .news-in-paper .aside-con .all_btn{padding:0 20px;height:48px}
}
/* ≤899 stack */
@media(max-width:899px){
    .news-in-paper .main-top{
        flex-direction:column;
        gap:25px;
        align-items:stretch;
    }
    .news-in-paper .article,
    .news-in-paper .aside{width:100%;min-width:0;max-width:100%}
    .news-in-paper .aside{
        position:static;
        display:flex;
        flex-direction: column;
        gap:25px;
        align-items:flex-start;
    }
    .news-in-paper .aside-con,
    .news-in-paper .other-news{flex:1;min-width:0;width:100%}
}
@media(max-width:768px){
    .news-in-paper{margin-bottom:30px;padding-top:20px}
    .news-in-paper .in-banner{padding-top:5px}
    .news-in-paper .h1{margin:20px 0 15px;font-size:22px;line-height:32px;letter-spacing:0}
    .news-in-paper .type{font-size:14px;line-height:20px;margin-top:0;padding-top:0;padding-bottom:15px;gap:15px}
    .news-in-paper .main-top{flex-wrap:wrap;margin-bottom:30px}
    .news-in-paper .article{margin-bottom:0px}
    .news-in-paper .article h2{font-size:19px;line-height:28px;margin-bottom:10px;scroll-margin-top:70px}
    .news-in-paper .article h4{font-size:16px;line-height:24px;margin-bottom:10px;scroll-margin-top:70px}
    .news-in-paper .article .content{line-height:20px;font-size:14px;padding:20px 0}
    .news-in-paper .article .content p{margin-bottom:10px}
    .news-in-paper .box-tail{font-size:16px;line-height:24px;margin-top:20px;gap:20px}
    .news-in-paper .box-tail .left p{font-size:16px;line-height:24px}
    .news-in-paper .box-tail .left p a{line-height:24px;font-size:16px;padding-left:0}
    .news-in-paper .box-tail .left p:first-child{margin-bottom:15px}
    .news-in-paper .box-tail .right{margin-bottom:0;display: none;}
    .news-in-paper .box-tail .right .all_btn{width:100%;height:48px;font-size:16px}
    .news-in-paper .aside{flex-direction:column;gap:25px}
    .news-in-paper .aside-con{margin-bottom:0;padding:20px 15px}
    .news-in-paper .aside-con .title-xl{font-size:22px;line-height:32px;margin-bottom:25px}
    .news-in-paper .other-news{padding:20px 15px}
    .news-in-paper .other-news .h4{font-size:22px;line-height:28px;margin-bottom:20px}
    .news-in-paper .other-news .t1{font-size:18px;line-height:26px;margin-bottom:10px;font-weight: 500;}
    .news-in-paper .other-news .time{font-size: 14px;line-height:20px;}
    .news-name-box{padding:10px 15px;margin-top:15px}
    .news-name-box .table-title{font-size:20px;line-height:28px;gap:15px}
    .news-name-box .h2 a{font-size:16px;line-height:24px}
    .news-name-box li a{font-size:14px;line-height:22px}
    .news-name-box ul{padding-left:20px}
}
@media(max-width:430px){
    .news-in-paper .h1{font-size:20px;line-height:28px}
    .news-in-paper .article h2{font-size:18px;line-height:26px}
    .news-in-paper .aside-con .title-xl{font-size:20px;line-height:28px;margin-bottom:20px}
    .news-in-paper .other-news .h4{font-size:18px;line-height:26px}
    .news-in-paper .box-tail .left p{flex-direction:column;gap:5px}
    .news-name-box .table-title{font-size:18px;line-height:26px}
}


/* article-list-video 视频列表页 */
.video-paper{padding:90px 0 85px;max-width:100%;overflow-x:clip}
.video-paper .grid{--bs-gap:60px}
.video-paper .list{background-color:#ffffff;box-shadow:0px 4px 20px 0px rgba(0,0,0,0.1);padding:20px 25px;height:100%;min-width:0}
.video-paper .list .v{margin-bottom:20px;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}
.video-paper .list .v iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block}
.video-paper .list .t1{font-size:20px;line-height:29px;color:#333333;font-weight:500;margin-bottom:10px;display:block;word-wrap:break-word;hyphens:auto}
.video-paper .list .time{font-size:15px;color:#999999}
@media (min-width:900px){
    .video-paper{padding:clamp(50px,6vw,90px) 0 clamp(40px,5vw,85px)}
    .video-paper .grid{--bs-gap:clamp(30px,4vw,60px)}
}
@media(max-width:899px){
    .video-paper{padding:60px 0}
    .video-paper .grid{--bs-gap:30px 25px}
}
@media(max-width:768px){
    .video-paper{padding:30px 0}
    .video-paper .grid{--bs-gap:20px 15px}
    .video-paper .list{padding:15px}
    .video-paper .list .v{margin-bottom:15px}
    .video-paper .list .t1{font-size:18px;line-height:26px;margin-bottom:8px}
    .video-paper .list .time{font-size:14px}
}
@media(max-width:430px){
    .video-paper .list{padding:12px}
    .video-paper .list .t1{font-size:16px;line-height:24px}
    .video-paper .list .time{font-size:13px}
}


.video-nr{position:relative;padding:30px 0;display:flex;justify-content:space-between;gap: 100px;margin-bottom: 95px;}
.video-nr .v-content{width:100%;height:100%;overflow:auto;}
.video-nr .v-content::-webkit-scrollbar{display:none;}
.video-nr .v-content .v-title{font-size:34px;line-height:48px;font-weight:600;color: #333333;margin-top:30px;}
.video-nr .v-content .v-text{margin-top: 25px;}
.video-nr .v-content .v-desc{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top: 70px;}
.video-nr .v-content .v-desc .left{font-size:16px;color:#999999;font-weight: 500;width: 58%;display: flex;justify-content: space-between;}
.video-nr .v-content .v-desc .left i{margin-left:20px;margin-right:10px;}
.video-nr .v-content .v-desc .left i:first-child{margin-left:0;}
.video-nr .v-content .v-desc .right .v-ly{background:var(--public-color);border:1px solid var(--public-color);display: inline-flex;padding:5px 20px;align-items:center;color:#fff;}
.video-nr .v-content .v-desc .right .v-ly i{margin-right:8px;}
.video-nr .v-content .v-desc .right .v-ly:hover{box-shadow: 0 2px 10px rgb(0 0 0 / 20%);background-color: #ffffff;}
.video-nr .v-content .v-desc .right .v-fx{background:#fff;border:1px solid var(--public-color);display: inline-flex;margin-left:15px;padding:5px 20px;align-items:center;color:var(--public-color);}
.video-nr .v-content .v-desc .right .v-fx i{margin-right:8px;}
.video-nr .v-content .v-desc .right .v-fx:hover{background:var(--public-color);border-color:var(--public-color);color:#fff !important;}
.video-nr .v-content .v-nr{padding:20px 0;font-size:14px;line-height:20px;}
.video-nr .v-content .v-nr ul{display:flex;flex-wrap:wrap;margin-bottom:20px;}
.video-nr .v-content .v-nr ul li{margin-left:20px;}
.video-nr .v-content .v-nr ul li:first-child{margin-left:0;}
.video-nr .v-content .v-nr a{color:var(--public-color);}
.video-nr .v-content .v-nr a:hover{text-decoration:underline;}
.video-nr .v-content .v-title2{border-top:1px solid #ddd;display:flex;justify-content:space-between;align-items:center; font-size:22px;font-weight:bold;line-height:32px;margin-bottom:35px;padding-bottom:10px;margin-top:10px;padding-top: 40px;}
.video-nr .v-content .v-title2 .left{font-size: 34px;color: #333333;font-weight: 500;position: relative;}
.video-nr .v-content .v-title2 .left::before{content: "";background: url(../../images/video.webp) no-repeat;width: 11px;height: 22px;background-size: 100% 100%;margin-right: 15px;display: inline-block;position: relative;}
.video-nr .v-content .v-title2 .right{font-size:16px;line-height:24px;color:var(--public-color);cursor:pointer;font-weight:initial;}
.video-nr .v-content .v-title2 .right:hover{color:var(--public-color);}
.video-nr .v-content .v-massage{font-size:16px;line-height:24px;}
.video-nr .v-content .v-massage p{position:relative;display:flex;align-items:center;}
.video-nr .v-content .v-massage p:before{content:"\f406";font-family:cmsfont; width:40px;height:40px;text-align:center;color:#fff;line-height:40px;font-size:20px; background:var(--public-color);border-radius:50%;display:inline-block;margin-right:10px;}
.video-nr .v-content .v-massage ul{padding:10px 10px 10px 50px;}
.video-nr .v-content .v-massage ul li{position:relative;display:flex;margin-bottom:10px;}
.video-nr .v-content .v-massage ul li:before{content:"\f406";font-family:cmsfont;width:24px;height:24px;text-align:center;line-height:24px; color:#fff;background:rgba(182,14,26,.5);border-radius:50%;display:inline-block;margin-right:10px;}
.video-nr .v-content .v-massage strong{margin-right:0px;}

.video-nr .v-side{height:100%;max-width: 330px;width: 100%;}
.video-nr .v-side::-webkit-scrollbar{display:none;}
.video-nr .v-side .v-pro{background:#fff;box-shadow: 0px 1px 46px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;padding:20px 10px 25px 30px;margin-bottom:20px;}
.video-nr .v-side .v-pro .box{display: flex;justify-content: space-between;margin-bottom: 20px;}
.video-nr .v-side .v-pro .img a{background-color: #f8f8f8;border-radius: 8px;}
.video-nr .v-side .v-pro .img a img{mix-blend-mode: darken;}
.video-nr .v-side .v-pro .t1{font-size:16px;line-height:24px;
    display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.video-nr .v-side .v-pro .text{border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;margin-bottom: 20px;}
.video-nr .v-side .v-pro .d-flex{margin-top:20px;}
.video-nr .v-side .v-pro .d-flex a{display:inline-block;margin-right:10px;padding:5px 15px;border:1px solid var(--public-color);border-radius:50px;font-size:14px;line-height:20px;} 
.video-nr .v-side .v-pro .d-flex a:last-child{margin-right:0p;}
.video-nr .v-side .v-pro .d-flex a:hover{background:var(--public-color);color:#fff;}
.video-nr .v-side .v-pro .d-flex a:first-child{background:var(--public-color);color:#fff;}
.video-nr .v-side .v-pro .d-flex a:first-child:hover{box-shadow: 0 2px 10px rgb(0 0 0 / 20%);}
.video-nr .v-side .v-pro-box{display: grid;grid-template-columns: 120px auto;gap: 20px;margin-bottom: 30px;}
.video-nr .v-side .v-rel .big-t1{font-size:20px;line-height:28px;font-weight:500;margin-bottom:15px;color: #333;}
.video-nr .v-side .v-rel .v-video-item{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.video-nr .v-side .v-rel .v-video-item .left{width:54%;}
.video-nr .v-side .v-rel .v-video-item .left iframe{border-radius: 8px;}
.video-nr .v-side .v-rel .v-video-item .right{width:42%;}
.video-nr .v-side .v-rel .v-video-item .t1{font-size:14px;line-height:20px;margin-bottom:8px;}
.video-nr .v-side .v-rel .v-video-item .t1 a{color: #333333;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;

}
.video-nr .v-side .v-rel .v-video-item .t2{font-size:12px;color:#999;line-height:20px;}

.v-feed-box{display:flex;justify-content:space-between;flex-wrap:wrap;}
.v-feed-box .pro{width:30%;}
.v-feed-box .pro a{transition:none;}
.v-feed-box .right{width:68%;}
.v-feed-box .right .title{text-align:left;}
.v-feed-box .pro .text p{font-size: 15px;line-height: 22px;color: #666;position: relative;padding-left: 35px;margin-bottom: 0;} 
.v-feed-box .pro .text p::before{content: "";font-family: 'cmsfont';line-height: 32px;font-size: 14px;position: absolute;left: 0;top: 0px;color: var(--public-color);font-weight: bold;}
.v-feed-box .pro h5{font-size: 15px;line-height: 22px;color: #666666;font-family: 'Rubik';font-weight: 400;margin-top:15px; margin-bottom: 15px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.v-share_bot{margin-top: 30px;border: 1px solid var(--public-color);border-radius: 30px;padding: 6px;display: flex;justify-content: space-between;overflow: hidden;}
.v-share_bot input{border: 0;
    color: #666;
    font-size: 14px;
    padding-left: 10px;
    width: 100%;
    box-sizing: border-box;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;}
.v-share_bot button{width: 114px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    border: 0;
    background: var(--public-color);
    border-radius: 20px;
    flex-shrink: 0;
    cursor: pointer;}

.reveal-modal#mb-share{left: 60%;
    margin-left: -30%;
    width: 40%;}

.v-share-box .share{display: flex; margin-top:30px;
    font-size: 0;
    transition: all .3s ease-in-out;
    justify-content: space-between;}
.v-share-box .share_cell{font-size:16px;color:#333;text-align:center;}
.v-share-box .share_cell p{margin-bottom:0;}
.v-share-box .share_cell .icon.wa {
    background-position: -3px -180px;
}

.v-share-box .share_cell .icon.fb {
    background-position: -185px -235px;
}

.v-share-box .share_cell .icon.tw {
    background-position: -124px -177px;
}

.v-share-box .share_cell .icon.em {
    background-position: -64px -237px;
}

.v-share-box .share_cell .icon.li {
    background-position: -241px -204px;
}

.v-share-box .share_cell .icon:hover{box-shadow: 0 2px 6px rgb(0 0 0 / 25%);}

.v-share-box .share_cell .icon{width: 55px;
    height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    background: url(../../images/vc-sprite.webp) no-repeat -3px -180px;
    background-size: 300px;
    border-radius: 50%;}




@media(max-width:1430px) {
    .video-nr .v-content .v-title{font-size: 28px;line-height: 38px;}
}
@media(max-width:1260px) {
    .video-nr{gap: 60px;}
}
@media(max-width:768px) {
    .reveal-modal#mb-share{left: 10%;margin-left: -5%;width: 90%;}

    .video-nr .v-side .v-pro .d-flex a{padding:5px 10px;}
    .v-feed-box .pro{display:none;}
    .v-feed-box .right{width:100%;}
    .video-nr{height:auto;padding:0px;flex-direction: column;gap: 25px;margin-bottom: 30px;}
    .video-nr .v-content{width:100%;}
    .video-nr .v-side{width:100%;min-width: 100%;}
    .video-nr .v-content .v-desc .right{width:100%;}
    .video-nr .v-content .v-nr ul li{margin-left:0;margin-right:10px;}
    .video-nr .v-content .v-massage ul{padding-left:17px;}
    .video-nr .v-content .v-massage p{display:block;}
    .video-nr .v-content .v-massage ul li{display:block;}
    .video-nr .v-content iframe{height: auto;}
    .video-nr .v-content .v-title{font-size: 20px !important;line-height: 28px !important;}
    .video-nr .v-content .v-desc{gap: 20px 0;}
    .video-nr .v-content .v-desc .left{flex-direction: column;gap: 10px 0;}
    .video-nr .v-content .v-title2{flex-wrap: wrap;gap: 10px;padding-top: 24px;}
    .video-nr .v-content .v-title2 .left{font-size: 20px;}
    .video-nr .v-content .v-title2 .left::before{width: 5px;height: 18px;margin-right: 10px;}
    .video-nr .v-side .v-pro{padding:20px 10px}
    .video-nr .v-side .v-pro-box{display: flex;flex-direction: column;gap: 25px 0;margin-bottom: 16px;}
    .video-nr .v-side .v-rel .v-video-item .left iframe{height: auto;}
}


/* article-index-contact 联系页 */
.max-1920px{max-width:1920px;margin:0 auto;width:100%}
.contact-paper{padding-top:125px;max-width:100%;overflow-x:clip}
@media (min-width:900px){
    .contact-paper{padding-top:clamp(60px,7vw,125px)}
}
@media(max-width:899px){
    .contact-paper{padding-top:60px}
}
@media(max-width:768px){
    .contact-paper{padding-top:30px}
}
.contact-top{margin-bottom:75px;max-width:100%;overflow-x:clip}
.contact-top .grid{--bs-gap:30px 70px}
.contact-top .list{
    min-height:290px;
    height:100%;
    background-color:#f2f2f2;
    border-radius:24px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:20px 30px;
    box-sizing:border-box;
    transition:box-shadow .3s ease;
}
.contact-top .list:hover{box-shadow:0 8px 24px rgba(0,0,0,0.08)}
.contact-top .img-1{
    height:90px;
    margin-bottom:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}
.contact-top .img-1 img{max-height:100%;width:auto;display:block}
.contact-top .box{width:100%;min-width:0}
.contact-top .name{font-size:20px;color:#666666;font-weight:600;margin-bottom:10px;line-height:1.3}
.contact-top .list p{
    display:flex;
    flex-direction:column;
    gap:10px;
    align-items:center;
    width:100%;
    min-width:0;
    margin:0;
}
.contact-top .font-sty{
    font-size:20px;
    color:#333333;
    font-weight:500;
    word-wrap:break-word;
    overflow-wrap:anywhere;
    hyphens:auto;
    text-decoration:none;
    transition:color .3s ease;
}
.contact-top a.font-sty:hover{color:var(--public-color)}
.contact-top .g-col-12:last-child .font-sty{font-size:16px;line-height:1.6}
@media (min-width:900px){
    .contact-top{margin-bottom:clamp(40px,5vw,75px)}
    .contact-top .grid{--bs-gap:30px clamp(30px,4vw,70px)}
    .contact-top .list{min-height:clamp(240px,18vw,290px);padding:clamp(18px,2vw,20px) clamp(20px,2.5vw,30px)}
    .contact-top .name{font-size:clamp(18px,1.2vw,20px)}
    .contact-top .font-sty{font-size:clamp(17px,1.2vw,20px)}
    .contact-top .g-col-12:last-child .font-sty{font-size:clamp(14px,1vw,16px)}
}
@media(min-width:769px) and (max-width:991px){
    .contact-top .grid > .g-col-12{grid-column:auto/span 4}
    .contact-top .grid{--bs-gap:20px 15px}
    .contact-top .list{min-height:240px;padding:18px 14px;border-radius:18px}
    .contact-top .img-1{height:72px;margin-bottom:12px}
    .contact-top .name{font-size:17px;margin-bottom:8px}
    .contact-top .font-sty{font-size:16px;line-height:1.45}
    .contact-top .g-col-12:last-child .font-sty{font-size:14px;line-height:1.5}
}
@media(max-width:899px){
    .contact-top{margin-bottom:50px}
    .contact-top .grid{--bs-gap:25px 20px}
    .contact-top .list{min-height:0;border-radius:16px}
}
@media(max-width:768px){
    .contact-top{margin-bottom:30px}
    .contact-top .grid{--bs-gap:14px}
    .contact-top .list{
        flex-direction:row;
        align-items:center;
        justify-content:flex-start;
        text-align:left;
        gap:14px;
        padding:16px 18px;
        border-radius:12px;
        min-height:0;
    }
    .contact-top .img-1{
        width:54px;
        height:54px;
        margin-bottom:0;
    }
    .contact-top .img-1 img{max-width:54px;max-height:54px}
    .contact-top .box{flex:1;min-width:0}
    .contact-top .name{font-size:16px;line-height:1.3;margin-bottom:6px}
    .contact-top .font-sty{font-size:16px;line-height:1.45}
    .contact-top .list p{align-items:flex-start;gap:6px}
    .contact-top .g-col-12:last-child .font-sty{font-size:14px;line-height:1.5}
}
@media(max-width:430px){
    .contact-top{margin-bottom:25px}
    .contact-top .grid{--bs-gap:12px}
    .contact-top .list{padding:14px 14px;gap:12px;border-radius:10px}
    .contact-top .img-1{width:46px;height:46px}
    .contact-top .img-1 img{max-width:46px;max-height:46px}
    .contact-top .name{font-size:15px;margin-bottom:5px}
    .contact-top .font-sty{font-size:15px;line-height:1.4}
    .contact-top .g-col-12:last-child .font-sty{font-size:13px;line-height:1.45}
}

.contact-bottom{background:linear-gradient(180deg,#f9f9f9,#ffffff);padding:80px 0 60px;max-width:100%;overflow-x:clip}
.contact-bottom .content{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:clamp(30px,5vw,80px);
    min-width:0;
}
.contact-bottom .left{flex:0 1 42%;min-width:485px}
.contact-bottom .right{flex:0 1 43%;min-width:0}
.contact-bottom .h6{margin:0 0 4px;line-height:1.4}
.contact-bottom .title{margin:10px 0 15px;color:#333333;word-wrap:break-word;hyphens:auto;font-size:32px;line-height:46px;font-weight:600}
.contact-bottom .text{
    margin-bottom:40px;
    color:#666666;
    font-size:16px;
    line-height:1.6;
    word-wrap:break-word;
    hyphens:auto;
}
.contact-bottom .small-box{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px 40px;
    min-width:0;
}
.contact-bottom .small-box .list{
    min-height:130px;
    background-color:#ffffff;
    box-shadow:0 9px 16px 0 rgba(153,153,153,0.19);
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:10px;
    padding:15px 30px;
    border-radius:4px;
    box-sizing:border-box;
    min-width:0;
}
.contact-bottom .d{
    display:flex;
    align-items:baseline;
    font-size:32px;
    line-height:1;
    color:var(--public-color);
    font-weight:500;
}
.contact-bottom .small-box .list p{
    font-size:20px;
    line-height:1.4;
    color:#666666;
    margin:0;
    word-wrap:break-word;
    hyphens:auto;
}
.contact-bottom .h3{
    font-size:28px;
    line-height:1.2;
    color:#333333;
    font-weight:600;
    margin-bottom:55px;
    word-wrap:break-word;
    hyphens:auto;
}
.contact-bottom .right .form-row .pos-btn{position: absolute;}
.contact-bottom .all_btn{width:100%;min-width:0}
.contact-bottom .all-from .form-row.form-btn-box{gap:30px}
.contact-bottom .all-from .form-row .all_btn{min-width:0}
@media (min-width:900px){
    .contact-bottom{padding:clamp(50px,6vw,80px) 0 clamp(40px,5vw,60px)}
    .contact-bottom .h3{font-size:clamp(22px,1.6vw + 14px,28px);margin-bottom:clamp(30px,4vw,55px)}
    .contact-bottom .text{margin-bottom:clamp(25px,3vw,40px)}
    .contact-bottom .small-box{gap:clamp(15px,2vw,30px) clamp(20px,3vw,40px)}
    .contact-bottom .small-box .list p{font-size:clamp(16px,1.2vw,20px)}
    .contact-bottom .d{font-size:clamp(26px,2vw,32px)}
}
@media(max-width:1000px){
    .contact-bottom .content{
        flex-direction:column-reverse;
        gap:25px;
        align-items:stretch;
    }
    .contact-bottom .left,
    .contact-bottom .right{
        flex:none;
        width:100%;
        max-width:100%;
        min-width:0;
    }
    .contact-bottom .right .form-row .pos-btn{position: static;}
}
@media(max-width:768px){
    .contact-bottom{padding:30px 0}
    .contact-bottom .content{gap:20px}
    .contact-bottom .h6{font-size:18px;line-height:26px}
    .contact-bottom .title{margin:5px 0 10px}
    .contact-bottom .text{margin-bottom:25px;font-size:15px;line-height:1.55}
    .contact-bottom .h3{font-size:22px;line-height:1.35;margin-bottom:25px}
    .contact-bottom .small-box{gap:15px}
    .contact-bottom .small-box .list{min-height:0;padding:15px 20px}
    .contact-bottom .d{font-size:28px}
    .contact-bottom .small-box .list p{font-size:16px;line-height:1.45}
    .contact-bottom .all-from .form-row{flex-wrap: nowrap;}
    .contact-bottom .all-from .form-row.form-btn-box{gap:18px}
    .contact-bottom .all-from .form-row .all_btn{font-size:18px;height:48px}
    .contact-bottom .all-from .form-cap .input-group-append{width:96px}
}
@media(max-width:580px){
    .contact-bottom .small-box{grid-template-columns:1fr}
}
@media(max-width:540px){
    .contact-bottom .all-from .form-row{flex-wrap: wrap;gap: 10px;}
    .contact-bottom .all-from .form-row:not(.form-btn-box){margin-bottom: 10 !important;}
}
@media(max-width:430px){
    .contact-bottom{padding:25px 0}
    .contact-bottom .content{gap:18px}
    .contact-bottom .h6{font-size:16px;line-height:24px}
    .contact-bottom .text{margin-bottom:20px;font-size:14px;line-height:1.5}
    .contact-bottom .h3{font-size:20px;line-height:1.35;margin-bottom:20px}
    .contact-bottom .small-box{gap:12px}
    .contact-bottom .small-box .list{padding:14px 16px}
    .contact-bottom .d{font-size:24px}
    .contact-bottom .small-box .list p{font-size:14px;line-height:1.4}
    .contact-bottom .all-from .form-row.form-btn-box{gap:15px}
    .contact-bottom .all-from .form-row .all_btn{font-size:16px;height:42px}
}

/* 全局超小屏微调 */
@media(max-width:768px){
    .cont,.text,p, body{letter-spacing: -.2px;}
}
@media(max-width:430px){
    h1{font-size:28px !important;line-height:1.4 !important;letter-spacing:-.4px !important;}
    .t1{letter-spacing:0 !important;}
    .cont,.text,p, body{font-size:14px !important;line-height:20px !important;letter-spacing:0 !important;}
    .all_btn{height:42px;font-size:16px !important;padding:0 20px;}
    .text p{margin-bottom:10px;}
    .text p:last-child{margin-bottom:0;}
    .all_btn_text{font-size:18px;line-height:26px;}
}

.search-paper{padding:0;background:linear-gradient(180deg,#fafafa 0%,#ffffff 100%);max-width:100%;overflow-x:clip}
.search-paper .in-banner{margin-bottom:0;padding-top:15px}
.search-paper .search-hero{padding:40px 0 50px}
.search-paper .search-hero-inner{max-width:760px;margin:0 auto;text-align:center;min-width:0}
.search-paper .search-hero-title{font-size:42px;line-height:1.25;font-weight:600;color:#333333;margin-bottom:14px;letter-spacing:-.5px;word-wrap:break-word;hyphens:auto}
.search-paper .search-hero-desc{font-size:16px;line-height:1.65;color:#999999;margin-bottom:32px}
.search-paper .search-bar-card{background:#ffffff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.08);padding:24px 28px 20px;text-align:left;box-sizing:border-box}
.search-paper .search-bar-group{width:100%;max-width:100%;height:56px;display:flex;align-items:stretch;border:2px solid #ececec;border-radius:12px;overflow:hidden;background:#fafafa;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}
.search-paper .search-bar-group:focus-within{border-color:var(--public-color);box-shadow:0 0 0 4px rgba(232,56,38,.1);background:#ffffff}
.search-paper .search-bar-group .form-control{flex:1;min-width:0;height:100%;border:0;border-radius:0;padding:0 22px;font-size:17px;color:#333333;background:transparent}
.search-paper .search-bar-group .form-control::placeholder{color:#aaaaaa}
.search-paper .search-bar-group .form-control:focus{box-shadow:none}
.search-paper .search-bar-group .btn{flex-shrink:0;height:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--public-color);border:0;border-radius:0;color:#ffffff;padding:0 28px;font-size:16px;font-weight:500;transition:background .3s ease;white-space:nowrap}
.search-paper .search-bar-group .btn:hover{background:#333333}
.search-paper .search-bar-group .btn i{color:#ffffff;font-size:18px}
.search-paper .search-bar-meta{margin-top:14px;font-size:15px;line-height:1.55;color:#666666;word-wrap:break-word}
.search-paper .search-bar-meta strong{color:var(--public-color);font-weight:600}
.search-paper .search-bar-count{display:inline-block;margin-left:10px;padding:2px 12px;font-size:13px;line-height:22px;font-weight:500;color:var(--public-color);background:rgba(232,56,38,.08);border-radius:20px}
.search-paper .search-body{padding:50px 0 80px}
.search-paper .search-grid{--bs-gap:30px;margin-bottom:10px}
.search-paper .search-card{height:100%;background:#ffffff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.06);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;min-width:0}
.search-paper .search-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px rgba(0,0,0,.12)}
.search-paper .search-card-img{display:flex;align-items:center;justify-content:center;min-height:220px;padding:24px;background:linear-gradient(180deg,#f3f3f3 0%,#fafafa 100%);overflow:hidden}
.search-paper .search-card-img img{max-height:180px;max-width:100%;width:auto;height:auto;mix-blend-mode:darken;transition:transform .35s ease}
.search-paper .search-card:hover .search-card-img img{transform:scale(1.05)}
.search-paper .search-card-body{flex:1;display:flex;flex-direction:column;padding:22px 24px 26px;min-width:0}
.search-paper .search-card-tag{display:inline-block;align-self:flex-start;font-size:13px;line-height:20px;font-weight:600;color:var(--public-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding:3px 10px;background:rgba(232,56,38,.08);border-radius:4px}
.search-paper .search-card-title{display:-webkit-box;font-size:18px;line-height:1.45;font-weight:600;color:#333333;margin-bottom:10px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word}
.search-paper .search-card-title:hover{color:var(--public-color) !important}
.search-paper .search-card-desc{flex:1;color:#999999;font-size:14px;line-height:1.55;margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word}
.search-paper .search-card-link{display:inline-flex;align-items:center;gap:6px;font-size:15px;line-height:1.5;font-weight:500;color:var(--public-color);margin-top:auto}
.search-paper .search-card-link i{font-size:14px;transition:transform .3s ease}
.search-paper .search-card-link:hover i{transform:translateX(4px)}
.search-paper .down-list{margin-top:40px}
.search-paper .search-empty{text-align:center;padding:30px 20px 70px;max-width:640px;margin:0 auto}
.search-paper .search-empty-icon{width:88px;height:88px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(232,56,38,.08);color:var(--public-color)}
.search-paper .search-empty-icon i{font-size:36px}
.search-paper .search-empty-title{font-size:28px;line-height:1.3;font-weight:600;color:#333333;margin-bottom:14px}
.search-paper .search-empty-desc{font-size:16px;line-height:1.65;color:#999999;margin-bottom:28px}
.search-paper .search-empty-tips{margin-bottom:32px}
.search-paper .search-empty-tips-label{display:block;font-size:14px;line-height:1.4;color:#bbbbbb;margin-bottom:12px}
.search-paper .search-empty-tags{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}
.search-paper .search-empty-tags a{display:inline-block;padding:8px 18px;font-size:14px;line-height:1.4;color:#666666;background:#ffffff;border:1px solid #e5e5e5;border-radius:20px;transition:all .3s ease;word-wrap:break-word}
.search-paper .search-empty-tags a:hover{color:var(--public-color) !important;border-color:var(--public-color);background:rgba(232,56,38,.04)}
.search-paper .btn-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px}
.search-paper .a-lb{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:12px 28px;
    font-size:16px;
    line-height:1.4;
    font-weight:500;
    color:#ffffff;
    background:var(--public-color);
    border:1px solid var(--public-color);
    border-radius:2px;
    text-decoration:none;
    transition:all .3s ease;
    box-sizing:border-box;
}
.search-paper .a-lb:hover{background:#ffffff;color:var(--public-color)}
.search-paper .a-lb-outline{background:transparent;color:#333333;border-color:#cccccc}
.search-paper .a-lb-outline:hover{background:#333333;color:#ffffff;border-color:#333333}

@media (min-width:900px){
    .search-paper .search-hero{padding:clamp(30px,4vw,40px) 0 clamp(40px,5vw,50px)}
    .search-paper .search-hero-title{font-size:clamp(28px,2.8vw,42px)}
    .search-paper .search-body{padding:clamp(36px,4vw,50px) 0 clamp(60px,6vw,80px)}
}

@media(max-width:991px){
    .search-paper .search-hero{padding:30px 0 40px}
    .search-paper .search-hero-title{font-size:34px}
    .search-paper .search-body{padding:36px 0 50px}
}

@media(max-width:768px){
    .search-paper .in-banner{padding-top:10px}
    .search-paper .search-hero{padding:20px 0 28px}
    .search-paper .search-hero-title{font-size:28px;margin-bottom:10px;letter-spacing:-.3px}
    .search-paper .search-hero-desc{font-size:15px;margin-bottom:22px}
    .search-paper .search-bar-card{padding:16px;border-radius:12px}
    .search-paper .search-bar-group{height:50px;border-radius:10px}
    .search-paper .search-bar-group .form-control{padding:0 16px;font-size:16px}
    .search-paper .search-bar-group .btn{padding:0 18px}
    .search-paper .search-bar-group .btn span{display:none}
    .search-paper .search-bar-meta{font-size:14px}
    .search-paper .search-bar-count{display:block;margin:8px 0 0;width:fit-content}
    .search-paper .search-body{padding:24px 0 40px}
    .search-paper .search-grid{--bs-gap:20px}
    .search-paper .search-card-img{min-height:190px;padding:18px}
    .search-paper .search-card-body{padding:18px 18px 22px}
    .search-paper .search-card-title{font-size:16px}
    .search-paper .search-card-desc{font-size:13px;margin-bottom:14px}
    .search-paper .search-card-link{font-size:14px}
    .search-paper .down-list{margin-top:28px}
    .search-paper .search-empty{padding:10px 10px 50px}
    .search-paper .search-empty-icon{width:72px;height:72px;margin-bottom:18px}
    .search-paper .search-empty-icon i{font-size:28px}
    .search-paper .search-empty-title{font-size:22px}
    .search-paper .search-empty-desc{font-size:15px;margin-bottom:22px}
    .search-paper .search-empty-tips{margin-bottom:24px}
    .search-paper .btn-row{flex-direction:column;width:100%;gap:12px}
    .search-paper .btn-row .a-lb{width:100%;max-width:320px}
}

@media(max-width:430px){
    .search-paper .search-hero-title{font-size:24px}
    .search-paper .search-bar-card{padding:14px}
    .search-paper .search-bar-group{height:46px}
    .search-paper .search-bar-group .form-control{padding:0 14px;font-size:15px}
    .search-paper .search-bar-group .btn{padding:0 16px}
    .search-paper .search-body{padding:20px 0 32px}
    .search-paper .search-grid{--bs-gap:16px}
    .search-paper .search-card-img{min-height:170px;padding:14px}
    .search-paper .search-card-body{padding:14px 14px 18px}
    .search-paper .search-empty-title{font-size:20px}
    .search-paper .search-empty-desc{font-size:14px;line-height:1.5}
    .search-paper .search-empty-tags a{padding:7px 14px;font-size:13px}
    .search-paper .a-lb{min-height:44px;padding:10px 22px;font-size:15px}
}

.page-404-paper{padding:0 0 0;}
.page-404-hero{padding:90px 0 70px;background:linear-gradient(180deg,#fafafa 0%,#ffffff 100%);}
.page-404-hero .content{max-width:780px;margin:0 auto;text-align:center;}
.page-404-hero .code{font-size:120px;line-height:1;font-weight:700;color:var(--public-color);letter-spacing:4px;margin-bottom:10px;}
.page-404-hero .t1{font-size:36px;line-height:44px;font-weight:600;color:#333333;margin-bottom:18px;}
.page-404-hero .cont{font-size:16px;line-height:28px;color:#999999;margin-bottom:40px;}
.page-404-hero .btn-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;}
.page-404-pro{padding:0px 0 110px;}
.page-404-pro .top-head{margin-bottom:40px;}
.page-404-pro .top-head .text{max-width:720px;margin:20px auto 0;color:#999999;}
.page-404-pro .grid{--bs-gap:40px 30px;margin-bottom:60px;}
.page-404-pro .list{height:100%;background:#ffffff;box-shadow:0 6px 24px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;}
.page-404-pro .list:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.12);}
.page-404-pro .list .img{display:flex;align-items:center;justify-content:center;min-height:220px;padding:20px;background:#f6f6f6;overflow:hidden;}
.page-404-pro .list .img img{max-height:180px;width:auto;mix-blend-mode:darken;}
.page-404-pro .list .box{padding:22px 24px 28px;flex:1;display:flex;flex-direction:column;}
.page-404-pro .list .model{font-size:14px;line-height:20px;font-weight:500;color:var(--public-color);text-transform:uppercase;margin-bottom:8px;}
.page-404-pro .list .t1{font-size:18px;line-height:26px;font-weight:600;color:#333333;
    display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.page-404-pro .list .t1:hover{color:var(--public-color) !important;}
.page-404-pro .btn-box{text-align:center;}

@media(max-width:1200px){
    .page-404-hero .code{font-size:96px;}
    .page-404-hero .t1{font-size:30px;line-height:38px;}
}


@media(max-width:991px){
    .page-404-hero{padding:60px 0 40px}
    .page-404-pro{padding:0 0 30px}
    .page-404-pro .top-head{margin-bottom:40px}
}

@media(max-width:768px){
    .page-404-hero .code{font-size:72px}
    .page-404-hero .t1{font-size:24px;line-height:32px}
    .page-404-pro .list .img{min-height:180px}
    .page-404-pro .grid{margin-bottom:30px}
}