/*通用样式*/
:root{
    --public-color:#b5d70f;
    --max:1430px;
    --primary-color:#370976;
}

body{color:#999999;font-size:18px;line-height:28px;font-weight: 400;font-family:'Urbanist','Roboto','Outfit',Arial,Helvetica,sans-serif;letter-spacing: -.6px;}
a{display:inline-block;transition: all .4s ease-in-out;}
/* 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}
img{aspect-ratio:attr(width) / attr(height);}
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)}
.img-box{overflow:hidden}
.img-box img{transition:transform .4s ease}
.img-box:hover img{transform:scale(1.1)}
.home-about .img-box:hover img{transform:none}
.container-xl{max-width:var(--max)}
.container-xl.m-right{margin:0 0 0 auto;padding:0}
.container-xl.m-left{margin:0 auto 0 0;padding:0}
@media(max-width:768px){
    body{font-size:14px;line-height:20px;padding-top:56px;}
    .container-xl{padding:0 15px}
    .container-xl.m-right{margin:0 auto;padding:0 15px}
    .container-xl.m-left{margin:0 auto;padding:0 15px}
}

/*pc头部样式*/
.header{padding:25px 0;position:fixed;top:0;left:0;width:100%;z-index:99;background-color:transparent;transition:all .4s ease,box-shadow .4s ease;max-height:110px}
.header>*{max-width:var(--max)}
.header .header-logo{display:flex;align-items:center;justify-content:center}
.header .header-logo a{position:relative;display:block}
.header .header-logo .logo-default{display:block;transition:opacity .4s ease}
.header .header-logo .logo-scrolled{position:absolute;left:0;top:0;width:100%;height:auto;opacity:0;transition:opacity .4s ease}
.header .header-nav{display:flex;justify-content:space-between}
.header .header-menu{display:flex;align-items:center;gap:40px}
.header .search-svg{cursor:pointer;color:#fff}
.navbar{padding:0px;position:relative;z-index:9999}
.navbar-custom{top:0;z-index:2;justify-content:end}
.navbar-custom .navbar-nav{gap:20px;flex-direction:row;}
.navbar-custom .navbar-nav .nav-item{position:relative;z-index:1}
.navbar-custom .navbar-nav .nav-item:hover{z-index:3}
.navbar-custom .navbar-nav .nav-link{font-family: Urbanist-Black;
	font-size: 18px;
	line-height: 36px;
    font-weight: 500;
	letter-spacing: -1px;
	color: #333333;position:relative;z-index:2;padding:0;
    transition:.6s ease-in-out
}
.navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color);transition:.6s ease-in-out}
.navbar-custom .navbar-nav .nav-link:before{content:"";width:0px;height:2px;background:var(--public-color);position:absolute;left:0;bottom:5px}
.navbar-custom .navbar-nav .nav-item:hover .nav-link:before{width:100%;transition:all 0}
.navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{transform:rotate(90deg);transition:.6s ease-in-out}
.navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotate(180deg);color:var(--public-color)}

/* 头部联系按钮 */
.header-touch{color:#fff;cursor:pointer;border:1px solid #fff;width:150px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}
.header-touch:hover{background-color:var(--public-color);border-color:var(--public-color)}

/* 头部功能按钮 */
.header-function{display:flex;align-items:center;gap:30px}
.header-function > *:not(:last-child){position:relative}
.header-function > *:not(:last-child)::after{content:"";display:block;position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:1px;height:24px;background:#ffffff66}

/* 头部搜索框 */
.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}
.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:#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-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}
.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}
.header-search-box .header-search-btn:hover{background:#c40010}
.header-search-box .header-search-btn svg{flex-shrink:0}

/* 头部语种切换 */
.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%;}
.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;}

/* 头部滚动样式 */
.header.scrolled{background:#fff;box-shadow:0 2px 20px rgba(0,0,0,.08);padding:20px 0}
.header.scrolled .header-logo .logo-default{opacity:0}
.header.scrolled .header-logo .logo-scrolled{opacity:1}
.header.scrolled .navbar-custom .nav-link{color:#333}
.header.scrolled .navbar-custom .nav-link:hover{color:var(--public-color)}
.header.scrolled .header-touch{color:#333;border-color:#333}
.header.scrolled .header-touch:hover{background:var(--public-color);border-color:var(--public-color);color:#fff}
.header.scrolled .search-svg{color:#333}
.header.scrolled .header-function > *:not(:last-child)::after{background:rgba(0,0,0,.1)}
.header.scrolled .lang-svg{filter:brightness(.3)}

/* 无banner图 */
.no-banner{padding-top:110px}
.no-banner .header{background:#fff}
.no-banner .header .header-logo .logo-default{opacity:0}
.no-banner .header .header-logo .logo-scrolled{opacity:1}
.no-banner .header .navbar-custom .nav-link{color:#333}
.no-banner .header .navbar-custom .nav-link:hover{color:var(--public-color)}
.no-banner .header .header-touch{
    width: 172px;
	height: 45px;
	background-color: var(--primary-color);
	border-radius: 23px;
border:1px solid var(--primary-color)}
.no-banner .header .header-touch .top-btn{
    font-family: Roboto-Regular;
	font-size: 20px;
	letter-spacing: -1px;
	color: #ffffff !important;
}
.no-banner .header .header-touch:hover{background:var(--public-color);border-color:var(--public-color);color:#fff}
.no-banner .header .search-svg{color:#333}
.no-banner .header .header-function > *:not(:last-child)::after{background:rgba(0,0,0,.1)}
.no-banner .header .lang-svg{filter:brightness(.3)}
@media(max-width:768px){
    .no-banner{padding-top:56px}
}

/* 
    特殊下拉菜单样式
    .pull-down 根据容器宽度自动计算位置
    .pull-down-fullscreen 全屏
    后续自定义添加样式
*/
.pull-down{position:fixed;left:max(0px,calc((100vw - 1860px)/2));width:min(1860px,100vw);top:calc(120px - 46px);padding-top:20px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:0;pointer-events:none}
.pull-down.pull-down-fullscreen{position:fixed;left:0;top:0;width:100vw;height:100vh;padding-top:120px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:0;pointer-events:none}
.nav-item:hover .pull-down{opacity:1;visibility:visible;pointer-events:auto}
.header.scrolled .pull-down{top:calc(80px - 26px)}
.pull-down-inner{width:100%;padding:30px var(--container-padding);background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.12);display:flex;gap:48px}
.header:not(.scrolled) .pull-down-inner{background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}

/* Products&Solution mega menu */
.pull-down-wide{left:max(0px,calc((100vw - var(--max))/2));width:min(var(--max),100vw)}
.pull-down-wide--mega .pull-down-inner{padding:16px 0 0 48px;gap:0;align-items:stretch;overflow:hidden;border-radius:0}
.mega-menu-left{flex:1;min-width:0;padding-right:56px}
.mega-menu-label{font-family: Urbanist-Bold;
	font-size: 20px;
    font-weight: 700;
	line-height: 28px;
	letter-spacing: 0px;
	color: #000000;
	opacity: 0.6;text-transform:uppercase;margin-bottom:28px}
.mega-menu-grid{display:grid;
    /* grid-template-columns:repeat(2,1fr); */
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;}
.mega-menu-item{display:flex;align-items:center;gap:20px;color:#333;text-decoration:none;transition:color .3s ease}
.mega-menu-item:hover{color:var(--public-color)}
.mega-menu-icon{flex:0 0 60px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border:2px solid #e9f3b7;border-radius:6px;background:#fff;padding:10px}
.mega-menu-icon img,.mega-menu-sub-aside-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.mega-menu-title{font-family: Urbanist-SemiBold;
	font-size: 20px;
    font-weight: 500;
	line-height: 30px;
	letter-spacing: 0px;
	color: #000000;}
    .mega-menu-title:hover{color:var(--public-color)}
.mega-menu-right{background-color: #f4f4f4;flex:0 0 50%;max-width:694px}
.mega-menu-promo{padding: 21px 54px 0 50px;height:100%;display:flex;flex-direction:column}
.mega-menu-promo-img{border-radius: 6px;height:200px;overflow:hidden;line-height:0}
.mega-menu-promo-img img{width:100%;height:200px;object-fit:cover;display:block}
.mega-menu-promo-body{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:20px 0 30px;flex:1}
.mega-menu-promo-text{flex:1;min-width:0}
.mega-menu-promo-title{font-family: Urbanist-ExtraBold;
	font-size: 20px;
    font-weight: 700;
	line-height: 28px;
	letter-spacing: 0px;
	color: #000000;margin-bottom:12px;letter-spacing:0}
.mega-menu-promo-desc{font-family: Urbanist-SemiBold;
	font-size: 16px;
    font-weight: 500;
	line-height: 24px;
	letter-spacing: -1px;
	color: #333333;}
.mega-menu-promo-btns{display:flex;flex-direction:column;gap:10px;flex-shrink:0}
.mega-menu-btn{display:flex;align-items:center;justify-content:center;min-width:170px;height:40px;padding:0 24px;font-family: Urbanist-Bold;
	font-size: 14px;
    font-weight: 500;
	line-height: 24px;
	letter-spacing: 0px;
	color: #333333;text-align:center;border-radius:6px;transition:opacity .3s ease;white-space:nowrap}
.mega-menu-btn:hover{opacity:.88;color:inherit}
.mega-menu-btn-primary{background:var(--primary-color);color:#fff !important}
.mega-menu-btn-secondary{background:var(--public-color);color:#333 !important}
.nav-item-mega .dropdown-toggle::after{transform:rotate(0deg)}
.nav-item-mega:hover .dropdown-toggle::after{transform:rotate(180deg)}
@media(max-width:991px){
    .pull-down-wide--mega{display:none}
}

/*cookies板式一*/
.google-cookies{position:fixed;z-index:99;bottom:50px;left:50px;width:450px;box-shadow:8px 0 15px rgba(0, 0, 0, 0.2);background:#fff;padding:20px;border-radius:10px;}
.google-cookies.off{display:none;}
.google-cookies .container-xl{}
.google-cookies .left{width:100%;}
.google-cookies .right{text-align:center;display:flex;justify-content:flex-end;width:100%;}
.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-top:15px;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-top:15px;}
.google-box{position: relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.google-box .cookies-close{position: absolute;right: -20px;top:-10px;font-size: 28px;cursor: pointer;}

@media(max-width:768px) {
  #float{bottom:165px;}
  .google-cookies{padding:10px 0;bottom:80px;left:0;right:0;border-radius:0;width:100%;}
  .google-cookies .left{width:100%;}
  .google-cookies .t1{font-size:16px;line-height:24px;}
  .google-cookies .p1{font-size:14px;line-height:16px;}
  .google-cookies .right{width:100%;text-align:left;justify-content:flex-start;}
  .google-cookies .cookies-btn{padding:5px 10px;border-radius:0;font-size:14px;display:inline-block;margin-left:0;margin-right:10px;}
  .google-box{border-radius:0;padding:0px;}
  .google-box .cookies-close{right: 0px;top:0px;}
}

/*移动端头部样式*/
@media(max-width:768px){
    body{padding-top:56px;font-size:14px;}
    .header-mb{background:#fff;position:fixed;top:0;left:0;width:100%;z-index:999}
    .header-mb .container-xl{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;height:56px;padding:0 15px;max-width:100%}
    .header-mb .top-logo{flex:1 1 auto;min-width:0;width:auto;max-width:none}
    .header-mb .top-logo a{display:flex;align-items:center;height:56px}
    .header-mb .top-logo img{height:50px;width:auto;max-width:100%;object-fit:contain}
    .header-mb .top-mb{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:12px;flex:0 0 auto;width:auto}
    .header-mb .top-mb .top-mb-whatsapp,
    .header-mb .top-mb .top-mb-feed,
    .header-mb .top-mb .top-mb-search,
    .header-mb .top-mb .navbar-toggler{display:flex !important;align-items:center;justify-content:center;width:28px;height:36px;margin:0 !important;padding:0;border:0;background:transparent;font-size:20px;line-height:1}
    .header-mb .top-mb .top-mb-whatsapp a,
    .header-mb .top-mb .top-mb-feed span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#111}
    .header-mb .top-mb .top-mb-whatsapp i,
    .header-mb .top-mb .top-mb-feed i,
    .header-mb .top-mb .top-mb-search i,
    .header-mb .top-mb .icon-bars{font-size:20px;color:#111;line-height:1}
    .header-mb .top-mb .dropdown.lang .dropdown-toggle{background:transparent;padding:0;color:#111}
    .header-mb .top-mb .dropdown-menu{min-width:80px;margin-top:8px}
    .top-mb-search-box{display:none;position:fixed;background:#fff;top:56px;padding:10px 15px;box-shadow:0 6px 16px rgba(0,0,0,.08);z-index:998;width:100%}
    .top-mb-search-box .search-group{width:100%;height:40px;border:1px solid #eee;border-radius:8px;overflow:hidden}
    .top-mb-search-box .search-group .form-control{height:40px;line-height:40px;font-size:14px;padding:0 12px}
    .top-mb-search-box .search-group .btn{width:40px;height:40px;background:var(--public-color);border:none;border-radius:0}
    .top-mb-search-box .search-group .icon{color:#333}
    .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:20px 15px 30px;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}
    .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:var(--public-color)}
    .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.has-child a b{display:inline-block;width:22px;height:22px;border:1px solid #111;border-radius:2px;overflow:hidden;line-height:22px;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:10px;height:1px;background-color:#111;position:absolute;left:6px;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:#111}
    .head_nav>li{padding-top:12px;padding-bottom:12px;border-bottom:1px solid #f2f2f2}
    .head_nav>li>a{font-size:16px;text-transform:none;margin-bottom:-1px;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.active>a>b:after{display:none}
    .head_nav li.active>a>b{background-color:#111}
    .head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color:#fff}
    .mobile-ico-close{width:30px;height:30px;background-color:var(--primary-color);position:absolute;left:-30px;top:0;cursor:pointer}
    .mobile-ico-close .icon{color:#fff;font-size:22px;padding:0 0 0 4px}
    .search-box .form-control{border-radius:8px}
    .search-box .btn{border:none;border-radius:0;background:var(--public-color)}
    .search-box .icon{color:#333}
    .main-mask{position:fixed;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:9;display:none;top:0;left:0}
}
/*#endregion*/

/*#弹出框*/
.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}
@media(max-width:768px){
    .reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-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:20px;text-align:center;margin-bottom:10px}
}

/*#留言表单*/
.form-feedback .btn{color:#fff;background:var(--public-color);border-radius:0px;font-size:16px;line-height:22px;padding-top:8px;padding-bottom:8px}
.form-feedback .btn:hover{background:var(--primary-color);color:#fff}
@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}
    .contact-wrapper .feedback-box .form-control{margin-bottom:0}
}
.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}

/*#搜索*/
.search-group{width:200px;height:32px;overflow:hidden;border:1px solid #f7f7f7;border-radius:5px}
.search-group .form-control{border:none;border-radius:0px;background:transparent;color:#5c5352;height:32px;line-height:32px;}
.search-group .form-control::-webkit-input-placeholder{color:#5c5352}
.search-group .btn{background-color:#9f1919;border-radius:0px;height:32px;width:32px;display:flex;justify-content:center;align-items:center;padding:6px 15px;margin-bottom:0}
.search-group i{color:#fff;font-size:1rem}

/*默认详情设置*/
.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(odd){background-color:rgba(0,0,0,0.03)}
.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}

.max-1920px {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    overflow-x: clip;
}
/* ========== banner 区块样式 ========== */
.home-banner {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    /* background: linear-gradient(90deg, var(--public-color) 0%, #d4eb6a 45%, #eef8c8 100%); */
    background: linear-gradient(to right, #b5d70f, #ffffff);
    /* background-image: url(../../images/home-product-02.webp); */
}

/* 白底产品图叠在青绿渐变上，白色区域透出背景色 */
.home-banner > img {
    display: block;
    width: 100%;
    height: auto;
    mix-blend-mode: multiply;
    position: relative;
    z-index: 0;
}

.home-banner .banner-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    width: 764px;
    max-width: 42%;
}
.home-banner .banner-icon.no-home{
    width: 630px;
}
.home-banner .banner-icon img {
    display: block;
    width: 100%;
    height: auto;
    mix-blend-mode: screen;
}

.home-banner .banner-text {
    z-index: 2;
    justify-content: flex-start;
    text-align: left;
    color: #171717;
}
.home-banner.contact-banner .banner-text{
    max-height: 300px;
}
.home-banner .banner-text .container-xl {
    width: 100%;
}

.home-banner .banner-text .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.home-banner .title {
    font-family: Urbanist-Black;
	font-size: 48px;
	line-height: 68px;
	letter-spacing: -2px;
	color: #000000;
    font-weight: 900;
    margin-bottom: 24px;
    max-width: 730px;
}
.home-banner .title.about-title{
    max-width: none;
}
.home-banner .desc {
    font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0px;
	color: #333333;
    font-weight: 400;
    max-width: 800px;
    margin-bottom: 35px;
}

.home-banner .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 320px;
	height: 60px;
	border-radius: 30px;
    padding: 0 36px;
    font-family: Urbanist-Bold;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: -1px;
    font-weight: 500;
	color: #ffffff;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    text-decoration: none;
    transition: all 0.3s ease;
}
.home-banner .button{
    display: flex;
    gap: 20px;
    align-items: center;
}
/* .home-banner .btn:hover {
    background-color: #2a075c;
    border-color: #2a075c;
    color: #ffffff !important;
} */
.home-banner .btn2{
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #ffffff;
}
.home-banner .box{
    display: flex;
    align-items: center;
    gap: 40px;
}
.home-banner .i{
    display: flex;
    gap: 20px;
}

.small-nav{
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    z-index: 1;
}
.small-nav ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: auto;
}
.small-nav ul li{
    display: flex;
    align-items: center;
    padding-left: 0;
}
.small-nav ul li:not(:first-child)::before {
    content: ">>";
    font-family: Urbanist-SemiBold;
	font-size: 18px;
	letter-spacing: 0px;
	color: #333333;
    margin: 0 15px;
    font-weight: 600;
    position: static;
}
.small-nav ul li:not(:first-child):last-child::before {
    color: #666666;
}
.small-nav ul li a {
    font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0px;
	color: #333333;
    font-weight: 500;
}
.small-nav ul li:last-child a {
    color: #7534cf;
}
.small-nav ul li:last-child span {
    font-family: Urbanist-SemiBold;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
    color: #666666;
    font-weight: 600;
}
@media(max-width:768px){
    .small-nav{position:relative;top:auto;left:auto;padding:0 15px 8px}
    .small-nav ul{max-width:100%}
    .small-nav ul li a,
    .small-nav ul li:last-child span{font-size:13px;line-height:20px}
    .small-nav ul li:not(:first-child)::before{font-size:12px;margin:0 8px}
}
.home-banner.inner-no-banner-bar {
    background: linear-gradient(to right, #b5d70f, #ffffff);
    overflow: visible;
}
.home-banner.inner-no-banner-bar .banner-text {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 56px;
    padding: 16px 0 14px;
}
.home-banner.inner-no-banner-bar .small-nav.inner-no-banner {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
}
.home-banner.inner-no-banner-bar .small-nav.inner-no-banner ul {
    max-width: none;
    margin: 0;
}
.home-banner.inner-no-banner-bar .small-nav.inner-no-banner ul li a,
.home-banner.inner-no-banner-bar .small-nav.inner-no-banner ul li span {
    font-size: 16px;
    line-height: 24px;
}
.home-banner.inner-no-banner-bar .small-nav.inner-no-banner ul li:not(:first-child)::before {
    font-size: 16px;
    margin: 0 12px;
}

/* ========== contact-banner 联系页 banner 底部白色拱形 ========== */
.home-banner.contact-banner {
    overflow: hidden;
    background: linear-gradient(180deg,  #aee110 0%, #ffffff 100%);
}

.home-banner.contact-banner > img {
    mix-blend-mode: normal;
    opacity: 0.4;
    max-height: 400px;
}

.home-banner.contact-banner .banner-arch-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    line-height: 0;
    pointer-events: none;
}

.home-banner.contact-banner .banner-arch-bottom svg {
    display: block;
    width: 100%;
    height: 230px;
}
@media(max-width:768px){
    .home-banner.contact-banner > img{max-height:none;opacity:0.35}
    .home-banner.contact-banner .banner-text{padding-bottom:56px}
    .home-banner.contact-banner .banner-arch-bottom svg{height:48px}
    .home-banner.contact-banner .title{margin-bottom:0}
}

@media (max-width: 767px) {
    .home-banner.contact-banner .banner-arch-bottom svg {
        height: 48px;
    }

    .home-banner.inner-no-banner-bar .banner-text {
        min-height: 48px;
        padding: 12px 0;
    }
    .home-banner.inner-no-banner-bar .small-nav.inner-no-banner ul li a,
    .home-banner.inner-no-banner-bar .small-nav.inner-no-banner ul li span {
        font-size: 14px;
        line-height: 22px;
    }
    .home-banner.inner-no-banner-bar .small-nav.inner-no-banner ul li:not(:first-child)::before {
        font-size: 14px;
        margin: 0 8px;
    }
}
@media(max-width:768px){
    .home-banner.inner-no-banner-bar .banner-text{min-height:48px;padding:12px 0}
    .home-banner.inner-no-banner-bar .small-nav.inner-no-banner{padding:0}
}
@media (max-width: 1400px) {
    .home-banner .title {
        font-size: 40px;
        line-height: 50px;
    }

    .home-banner .desc {
        font-size: 16px;
        line-height: 26px;
        max-width: 480px;
    }

    .home-banner .banner-text .content {
        max-width: 520px;
    }
}
@media(max-width:768px){
    .home-banner{
        /* min-height:360px; */
        display:flex;
        align-items:center;
    }
    .home-banner > img{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:right center;
    }
    .home-banner .banner-icon{display:none}
    .home-banner .banner-text{
        position:relative;
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        width:100%;
        padding:20px 0 45px;
    }
    .home-banner .banner-text .small-nav{position:relative;top:auto;left:auto;width:100%;flex:none;padding:0 15px 12px}
    .home-banner .banner-text .container-xl{padding:0 15px;width:100%;max-width:100%;flex:none}
    .home-banner .banner-text .content{max-width:100%;width:100%}
    .home-banner .title{font-size:24px;line-height:32px;letter-spacing:-1px;margin-bottom:12px;max-width:100%}
    .home-banner .desc{font-size:14px;line-height:18px;margin-bottom:55px;max-width:70%}
    .home-banner .btn{width:100%;max-width:165px;height:40px;font-size:15px;line-height:22px;padding:0 18px}
    .home-banner .button{flex-wrap:nowrap;gap:10px;width:100%}
    .home-banner .button .btn{flex:1;width:auto;max-width:none;min-width:0;padding:0 8px;font-size:14px}
    .home-banner .box{flex-direction:column;align-items:flex-start;gap:16px}
    .home-banner .box .btn{max-width:100%;width:auto;height:auto;min-height:44px;padding:10px 18px}
    .home-banner .i{gap:12px;flex-wrap:wrap}
    .home-banner .i img{max-height:36px;width:auto}
}
.home-solution{
    background-color: #ffffff;
}
.home-solution .content{
    padding: 128px 0;
}
.home-solution .title{
    font-family: Urbanist-Black;
	font-size: 42px;
    font-weight: 900;
    line-height: 58px;
	letter-spacing: -2px;
	color: #000000;
    text-align: center;
    margin-bottom: 25px;
}
.home-solution .desc{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: -1px;
	color: #666666;
    max-width: 800px;
    margin: 0 auto;
    font-weight: 500;
    text-align: center;
    margin-bottom: 55px;
}
.home-solution .grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}
.home-solution .card .img-box{
    border-radius: 20px 20px 0px 0px;
    overflow: hidden;
    display: block;
}
.home-solution .card .text{
    padding: 45px 50px 60px 50px;
    border-radius: 0px 0px 20px 20px;
    position: relative;
    background-image: url(../../images/home-product-03.webp);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-blend-mode: multiply;
}

.home-solution .card:nth-child(even) .text{
    background-image: url(../../images/home-product-04.webp);
}
.home-solution .text .t{
    font-family: Urbanist-Black;
	font-size: 32px;
    line-height: 40px;
    font-weight: 700;
	letter-spacing: -1px;
	color: #ffffff;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
    text-decoration: none;
}
.home-solution .text .t span{
    position: relative;
}
.home-solution .text .t span::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: currentColor;
    transition: width 0.4s ease-in-out;
}
.home-solution .text .t:hover span::after{
    width: 100%;
}
.home-solution .text .t img{
    flex-shrink: 0;
}

.home-solution .card:nth-child(even) .text .t,
.home-solution .card:nth-child(even) .text .d{
    color: #000000;
}
.home-solution .card:nth-child(odd) .text .t img{
    filter: brightness(0) invert(1);
}
.home-solution .text .d{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -1px;
	color: #ffffff;
}
@media(max-width:768px){
    .home-solution{position:relative}
    .home-solution::after{content:"";display:block;margin:0 15px;border-bottom:1px dashed #d0d0d0}
    .home-solution .content{padding:50px 0}
    .home-solution .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:14px}
    .home-solution .desc{font-size:14px;line-height:22px;margin-bottom:24px}
    .home-solution .grid{grid-template-columns:1fr;gap:20px}
    .home-solution .card .text{padding:24px 20px 28px}
    .home-solution .text .t{font-size:22px;line-height:30px;gap:12px;margin-bottom:14px}
    .home-solution .text .d{font-size:14px;line-height:22px}
}

/* ========== home-show 样品展示 ========== */
.home-show {
    background-color: #ffffff;
}

.home-show > .container-xl {
    max-width: 1920px;
}

.home-show .content {
    padding: 20px 0 80px;
}
.home-show.app-show .content{
    padding: 80px 0;
}
.home-show .title {
    font-family: Urbanist-Black;
	font-size: 42px;
    line-height: 58px;
    font-weight: 900;
	letter-spacing: -2px;
	color: #000000;
    text-align: center;
    margin-bottom: 25px;
}

.home-show .desc {
    font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: -1px;
	color: #666666;
    max-width: 790px;
    margin: 0 auto 37px;
    font-weight: 500;
    text-align: center;
}

.home-show .show-swiper {
    width: 100%;
    overflow: hidden;
    padding-bottom: 120px;
}

.home-show .show-swiper-slide {
    height: auto;
}

.home-show .show-swiper-slide .img-box {
    display: flex;
    align-items: center;
    justify-content: center;
    /* aspect-ratio: 1 / 1.08 */
    aspect-ratio: 1 / 1;
    border-radius: 20px;
    /* padding: 28px 18px; */
    box-sizing: border-box;
    overflow: hidden;
}

.home-show .show-swiper-slide:nth-child(7n + 1) .img-box {
    background-color: #e4e9ee;
}

.home-show .show-swiper-slide:nth-child(7n + 2) .img-box {
    background-color: #f3dde4;
}

.home-show .show-swiper-slide:nth-child(7n + 3) .img-box {
    background-color: #f3ecd2;
}

.home-show .show-swiper-slide:nth-child(7n + 4) .img-box {
    background-color: #f0ece4;
}

.home-show .show-swiper-slide:nth-child(7n + 5) .img-box {
    background-color: #e4ebe0;
}

.home-show .show-swiper-slide:nth-child(7n + 6) .img-box {
    background-color: #dde9ef;
}

.home-show .show-swiper-slide:nth-child(7n) .img-box {
    background-color: #e8e2d8;
}

.home-show .show-swiper-slide .img-box img {
    display: block;
    max-width: 72%;
    max-height: 78%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.home-show .show-swiper-button-prev,
.home-show .show-swiper-button-next {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 60px;
    height: 60px;
    margin: 0;
    border-radius: 50%;
    color: #555555;
    transition: all 0.3s ease;
}

.home-show .show-swiper-button-prev{
    left: calc(50% - 70px);
    background-color: #e8e8e8;
}

.home-show .show-swiper-button-next {
    right: calc(50% - 70px);
    background-color: #e8e8e8;
}
.home-show .show-swiper-button-prev:hover {
    background-color: var(--public-color);
    color: #333333;
}

.home-show .show-swiper-button-next:hover {
    background-color: var(--public-color);
    color: #333333;
}

.home-show .show-swiper-button-prev::after,
.home-show .show-swiper-button-next::after {
    font-size: 16px;
    font-weight: 700;
    color: inherit;
}

.home-show .show-swiper-button-prev.swiper-button-disabled,
.home-show .show-swiper-button-next.swiper-button-disabled {
    opacity: 0.45;
}

@media (max-width: 1400px) {
    .home-show .title {
        font-size: 40px;
        line-height: 50px;
    }

    .home-show .desc {
        font-size: 16px;
        line-height: 24px;
        max-width: 720px;
    }
}
@media(max-width:768px){
    .home-show{position:relative}
    .home-show::after{content:"";display:block;margin:0 15px;border-bottom:1px dashed #d0d0d0}
    .home-show .content{padding:20px 0 50px}
    .home-show.app-show .content{padding:40px 0 20px}
    .home-show .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:12px}
    .home-show .desc{font-size:14px;line-height:22px;margin:0 auto 20px}
    .home-show .show-swiper{padding-bottom:80px}
    .home-show .show-swiper-slide .img-box{border-radius:14px}
    .home-show .show-swiper-slide[style*="margin-top"]{margin-top:12px !important}
    .home-show .show-swiper-button-prev,
    .home-show .show-swiper-button-next{width:40px;height:40px}
    .home-show .show-swiper-button-prev{left:calc(50% - 50px)}
    .home-show .show-swiper-button-next{right:calc(50% - 50px)}
}

/* ========== home-sust 可持续包装 ========== */
.home-sust {
    background-color: #ffffff;
}

.home-sust .content {
    padding: 50px 0 0;
    position: relative;
}
.home-sust .content::after{
    content: url(../../images/sign-2.webp);
    position: absolute;
    right: 17%;
    top: 0;
   /* width: 100%;
     height: 100%;
    background-image: url(../../images/sign-2.webp);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 100%; */
}
.home-sust .top {
    display: flex;
    align-items: center;
    gap: 100px;
    position: relative;
    /* background-image: url(../../images/sign-2.webp);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 100%; */
}

.home-sust .top .img-box {
    flex: 0 0 620px;
    max-width: 620px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.home-sust .top .img-box img {
    display: block;
    width: 100%;
    height: auto;
}

.home-sust .top .text {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.home-sust .top .title {
    font-family: Urbanist-Black;
	font-size: 42px;
    line-height: 58px;
    font-weight: 900;
	letter-spacing: -2px;
	color: #000000;
    margin-bottom: 28px;
}

.home-sust .top .desc {
    font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0px;
	color: #666666;
    max-width: 680px;
    font-weight: 500;
    margin-bottom: 35px;
}

/* .home-sust .top .list ul {
    display: flex;
    flex-direction: column;
    gap: 22px;
} */

.home-sust .top .list li {
    position: relative;
    padding-left: 45px;
    font-family: Urbanist-Black;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: -1px;
	color: #666666;
    font-weight: 500;
    margin-bottom: 10px;
}

.home-sust .top .list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: var(--public-color);
    border: 5px solid #f0f7cf;
    box-sizing: content-box;
}

.home-sust .top .list li strong {
    font-family: Urbanist-Black;
    font-weight: 900;
    color: #000000;
}

.home-sust .bottom {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 80px 0 50px;
    height: 194px;
}

.home-sust .bottom::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background-color: var(--public-color);
    transform: translateY(-50%);
}

.home-sust .bottom .logo-box {
    position: relative;
    z-index: 1;
    width: 194px;
    height: 194px;
}

.home-sust .bottom .logo-box img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 1400px) {
    .home-sust .top {
        gap: 40px;
        background-size: auto 85%;
    }

    .home-sust .top .img-box {
        flex: 0 0 480px;
        max-width: 480px;
    }

    .home-sust .top .title {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
    }

    .home-sust .top .desc,
    .home-sust .top .list li {
        font-size: 16px;
        line-height: 26px;
    }

    .home-sust .bottom {
        margin-top: 70px;
        height: 160px;
    }

    .home-sust .bottom .logo-box {
        width: 160px;
        height: 160px;
    }
}
@media(max-width:768px){
    .home-sust .content{padding:40px 0 0}
    .home-sust .content::after{display:none}
    .home-sust .top{flex-direction:column;gap:24px}
    .home-sust .top .img-box{flex:0 0 auto;max-width:100%;width:100%;border-radius:16px}
    .home-sust .top .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:14px}
    .home-sust .top .desc,
    .home-sust .top .list li{font-size:14px;line-height:22px}
    .home-sust .top .desc{margin-bottom:20px}
    .home-sust .top .list li{padding-left:36px;margin-bottom:10px}
    .home-sust .bottom{margin:30px 0;height:120px}
    .home-sust .bottom .logo-box{width:110px;height:110px}
}

/* ========== home-pack 定制包装 ========== */
.home-pack {
    background-color: #ffffff;
}

.home-pack .content {
    padding: 140px 0 290px;
}

.home-pack .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home-pack .top .text {
    /* flex: 0 0 625px;
    max-width: 625px; */
}

.home-pack .top .note {
    font-family: Urbanist-Bold;
	font-size: 22px;
	line-height: 32px;
	letter-spacing: -1px;
    color: var(--public-color);
    font-weight: 600;
    margin-bottom: 18px;
}

.home-pack .top .title {
    font-family: Urbanist-Black;
	font-size: 42px;
    line-height: 56px;
    font-weight: 900;
	letter-spacing: -2px;
	color: #000000;
    margin-bottom: 24px;
}

.home-pack .top .desc {
    font-family: Urbanist-SemiBold;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -1px;
    color: #666666;
    font-weight: 500;
    margin-bottom: 36px;
}
/* 
.home-pack .top .list ul {
    display: flex;
    flex-direction: column;
    gap: 18px;
} */

.home-pack .top .list li {
    display: flex;
    align-items: center;
    gap: 20px;
    font-family: Urbanist-SemiBold;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: -1px;
    font-weight: 500;
	color: #666666;
    margin-bottom: 5px;
}

.home-pack .top .list li img {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: var(--public-color);
    object-fit: contain;
    border: 5px solid #e1ef9f;
    box-sizing: content-box;
}

.home-pack .top .right {
    flex: 0 0 680px;
    max-width: 680px;
    min-width: 0;
    position: relative;
    padding-bottom: 30px;
}

.home-pack .pack-swiper {
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
    /* padding: 50px 40px 70px; */
    box-sizing: border-box;
}

.home-pack .pack-swiper-slide .img-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-pack .pack-swiper-slide .img-box img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.home-pack .pack-swiper-pagination {
    top: 22px;
    bottom: auto !important;
    left: 0;
    width: 100%;
    text-align: center;
}

.home-pack .pack-swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #000000;
    opacity: 1;
    margin: 0 5px !important;
}

.home-pack .pack-swiper-pagination .swiper-pagination-bullet-active {
    background: var(--public-color);
}

.home-pack .top .right .btn {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 420px;
	height: 60px;
    padding: 0 40px;
    border-radius: 30px;
    background-color: var(--public-color);
    font-family: Urbanist-Bold;
	font-size: 20px;
	line-height: 32px;
    font-weight: 500;
	letter-spacing: -1px;
	color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
}

.home-pack .top .right .btn:hover {
    background-color: #a5c50c;
    color: #ffffff !important;
}

.home-pack .bottom > p {
    font-family: Urbanist-Black;
	font-size: 24px;
    font-weight: 900;
	line-height: 32px;
	letter-spacing: -1px;
	color: #000000;
    margin-bottom: 40px;
}

.home-pack .bottom .grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
    counter-reset: pack-step;
}

.home-pack .bottom .card {
    background-color: #f4f4f4;
    border-radius: 20px;
    padding: 40px 30px 35px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    /* cursor: pointer; */
    counter-increment: pack-step;
}

.home-pack .bottom .card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
}

.home-pack .bottom .card .num {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    border: 5px solid #dbe898;
    font-family: Urbanist-SemiBold;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -1px;
	color: #ffffff;
    font-weight: 500;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.home-pack .bottom .card .num::before {
    content: counter(pack-step, decimal-leading-zero);
}

.home-pack .bottom .card .arrow {
    position: relative;
    width: 41px;
    height: 19px;
}

.home-pack .bottom .card .arrow img {
    position: absolute;
    left: 0;
    top: 0;
    width: 41px;
    height: 19px;
    display: block;
    transition: opacity 0.3s ease;
}
.home-pack .bottom .card:last-child .arrow img {
    display: none;
}
.home-pack .bottom .card .arrow-default {
    opacity: 1;
}

.home-pack .bottom .card .arrow-active {
    opacity: 0;
}

.home-pack .bottom .card .t {
    font-family: Urbanist-ExtraBold;
	font-size: 22px;
	line-height: 34px;
    font-weight: 900;
	letter-spacing: -1px;
	color: #333333;
    margin-bottom: 12px;
}

.home-pack .bottom .card .d {
    font-family: Urbanist-SemiBold;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: -1px;
	color: #666666;
    font-weight: 500;
}

.home-pack .bottom .card:hover {
    background-color: var(--public-color);
}
.home-pack .bottom .card:hover .num {
    background-color: #ffffff;
    border-color: #d3e76f;
    color: #666666;
}

.home-pack .bottom .card:hover .arrow-default {
    opacity: 0;
}

.home-pack .bottom .card:hover .arrow-active {
    opacity: 1;
}

.home-pack .bottom .card:hover .d {
    color: #333333;
}

@media (max-width: 1400px) {
    .home-pack .top {
        gap: 40px;
        margin-bottom: 70px;
    }

    .home-pack .top .text {
        flex: 0 0 400px;
        max-width: 400px;
    }

    .home-pack .top .title {
        font-size: 40px;
        line-height: 50px;
    }

    .home-pack .top .desc,
    .home-pack .top .list li {
        font-size: 16px;
        line-height: 26px;
    }

    .home-pack .pack-swiper {
        padding: 0;
        border-radius: 24px;
    }

    .home-pack .bottom .grid {
        gap: 14px;
    }

    .home-pack .bottom .card {
        padding: 22px 16px 26px;
        min-height: 190px;
    }

    .home-pack .bottom .card .t {
        font-size: 20px;
        line-height: 28px;
    }

    .home-pack .bottom .card .d {
        font-size: 14px;
        line-height: 22px;
    }
}
@media(max-width:768px){
    .home-pack .content{padding:0 0 50px}
    .home-pack .top{flex-direction:column;gap:24px;margin-bottom:20px}
    .home-pack .top .text{flex:none;max-width:100%}
    .home-pack .top .note{font-size:16px;line-height:24px;margin-bottom:10px}
    .home-pack .top .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:14px}
    .home-pack .top .desc{font-size:14px;line-height:22px;margin-bottom:20px}
    .home-pack .top .desc br{display:none}
    .home-pack .top .list li{font-size:14px;line-height:22px;gap:12px}
    .home-pack .top .list li img{width:12px;height:12px}
    .home-pack .top .right{order:-1;flex:none;max-width:100%;width:100%;padding-bottom:0}
    .home-pack .top .right .btn{width:100%;max-width:240px;height:46px;font-size:16px}
    .home-pack .bottom > p{font-size:18px;line-height:26px;margin-bottom:20px}
    .home-pack .bottom .grid{grid-template-columns:1fr;gap:12px}
    .home-pack .bottom .card{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;row-gap:8px;padding:16px;min-height:0}
    .home-pack .bottom .card-top{display:contents;margin-bottom:0}
    .home-pack .bottom .card .num{grid-column:1;grid-row:1}
    .home-pack .bottom .card .t{grid-column:2;grid-row:1;margin-bottom:0;font-size:18px;line-height:26px}
    .home-pack .bottom .card .arrow{display:none}
    .home-pack .bottom .card .d{grid-column:1 / -1;grid-row:2;font-size:14px;line-height:22px}
    .home-pack .pack-btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:240px;height:46px;margin:24px auto 0;border-radius:30px;background-color:var(--public-color);font-family:Urbanist-Bold;font-size:16px;line-height:24px;font-weight:500;letter-spacing:-1px;color:#ffffff;text-decoration:none}
}

/* ========== home-about 关于我们 ========== */
.home-about {
    position: relative;
    /* overflow: hidden; */
}

.home-about .m-left{
    position: absolute;
    left: 0;
    top: -20%;
}
.home-about .m-left .img-box {
    z-index: 0;
}
.home-about .content{
    position: absolute;
    max-width: 610px;
    top: 0;
}
.home-about .content .title{
    font-family: Urbanist-Black;
	font-size: 42px;
	letter-spacing: -2px;
	color: #ffffff;
    font-weight: 900;
    margin-bottom: 35px;
}
.home-about .content .desc{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 34px;
	letter-spacing: 0px;
	color: #ffffff;
    font-weight: 400;
    margin-bottom: 35px;
}
.home-about .content .btn{
    width: 320px;
	height: 60px;
	background-color: var(--public-color);
	border-radius: 30px;
    font-family: Urbanist-Bold;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: -1px;
	color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
}
@media(max-width:768px){
    .home-about{position:relative;padding-bottom:0;background-color:#f2f2f2;padding-top: 20px;}
    .home-about::after{content:"";display:block;margin:28px 15px 0;border-bottom:1px dashed #d0d0d0}
    .home-about .m-left{display:none}
    .home-about .m-right{max-width:100%;width:100%}
    .home-about .m-right img{width:100%;height:auto;display:block}
    .home-about .content{position:relative;max-width:100%;padding:24px 0 0}
    .home-about .content .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:14px;color:#000}
    .home-about .content .desc{font-size:14px;line-height:22px;margin-bottom:20px;color:#333}
    .home-about .content .btn{width:100%;max-width:260px;height:46px;font-size:16px;line-height:24px;margin:0 auto}
}

/* ========== home-adv 核心优势 ========== */
.home-adv {
    background-color: #ffffff;
}

.home-adv > .container-xl {
    max-width: 1660px;
}

.home-adv .content {
    padding: 110px 0 120px;
}

.home-adv .top {
    text-align: center;
    margin-bottom: 55px;
}

.home-adv .top .note {
    font-family: Urbanist-Bold;
	font-size: 22px;
	line-height: 32px;
	letter-spacing: -1px;
    color: var(--public-color);
    font-weight: 500;
    margin-bottom: 15px;
}

.home-adv .top .title {
    font-family: Urbanist-Black;
	font-size: 42px;
    line-height: 58px;
	letter-spacing: -2px;
	color: #000000;
    font-weight: 900;
    margin-bottom: 18px;
}

.home-adv .top .desc {
    font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: -1px;
	color: #666666;
    font-weight: 500;
    max-width: 880px;
    margin: 0 auto;
}

.home-adv .bottom {
    position: relative;
    max-width: 1660px;
    margin: 0 auto;
}

.home-adv .h-dav-swiper {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    box-sizing: border-box;
}

.home-adv .h-dav-swiper-wrapper {
    max-width: 1400px;
}

.home-adv .h-dav-swiper-slide {
    height: auto;
}

.home-adv .h-dav-swiper-slide .card {
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.home-adv .h-dav-swiper-slide .img-box {
    overflow: hidden;
    line-height: 0;
    cursor: default;
}

.home-adv .h-dav-swiper-slide .img-box img {
    display: block;
    width: 100%;
    height: auto;
}

.home-adv .h-dav-swiper-slide .text {
    flex: 1;
    background-color: var(--public-color);
    padding: 32px 24px 36px;
    box-sizing: border-box;
    text-align: center;
    cursor: default;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.home-adv .h-dav-swiper-slide .text .t {
    font-family: Urbanist-Black;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -1px;
	color: #000000;
    font-weight: 900;
    margin-bottom: 14px;
    transition: color 0.3s ease;
}

.home-adv .h-dav-swiper-slide .text .d {
    font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0px;
	color: #000000;
	opacity: 0.8;
    font-weight: 400;
    transition: color 0.3s ease;
}

.home-adv .h-dav-swiper-slide .card:hover .text {
    background-color: var(--primary-color);
}

.home-adv .h-dav-swiper-slide .card:hover .text .t,
.home-adv .h-dav-swiper-slide .card:hover .text .d {
    color: #ffffff;
}

.home-adv .h-dav-swiper-button-prev,
.home-adv .h-dav-swiper-button-next {
    position: absolute;
    width: 60px;
    height: 60px;
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    color: #555555;
    transition: all 0.3s ease;
    z-index: 2;
}

.home-adv .h-dav-swiper-button-prev {
    left: 0;
    background-color: #e8e8e8;
}

.home-adv .h-dav-swiper-button-next {
    right: 0;
    /* background-color: var(--public-color); */
    background-color: #e8e8e8;
}

.home-adv .h-dav-swiper-button-prev:hover,
.home-adv .h-dav-swiper-button-next:hover {
    background-color: var(--public-color);
    color: #333333;
}

.home-adv .h-dav-swiper-button-prev::after,
.home-adv .h-dav-swiper-button-next::after {
    font-size: 16px;
    font-weight: 700;
    color: inherit;
}

.home-adv .h-dav-swiper-button-prev.swiper-button-disabled,
.home-adv .h-dav-swiper-button-next.swiper-button-disabled {
    opacity: 0.45;
}

@media (max-width: 1400px) {
    .home-adv .top .title {
        font-size: 40px;
        line-height: 50px;
    }

    .home-adv .top .desc {
        font-size: 16px;
        line-height: 26px;
    }

    .home-adv .h-dav-swiper {
        max-width: calc(100% - 140px);
        padding: 0;
    }

    .home-adv .h-dav-swiper-slide .text {
        padding: 26px 18px 30px;
    }

    .home-adv .h-dav-swiper-slide .text .t {
        font-size: 24px;
        line-height: 32px;
    }

    .home-adv .h-dav-swiper-slide .text .d {
        font-size: 14px;
        line-height: 22px;
    }
}
@media(max-width:768px){
    .home-adv .content{padding:28px 0 0}
    .home-adv .top{margin-bottom:24px}
    .home-adv .top .note{font-size:16px;line-height:24px;margin-bottom:8px}
    .home-adv .top .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:12px}
    .home-adv .top .desc{font-size:14px;line-height:22px}
    .home-adv .h-dav-swiper{max-width:100%;padding:0 0 10px}
    .home-adv .h-dav-swiper-slide .text{padding:18px 16px 22px}
    .home-adv .h-dav-swiper-slide .text .t{font-size:20px;line-height:28px}
    .home-adv .h-dav-swiper-slide .text .d{font-size:14px;line-height:22px}
    .home-adv .h-dav-swiper-button-prev,
    .home-adv .h-dav-swiper-button-next{width:36px;height:36px}
    .home-adv .h-dav-swiper-button-prev{left:0}
    .home-adv .h-dav-swiper-button-next{right:0}
}
.home-partner{
    background-color: #ffffff;
}
.home-partner .content{
    padding-bottom: 150px;
}
.home-partner.why-partner .content{
    padding-bottom: 0;
    margin-top: 100px;
}
.home-partner.why-partner .partner-swiper-slide[style*="margin-top"]{
    margin-top: 20px !important;
}
.home-partner.about-partner{
    overflow: hidden;
}
.home-partner.about-partner .content{
    padding-top: 24px;
    padding-bottom: 48px;
}
.home-partner.about-partner .partner-swiper,
.home-partner.about-partner .partner-swiper-wrapper,
.home-partner.about-partner .swiper-wrapper{
    overflow: visible !important;
}
/* .home-partner.cus-partner .content{
    padding-top: 90px;
} */
.home-partner .title{
    font-family: Urbanist-Black;
	font-size: 42px;
    line-height: 58px;
    font-weight: 900;
    text-align: center;
	letter-spacing: -2px;
    margin-bottom: 8px;
	color: #000000;
}
.home-partner .desc {
    font-family: Urbanist-SemiBold;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -1px;
    color: #666666;
    font-weight: 500;
    max-width: 880px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 60px;
}
.home-partner .grid{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 23px;
}
.home-partner .grid:has(.partner-swiper){
    display: block;
    position: relative;
}
.home-partner.max-1920px:not(.about-partner):not(.why-partner){
    overflow: hidden;
}
.home-partner.max-1920px .partner-swiper,
.home-partner.max-1920px .partner-swiper-wrapper{
    overflow: visible;
}
@media (max-width: 1700px){
    .home-partner.max-1920px .partner-swiper-button-prev{
        left: 10px;
    }
    .home-partner.max-1920px .partner-swiper-button-next{
        right: 10px;
        left: auto;
    }
}
.home-partner .partner-swiper{
    width: 100%;
    overflow: hidden;
    height: auto;
}
.home-partner .partner-swiper-wrapper{
    height: auto !important;
}
.home-partner .partner-swiper-slide{
    height: auto;
    box-sizing: border-box;
}
.home-partner.max-1920px .partner-swiper-slide[style*="margin-top"]{
    margin-top: 20px !important;
}
.home-partner .partner-swiper-slide .card{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.home-partner .partner-swiper-button-prev,
.home-partner .partner-swiper-button-next{
    position: absolute;
    width: 60px;
    height: 60px;
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    color: #555555;
    transition: all 0.3s ease;
    z-index: 2;
}
.home-partner .partner-swiper-button-prev{
    left: -60px;
    background-color: #e8e8e8;
}
.home-partner .partner-swiper-button-next{
    right: -60px;
    left: auto;
    background-color: #e8e8e8;
}
.home-partner.about-partner .partner-swiper-button-prev{
    left: 12.5%;
    transform: translate(-50%, -50%);
}
.home-partner.about-partner .partner-swiper-button-next{
    left: 87.5%;
    right: auto;
    transform: translate(-50%, -50%);
}
.home-partner .partner-swiper-button-prev:hover,
.home-partner .partner-swiper-button-next:hover{
    background-color: var(--public-color);
    color: #333333;
}
.home-partner .partner-swiper-button-prev::after,
.home-partner .partner-swiper-button-next::after{
    font-size: 16px;
    font-weight: 700;
    color: inherit;
}
.home-partner .partner-swiper-button-prev.swiper-button-disabled,
.home-partner .partner-swiper-button-next.swiper-button-disabled{
    opacity: 0.45;
}
.home-partner .card{
    background-color: #ffffff;
	box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.12);
	border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.home-partner.about-partner .partner-swiper-slide .card{
    width: 100%;
    height: auto;
    aspect-ratio: 1.14 / 1;
    /* padding: 22px; */
    box-sizing: border-box;
}
.home-partner.about-partner .card img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.home-partner .card img{
    display: block;
    width: 100%;
    height: auto;
    transition: transform .4s ease;
}
.home-partner .card:hover img{
    transform: scale(1.3);
}
@media(max-width:768px){
    .home-partner .content{padding:50px 0}
    .home-partner.why-partner .content{margin-top:0}
    .home-partner.cus-partner .content{padding-top:0px}
    .home-partner .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:10px}
    .home-partner .desc{font-size:14px;line-height:22px;margin-bottom:24px}
    .home-partner .partner-swiper-button-prev,
    .home-partner .partner-swiper-button-next{width:36px;height:36px}
    .home-partner .partner-swiper-button-prev{left:0}
    .home-partner .partner-swiper-button-next{right:0}
    .home-partner.about-partner .content{padding: 0;}
    .home-partner.about-partner .partner-swiper-slide[style*="margin-top"]{margin-top:10px !important}
    .home-partner.about-partner .partner-swiper-button-prev{left: 1%;}
    .home-partner.about-partner .partner-swiper-button-next{left: 99%;}
}

/* ========== home-service 服务支持 ========== */
.home-service {
    background-color: var(--public-color);
}

.home-service .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 70px;
    padding: 30px 0;
}

.home-service .text {
    flex: 1;
    min-width: 0;
    max-width: 650px;
}

.home-service .text .title {
    font-family: Urbanist-Black;
	font-size: 48px;
    line-height: 58px;
	letter-spacing: -2px;
	color: #000000;
    margin-bottom: 24px;
    font-weight: 900;
}

.home-service .text .desc {
    font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0px;
	color: #333333;
    font-weight: 500;
    margin-bottom: 40px;
}

/* .home-service .text .list ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
} */

.home-service .text .list li {
    display: flex;
    align-items: center;
    gap: 20px;
    font-family: Urbanist-SemiBold;
	font-size: 16px;
    font-weight: 500;
	line-height: 37px;
	letter-spacing: -1px;
	color: #333333;
}

.home-service .text .list li img {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    padding: 3px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #ffffff;
    border: 5px solid #d3e76f;
    object-fit: contain;
}

.home-service .right {
    position: relative;
    flex: 0 0 680px;
    max-width: 680px;
    padding: 90px 40px 60px;
    box-sizing: border-box;
    background-color: #ffffff;
	box-shadow: 0px 20px 50px 0px 
		rgba(0, 0, 0, 0.08);
	border-radius: 40px;
    top: 60px;
}

.home-service .right .form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.home-service .right .form-group {
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}

.home-service .right .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.home-service .right .col-12,
.home-service .right .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.home-service .right .form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 24px;
    font-family: Urbanist-SemiBold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1px;
    color: #333333;
    background-color: #ffffff;
    border: solid 1px rgba(3, 88, 168, 0.3);
    border-radius: 25px;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.3s ease;
}

.home-service .right .form-control:focus {
    border-color: var(--primary-color);
}

.home-service .right .form-control::placeholder {
    font-family: Urbanist-Regular;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0px;
	color: #999999;
}

.home-service .right textarea.form-control {
    height: auto;
    min-height: 140px;
    padding: 18px 24px;
    border-radius: 20px;
    resize: vertical;
}

.home-service .right .btn-box {
    width: 100%;
    margin-top: 20px;
}

.home-service .right .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    padding: 0 30px;
    border: none;
    border-radius: 28px;
    background-color: var(--primary-color);
    font-family: Roboto-Regular;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -1px;
	color: #ffffff;
    cursor: pointer;
    transition: all 0.3s ease;
}

.home-service .right .btn:hover {
    background-color: #2a075c;
    color: #ffffff;
}

@media (max-width: 1400px) {
    .home-service .content {
        gap: 40px;
        padding: 90px 0;
    }

    .home-service .text .title {
        font-size: 40px;
        line-height: 50px;
    }

    .home-service .text .desc,
    .home-service .text .list li {
        font-size: 16px;
        line-height: 26px;
    }

    .home-service .right {
        flex: 0 0 560px;
        max-width: 560px;
        padding: 36px 30px 32px;
    }
}
@media(max-width:768px){
    .home-service .content{flex-direction:column;gap:24px;padding:40px 0}
    .home-service .text{max-width:100%}
    .home-service .text .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:14px}
    .home-service .text .desc{font-size:14px;line-height:22px;margin-bottom:20px}
    .home-service .text .list li{font-size:14px;line-height:22px;gap:12px;align-items:flex-start}
    .home-service .right{flex:none;max-width:100%;width:100%;top:0;padding:24px 16px 20px;border-radius:20px}
    .home-service .right .col-md-6{flex:0 0 100%;max-width:100%}
    .home-service .right .form-control{height:46px;padding:0 16px;font-size:14px}
    .home-service .right .form-control::placeholder{font-size:14px;line-height:22px}
    .home-service .right textarea.form-control{min-height:110px;padding:14px 16px}
    .home-service .right .btn{height:48px;font-size:16px}
}
.home-news{
    background-color: #ffffff;
}
.home-news .content{
    padding: 115px 0 150px;
}
.home-news.cus-news .content{
    padding: 280px 0 150px;
}
.home-news.about-news .content{
    padding: 60px 0 150px;
}
.home-news .title{
    font-family: Urbanist-Black;
	font-size: 42px;
    line-height: 58px;
	letter-spacing: -2px;
	color: #000000;
    font-weight: 900;
    margin-bottom: 75px;
}
.home-news.one-news .title{
    margin-top: 100px;
    text-align: center;
}
.home-news .grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}
.home-news .card{
    background-color: #f4f4f4;
	border-radius: 20px;
    overflow: hidden;
}
.home-news .card:hover{
    background-color: var(--public-color);
}
.home-news .card .img-box{
    overflow: hidden;
}
.home-news .card .text{
    padding: 40px 30px 33px;
}
.home-news .card .t{
    font-family: Urbanist-Black;
	font-size: 20px;
    line-height: 28px;
	letter-spacing: -2px;
	color: #333333;
    font-weight: 800;
}
.home-news .card .d{
    font-family: Urbanist-SemiBold;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: -1px;
	color: #666666;
    font-weight: 500;
    margin: 20px 0 30px;
}
.home-news .card:hover .d{
    color:#333333;
}
.home-news .card .time{
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: Urbanist-SemiBold;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: -1px;
	color: #333333;
    font-weight: 500;
}
.home-news .card:hover .time img{
    filter: brightness(0.5);
}
@media(max-width:768px){
    .home-news .content{padding:50px 0 0}
    .home-news.cus-news .content{padding:50px 0}
    .home-news.about-news .content{padding:40px 0}
    .home-news .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:24px}
    .home-news.one-news .title{margin-top:0}
    .home-news .grid{grid-template-columns:1fr;gap:16px}
    .home-news .card .text{padding:20px 16px 18px}
    .home-news .card .t{font-size:18px;line-height:26px;letter-spacing:-1px}
    .home-news .card .d{font-size:14px;line-height:22px;margin:12px 0 16px}
    .home-news .card .time{font-size:14px;line-height:22px}
    .home-news .news-swiper-box{position:relative;margin:0 -15px;padding-bottom:8px}
    .home-news .news-swiper{overflow:hidden;padding:0;margin:0 15px;--swiper-navigation-sides-offset:0px}
    .home-news .news-swiper-slide{height:auto}
    .home-news .news-swiper-button-prev,
    .home-news .news-swiper-button-next{width:36px;height:36px;margin-top:0;top:42%;transform:translateY(-50%);border-radius:50%;background-color:#e8e8e8;color:#555;z-index:2}
    .home-news .news-swiper-button-prev{left:0 !important}
    .home-news .news-swiper-button-next{right:0 !important}
    .home-news .news-swiper-button-prev::after,
    .home-news .news-swiper-button-next::after{font-size:14px;font-weight:700;color:inherit}
    .home-news .news-swiper-button-prev.swiper-button-disabled,
    .home-news .news-swiper-button-next.swiper-button-disabled{opacity:.45}
    .home-news .news-swiper-pagination{position:relative;bottom:auto;left:0;width:100%;margin-top:16px;text-align:center;z-index:2}
    .home-news .news-swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#d8d8d8;opacity:1;margin:0 4px;border-radius:50%;vertical-align:middle}
    .home-news .news-swiper-pagination .swiper-pagination-bullet-active{width:18px;border-radius:4px;background:var(--public-color)}
}
.home-inquiry{
    background: url(../../images/home-product-36.webp) no-repeat;
    background-size: cover;
}
.home-inquiry .content{
    padding: 88px 0 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.home-inquiry .title{
    flex: 1;
    font-family: Urbanist-Black;
	font-size: 42px;
    line-height: 62px;
	letter-spacing: -2px;
	color: #ffffff;
    font-weight: 900;
}
.home-inquiry .btn{
    flex: 0 0 300px;
    max-width: 300px;
    height: 60px;
	border-radius: 30px;
    background-color: var(--public-color);
    font-family: Roboto-Regular;
	font-size: 18px;
	line-height: 32px;
	letter-spacing: -1px;
	color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
}
@media(max-width:768px){
    .home-inquiry .content{flex-direction:column;align-items:flex-start;gap:20px;padding:40px 0}
    .home-inquiry .title{font-size:24px;line-height:32px;letter-spacing:-1px}
    .home-inquiry .btn{flex:none;width:100%;max-width:240px;height:46px;font-size:16px;line-height:24px}
}
.footer{
    background-color: #ffffff;
}
.footer-content{
    padding: 74px 0 64px;
}
.footer-content .container-xl{
    display: flex;
    justify-content: flex-start;
    gap: 85px;
}
.footer-content .font-sty{
    font-family: Urbanist-SemiBold;
	font-size: 16px;
	line-height: 36px;
	letter-spacing: 0px;
	color: #333333;
    font-weight: 500;
    margin-bottom: 5px;
    transition: all 0.3s ease;
}
.footer-content a.font-sty:hover{
    color: var(--public-color);
}
.footer-content .t1{
    font-family: Urbanist-Black;
	font-size: 26px;
	line-height: 32px;
	letter-spacing: -1px;
    font-weight: 900;
	color: #333333;
}
.footer-content .list-1{
    flex: 0 0 700px;
    max-width: 700px;
}
.footer-content .list-1 .logo{
    width: 207px;
	height: 88px;
    margin-bottom: 27px;
}
.footer-content .list-1 .d{
    display: flex;
    align-items: stretch;
    gap: 25px;
}
.footer-content .list-1 .d img{
    flex: 0 0 21px;
    max-width: 21px;
    max-height: 21px;
    display: block;
    object-fit: contain;
    margin-top: 10px;
}
.footer-content .list-2{
    flex: 0 0 245px;
    max-width: 245px;
}
.footer-content .list-2 .box,
.footer-content .list-3 .box{
    display: flex;
    flex-direction: column;
}
.footer-content .list-2 .t1,
.footer-content .list-3 .t1{
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 27px;
}
.footer-content .list-2 .font-sty,
.footer-content .list-3 .font-sty{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-content .list-3{
    flex: 0 0 280px;
    max-width: 280px;
    text-align: left;
}
.footer-bottom{
    background-color: var(--public-color);
}
.footer-bottom .content{
    padding: 17px 0;
}
.footer-bottom .content p{
    font-family: Urbanist-SemiBold;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #333333;
    font-weight: 500;
}
@media(max-width:768px){
    .footer-content{padding:40px 0 30px}
    .footer-content .container-xl{flex-direction:column;gap:20px}
    .footer-content .list-1,
    .footer-content .list-2,
    .footer-content .list-3{flex:none;max-width:100%;width:100%}
    .footer-content .list-1 .logo{width:160px;height:auto;margin-bottom:10px}
    .footer-content .list-1 .d img{flex: 0 0 20px;width: 17px;height: 17px;margin-top: 4px;}
    .footer-content .t1{font-size:20px;line-height:28px;margin-bottom:10px}
    .footer-content .font-sty{font-size:14px;line-height:22px}
    .footer-content .list-1 .d{gap:12px}
    .footer-content .list-2 .t1,
    .footer-content .list-3 .t1{height:auto;margin-bottom:12px}
    .footer{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
    .footer-bottom .content{padding:14px 0}
    .footer-bottom .content p{font-size:12px;line-height:20px}
}
/* 产品中心页 */
.pro-center{
    background-color: #f5f8e3;
}
.pro-center .content{
    padding: 90px 0; 
    display: flex;
    gap: 100px;
    align-items: center;
    justify-content: space-between;
}
.pro-center p{
    font-family: Urbanist-ExtraBold;
	font-size: 24px;
	line-height: 34px;
	letter-spacing: -1px;
    color: var(--public-color);
    font-weight: 700;
}
.pro-center .title,
.pro-center h2{
    font-family: Urbanist-Black;
	font-size: 42px;
    line-height: 58px;
	letter-spacing: -1px;
	color: #000000;
    font-weight: 900;
    margin: 10px 0 25px;
}
.pro-center .desc{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -1px;
	color: #666666;
    font-weight: 500;
}
.pro-center .btn{
    flex: 0 0 320px;
    max-width: 320px;
	height: 60px;
	background-color: var(--primary-color);
	border-radius: 30px;
    font-family: Urbanist-Bold;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: -1px;
	color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
}
@media(max-width:768px){
    .pro-center .content{flex-direction:column;align-items:flex-start;gap:24px;padding:40px 0}
    .pro-center p{font-size:16px;line-height:24px}
    .pro-center .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin:8px 0 14px}
    .pro-center .desc{font-size:14px;line-height:22px}
    .pro-center .btn{flex:none;width:100%;max-width:260px;height:46px;font-size:16px;line-height:24px}
}

/* ========== pro-line 产品线 ========== */
.pro-line {
    background-color: #ffffff;
}

.pro-line .content {
    padding: 86px 0;
}
.pro-line.one-line .content{
    padding: 130px 0;
}
.pro-line > .container-xl > .content > .title {
    font-family: Urbanist-Black;
    font-size: 42px;
    font-weight: 900;
    line-height: 58px;
    letter-spacing: -2px;
    color: #000000;
    margin-bottom: 40px;
}
.pro-line.one-line > .container-xl > .content > .title{
    margin-bottom: 85px;
}
.pro-line .pro-intro .part {
    padding: 30px 0 60px;
    /* padding-bottom: 55px;
    margin-bottom: 55px; */
    border-top: 1px solid #e8e8e8;
}
.two-pro .pro-line .pro-intro .part{
    border-top: none;
}
.pro-line .pro-intro .part:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.pro-line .pro-intro .part .t {
    font-family: Urbanist-ExtraBold;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: -1px;
	color: #000000;
    margin-bottom: 15px;
    font-weight: 800;
    display: flex;
    gap: 15px;
    align-items: center;
    text-decoration: none;
    transition: color 0.3s ease;
}
.pro-line .pro-intro .part .t span{
    position: relative;
}
.pro-line .pro-intro .part .t span::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: currentColor;
    transition: width 0.4s ease-in-out;
}
.pro-line .pro-intro .part .t:hover{
    color: var(--public-color);
}
.pro-line .pro-intro .part .t:hover span::after{
    width: 100%;
}

.pro-line .pro-intro .part .t img {
    flex-shrink: 0;
    width: auto;
    margin-top: 5px;
    object-fit: contain;
}

.pro-line .pro-intro .part .d {
    font-family: Urbanist-SemiBold;
    font-size: 18px;
	line-height: 28px;
	letter-spacing: -1px;
	color: #666666;
    font-weight: 500;
    margin-bottom: 15px;
}

.pro-line .pro-intro .part .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}
.two-pro .pro-line .pro-intro .part .grid{
    gap: 0 18px;
}
.pro-line .pro-intro .part .card {
    border: 2px solid transparent;
    overflow: hidden;
    background-color: #ffffff;
	border-radius: 26px;
    transition: border-color 0.3s ease;
    padding: 10px;
}

.pro-line .pro-intro .part .card:hover {
    border: solid 2px var(--public-color);
}

.pro-line .pro-intro .part .card .img-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f4f4f4;
	border-radius: 20px;
    /* padding: 24px 20px; */
    height: 240px;
    min-height: 240px;
    max-height: 240px;
    box-sizing: border-box;
    overflow: hidden;
}

.pro-line .pro-intro .part .card .img-box img {
    display: block;
    max-width: 72%;
    max-height: 180px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.pro-line .pro-intro .part .card .t1 {
    display: block;
    padding: 18px 12px 20px;
    font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0px;
	color: #333333;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: color 0.3s ease;
}

.pro-line .pro-intro .part .card:hover .t1 {
    color: var(--public-color) !important;
}
@media(max-width:768px){
    .pro-line .content{padding:50px 0}
    .pro-line.one-line .content{padding:40px 0}
    .pro-line > .container-xl > .content > .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:20px}
    .pro-line.one-line > .container-xl > .content > .title{margin-bottom:20px}
    .pro-line .pro-intro .part{padding:20px 0 28px}
    .pro-line .pro-intro .part .t{font-size:22px;line-height:30px;gap:10px;margin-bottom:10px;flex-wrap:wrap}
    .pro-line .pro-intro .part .d{font-size:14px;line-height:22px;margin-bottom:12px}
    .pro-line .pro-intro .part .grid{grid-template-columns:repeat(2,1fr);gap:0px}
    .pro-line .pro-intro .part .card{padding:0px;border-radius:16px}
    .pro-line .pro-intro .part .card .img-box{height:140px;min-height:140px;max-height:140px;border-radius:12px;display:flex;align-items:center;justify-content:center}
    .pro-line .pro-intro .part .card .img-box img{max-width:72% !important;max-height:100px !important;width:auto !important;height:auto !important;object-fit:contain;margin:0 auto;display:block}
    .pro-line .pro-intro .part .card .t1{padding:10px 6px 12px;font-size:14px;line-height:20px}
}
/* 
@media (max-width: 1400px) {
    .pro-line > .container-xl > .content > .title {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 40px;
    }

    .pro-line .pro-intro .part .t {
        font-size: 28px;
        line-height: 36px;
    }

    .pro-line .pro-intro .part .d {
        font-size: 16px;
        line-height: 26px;
    }

    .pro-line .pro-intro .part .grid {
        gap: 18px;
    }

    .pro-line .pro-intro .part .card .img-box {
        min-height: 190px;
        padding: 18px 14px;
    }
} */
.pro-solu{
    background-color: #f5f8e3;
}
.pro-solu .content{
    padding: 95px 0;
    display: flex;
    gap: 80px;
}
.pro-solu .img-box{
    flex: 0 0 680px;
    max-width: 680px;
    border-radius: 20px;
}
.pro-solu .title{
    font-family: Urbanist-Black;
	font-size: 42px;
    line-height: 56px;
    font-weight: 800;
	letter-spacing: -4px;
	color: #000000;
    margin-bottom: 30px;
}
.pro-solu .desc{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #333333;
    margin-bottom: 33px;
}
.pro-solu .list li {
    /* display: flex;
    align-items: center;
    gap: 20px; */
    font-family: AdobeHeitiStd-Regular;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #333333;
    font-weight: 500;
    margin-bottom: 10px;
}
.pro-solu .list li strong{
    font-family: Urbanist-Black;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -1px;
	color: #000000;
    font-weight: 900;
}
.pro-solu .list li img {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: var(--public-color);
    object-fit: contain;
    border: 5px solid #e1ef9f;
    box-sizing: content-box;
    margin-right: 20px;
}
.pro-solu .btn{
    width: 320px;
	height: 60px;
	background-color: var(--primary-color);
	border-radius: 6px;
    font-family: Urbanist-Bold;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: -1px;
	color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: 40px;
}
@media(max-width:768px){
    .pro-solu .content{flex-direction:column;gap:24px;padding:40px 0}
    .pro-solu .img-box{flex:none;max-width:100%;width:100%}
    .pro-solu .img-box img{width:100%;height:auto;display:block}
    .pro-solu .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:14px}
    .pro-solu .desc{font-size:14px;line-height:22px;margin-bottom:16px}
    .pro-solu .list li{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;padding-left:42px;font-size:14px;line-height:22px}
    .pro-solu .list li img{position:absolute;left:0;top:-3px;margin-right:0;width:12px;height:12px}
    .pro-solu .list li strong{flex:0 0 100%;width:100%;font-size:16px;line-height:24px}
    .pro-solu .btn{width:100%;max-width:240px;height:46px;font-size:16px;line-height:24px;margin-top:24px}
}
.pro-industry{
    background-color: #ffffff;
}
.pro-industry .content{
    padding: 86px 0 77px;
}
.pro-industry .title{
    font-family: Urbanist-Black;
	font-size: 42px;
    line-height: 46px;
    font-weight: 900;
	letter-spacing: -1px;
	color: #000000;
    text-align: center;
    margin-bottom: 15px;
}
.pro-industry .desc{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 28px;
    font-weight: 500;
	letter-spacing: 0px;
	color: #333333;
    text-align: center;
    margin-bottom: 50px;
}
.pro-industry .grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 26px;
}
.pro-industry .card{
    padding: 10px 10px 30px 10px;
    background-color: #ffffff;
	border-radius: 20px;
	border: solid 1px #dddddd;
}
.pro-industry .card:hover{
    background-color: var(--public-color);
}
.pro-industry .img-box{
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
}
.pro-industry .text{
    padding: 20px 10px 0 10px;
}
.pro-industry .t{
    font-family: Urbanist-Bold;
	font-size: 18px;
	line-height: 28px;
    font-weight: 700;
	letter-spacing: -1px;
	color: #000000;
    margin-bottom: 5px;
}
.pro-industry .d{
    font-family: Urbanist-Medium;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #666666;
    font-weight: 500;
}
.pro-industry .card:hover .d{
    color: #333333;
}
@media(max-width:768px){
    .pro-industry{position:relative}
    .pro-industry::after{content:"";display:block;margin:0 15px;border-bottom:1px dashed #d0d0d0}
    .pro-industry .content{padding:40px 0}
    .pro-industry .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:10px}
    .pro-industry .desc{font-size:14px;line-height:22px;margin-bottom:20px}
    .pro-industry .grid{grid-template-columns:1fr;gap:16px}
    .pro-industry .card{padding:8px 8px 20px}
    .pro-industry .text{padding:14px 8px 0}
    .pro-industry .t{font-size:16px;line-height:24px}
    .pro-industry .d{font-size:14px;line-height:22px}
}

.pro-service .content{
    padding: 80px 0 70px;
    gap: 120px;
}
.pro-service .right{
    top:0;
}
.home-service.pro-service {
    position: relative;
    overflow: hidden;
}
.home-service.pro-service .banner-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    width: 764px;
    max-width: 42%;
}
.home-service.pro-service .banner-icon img {
    display: block;
    width: 100%;
    height: auto;
    mix-blend-mode: screen;
}
.home-service.pro-service > .container-xl {
    position: relative;
    z-index: 1;
}
.home-service.pro-service .text .title{
    font-family: Urbanist-Black;
	font-size: 42px;
    line-height: 56px;
	letter-spacing: -2px;
	color: #000000;
}
.home-service .text .desc{
    letter-spacing: -1px;
}
@media(max-width:768px){
    .pro-service .content{padding:40px 0;gap:24px}
    .home-service.pro-service .banner-icon{display:none}
    .home-service.pro-service .text .title{font-size:26px;line-height:34px;letter-spacing:-1px}
}

/* ========== pro-faq FAQ区块 ========== */
.pro-faq{
    background-color: #ffffff;
}
.pro-faq .content{
    padding: 130px 0 0;
    display: flex;
    /* gap: 200px; */
    gap: 170px;
}
.pro-faq.in-faq{
    background: #fbfbfb;
}
.pro-faq.in-faq .content{
    padding: 50px 0 130px;
}
.pro-faq .text{
    flex: 0 0 517px;
    max-width: 517px;
}
.pro-faq .text .title{
   font-family: Urbanist-Black;
	font-size: 42px;
    line-height: 52px;
	letter-spacing: -3px;
	color: #000000;
    font-weight: 900;
    margin-bottom: 78px;
}
.pro-faq .text .box{
    width: 500px;
    background-color: var(--primary-color);
    border-radius: 20px;
    padding: 40px 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pro-faq .text .box .t{
   font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 24px;
	letter-spacing: -1px;
	color: #ffffff;
    margin-bottom: 35px;
    text-align: center;
}
.pro-faq .text .box .btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
	height: 41px;
	border-radius: 20px;
    background-color: var(--public-color);
    font-family: Roboto-Regular;
	font-size: 20px;
    line-height: 28px;
    font-weight: 500;
	letter-spacing: -1px;
	color: #333333;
    text-decoration: none;
    transition: all 0.3s ease;
}
.pro-faq .text .box .btn:hover{
    background-color: #a5c50c;
    color: #ffffff;
}
.pro-faq .faq{
    flex: 1;
    min-width: 0;
}
/* .pro-faq .faq .list{
    border-bottom: 1px solid #e1ef9f;
} */
.pro-faq .faq .list .item{
     border-bottom: 1px solid #e1ef9f;
}
.pro-faq .faq .list .item.active{
    border-bottom: 2px solid var(--public-color);
}
.pro-faq .faq .list .item .q{
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px 50px 24px 0;
   font-family: Urbanist-Bold;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -1px;
	color: #000000;
    font-weight: 700;
    cursor: pointer;
}
.pro-faq .faq .list .item .q span,
.pro-faq .faq .list .item .a span{
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 4px;
    background-color: var(--public-color);
    font-family: Urbanist-Black;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0px;
	color: #333333;
    font-weight: 900;
}
.pro-faq .faq .list .item .q::after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url('../../images/sign-14.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
}
.pro-faq .faq .list .item.active .q::after{
    transform: translateY(-50%) rotate(0deg);
    background-image: url('../../images/sign-15.webp');
}
.pro-faq .faq .list .item .a{
    display: none;
   font-family: Urbanist-SemiBold;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 0px;
	color: #333333;
    font-weight: 500;
}
.pro-faq .faq .list .item .a span{
    background-color: #e1ef9f;
}
.pro-faq .faq .list .item.active .a{
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
}
@media (max-width: 1400px) {
    .pro-faq .content{
        gap: 40px;
    }
    .pro-faq .text{
        flex: 0 0 380px;
        max-width: 380px;
    }
    .pro-faq .text .title{
        font-size: 40px;
        line-height: 50px;
    }
}
@media(max-width:768px){
    .pro-faq .content{flex-direction:column;gap:28px;padding:40px 0 0}
    .pro-faq.in-faq .content{padding:40px 0}
    .pro-faq .text{flex:none;max-width:100%;width:100%}
    .pro-faq .text .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:20px}
    .pro-faq .text .box{width:100%;padding:24px 20px;border-radius:16px}
    .pro-faq .text .box .t{font-size:14px;line-height:22px;margin-bottom:16px}
    .pro-faq .text .box .btn{width:100%;max-width:220px;height:44px;font-size:16px;line-height:24px}
    .pro-faq .faq .list .item .q{font-size:16px;line-height:24px;padding:16px 36px 16px 0;gap:10px;align-items:flex-start}
    .pro-faq .faq .list .item .q span,
    .pro-faq .faq .list .item .a span{width:32px;height:32px;font-size:16px;line-height:22px}
    .pro-faq .faq .list .item .a{font-size:14px;line-height:22px}
    .pro-faq .faq .list .item.active .a{gap:10px;margin-bottom:16px}
}
.one-form{
    background-color: var(--public-color);
    position: relative;
    /* overflow: hidden; */
    max-height: 580px;
}
.one-form.add-form{
    margin-bottom: 100px;
}
.one-form .banner-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    width: 764px;
    max-width: 42%;
}
.one-form .banner-icon img {
    display: block;
    width: 100%;
    height: auto;
    mix-blend-mode: screen;
}
.one-form .content{
    padding-top: 100px;
}
.one-form .top .title{
    font-family: Urbanist-Black;
	font-size: 46px;
    line-height: 56px;
    font-weight: 900;
	letter-spacing: -2px;
	color: #000000;
    margin-bottom: 40px;
    text-align: center;
}
.one-form .list{
    text-align: center;
    margin-bottom: 50px;
}
.one-form .list ul{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}
.one-form .list li {
    display: flex;
    align-items: center;
    gap: 15px;
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 37px;
	letter-spacing: -1px;
	color: #333333;
}

.one-form .list li img {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    padding: 3px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #ffffff;
    border: 5px solid #d3e76f;
    object-fit: contain;
}
.one-form .bottom{
    position: relative;
    background-color: #ffffff;
	box-shadow: 0px 20px 50px 0px 
		rgba(0, 0, 0, 0.08);
	border-radius: 40px;
    padding: 60px 50px 50px;
     box-sizing: border-box;
}
.one-form .bottom .form-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.one-form .bottom .form-group {
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}

.one-form .bottom .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.one-form .bottom .col-12,
.one-form .bottom .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.one-form .bottom .form-control {    
    display: block;
    width: 100%;
    height: 61px;
    padding: 0 24px;
    font-family: Urbanist-SemiBold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1px;
    color: #333333;
    background-color: #ffffff;
    border: solid 1px rgba(3, 88, 168, 0.3);
    border-radius: 25px;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.3s ease;
}

.one-form .bottom .form-control:focus {
    border-color: var(--primary-color);
}

.one-form .bottom .form-control::placeholder {
    font-family: Urbanist-Regular;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0px;
	color: #999999;
}

.one-form .bottom textarea.form-control {
    height: auto;
    min-height: 140px;
    padding: 18px 24px;
    border-radius: 20px;
    resize: vertical;
}

.one-form .bottom .btn-box {
    width: 100%;
}

.one-form .bottom .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 61px;
    padding: 0 30px;
    border: none;
    border-radius: 28px;
    background-color: var(--primary-color);
    font-family: Roboto-Regular;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -1px;
	color: #ffffff;
    cursor: pointer;
    transition: all 0.3s ease;
}
@media(max-width:768px){
    .one-form{max-height:none}
    .one-form.add-form{margin-bottom:0px}
    .one-form .banner-icon{display:none}
    .one-form .content{padding:40px 0}
    .one-form .top .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:16px}
    .one-form .list{margin-bottom:24px}
    .one-form .list ul{flex-direction:column;align-items:flex-start;gap:12px}
    .one-form .list li{font-size:14px;line-height:22px;gap:12px}
    .one-form .bottom{padding:24px 16px 20px;border-radius:20px}
    .one-form .bottom .col-md-6{flex:0 0 100%;max-width:100%}
    .one-form .bottom .form-control{height:46px;padding:0 16px;font-size:14px}
    .one-form .bottom .form-control::placeholder{font-size:14px;line-height:22px}
    .one-form .bottom textarea.form-control{min-height:110px;padding:14px 16px}
    .one-form .bottom .btn{height:48px;font-size:16px}
}
.two-pro .content{
    padding-top: 120px;
}
.two-pro .title{
    font-family: Urbanist-Black;
	font-size: 42px;
    line-height: 56px;
    font-weight: 900;
	letter-spacing: -2px;
	color: #000000;
}
.two-pro.inner-pro .content{
    margin-bottom: 140px;
}
.two-pro.inner-pro .title{
    font-family: Urbanist-Black;
	font-size: 36px;
    font-weight: 800;
    line-height: 48px;
	letter-spacing: -1px;
	color: #000000;
    margin-bottom: 20px;
}
@media(max-width:768px){
    .two-pro .content{padding-top:40px}
    .two-pro .title{font-size:26px;line-height:34px;letter-spacing:-1px}
    .two-pro.inner-pro .content{margin-bottom:40px}
    .two-pro.inner-pro .title{font-size:22px;line-height:30px;margin-bottom:12px}
    .two-pro .two-pro-swiper-box{position:relative;margin:0 -15px;padding-bottom:8px}
    .two-pro .two-pro-swiper{overflow:hidden;margin:0 15px;--swiper-navigation-sides-offset:0px}
    .two-pro .two-pro-swiper-slide{height:auto}
    .two-pro .two-pro-swiper-slide .card{height:100%}
    .two-pro .two-pro-swiper-button-prev,
    .two-pro .two-pro-swiper-button-next{width:36px;height:36px;margin-top:0;top:42%;transform:translateY(-50%);border-radius:50%;background-color:#e8e8e8;color:#555;z-index:2}
    .two-pro .two-pro-swiper-button-prev{left:0 !important}
    .two-pro .two-pro-swiper-button-next{right:0 !important}
    .two-pro .two-pro-swiper-button-prev::after,
    .two-pro .two-pro-swiper-button-next::after{font-size:14px;font-weight:700;color:inherit}
    .two-pro .two-pro-swiper-button-prev.swiper-button-disabled,
    .two-pro .two-pro-swiper-button-next.swiper-button-disabled{opacity:.45}
    .two-pro .two-pro-swiper-pagination{position:relative;bottom:auto;left:0;width:100%;margin-top:16px;text-align:center;z-index:2}
    .two-pro .two-pro-swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#d8d8d8;opacity:1;margin:0 4px;border-radius:50%;vertical-align:middle}
    .two-pro .two-pro-swiper-pagination .swiper-pagination-bullet-active{width:18px;border-radius:4px;background:var(--public-color)}
}
.two-option{
    background: #ffffff;
}
.two-option .content{
    padding: 80px 0; 
}
.two-option .top{
    display: flex;
    gap: 210px;
    margin-bottom: 45px;
}
.two-option .top .title{
    font-family: Urbanist-Black;
	font-size: 42px;
    line-height: 56px;
    font-weight: 900;
	letter-spacing: -2px;
	color: #000000;
}
.two-option .top .desc{
    flex: 0 0 600px;
    max-width: 600px;
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: 0px;
	color: #666666;
}
.two-option .tab-nav{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-bottom: 20px;
}
.two-option .tab-nav .tab-item{
    position: relative;
    background-color: #f4f4f4;
	border-radius: 25px;
    height: 50px;
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: 0px;
	color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    cursor: pointer;
}
.two-option .tab-item:hover,
.two-option .tab-item.active{
    background-color: var(--public-color);
}
.two-option .tab-item.active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -11px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid var(--public-color);
    z-index: 2;
}
.two-option .tab-content{
    background: linear-gradient(to right, #f4f4f4, #ffffff);
	border-radius: 30px;
}
.two-option .inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0 30px 50px;
}
.two-option .inner .img-box{
    flex: 0 0 680px;
    max-width: 680px;
    object-fit: contain;
    border-radius: 20px;
}
.two-option .inner .t {
    display: flex;
    align-items: center;
    gap: 14px;
    font-family: Urbanist-ExtraBold;
	font-size: 32px;
	line-height: 28px;
	letter-spacing: -1px;
	color: #000000;
    margin-bottom: 40px;
    font-weight: 800;
    display: flex;
    gap: 15px;
    align-items: center;
}
.two-option .inner .t img {
    flex-shrink: 0;
    width: auto;
    margin-top: 5px;
    object-fit: contain;
}
.two-option .inner .d{
    font-family: Urbanist-SemiBold;
	font-size: 16px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #666666;
    max-width: 500px;
}
.two-option .tab-panel.active {
    display: block;
}
.two-option .tab-panel {
    display: none;
}
@media(max-width:768px){
    .two-option .content{padding:40px 0}
    .two-option .top{flex-direction:column;gap:12px;margin-bottom:24px}
    .two-option .top .title{font-size:26px;line-height:34px;letter-spacing:-1px}
    .two-option .top .desc{flex:none;max-width:100%;font-size:14px;line-height:22px}
    .two-option .tab-nav{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}
    .two-option .tab-nav .tab-item{height:auto;min-height:44px;padding:8px 10px;font-size:14px;line-height:20px;border-radius:22px}
    .two-option .tab-item.active::after{bottom:-8px;border-left-width:8px;border-right-width:8px;border-top-width:8px}
    .two-option .tab-content{border-radius:16px}
    .two-option .inner{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 16px}
    .two-option .inner .img-box{flex:none;max-width:100%;width:100%}
    .two-option .inner .img-box img{width:100%;height:auto;display:block}
    .two-option .inner .t{font-size:20px;line-height:28px;margin-bottom:12px}
    .two-option .inner .d{font-size:14px;line-height:22px;max-width:100%}
    .two-option .tab-content.is-drag .tab-panel{display:block;height:auto}
}
.two-inqiry{
    background-color: var(--primary-color);
}
.two-inqiry .content{
    padding: 55px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.two-inqiry .title{
    font-family: Urbanist-Black;
	font-size: 42px;
    line-height: 56px;
    font-weight: 900;
	letter-spacing: -2px;
	color: #ffffff;
    margin-bottom: 30px;
}
.two-inqiry .desc{
    font-family: Urbanist-SemiBold;
	font-size: 24px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #ffffff;
}
.two-inqiry .btn{
    width: 300px;
	height: 60px;
	background-color: var(--public-color);
	border-radius: 30px;
    font-family: Urbanist-Bold;
	font-size: 18px;
    font-weight: 500;
	line-height: 32px;
	letter-spacing: -1px;
	color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media(max-width:768px){
    .two-inqiry .content{flex-direction:column;align-items:flex-start;gap:20px;padding:36px 0}
    .two-inqiry .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:10px}
    .two-inqiry .desc{font-size:14px;line-height:22px}
    .two-inqiry .btn{width:100%;max-width:240px;height:46px;font-size:16px;line-height:24px}
}
.two-pack{
    background-color: #ffffff;
}
.two-pack .content{
    padding: 100px 0 70px;
}
.two-pack .top{
    display: flex;
    gap: 80px;
    align-items: center;
    margin-bottom: 90px;
}
.two-pack .top .title{
    font-family: Urbanist-Black;
	font-size: 42px;
    line-height: 56px;
    font-weight: 800;
	letter-spacing: -4px;
	color: #000000;
}
.two-pack .top .desc{
    padding-right: 260px;
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #333333;
}
.two-pack .top .sign{
    display: flex;
    align-items: center;
    gap: 20px;
}
.two-pack .top .btn{
    width: 320px;
	height: 60px;
	background-color:var(--primary-color);
	border-radius: 6px;
    font-family: Urbanist-Bold;
	font-size: 20px;
    font-weight: 500;
	line-height: 32px;
	letter-spacing: -1px;
	color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 37px;
}
.two-pack .top .img-box{
    flex: 0 0 680px;
    max-width: 680px;
    object-fit: contain;
    border-radius: 20px;
}
.two-pack .bottom{
    background-color: #f4f4f4;
    padding: 50px 0 60px;
}
.two-pack .bottom .t1{
    font-family: Urbanist-Black;
	font-size: 42px;
    line-height: 56px;
    font-weight: 800;
	letter-spacing: -2px;
	color: #000000;
    margin-bottom: 15px;
}
.two-pack .bottom .d1{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 400;
	line-height: 28px;
	letter-spacing: -1px;
	color: #333333;
    margin-bottom: 50px;
}
.two-pack .bottom .grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}
.two-pack .bottom .card{
    background-color: #ffffff;
	box-shadow: 0px 10px 10px 0px 
		rgba(0, 0, 0, 0.08);
	border-radius: 20px;
}
.two-pack .bottom .card .t{
    font-family: Urbanist-ExtraBold;
	font-size: 22px;
    font-weight: 800;
	line-height: 29px;
	letter-spacing: -2px;
	color: #333333;
}
.two-pack .bottom .card .d{
    font-family: Urbanist-SemiBold;
	font-size: 16px;
    font-weight: 400;
	line-height: 26px;
	letter-spacing: 0px;
	color: #666666;
}
@media(max-width:768px){
    .two-pack .content{padding:40px 0}
    .two-pack .top{flex-direction:column;gap:20px;margin-bottom:36px}
    .two-pack .top .img-box{flex:none;max-width:100%;width:100%}
    .two-pack .top .img-box img{width:100%;height:auto;display:block}
    .two-pack .top .title{font-size:26px;line-height:34px;letter-spacing:-1px}
    .two-pack .top .desc{padding-right:0;font-size:14px;line-height:22px}
    .two-pack .top .sign{gap:12px;flex-wrap:wrap}
    .two-pack .top .sign img{max-height:36px;width:auto}
    .two-pack .top .btn{width:100%;max-width:260px;height:46px;font-size:16px;line-height:24px;margin-top:20px}
    .two-pack .bottom{padding:32px 0}
    .two-pack .bottom .t1{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:10px}
    .two-pack .bottom .d1{font-size:14px;line-height:22px;margin-bottom:20px}
    .two-pack .bottom .grid{grid-template-columns:1fr;gap:16px}
    .two-pack .bottom .card{padding:20px 16px}
    .two-pack .bottom .card .t{font-size:18px;line-height:26px;letter-spacing:-1px}
    .two-pack .bottom .card .d{font-size:14px;line-height:22px}
}
.two-faq{
    background: url('../../images/home-product-55.webp');
    background-repeat: no-repeat;
    background-color: var(--public-color);
}
.two-faq.app-faq{
     background: none;
     background-color: #f4f4f4;
}
.two-faq .content{
    display: flex;
    align-items: center;
    gap: 60px;
    padding: 50px 0 30px;
}
.two-faq .pro-faq{
    flex: 0 0 660px;
    max-width: 660px;
    background-color: transparent;
}
.two-faq .faq .title{
    font-family: Urbanist-Black;
	font-size: 42px;
    line-height: 56px;
    font-weight: 800;
	letter-spacing: -2px;
	color: #000000;
    margin-bottom: 25px;
}
.pro-faq .faq .list .item.active{
    border-bottom: 2px solid #ffffff;
}
.two-faq .faq .list .item .q{
    align-items: flex-start;
    padding: 15px 35px 15px 0;
}
.two-faq .faq .list .item .q::after{
    top: 20px;
    transform: none;
}
.two-faq .faq .list .item.active .q::after{
    background-image: url(../../images/sign-14.webp);
    transform: rotate(180deg);
}
.two-faq .faq .list .item .q span{
    background-color: #ffffff;
	border-radius: 4px;
}
.two-faq .home-service{
    flex: 0 0 680px;
    max-width: 680px;
	box-shadow: 0px 20px 50px 0px 
		rgba(0, 0, 0, 0.08);
	border-radius: 40px;
    position: relative;
    top: 80px;
    /* top: 50px; */
    background-color: transparent;
}
@media(max-width:768px){
    .two-faq .content{flex-direction:column;align-items:stretch;gap:24px;padding:40px 0}
    .two-faq .pro-faq{flex:none;max-width:100%;width:100%}
    .two-faq .faq .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:16px}
    .two-faq .home-service{flex:none;max-width:100%;width:100%;top:0;border-radius:20px}
}
/* ========== pro-details 产品详情页 ========== */
.de-banner .banner-text .content{
    display: flex;
    gap: 80px;
    flex-direction: row;
    align-items: center;
    position: relative;
    top: 20px;
}
.de-banner .left{
    position: relative;
    flex: 0 0 660px;
    max-width: 660px;
    background-color: #ffffff;
	border-radius: 20px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
.de-banner .left .img-box{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.de-banner .left .img-box .main-img{
    width: 100%;
    max-height: 350px;
    object-fit: contain;
}
.de-banner .left .grid{
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
}
.de-banner .left .card{
    position: relative;
    width: 91px;
	height: 90px;
	background-color: #ffffff;
	border-radius: 6px;
	border: solid 1px #dddddd;
    cursor: pointer;
    overflow: hidden;
    transition: border-color 0.3s ease;
}
.de-banner .left .card:not(.active)::after{
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.35);
    pointer-events: none;
    border-radius: 6px;
}
.de-banner .left .card:hover{
    border-color: #cfe87e;
}
.de-banner .left .card.active{
    border-color: #cfe87e;
}
.de-banner .left .card img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.de-banner .left .card .thumb.active{
    border-color: #cfe87e;
    background-color: #ffffff;
}
.de-banner .right{
    flex: 0 0 660px;
    max-width: 660px;
}
.de-banner .right .t{
    font-family: Urbanist-Black;
	font-size: 36px;
    font-weight: 900;
	line-height: 42px;
	letter-spacing: -2px;
	color: #000000;
    margin-bottom: 15px;
}
.de-banner .right .d{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 600;
	line-height: 28px;
	letter-spacing: -1px;
	color: #333333;
    margin-bottom: 20px;
}
.de-banner .right .form-group{
    margin-bottom: 0;
}
.de-banner .right .form-group .row{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}
.de-banner .right .form-group .col-md-6{
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
    margin-bottom: 0;
}
.de-banner .right .form-group .col-md-4{
    flex: 0 0 calc((100% - 40px) / 3);
    max-width: calc((100% - 40px) / 3);
    margin-bottom: 0;
}
.de-banner .right .sku-options{
    margin-bottom: 15px;
}
.de-banner .right .sku-options-title{
    display: block;
    margin-bottom: 8px;
    font-family: Urbanist-Black;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0;
    color: #333333;
}
.de-banner .right .sku-option-list{
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
}
.de-banner .right .sku-tag{
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 8px 16px;
    border-radius: 6px;
    background-color: #ececec;
    color: #333333;
    font-family: Urbanist-SemiBoldItalic;
    font-size: 15px;
    line-height: 22px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.de-banner .right .sku-tag input{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.de-banner .right .sku-tag:has(input:checked),
.de-banner .right .sku-tag.active{
    background-color: var(--public-color);
    color: #333333;
}
@media (max-width: 767px){
    .de-banner .right .form-group .col-md-4,
    .de-banner .right .form-group .col-md-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.de-banner .right .select-box{
    position: relative;
}
.de-banner .right .select-box::after{
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-right: 2px solid #666666;
    border-bottom: 2px solid #666666;
    transform: translateY(-70%) rotate(45deg);
    pointer-events: none;
}
.de-banner .right .select-box .form-control{        
    width: 100%;
    height: 50px;
    padding: 0 50px 0 18px;
    border: 1px solid #ffffff;
   border-radius: 6px;
    background-color: #ffffff;
    margin-bottom: 20px;
    font-family: Urbanist-SemiBoldItalic;
	font-size: 18px;
    font-style: italic;
	line-height: 26px;
	letter-spacing: 0px;
	color: #666666;
    font-weight: 500;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    outline: none;
    transition: border-color 0.3s ease;
}
.de-banner .right .select-box .form-control:focus{
    border-color: var(--public-color);
}
.de-banner .right .sku-select option[value=""]{
    display: none;
}
.de-banner .right .sku-select option{
    font-size: 16px;
}
.de-banner .right .form-group .form-control{
    width: 100%;
    height: 50px;
    padding: 0 18px;
    border: 1px solid #ffffff;
    border-radius: 6px;
    background-color: #ffffff;
    margin-bottom: 15px;
    font-family: Urbanist-SemiBoldItalic;
    font-size: 18px;
    font-style: italic;
    line-height: 26px;
    letter-spacing: 0px;
    color: #666666;
    font-weight: 500;
    outline: none;
    transition: border-color 0.3s ease;
}
.de-banner .right .form-group .form-control::placeholder{
    color: #666666;
    font-family: Urbanist-SemiBoldItalic;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 26px;
    opacity: 1;
}
.de-banner .right .form-group .form-control::-webkit-input-placeholder{
    color: #666666;
    font-family: Urbanist-SemiBoldItalic;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    opacity: 1;
}
.de-banner .right .form-group .form-control::-moz-placeholder{
    color: #666666;
    font-family: Urbanist-SemiBoldItalic;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    opacity: 1;
}
.de-banner .right .form-group .form-control:-ms-input-placeholder{
    color: #666666;
    font-family: Urbanist-SemiBoldItalic;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    opacity: 1;
}
.de-banner .right .form-group .form-control:focus{
    border-color: var(--public-color);
}
.de-banner .right .form-group .select-box .form-control{
    padding: 0 50px 0 18px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}
.de-banner .right .sku-input-with-unit{
    position: relative;
}
.de-banner .right .sku-input-with-unit .form-control{
    padding-right: 56px;
}
.de-banner .right .sku-input-with-unit .unit{
    position: absolute;
    right: 18px;
    top: 25px;
    transform: translateY(-50%);
    font-family: Urbanist-SemiBoldItalic;
    font-size: 16px;
    font-style: italic;
    line-height: 1;
    color: #666666;
    pointer-events: none;
}
.de-banner .right .contact-tip{
    font-family: Urbanist-Medium;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0px;
	color: #333333;
    margin-bottom: 30px;
}
.quote-modal{
    width: 640px;
    max-width: 92%;
    margin-left: -320px;
    left: 50%;
    top: 40px;
    padding: 36px 32px 32px;
    max-height: 88vh;
    overflow-y: auto;
    box-sizing: border-box;
}
.quote-modal .quote-top{
    display: flex;
    align-items: stretch;
    gap: 16px;
    margin-bottom: 18px;
}
.quote-modal .quote-img{
    flex: 0 0 160px;
    width: 160px;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.quote-modal .quote-img img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.quote-modal .quote-info{
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border: none;
    padding: 0;
}
.quote-modal .quote-name{
    font-family: Urbanist-Bold;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 0;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    padding: 12px 16px;
}
.quote-modal .quote-specs{
    font-family: Urbanist-SemiBold;
    font-size: 14px;
    line-height: 22px;
    color: #333333;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    padding: 12px 16px;
    flex: 1;
}
.quote-modal .quote-spec-item{
    margin-bottom: 2px;
}
.quote-modal .quote-form .form-group{
    margin-bottom: 14px;
}
.quote-modal .quote-form .form-control{
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    background: #ffffff;
    font-size: 15px;
    color: #333333;
    box-sizing: border-box;
    outline: none;
}
.quote-modal .quote-form textarea.form-control{
    height: auto;
    min-height: 90px;
    padding: 12px 16px;
    resize: vertical;
}
.quote-modal .quote-form .form-control::placeholder{
    color: #666666;
}
.quote-modal .quote-details-title{
    font-family: Urbanist-Black;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    margin: 8px 0 16px;
}
.quote-modal .quote-form .captcha-group{
    display: flex;
    align-items: stretch;
    height: 48px;
    gap: 10px;
}
.quote-modal .quote-form .captcha-group .form-control{
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.quote-modal .quote-form .captcha-group .input-group-append{
    display: flex;
    flex-shrink: 0;
}
.quote-modal .quote-form .captcha-group .input-group-img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 48px;
    padding: 0;
    border: 1px solid #dddddd;
    border-radius: 4px;
    background: #f7f7f7;
    overflow: hidden;
}
.quote-modal .quote-form .captcha-group .input-group-img img{
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    cursor: pointer;
}
.quote-modal .quote-form .btn-box .btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    height: 48px;
    padding: 0 28px;
    border: none;
    border-radius: 4px;
    background-color: var(--public-color);
    font-size: 16px;
    color: #ffffff;
    cursor: pointer;
}
.quote-modal .quote-form .btn-box .btn:hover{
    background-color: var(--primary-color);
    color: #ffffff;
}
.quote-modal .iti{
    width: 100%;
}
.quote-modal .iti .form-control{
    width: 100%;
}
@media (max-width: 768px){
    .quote-modal{
        width: 92%;
        margin-left: -46%;
        padding: 24px 16px 20px;
    }
    .quote-modal .quote-top{
        flex-direction: column;
    }
    .quote-modal .quote-img{
        width: 100%;
        flex-basis: auto;
        height: 180px;
    }
}
.de-banner .btn{
    width: 330px;
	height: 60px;
	background-color: #370976;
	border-radius: 30px;
    font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0px;
	color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.de-intro{
    background-color: #ffffff;
}
.de-intro .content{
    padding: 120px 0;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.de-intro .content .card{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 150px;
}
.de-intro .content .card:nth-child(even),
.de-intro .content .card:last-child{
    flex-direction: row-reverse;
}
.de-intro .card p{
    font-family: Urbanist-Black;
	font-size: 20px;
    font-weight: 900;
	line-height: 28px;
	letter-spacing: -1px;
	color: var(--public-color);
    margin-bottom: 10px;
}
.de-intro .card .title{
    font-family: Urbanist-Black;
	font-size: 36px;
    font-weight: 900;
	line-height: 42px;
	letter-spacing: -2px;
	color: #000000;
    margin-bottom: 26px;
}
.de-intro .card .desc{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 600;
	line-height: 28px;
	letter-spacing: -1px;
	color: #666666;
    margin-bottom: 30px;
}
.de-intro .list li{
    font-family: AdobeHeitiStd-Regular;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #666666;
    padding-left: 25px;
    position: relative;
    margin-bottom: 5px;
}
.de-intro .list li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 12px;
    background: url(../../images/sign-20.webp);
}
.de-intro .img-box{
    flex: 0 0 600px;
    max-width: 600px;
    border-radius: 20px;
}
.de-ava{
    background-color: var(--primary-color);
    position: relative;
}
.de-ava .banner-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    width: 705px;
    max-width: 42%;
}
.de-ava .banner-icon img {
    display: block;
    width: 100%;
    height: auto;
    mix-blend-mode: screen;
}
.de-ava .content{
    padding: 90px 0 75px;
}
.de-ava .title{
    font-family: Urbanist-Black;
	font-size: 36px;
    font-weight: 900;
	line-height: 42px;
	letter-spacing: -1px;
	color: #ffffff;
    text-align: center;
    margin-bottom: 30px;
}
.de-ava .desc{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 600;
	line-height: 28px;
	letter-spacing: 0px;
	color: #ffffff;
    text-align: center;
    margin-bottom: 60px;
}
.de-ava .ava-swiper-box{
    position: relative;
}
.de-ava .ava-swiper{
    width: 100%;
    overflow: hidden;
}
.de-ava .ava-swiper-slide{
    height: auto;
}
.de-ava .ava-swiper-slide .img-box{
    border-radius: 14px;
    overflow: hidden;
    z-index: 1;
}
.de-ava .ava-swiper-slide .img-box img{
    display: block;
    width: 100%;
    height: auto;
}
.de-ava .ava-swiper-button-prev,
.de-ava .ava-swiper-button-next{
    position: absolute;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: var(--public-color);
    color: #ffffff;
    z-index: 5;
    transition: all 0.3s ease;
}
.de-ava .ava-swiper-button-prev{
    left: -28px;
}
.de-ava .ava-swiper-button-next{
    right: -28px;
}
.de-ava .ava-swiper-button-prev:hover,
.de-ava .ava-swiper-button-next:hover{
    background-color: #a3c20d;
    color: #ffffff;
}
.de-ava .ava-swiper-button-prev::after,
.de-ava .ava-swiper-button-next::after{
    font-size: 16px;
    font-weight: 700;
    color: inherit;
}
.de-ava .ava-swiper-button-prev.swiper-button-disabled,
.de-ava .ava-swiper-button-next.swiper-button-disabled{
    background-color: #ffffff;
    color: var(--public-color);
    opacity: 0.45;
    pointer-events: none;
}
@media (max-width: 1430px){
    .de-ava .ava-swiper-button-prev{
        left: 0;
    }
    .de-ava .ava-swiper-button-next{
        right: 0;
    }
}
.de-step{
    background-color: #ffffff;
}
.de-step .content1{
    padding: 100px 0 0 0;
}
.de-step .title{
    font-family: Urbanist-Black;
	font-size: 32px;
    font-weight: 900;
	line-height: 42px;
	letter-spacing: -1px;
	color: #000000;
    text-align: center;
    margin-bottom: 60px;
}
.de-step .grid1{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 70px;
    margin-bottom: 70px;
    counter-reset: pack-step;
}
.de-step .card1{
    background-color: #f0f7cf;
    border-radius: 20px;
    padding: 20px 50px 45px;
    position: relative;
    counter-increment: pack-step;
}
.de-step .card1::after{
    content: url('../../images/sign-13.webp');
    position: absolute;
    right: -13%;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
	height: 25px;
}
.de-step .card1:last-child::after{
    display: none;
}
.de-step .card1 .top{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}
.de-step .card1 .top .num{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--public-color);
    border: 5px solid #dbe898;
    font-family: Urbanist-SemiBold;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: -1px;
	color: #ffffff;
    font-weight: 500;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
.de-step .card1 .num::before {
    content: counter(pack-step, decimal-leading-zero);
}
.de-step .card1 .top .icon{
    background-color: var(--primary-color);
    width: 60px;
	height: 60px;
	border: solid 6px #d8ea82;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.de-step .card1 .d{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 26px;
	letter-spacing: -1px;
	color: #333333;
    text-align: center;
}
.de-step .bottom{
    background: linear-gradient(to right, #370976 0%, #370976 30%, #ffffff 100%);
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px 10px 48px;
    margin-bottom: 80px;
}
.de-step .bottom .note{
    font-family: Urbanist-SemiBold;
	font-size: 22px;
	line-height: 26px;
	letter-spacing: 0px;
	color: #ffffff;
}
.de-step .bottom .btn{
    width: 330px;
	height: 60px;
	background-color: var(--primary-color);
	border-radius: 30px;
    font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0px;
	color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.de-step .grid{
    gap: 30px;
}
.de-step .card{
    background-color: #ffffff;
	box-shadow: 0px 20px 50px 0px 
		rgba(0, 0, 0, 0.07);
	border-radius: 20px;
    height: 183px;
}
.de-step .card img{
    width: 75%;
}
.de-step .card:hover img{
    transform: scale(1.1);
}
.de-step .home-partner .content{
    padding-bottom: 0;
}
.de-step .home-partner .title{
    font-size: 42px;
    line-height: 58px;
    letter-spacing: -2px;
    margin-bottom: 8px;
}
.de-step .home-partner .partner-swiper-slide[style*="margin-top"]{
    margin-top: 30px !important;
}
.de-step .home-partner.max-1920px,
.de-step .home-partner.max-1920px:not(.about-partner):not(.why-partner){
    overflow: visible;
}
.de-step .home-partner .grid:has(.partner-swiper){
    overflow: visible;
    padding: 12px 70px 20px;
}
.de-step .home-partner .partner-swiper-button-prev,
.de-step .home-partner .partner-swiper-button-next{
    width: 56px;
    height: 56px;
    background-color: var(--public-color);
    color: #ffffff;
}
.de-step .home-partner .partner-swiper-button-prev{
    left: 0;
}
.de-step .home-partner .partner-swiper-button-next{
    right: 0;
    left: auto;
}
.de-step .home-partner .partner-swiper-button-prev:hover,
.de-step .home-partner .partner-swiper-button-next:hover{
    background-color: #a3c20d;
    color: #ffffff;
}
.de-step .home-partner .partner-swiper-button-prev.swiper-button-disabled,
.de-step .home-partner .partner-swiper-button-next.swiper-button-disabled{
    background-color: #ffffff;
    color: var(--public-color);
    opacity: 0.45;
}
.de-step .home-partner .partner-swiper-slide .card{
    min-height: 140px;
    height: 140px;
    /* box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22), 0 3px 10px rgba(0, 0, 0, 0.1); */
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.12)
}
.de-step .home-partner .card img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 72%;
    object-fit: contain;
}
@media (max-width: 1700px){
    .de-step .home-partner .partner-swiper-button-prev{
        left: 0;
    }
    .de-step .home-partner .partner-swiper-button-next{
        right: 0;
        left: auto;
    }
}
@media (max-width: 991px){
    .de-step .home-partner .grid:has(.partner-swiper){
        padding-left: 48px;
        padding-right: 48px;
    }
    .de-step .home-partner .partner-swiper-slide .card{
        min-height: 128px;
        height: 128px;
    }
} 
.de-more{
    background-color: #ffffff;
}
.de-more .content{
    padding: 127px 0;
}
.de-more .title{
    font-family: Urbanist-Black;
	font-size: 32px;
    font-weight: 900;
	line-height: 42px;
	letter-spacing: -1px;
	color: #000000;
    text-align: center;
    margin-bottom: 45px;
}
.de-more.app-more .title{
    font-family: Urbanist-Black;
	font-size: 42px;
    font-weight: 800;
	line-height: 56px;
	letter-spacing: -3px;
	color: #000000;
    margin-bottom: 60px;
}
.de-more .grid{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 33px;
}
.de-more .grid .img-box {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    border-radius: 20px;
    box-sizing: border-box;
    overflow: hidden;
}
.de-more .grid .img-box:nth-child(1){
    background-color: #cbd4dc;
}
.de-more .grid .img-box:nth-child(2){
    background-color: #f6ddde;
}
.de-more .grid .img-box:nth-child(3){
    background-color: #efef93;
}
.de-more .grid .img-box:nth-child(4){
    background-color: #f5f3ed;
}
.de-more .grid .img-box:nth-child(5){
    background-color: #d2debb;
}
.de-more .grid .img-box:nth-child(6){
    background-color: #eef6f6;
}
.de-more .grid .img-box:nth-child(7){
    background-color: #c6bca2;
}

.de-more .grid .img-box img {
    display: block;
    max-width: 72%;
    max-height: 78%;
    width: auto;
    height: auto;
    object-fit: contain;
}
.de-more .more-swiper{
    width: 100%;
    overflow: hidden;
    padding-bottom: 120px;
    position: relative;
}
.de-more .more-swiper-slide{
    height: auto;
}
.de-more .more-swiper-slide .img-box{
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    border-radius: 20px;
    box-sizing: border-box;
    overflow: hidden;
}
.de-more .more-swiper-slide:nth-child(7n + 1) .img-box{
    background-color: #cbd4dc;
}
.de-more .more-swiper-slide:nth-child(7n + 2) .img-box{
    background-color: #f6ddde;
}
.de-more .more-swiper-slide:nth-child(7n + 3) .img-box{
    background-color: #efef93;
}
.de-more .more-swiper-slide:nth-child(7n + 4) .img-box{
    background-color: #f5f3ed;
}
.de-more .more-swiper-slide:nth-child(7n + 5) .img-box{
    background-color: #d2debb;
}
.de-more .more-swiper-slide:nth-child(7n + 6) .img-box{
    background-color: #eef6f6;
}
.de-more .more-swiper-slide:nth-child(7n) .img-box{
    background-color: #c6bca2;
}
.de-more .more-swiper-slide .img-box img{
    display: block;
    max-width: 72%;
    max-height: 78%;
    width: auto;
    height: auto;
    object-fit: contain;
}
.de-more .more-swiper-button-prev,
.de-more .more-swiper-button-next{
    position: absolute;
    top: auto;
    bottom: 0;
    width: 60px;
    height: 60px;
    margin: 0;
    border-radius: 50%;
    color: #555555;
    transition: all 0.3s ease;
}
.de-more .more-swiper-button-prev{
    left: calc(50% - 70px);
    background-color: #e8e8e8;
}
.de-more .more-swiper-button-next{
    right: calc(50% - 70px);
    background-color: #e8e8e8;
}
.de-more .more-swiper-button-prev:hover,
.de-more .more-swiper-button-next:hover{
    background-color: var(--public-color);
    color: #333333;
}
.de-more .more-swiper-button-prev::after,
.de-more .more-swiper-button-next::after{
    font-size: 16px;
    font-weight: 700;
    color: inherit;
}
.de-more .more-swiper-button-prev.swiper-button-disabled,
.de-more .more-swiper-button-next.swiper-button-disabled{
    opacity: 0.45;
}
.pro-faq.de-faq .faq .list .item .a span{
    background-color: #ffffff;
}
.pro-faq.de-faq .faq .list .item.active{
    border-bottom: 1px solid #e1ef9f;
}
/* 应用页 */
.app-paper{
    background-color: #ffffff;
}
.app-paper .content{
    padding-top: 125px;
}
.app-paper .title{
    font-family: Urbanist-Black;
	font-size: 42px;
    font-weight: 900;
	line-height: 56px;
	letter-spacing: -2px;
	color: #000000;
    text-align: center;
    margin-bottom: 10px;
}
.app-paper .desc{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #333333;
    text-align: center;
    margin-bottom: 45px;
}
.app-paper .bottom{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}
.app-paper .card{
    background-color: #f4f4f4;
	border-radius: 14px;
    padding: 30px;
}
.app-paper .card:hover{
   background-color: #ffffff;
	box-shadow: 0px 20px 50px 0px 
		rgba(0, 0, 0, 0.1);
	border-radius: 14px;
}
.app-paper .card .t{
    font-family: Urbanist-ExtraBold;
	font-size: 22px;
    font-weight: 700;
	line-height: 32px;
	letter-spacing: -1px;
	color: #000000;
}
.app-paper .card .t img {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: var(--public-color);
    object-fit: contain;
    border: 7px solid #e1ef9f;
    box-sizing: content-box;
    margin-right: 20px;
}
.app-paper .card .d{
    font-family: Urbanist-SemiBold;
	font-size: 16px;
    font-weight: 500;
	line-height: 29px;
	letter-spacing: -1px;
	color: #666666;
}
@media(max-width:768px){
    .app-paper .content{padding-top:40px}
    .app-paper .title{font-size:26px;line-height:34px;letter-spacing:-1px}
    .app-paper .desc{font-size:14px;line-height:22px;margin-bottom:20px}
    .app-paper .bottom{grid-template-columns:1fr;gap:16px}
    .app-paper .card{padding:20px 16px}
    .app-paper .card .t{font-size:18px;line-height:26px}
    .app-paper .card .t img{width: 15px;height: 15px;padding: 3px;border: 5px solid #e1ef9f;}
    .app-paper .card .d{font-size:14px;line-height:22px}
}
.app-pro{
    background-color: #ffffff;
}
.app-pro .content{
    padding: 85px 0;
}
.app-pro .title{
    font-family: Urbanist-Black;
	font-size: 48px;
    font-weight: 900;
	line-height: 56px;
	letter-spacing: -2px;
	color: #000000;
    text-align: center;
    margin-bottom: 15px;
}
.app-pro .desc{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #333333;
    text-align: center;
    margin-bottom: 10px;
}
.app-pro .pro-line .pro-intro .part{
    border-top: none;
}
@media(max-width:768px){
    .app-pro{position:relative}
    .app-pro::after{content:"";display:block;margin:0 15px;border-bottom:1px dashed #d0d0d0}
    .app-pro .content{padding:40px 0}
    .app-pro .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:10px}
    .app-pro .desc{font-size:14px;line-height:22px;margin-bottom:8px}
    .app-pro .app-pro-swiper-box{position:relative;margin:0 -15px;padding-bottom:8px}
    .app-pro .app-pro-swiper{overflow:hidden;margin:0 15px;--swiper-navigation-sides-offset:0px}
    .app-pro .app-pro-swiper-slide{height:auto}
    .app-pro .app-pro-swiper-slide .card{height:100%}
    .app-pro .app-pro-swiper-button-prev,
    .app-pro .app-pro-swiper-button-next{width:36px;height:36px;margin-top:0;top:42%;transform:translateY(-50%);border-radius:50%;background-color:#e8e8e8;color:#555;z-index:2}
    .app-pro .app-pro-swiper-button-prev{left:0 !important}
    .app-pro .app-pro-swiper-button-next{right:0 !important}
    .app-pro .app-pro-swiper-button-prev::after,
    .app-pro .app-pro-swiper-button-next::after{font-size:14px;font-weight:700;color:inherit}
    .app-pro .app-pro-swiper-button-prev.swiper-button-disabled,
    .app-pro .app-pro-swiper-button-next.swiper-button-disabled{opacity:.45}
    .app-pro .app-pro-swiper-pagination{position:relative;bottom:auto;left:0;width:100%;margin-top:16px;text-align:center;z-index:2}
    .app-pro .app-pro-swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#d8d8d8;opacity:1;margin:0 4px;border-radius:50%;vertical-align:middle}
    .app-pro .app-pro-swiper-pagination .swiper-pagination-bullet-active{width:18px;border-radius:4px;background:var(--public-color)}
}
.app-needs{
    background-color: var(--public-color);
    position: relative;
}
.app-needs .banner-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    width: 705px;
    max-width: 42%;
}
.app-needs .banner-icon img {
    display: block;
    width: 100%;
    height: auto;
    mix-blend-mode: screen;
}
.app-needs .content{
    padding: 95px 0;
    display: flex;
    align-items: center;
    gap: 80px;
}
.app-needs .img-box{
    flex: 0 0 680px;
    max-width: 680px;
    border-radius: 20px;
    z-index: 1;
}
.app-needs .text .title{
    font-family: Urbanist-Black;
	font-size: 42px;
    font-weight: 900;
	line-height: 56px;
	letter-spacing: -2px;
	color: #000000;
    margin-bottom: 25px;
}
.app-needs .text .desc{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #333333;
    margin-bottom: 20px;
}
.app-needs .list li{
    font-family: Urbanist-SemiBold;
	font-size: 16px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #333333;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 8px;
}
.app-needs .list li img {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    padding: 3px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #ffffff;
    border: 5px solid #d3e76f;
    object-fit: contain;
}
@media(max-width:768px){
    .app-needs .banner-icon{display:none}
    .app-needs .content{flex-direction:column;align-items:stretch;gap:20px;padding:40px 0}
    .app-needs .img-box{flex:none;max-width:100%;width:100%}
    .app-needs .img-box img{width:100%;height:auto;display:block}
    .app-needs .text .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:12px}
    .app-needs .text .desc{font-size:14px;line-height:22px;margin-bottom:14px}
    .app-needs .list li{font-size:14px;line-height:22px;gap:12px;align-items:flex-start}
    .app-needs .list li img{width: 26px;height: 26px;}
}
.pro-faq.app-faq .faq .list .item{
    border-bottom: 1px solid #ededed;
}
.pro-faq.app-faq .faq .list .item.active{
    border-bottom: 1px solid #ededed;
}
.two-faq.app-faq .faq .list .item .q span{
    background-color: var(--primary-color);
    color: #ffffff;
}
.two-faq.app-faq .faq .list .item .a span{
    background-color: var(--public-color);
}
/* 定制页 */
.cus-value{
    background-color: #ffffff;
    position: relative;
}
.cus-value .banner-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    width: 590px;
    max-width: 42%;
}
.cus-value .banner-icon img {
    display: block;
    width: 100%;
    height: auto;
    mix-blend-mode: screen;
}
.cus-value .content{
    padding: 100px 0 90px;
    display: flex;
    align-items: center;
    gap: 80px;
}
.cus-value .title{
    font-family: Urbanist-Black;
	font-size: 46px;
    font-weight: 900;
	line-height: 56px;
    margin-bottom: 30px;
	letter-spacing: -3px;
	color: #000000;
}
.cus-value .desc{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #333333;
    margin-bottom: 30px;
}
.cus-value .list li {
    display: flex;
    align-items: center;
    gap: 20px;
    font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 24px;
    font-weight: 500;
	letter-spacing: 0px;
	color: #333333;
    margin-bottom: 5px;
}
.cus-value .list li img {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: var(--public-color);
    object-fit: contain;
    border: 5px solid #e1ef9f;
    box-sizing: content-box;
}
.cus-value .img-box{
    flex: 0 0 680px;
    max-width: 680px;
    border-radius: 20px;
    z-index: 1;
}
@media(max-width:768px){
    .cus-value .banner-icon{display:none}
    .cus-value .content{flex-direction:column;align-items:stretch;gap:20px;padding:40px 0}
    .cus-value .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:14px}
    .cus-value .desc{font-size:14px;line-height:22px;margin-bottom:16px}
    .cus-value .list li{font-size:14px;line-height:22px;gap:12px;align-items:flex-start}
    .cus-value .img-box{flex:none;max-width:100%;width:100%}
    .cus-value .img-box img{width:100%;height:auto;display:block}
    .cus-value .list li img{width:10px;height:10px;padding:3px;}
}
.cus-process{
    background-color: #f4f4f4;
}
.cus-process .content{
    padding: 75px 0 86px;
}
.cus-process p{
    font-family: Urbanist-ExtraBold;
	font-size: 22px;
    font-weight: 600;
	line-height: 32px;
	letter-spacing: -1px;
	color: var(--public-color);
    text-align: center;
}
.cus-process .title{
    font-family: Urbanist-Black;
	font-size: 48px;
    font-weight: 900;
	line-height: 56px;
	letter-spacing: -2px;
	color: #000000;
    text-align: center; 
    margin: 10px 0 15px;
}
.cus-process .desc{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #666666;
    text-align: center;
    margin-bottom: 45px;
}
.cus-process .grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 26px;
}
.cus-process .card{
    background-color: #dbe898;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    padding: 25px 30px 40px;
    transition: background-color .3s ease;
}
.cus-process:not(.solu-process) .card:hover,
.cus-process.solu-process .card:hover
{
    background-color: var(--public-color);
}
.cus-process.solu-process .card{
    background-color: var(--primary-color);
}
.cus-process .card .t{
    font-family: Urbanist-ExtraBold;
	font-size: 22px;
    font-weight: 600;
	line-height: 29px;
	letter-spacing: -1px;
	color: #000000;
    margin: 30px 0 15px;
}
.cus-process .card .d{
    font-family: Urbanist-SemiBold;
	font-size: 16px;
    font-weight: 600;
	line-height: 24px;
	letter-spacing: 0px;
	color: #333333;
}
.cus-process.solu-process .card .t{
    color: #ffffff;
}
.cus-process.solu-process .card .d{
    font-weight: 400;
    color: #ffffff;
}
@media(max-width:768px){
    .cus-process .content{padding:40px 0}
    .cus-process p{font-size:16px;line-height:24px}
    .cus-process .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin:8px 0 10px}
    .cus-process .desc{font-size:14px;line-height:22px;margin-bottom:20px}
    .cus-process .grid{grid-template-columns:1fr;gap:16px}
    .cus-process .card{padding:20px 16px}
    .cus-process .card .i img{max-width:48px;height:auto}
    .cus-process .card .t{font-size:18px;line-height:26px;margin:16px 0 8px}
    .cus-process .card .d{font-size:14px;line-height:22px}
}
.cus-material{
    background-color: #ffffff;
}
.cus-material .content{
    padding: 80px 0;
}
.cus-material p{
    font-family: Urbanist-ExtraBold;
	font-size: 22px;
	line-height: 32px;
    color: var(--public-color);
    font-weight: 600;
	letter-spacing: -1px;
}
.cus-material .title{
  font-family: Urbanist-Black;
	font-size: 48px;
    font-weight: 900;
	line-height: 56px;
	letter-spacing: -2px;
	color: #000000;
    margin-bottom: 40px;
}
.cus-material .tab-nav {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 13px;
    margin-bottom: 50px;
}
.cus-material .tab-nav .tab-item {
    position: relative;
    background-color: #f4f4f4;
    border-radius: 25px;
    height: 50px;
    font-family: Urbanist-SemiBold;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0px;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    cursor: pointer;
}
.cus-material .tab-nav .tab-item:hover, .cus-material .tab-nav .tab-item.active {
    background-color: var(--public-color);
}
.cus-material .tab-nav .tab-item.active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -11px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid var(--public-color);
    z-index: 2;
}
.cus-material .tab-content{
    background-color: #f4f4f4;
	border-radius: 30px;
    padding: 35px 45px;
}
.cus-material .t1{
    font-family: Urbanist-ExtraBold;
	font-size: 32px;
    font-weight: 600;
	line-height: 28px;
	letter-spacing: -1px;
	color: #000000;
    margin-bottom: 30px;
}
.cus-material .inner{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
.cus-material .card{
    background-color: #ffffff;
	box-shadow: 0px 10px 10px 0px 
		rgba(0, 0, 0, 0.08);
	border-radius: 20px;
}
.cus-material .img-box{
    border-radius: 20px;
}
.cus-material .text{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 18px 40px 18px;
}
.cus-material .t{
    font-family: Urbanist-Bold;
	font-size: 22px;
    font-weight: 600;
	line-height: 28px;
	letter-spacing: -1px;
	color: #000000;
    margin-bottom: 10px;
}
.cus-material .d{
    font-family: Urbanist-SemiBold;
	font-size: 16px;
    font-weight: 500;
	line-height: 26px;
	letter-spacing: 0px;
	color: #666666;
    text-align: center;
}
.cus-material .tab-panel {
    display: none;
}
.cus-material .tab-panel.active {
    display: block;
}
@media(max-width:768px){
    .cus-material .content{padding:40px 0}
    .cus-material p{font-size:16px;line-height:24px}
    .cus-material .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:20px}
    .cus-material .tab-nav{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px}
    .cus-material .tab-nav .tab-item{height:auto;min-height:44px;padding:8px 10px;font-size:14px;line-height:20px;border-radius:22px}
    .cus-material .tab-nav .tab-item.active::after{bottom:-8px;border-left-width:8px;border-right-width:8px;border-top-width:8px}
    .cus-material .tab-content{padding:20px 16px;border-radius:16px;overflow:visible}
    .cus-material .t1{font-size:20px;line-height:28px;margin-bottom:16px}
    .cus-material .inner{grid-template-columns:repeat(2,1fr);gap:12px}
    .cus-material .text{padding:12px 10px 16px}
    .cus-material .t{font-size:16px;line-height:24px}
    .cus-material .d{font-size:14px;line-height:22px}
    .cus-material .mat-swiper-box{position:relative;margin:0 -16px}
    .cus-material .mat-swiper{overflow:hidden;margin:0 16px;--swiper-navigation-sides-offset:0px}
    .cus-material .mat-swiper-slide{height:auto}
    .cus-material .mat-swiper-slide .card{height:100%;box-shadow:none}
    .cus-material .mat-swiper-slide .img-box img{width:100%;height:auto;display:block}
    .cus-material .mat-swiper-button-prev,
    .cus-material .mat-swiper-button-next{width:36px;height:36px;margin-top:0;top:38%;transform:translateY(-50%);border-radius:50%;background-color:#e8e8e8;color:#555;z-index:2}
    .cus-material .mat-swiper-button-prev{left:0 !important}
    .cus-material .mat-swiper-button-next{right:0 !important}
    .cus-material .mat-swiper-button-prev::after,
    .cus-material .mat-swiper-button-next::after{font-size:14px;font-weight:700;color:inherit}
    .cus-material .mat-swiper-button-prev.swiper-button-disabled,
    .cus-material .mat-swiper-button-next.swiper-button-disabled{opacity:.45}
    .cus-material .mat-swiper-pagination{position:relative;bottom:auto;left:0;width:100%;margin-top:16px;text-align:center;z-index:2}
    .cus-material .mat-swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#d8d8d8;opacity:1;margin:0 4px;border-radius:50%;vertical-align:middle}
    .cus-material .mat-swiper-pagination .swiper-pagination-bullet-active{width:18px;border-radius:4px;background:var(--public-color)}
}
.cus-send{
    background: linear-gradient(to right, #370976 0%, #370976 27%, #c6bfce 100%);
}
.cus-send .content{
    padding: 45px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cus-send .t{
    font-family: Urbanist-SemiBold;
	font-size: 36px;
    font-weight: 500;
	line-height: 22px;
	letter-spacing: 0px;
	color: #f5f8e3;
}
.cus-send .btn{
    width: 330px;
	height: 60px;
	background-color: var(--primary-color);
	border-radius: 30px;
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: 0px;
	color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media(max-width:768px){
    .cus-send .content{flex-direction:column;align-items:flex-start;gap:16px;padding:28px 0}
    .cus-send .t{font-size:18px;line-height:26px}
    .cus-send .btn{width:100%;max-width:240px;height:46px;font-size:16px;line-height:24px}
}
.cus-case{
    background-color: #ffffff;
}
.cus-case .content{
    padding: 80px 0 0 0;
}
.cus-case .title{
    font-family: Urbanist-Black;
	font-size: 48px;
    font-weight: 900;
	line-height: 56px;
	letter-spacing: -2px;
	color: #000000;
    text-align: center;
    margin-bottom: 15px;
}
.cus-case .desc{
    font-family: Urbanist-SemiBold;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -1px;
    color: #666666;
    max-width: 790px;
    margin: 0 auto 50px;
    font-weight: 500;
    text-align: center;
}
.cus-case .grid{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 34px;
}
.cus-case .grid .img-box:nth-child(1){
    background-color: #f6ddde;
}
.cus-case .grid .img-box:nth-child(2){
    background-color: #efef93;
}
.cus-case .grid .img-box:nth-child(3){
    background-color: #f5f3ed;
}
.cus-case .grid .img-box:nth-child(4){
    background-color: #d2debb;
}
.cus-case .grid .img-box:nth-child(5){
    background-color: #eef6f6;
}

.cus-case .grid .img-box {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    border-radius: 20px;
    box-sizing: border-box;
    overflow: hidden;
}
@media(max-width:768px){
    .cus-case.home-show::after{display:none}
    .cus-case .content{padding:40px 0 10px}
    .cus-case .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:10px}
    .cus-case .desc{font-size:14px;line-height:22px;margin-bottom:20px}
}
.solu-prin{
    background-color: #ffffff;
}
.solu-prin .content{
    padding: 175px 0 112px;
}
.solu-prin .title{
    font-family: Urbanist-Black;
	font-size: 48px;
    font-weight: 900;
	line-height: 56px;
	letter-spacing: -2px;
	color: #000000;
    text-align: center;
    margin-bottom: 80px;
}
.solu-prin .grid{
   display: flex;
   flex-direction: column;
   gap: 48px;
}
.solu-prin .card{
    display: flex;
    gap: 80px;
    align-items: center;
}
.solu-prin .grid .card:nth-child(even){
    flex-direction: row-reverse;
}
.solu-prin .t{
    font-family: Urbanist-Black;
	font-size: 36px;
    font-weight: 900;
	line-height: 46px;
	letter-spacing: -2px;
	color: var(--primary-color);
    margin-bottom: 35px;
}
.solu-prin .d{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #333333;
    margin-bottom: 30px;
}
.solu-prin .list li {
    display: flex;
    align-items: center;
    gap: 20px;
    font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 26px;
    font-weight: 500;
	letter-spacing: -1px;
	color: #333333;
    margin-bottom: 5px;
}
.solu-prin .list li img {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: var(--public-color);
    object-fit: contain;
    border: 5px solid #e1ef9f;
    box-sizing: content-box;
}
.solu-prin .img-box{
    flex: 0 0 680px;
    max-width: 680px;
    border-radius: 20px;
}
@media(max-width:768px){
    .solu-prin .content{padding:40px 0}
    .solu-prin .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:24px}
    .solu-prin .grid{gap:0}
    .solu-prin .card,
    .solu-prin .grid .card:nth-child(even){flex-direction:column;gap:16px;align-items:stretch}
    .solu-prin .card{padding-bottom:28px;margin-bottom:28px;border-bottom:1px dashed #d0d0d0}
    .solu-prin .card:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}
    .solu-prin .img-box{flex:none;max-width:100%;width:100%}
    .solu-prin .img-box img{width:100%;height:auto;display:block}
    .solu-prin .t{font-size:22px;line-height:30px;letter-spacing:-1px;margin-bottom:12px}
    .solu-prin .d{font-size:14px;line-height:22px;margin-bottom:14px}
    .solu-prin .list li{font-size:14px;line-height:22px;gap:12px;align-items:flex-start}
    .solu-prin .list li img{width:10px;height:10px;padding:3px;}
}
.news-tab{
    background-color: #ffffff;
}
.news-tab .content{
    padding: 100px 0 60px;
}
.news-tab .content ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 11px;
}
.news-tab ul li {
    position: relative;
    background-color: #f4f4f4;
    border-radius: 25px;
    height: 50px;
   font-family: Urbanist-Black;
	font-size: 20px;
    font-weight: 700;
	line-height: 28px;
	letter-spacing: -1px;
	color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    cursor: pointer;
}
.news-tab ul li:hover, .news-tab ul li.active {
    background-color: var(--public-color);
}
.news-tab ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
}
.news-tab ul li.active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -11px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid var(--public-color);
    z-index: 2;
}
@media(max-width:768px){
    .news-tab .content{padding:24px 0 28px}
    .news-tab .content ul{grid-template-columns:repeat(3,1fr);gap:10px}
    .news-tab ul li{height:44px;border-radius:22px;font-size:15px;line-height:22px}
    .news-tab ul li.active::after{bottom:-8px;border-left-width:8px;border-right-width:8px;border-top-width:8px}
}
.home-news.news-paper .content{
    padding: 0 0 230px 0;
}
@media(max-width:768px){
    .home-news.news-paper .content{padding:8px 0 50px}
    .home-news.news-paper .pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0 0;padding:0}
    .home-news.news-paper .page-link{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0 10px;border-radius:8px;font-size:14px;line-height:20px}
}
/* 关于我们页 */
.about-paper{
    background-color: #ffffff;
    position: relative;
}
.about-paper .banner-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    width: 760px;
    max-width: 42%;
}
.about-paper .banner-icon img {
    display: block;
    width: 100%;
    height: auto;
    mix-blend-mode: screen;
}
.about-paper .content{
    padding: 95px 0 120px;
    display: flex;
    gap: 100px;
    align-items: center;
}
.about-paper .title,
.about-paper h2{
    font-family: Urbanist-Black;
	font-size: 48px;
    font-weight: 900;
	line-height: 56px;
    margin-bottom: 35px;
	letter-spacing: -2px;
	color: #000000;
}
.about-paper .desc p{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #666666;
    margin-bottom: 25px;
}
.about-paper .desc p:last-child{
    margin-bottom: 0;
}
.about-paper .img-box{
    flex: 0 0 800px;
    max-width: 800px;
    border-radius: 20px;
}
@media(max-width:768px){
    .about-paper .banner-icon{display:none}
    .about-paper .content{flex-direction:column;align-items:stretch;gap:20px;padding:40px 0}
    .about-paper .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:14px}
    .about-paper .desc p{font-size:14px;line-height:22px;margin-bottom:12px}
    .about-paper .img-box{flex:none;max-width:100%;width:100%}
    .about-paper .img-box img{width:100%;height:auto;display:block}
}
.about-eco{
    background-color: #f5f8e3;
}
.about-eco .content{
    padding: 77px 0 90px;
}
.about-eco .title{
    font-family: Urbanist-Black;
	font-size: 48px;
    font-weight: 900;
	line-height: 56px;
	letter-spacing: -2px;
	color: #000000;
    text-align: center;
    margin-bottom: 22px;
}
.about-eco .desc{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 24px;
	letter-spacing: -1px;
	color: #666666;
    max-width: 740px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 70px;
}
.about-eco .grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}
.about-eco .card{
    background-color: var(--public-color);
    padding: 0 43px 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 20px;
    position: relative;
}
.about-eco .banner-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
}
.about-eco .banner-icon img {
    display: block;
    width: 130%;
    max-width: 130%;
    margin-left: -36%;
    height: auto;
    mix-blend-mode: screen;
}
.about-eco .card .img{
    background-color: #f5f8e3;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -50px;
}
.about-eco .t{
    font-family: Urbanist-Black;
	font-size: 24px;
    font-weight: 800;
	line-height: 36px;
	letter-spacing: -1px;
	color: #000000;
    margin-bottom: 30px;
}
.about-eco .d{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #333333;
}
@media(max-width:768px){
    .about-eco .content{padding:40px 0}
    .about-eco .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:12px}
    .about-eco .desc{font-size:14px;line-height:22px;margin-bottom:36px}
    .about-eco .grid{grid-template-columns:1fr;gap:36px}
    .about-eco .card{padding:0 20px 24px}
    .about-eco .card .img{width:72px;height:72px;top:-28px}
    .about-eco .t{font-size:20px;line-height:28px;margin-bottom:12px}
    .about-eco .d{font-size:14px;line-height:22px}
}

.about-rely {
    background-color: #ffffff;
}

.about-rely-top {
    display: flex;
    align-items: center;
    gap: 60px;
    width: 100%;
}

.about-rely .content {
    max-width: calc(660px + 30px + 660px / 3);
    min-width: 0;
    margin-left: auto;
    padding: 127px 0 0;
}

.about-rely .left {
    flex: 0 0 auto;
}

.about-rely-right {
    /* flex: 0 0 520px;
    max-width: 520px; */
    margin-right: max(15px, calc((100vw - var(--max)) / 2));
}

.about-rely .right {
    position: relative;
}

.about-rely .right .inner {
    position: relative;
    z-index: 1;
    padding: 127px 0 40px;
}

.about-rely .right .title {
    font-family: Urbanist-Black;
	font-size: 48px;
    font-weight: 900;
    line-height: 56px;
	letter-spacing: -2px;
	color: #000000;
    margin-bottom: 20px;
}

.about-rely .right .desc {
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: 0px;
	color: #666666;
    margin-bottom: 40px;
}

.about-rely .about-swiper {
    width: 100%;
}

.about-rely .about-swiper-wrapper {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    align-items: center;
}

.about-rely .about-swiper-slide {
    width: 220px;
    height: auto;
    box-sizing: border-box;
}

.about-rely .about-swiper-slide:not(.swiper-slide-active) {
    background-color: #ebebeb;
    border-radius: 20px;
    padding: 10px;
}

.about-rely .about-swiper-slide.swiper-slide-active {
    width: 660px;
    padding: 0;
    background: none;
}

.about-rely .about-swiper-slide .img-box {
    position: relative;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    line-height: 0;
    height: 400px;
}

.about-rely .about-swiper-slide.swiper-slide-active .img-box {
    height: 420px;
}

.about-rely .about-swiper-slide .img-box::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.35);
    opacity: 1;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.about-rely .about-swiper-slide.swiper-slide-active .img-box::after {
    opacity: 0;
}

.about-rely .about-swiper-slide .img-box img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-rely .about-swiper-nav {
    display: flex;
    align-items: center;
    gap: 16px;
}

.about-rely .about-swiper-button-prev,
.about-rely .about-swiper-button-next {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: 0;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #555555;
    cursor: pointer;
    pointer-events: auto;
    transition: all 0.3s ease;
}

.about-rely .about-swiper-button-prev {
    background-color: #e8e8e8;
}

.about-rely .about-swiper-button-next {
    background-color: #e8e8e8;
}

.about-rely .about-swiper-button-prev:hover {
    background-color: var(--public-color);
    color: #333333;
}

.about-rely .about-swiper-button-next:hover {
    background-color: #a3c20d;
    color: #333333;
}

.about-rely .about-swiper-button-prev::after,
.about-rely .about-swiper-button-next::after {
    font-size: 16px;
    font-weight: 700;
    color: inherit;
}

.about-rely .about-swiper-button-prev.swiper-button-disabled,
.about-rely .about-swiper-button-next.swiper-button-disabled {
    opacity: 0.45;
    pointer-events: none;
}

@media (max-width: 1400px) {
    .about-rely .content {
        padding-top: 80px;
    }

    .about-rely-right {
        flex: 0 0 420px;
        max-width: 420px;
    }

    .about-rely .right .inner {
        padding-top: 80px;
    }

    .about-rely .right .title {
        font-size: 40px;
        line-height: 50px;
    }

    .about-rely .right .desc {
        font-size: 16px;
        line-height: 26px;
    }

    .about-rely .about-swiper-slide {
        width: 180px;
    }

    .about-rely .about-swiper-slide.swiper-slide-active {
        width: 520px;
    }

    .about-rely .about-swiper-slide .img-box {
        height: 320px;
    }

    .about-rely .about-swiper-slide.swiper-slide-active .img-box {
        height: 340px;
    }
}

@media (max-width: 991px) {
    .about-rely-top {
        flex-direction: column;
        gap: 40px;
    }

    .about-rely .content {
        max-width: 100%;
        margin-left: 0;
        padding: 60px 15px 0;
    }

    .about-rely-right {
        flex: none;
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        padding: 0 15px;
    }

    .about-rely .left,
    .about-rely .right {
        flex: none;
        width: 100%;
        max-width: 100%;
    }

    .about-rely .right .inner {
        padding: 0;
    }

    .about-rely .about-swiper {
        max-width: 100%;
    }
}
@media(max-width:768px){
    .about-rely-top{gap:24px}
    .about-rely-right{padding:40px 15px 0}
    .about-rely .content{padding:0}
    .about-rely .right .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:12px}
    .about-rely .right .desc{font-size:14px;line-height:22px;margin-bottom:0}
    .about-rely .about-swiper-box{position:relative}
    .about-rely .about-swiper{overflow:hidden}
    .about-rely .about-swiper-slide,
    .about-rely .about-swiper-slide.swiper-slide-active{width:100%}
    .about-rely .about-swiper-slide .img-box,
    .about-rely .about-swiper-slide.swiper-slide-active .img-box{height:auto}
    .about-rely .about-swiper-slide .img-box img{width:100%;height:auto;display:block}
    .about-rely .about-swiper-button-prev,
    .about-rely .about-swiper-button-next{position:absolute;top:50%;width:36px;height:36px;margin:0;transform:translateY(-50%);z-index:2}
    .about-rely .about-swiper-button-prev{left:0}
    .about-rely .about-swiper-button-next{right:0}
}
.about-contact{
    background: #ffffff;
}
.about-contact .content{
    display: flex;
    align-items: center;
    gap: 54px;
    padding: 85px 0;
}
.about-contact .img-box{
    flex: 0 0 680px;
    max-width: 680px;
    border-radius: 20px;
}
.about-contact .text{
    flex: 0 0 930px; 
    max-height:420px;
    background-color: var(--primary-color);
    position: relative;
    border-radius: 20px;
    padding: 95px 0 90px 60px;
    overflow: hidden;
}
.about-contact .banner-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    width: 705px;
    max-width: 70%;
}
.about-contact .banner-icon img {
    display: block;
    width: 100%;
    height: auto;
    mix-blend-mode: screen;
    z-index: 1;
    opacity: 0.5;
}
.about-contact .title{
    font-family: Urbanist-Black;
	font-size: 42px;
    font-weight: 900;
	line-height: 56px;
	letter-spacing: -2px;
	color: #ffffff;
    margin-bottom: 20px;
}
.about-contact .desc{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: 0px;
	color: #ffffff;
    max-width: 610px;
    margin-bottom: 46px;
}
.about-contact .btn{
    width: 320px;
	height: 60px;
	background: var(--public-color);
	border-radius: 30px;
    font-family: Urbanist-Bold;
	font-size: 20px;
    font-weight: 500;
	line-height: 32px;
	letter-spacing: -1px;
	color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    opacity: 1;
}
@media(max-width:768px){
    .about-contact .content{flex-direction:column;align-items:stretch;gap:20px;padding:40px 0}
    .about-contact .img-box{flex:none;max-width:100%;width:100%}
    .about-contact .img-box img{width:100%;height:auto;display:block}
    .about-contact .text{flex:none;max-width:100%;width:100%;max-height:none;padding:28px 20px}
    .about-contact .banner-icon{display:none}
    .about-contact .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:12px}
    .about-contact .desc{font-size:14px;line-height:22px;max-width:100%;margin-bottom:20px}
    .about-contact .btn{width:100%;max-width:220px;height:46px;font-size:16px;line-height:24px}
}
.why-support{
    background-color: #f4f4f4;
}
.why-support .content{
    padding: 115px 0;
}
.why-support p{
    font-family: Urbanist-ExtraBold;
	font-size: 24px;
    font-weight: 700;
	line-height: 32px;
	letter-spacing: -1px;
	color: var(--public-color);
    text-align: center;
}
.why-support .title{
    font-family: Urbanist-Black;
	font-size: 48px;
    font-weight: 900;
    line-height: 56px;
	letter-spacing: -2px;
	color: #000000;
    text-align: center;
    margin: 20px 0 77px;
}
.why-support .grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}
.why-support .card{
    background-color: #ffffff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    padding: 0 30px 38px 30px;
}
.why-support .box{
    background-color: #f4f4f4;
    padding: 10px;
    border-radius: 50%;
    position: relative;
    top: -33px;
}
.why-support .t{
    font-family: Urbanist-Black;
	font-size: 20px;
    font-weight: 700;
    line-height: 28px;
	letter-spacing: -1px;
	color: #000000;
    margin-bottom: 15px;
}
.why-support .d{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #666666;
    text-align: center;
}
@media(max-width:768px){
    .why-support .content{padding:40px 0}
    .why-support p{font-size:16px;line-height:24px}
    .why-support .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin:12px 0 48px}
    .why-support .grid{grid-template-columns:1fr;gap:48px}
    .why-support .card{width:100%;padding:0 20px 24px}
    .why-support .t{font-size:20px;line-height:28px;margin-bottom:10px;text-align:center}
    .why-support .d{font-size:14px;line-height:22px}
}
.why-design{
    background-color: #ffffff;
}
.why-design .content{
    padding: 98px 0 110px;
    display: flex;
    align-items: center;
    gap: 60px;
}
.why-design .img-box{
    flex: 0 0 680px;
    max-width: 680px;
    border-radius: 20px;
}
.why-design p{
    font-family: Urbanist-ExtraBold;
	font-size: 24px;
    font-weight: 700;
	line-height: 32px;
	letter-spacing: -1px;
	color: var(--public-color);
    text-align: left;
}
.why-design .title,
.why-design h2{
    font-family: Urbanist-Black;
	font-size: 48px;
    font-weight: 900;
    line-height: 56px;
	letter-spacing: -2px;
	color: #000000;
    margin: 15px 0 23px;
    text-align: left;
}
.why-design .desc{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #666666;
}
@media(max-width:768px){
    .why-design{position:relative}
    .why-design::after{content:"";display:block;margin:0 15px;border-bottom:1px dashed #d0d0d0}
    .why-design .content{flex-direction:column;align-items:stretch;gap:24px;padding:40px 0}
    .why-design .text{width:100%;min-width:0}
    .why-design p{font-size:16px;line-height:24px}
    .why-design .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin:10px 0 12px}
    .why-design .desc{font-size:14px;line-height:22px}
    .why-design .img-box{flex:none;width:100%;max-width:100%}
    .why-design .img-box img{width:100%;height:auto;display:block}
}

.why-quality {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    gap: 60px;
}

/* .why-quality .content {
    display: flex;
    align-items: center;
    gap: 60px;
    padding: 90px 0 100px;
} */

.why-quality .content {
    max-width: calc(660px + 30px + 660px / 3);
    min-width: 0;
    margin-left: auto;
}

.why-quality .quality-swiper {
    width: 100%;
    /* overflow: hidden; */
}

.why-quality .quality-swiper-wrapper {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    align-items: center;
}

.why-quality .quality-swiper-slide {
    width: 220px;
    height: auto;
    box-sizing: border-box;
}

.why-quality .quality-swiper-slide:not(.swiper-slide-active) {
    background-color: #ebebeb;
    border-radius: 20px;
    padding: 10px;
}

.why-quality .quality-swiper-slide.swiper-slide-active {
    width: 660px;
    padding: 0;
    background: none;
}

.why-quality .right {
    position: relative;
    background-color: var(--primary-color);
    border-radius: 20px 0px 0px 20px;
    overflow: hidden;
    max-height: 421px;
}

.why-quality .banner-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    width: 705px;
    max-width: 75%;
}

.why-quality .banner-icon img {
    display: block;
    width: 100%;
    height: auto;
    mix-blend-mode: screen;
    opacity: 0.5;
}

.why-quality .inner {
    position: relative;
    z-index: 1;
    min-width: 670px;
    padding: 38px 56px 47px 80px;
}

.why-quality .title {
    font-family: Urbanist-Black;
	font-size: 42px;
    font-weight: 900;
    line-height: 52px;
	letter-spacing: -2px;
	color: #ffffff;
    text-align: left;
    margin-bottom: 18px;
}

.why-quality .desc {
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 24px;
	letter-spacing: -1px;
	color: #ffffff;
    max-width: 680px;
    margin-bottom: 28px;
}

.why-quality .list {
    list-style: none;
    margin: 0 0 36px;
    padding: 0;
}

.why-quality .list li {
    font-family: AdobeHeitiStd-Regular;
	font-size: 18px;
    font-weight: 400;
    line-height: 24px;
	letter-spacing: -1px;
	color: #ffffff;
    margin-bottom: 5px;
}

.why-quality .list li:last-child {
    margin-bottom: 0;
}

.why-quality .list li strong {
    font-family: Urbanist-Black;
    font-weight: 700;
}

.why-quality .quality-swiper-slide .img-box {
    position: relative;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    line-height: 0;
    height: 400px;
}

.why-quality .quality-swiper-slide.swiper-slide-active .img-box {
    height: 420px;
}

.why-quality .quality-swiper-slide .img-box::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.35);
    opacity: 1;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.why-quality .quality-swiper-slide.swiper-slide-active .img-box::after {
    opacity: 0;
}

.why-quality .quality-swiper-slide .img-box img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.why-quality .quality-swiper-nav {
    display: flex;
    align-items: center;
    gap: 16px;
}

.why-quality .quality-swiper-button-prev,
.why-quality .quality-swiper-button-next {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: 0;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto;
    transition: all 0.3s ease;
}

.why-quality .quality-swiper-button-prev {
    background: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.why-quality .quality-swiper-button-next {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: var(--primary-color);
}

.why-quality .quality-swiper-button-prev:hover {
    background: rgba(255, 255, 255, 0.15);
}

.why-quality .quality-swiper-button-next:hover {
    background: var(--public-color);
    border-color: var(--public-color);
    color: #ffffff;
}

.why-quality .quality-swiper-button-prev::after,
.why-quality .quality-swiper-button-next::after {
    font-size: 16px;
    font-weight: 700;
    color: inherit;
}

.why-quality .quality-swiper-button-prev.swiper-button-disabled,
.why-quality .quality-swiper-button-next.swiper-button-disabled {
    opacity: 0.45;
    pointer-events: none;
}
@media(max-width:768px){
    .why-quality{flex-direction:column;align-items:stretch;gap:20px;margin:0 15px;padding:20px 0 40px;border-bottom:1px dashed #d0d0d0}
    .why-quality > .container-xl{padding-left:0;padding-right:0}
    .why-quality .content{max-width:100%;margin-left:0}
    .why-quality .quality-swiper-slide,
    .why-quality .quality-swiper-slide.swiper-slide-active{width:100%}
    .why-quality .quality-swiper-slide .img-box,
    .why-quality .quality-swiper-slide.swiper-slide-active .img-box{height:auto}
    .why-quality .quality-swiper-slide .img-box img{width:100%;height:auto;display:block}
    .why-quality .right{max-height:none;border-radius:20px}
    .why-quality .banner-icon{display:none}
    .why-quality .inner{min-width:0;padding:28px 20px 24px}
    .why-quality .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:12px}
    .why-quality .desc{font-size:14px;line-height:22px;margin-bottom:16px}
    .why-quality .list{margin-bottom:0}
    .why-quality .list li{font-size:14px;line-height:22px}
    .why-quality .quality-swiper-box{position:relative}
    .why-quality .quality-swiper{overflow:hidden}
    .why-quality .quality-swiper-button-prev,
    .why-quality .quality-swiper-button-next{position:absolute;top:50%;width:40px;height:40px;margin:0;transform:translateY(-50%);z-index:2;background:var(--public-color);border:none;color:#333333}
    .why-quality .quality-swiper-button-prev{left:-14px}
    .why-quality .quality-swiper-button-next{right:-14px}
    .why-quality .quality-swiper-button-prev:hover,
    .why-quality .quality-swiper-button-next:hover{background:var(--public-color);border:none;color:#333333}
    .why-quality .quality-swiper-button-prev.swiper-button-disabled,
    .why-quality .quality-swiper-button-next.swiper-button-disabled{background:#e8e8e8;border:none;color:#b5b5b5;opacity:1;pointer-events:none}
}
.why-ability{
    background-color: #ffffff;
}
.why-ability .content{
    padding: 98px 0 20px;
}
.why-ability p{
    font-family: Urbanist-ExtraBold;
	font-size: 24px;
    font-weight: 700;
	line-height: 32px;
	letter-spacing: -1px;
	color: var(--public-color);
    text-align: center;
    margin-bottom: 15px;
}
.why-ability .title{
    font-family: Urbanist-Black;
	font-size: 48px;
    font-weight: 900;
    line-height: 56px;
	letter-spacing: -2px;
	color: #000000;
    text-align: center;
    margin-bottom: 15px;
}
.why-ability .desc{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #666666;
    text-align: center;
    max-width: 1216px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.why-ability .bottom {
    position: relative;
}
.why-ability .w-ability-swiper {
    width: 100%;
    overflow: hidden;
    padding: 10px 0 20px;
}
.why-ability .w-ability-swiper-wrapper {
    align-items: center;
}
.why-ability .w-ability-swiper-slide {
    width: 800px;
    max-width: 78vw;
    box-sizing: border-box;
}
.why-ability .w-ability-swiper-slide .box {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: 420px;
    line-height: 0;
}
.why-ability .w-ability-swiper-slide .box img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.why-ability .w-ability-swiper-slide .box::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.35);
    opacity: 1;
    transition: opacity 0.4s ease;
    pointer-events: none;
    z-index: 1;
}
.why-ability .w-ability-swiper-slide.swiper-slide-active .box::after {
    opacity: 0;
}
.why-ability .w-ability-swiper-slide .note {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    padding: 8px 20px;
    border-radius: 999px;
    background-color: var(--public-color);
    font-family: Urbanist-Black;
	font-size: 20px;
    font-weight: 600;
    line-height: 28px;
	letter-spacing: -1px;
	color: #ffffff;
}
.why-ability .w-ability-swiper-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5;
    margin: 0;
    pointer-events: none;
}
.why-ability .w-ability-swiper-button-prev,
.why-ability .w-ability-swiper-button-next {
    position: absolute;
    top: 50%;
    left: auto;
    right: auto;
    margin: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: var(--public-color);
    color: #ffffff;
    cursor: pointer;
    pointer-events: auto;
    transition: all 0.3s ease;
}
.why-ability .w-ability-swiper-button-prev {
    left: -25px;
}
.why-ability .w-ability-swiper-button-next {
    right: -25px;
}
.why-ability .w-ability-swiper-button-prev:hover,
.why-ability .w-ability-swiper-button-next:hover {
    background-color: #a3c20d;
    color: #ffffff;
}
.why-ability .w-ability-swiper-button-prev::after,
.why-ability .w-ability-swiper-button-next::after {
    font-size: 16px;
    font-weight: 700;
    color: inherit;
}
.why-ability .w-ability-swiper-button-prev.swiper-button-disabled,
.why-ability .w-ability-swiper-button-next.swiper-button-disabled {
    background-color: #f4f4f4;
    color: var(--public-color);
    opacity: 0.85;
    pointer-events: none;
}
@media (max-width: 991px) {
    .why-ability .w-ability-swiper-slide {
        width: 520px;
    }
    .why-ability .w-ability-swiper-slide .box {
        height: 320px;
    }
}
@media (max-width: 767px) {
    .why-ability .w-ability-swiper-slide {
        width: 88vw;
    }
    .why-ability .w-ability-swiper-slide .box {
        height: 240px;
    }
    .why-ability .w-ability-swiper-slide .note {
        top: 14px;
        left: 14px;
        padding: 6px 16px;
        font-size: 14px;
    }
}
@media(max-width:768px){
    .why-ability{margin:0 15px;border-bottom:1px dashed #d0d0d0}
    .why-ability > .container-xl{padding-left:0;padding-right:0}
    .why-ability .content{padding:40px 0 40px}
    .why-ability p{font-size:16px;line-height:24px;margin-bottom:10px}
    .why-ability .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:12px}
    .why-ability .desc{font-size:14px;line-height:22px;margin-bottom:24px}
    .why-ability .bottom{margin:0 -15px;padding:0 15px}
    .why-ability .w-ability-swiper{overflow:hidden;width:100%;margin:0;padding:0 0 8px;box-sizing:border-box}
    .why-ability .w-ability-swiper-slide{width:auto;max-width:none;box-sizing:border-box}
    .why-ability .w-ability-swiper-slide .box{height:auto}
    .why-ability .w-ability-swiper-slide .box img{width:100%;height:auto}
    .why-ability .w-ability-swiper-slide .note{font-size:14px;line-height:20px;padding:6px 14px}
    .why-ability .w-ability-swiper-button-prev,
    .why-ability .w-ability-swiper-button-next{width:36px;height:36px}
    .why-ability .w-ability-swiper-button-prev{left:0}
    .why-ability .w-ability-swiper-button-next{right:0}
}
.why-system{
    background-color: #ffffff;
}
.why-system .content{
    padding: 100px 0;
    display: flex;
    align-items: center;
    gap: 80px;
}
.why-system .img-box{
    flex: 0 0 680px;
    max-width: 680px;
    border-radius: 20px;
}
.why-system .text{
    flex: 0 0 660px;
    max-width: 660px;
}
.why-system .title{
    font-family: Urbanist-Black;
	font-size: 48px;
    font-weight: 800;
    line-height: 56px;
	letter-spacing: -3px;
	color: #000000;
    margin-bottom: 25px;
}
.why-system .desc{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #333333;
    max-width: 640px;
    margin: 0 auto;
}
@media(max-width:768px){
    .why-system .content{flex-direction:column;align-items:stretch;gap:20px;padding:40px 0}
    .why-system .img-box{flex:none;width:100%;max-width:100%}
    .why-system .img-box img{width:100%;height:auto;display:block}
    .why-system .text{flex:none;width:100%;max-width:100%}
    .why-system .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:12px}
    .why-system .desc{font-size:14px;line-height:22px;max-width:100%}
}
.why-sust{
    background:var(--public-color);
    position: relative;
}
.why-sust .banner-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    width: 705px;
    max-width: 75%;
}
.about-sust .banner-icon img {
    display: block;
    width: 100%;
    height: auto;
    mix-blend-mode: screen;
}
.why-sust .content{
    padding: 100px 0 88px;
    display: flex;
    align-items: center;
    gap: 120px;
}
.why-sust .title{
    font-family: Urbanist-Black;
	font-size: 48px;
    font-weight: 900;
    line-height: 56px;
	letter-spacing: -2px;
	color: #000000;
    margin-bottom: 20px;
}
.why-sust .desc{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
    max-width: 600px;
    margin: 0 auto;
	color: #333333;
    margin-bottom: 42px;
}
.why-sust .box{
    display: flex;
    align-items: center;
    gap: 20px;
}
.why-sust .img-box{
    flex: 0 0 680px;
    max-width: 680px;
    border-radius: 20px;
}
@media(max-width:768px){
    .why-sust .banner-icon{display:none}
    .why-sust .content{flex-direction:column;align-items:stretch;gap:24px;padding:40px 0}
    .why-sust .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:12px}
    .why-sust .desc{font-size:14px;line-height:22px;max-width:100%;margin-bottom:20px}
    .why-sust .box{flex-wrap:nowrap;gap:10px}
    .why-sust .box img{width:auto;height:44px;max-width:22%;object-fit:contain}
    .why-sust .img-box{flex:none;width:100%;max-width:100%}
    .why-sust .img-box img{width:100%;height:auto;display:block}
}
/* 新闻内页 */
.news-child-paper{margin: 122px 0;}
.news-in-paper .aside .all-news{margin:0}
.news-in-paper{margin-top:90px}
.news-in-paper .h1{font-family: Urbanist-Black;
	font-size: 36px;
    font-weight: 800;
	line-height: 48px;
	letter-spacing: -1px;
	color: #000000;margin-bottom:40px;}
.news-in-paper .type{color:#999999;padding-bottom:30px;display:flex;gap:20px;align-items: center;}
.news-in-paper .type-time,
.news-in-paper .type-view{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #333333;
}
.news-in-paper .type-time img{display:inline-block;margin-right:10px;top:-3px;position: relative;}
/* .news-in-paper .type-view{color:var(--public-color);font-weight: 500;} */
.news-in-paper .main-top{display:flex;justify-content:space-between}
.news-in-paper .article .content{line-height:28px;font-size:16px;font-weight:400;color:#666666;border-bottom:1px solid #bbbbbb;padding-bottom:55px;padding-top:30px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}
.news-in-paper .article .content h1{font-size:32px;line-height:40px;color:#333333;font-weight:700;margin-bottom:30px}
.news-in-paper .article .content h2{font-family: Urbanist-Black;
	font-size: 28px;
    line-height: 36px;
	letter-spacing: -1px;
	color: #000000;font-weight:600;margin-bottom:25px}
.news-in-paper .article .content h3{font-size:24px;line-height:32px;color:#333333;font-weight:500;margin-bottom:20px}
.news-in-paper .article .content h4{font-family: Urbanist-ExtraBold;
	font-size: 22px;
    line-height: 30px;
	letter-spacing: -1px;
	color: #333333;font-weight:500;margin-bottom:15px;letter-spacing:-1px}
.news-in-paper .article .content p,
.news-in-paper .article .content li{font-family: Urbanist-SemiBold;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #333333;margin-bottom:20px}
.news-in-paper .article .content ul{
    padding-left: 20px;
    margin: 0 0 20px;
}
.news-in-paper .article .content ul li{
    position: relative;
    padding-left: 16px;
    list-style: none;
}
.news-in-paper .article .content ul li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--public-color);
}
.news-in-paper .article .content strong{color:var(--public-color);font-weight:500}
.news-in-paper .article .content .table-wrapper{
    width: 100%;
    overflow-x: auto;
}
.news-in-paper .article .content table{
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    margin: 24px 0;
    border-collapse: collapse;
}
.news-in-paper .article .content table tbody{
    width: 100%;
}
.news-in-paper .article .content table tbody tr{
    background-color: #ffffff;
}
.news-in-paper .article .content table tbody tr:nth-child(even){
    background-color: #f7f7f7;
}
.news-in-paper .article .content table tbody tr:first-child{
    background-color: #f0f0f0;
}
.news-in-paper .article .content table tbody tr:hover{
    background-color: #eeeeee;
}
.news-in-paper .article .content table tbody td{
    padding: 12px 16px;
    border: 1px solid #dee2e6;
    text-align: center;
    vertical-align: middle;
    font-family: Urbanist-SemiBold;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}
.news-in-paper .article .content table tbody tr:first-child td{
    font-weight: 700;
    color: #000000;
}
.news-in-paper .article .content table tbody tr:first-child td strong{
    color: #000000;
    font-weight: 700;
}
.news-in-paper .article img{max-width:100% !important;height:auto !important}
.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%}
.news-in-paper .box-tail .right{min-width:200px;width:200px;display:flex;justify-content:flex-end}
.news-in-paper .box-tail .right .a-lb{width: 200px;
	height: 50px;padding:0;font-family: Roboto-Regular;
	font-size: 18px;
	line-height: 32px;
	letter-spacing: 0px;
	color: #ffffff;
    border-radius: 25px;background-color: var(--primary-color);border: solid 1px var(--primary-color);
display: flex;align-items: center;justify-content: center;}
.news-in-paper .box-tail .right .a-lb:hover{background-color: #ffffff;color: var(--public-color);border-color: var(--public-color);}
.news-in-paper .box-tail .left p{display:flex}
.news-in-paper .box-tail .left p a{display:inline-block;transition:all .6s;color:#666666;font-size:18px;line-height:30px;padding-left:16px}
.news-in-paper .box-tail .left p a:hover{color:var(--public-color);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}
.news-in-paper .box-tail .left p:first-child{margin-bottom:10px}
.news-in-paper .aside{padding:0px}
.news-in-paper .aside-con{height:270px;padding:64px 30px 45px 30px;border-radius: 10px;background-color:var(--public-color);margin-bottom:40px;display:flex;flex-direction:column;justify-content:center;align-items: center;text-align:center;position:relative}
.news-in-paper .aside-con .line::before{background-color:#ffffff}
.news-in-paper .aside-con .h5{position:relative;font-family: Urbanist-SemiBold;
	font-size: 24px;
    font-weight: 500;
	line-height: 32px;
	letter-spacing: -1px;
	color: #000000;margin-bottom:37px;position:relative;z-index:1}
.news-in-paper .aside-con .a-lb-1{font-family: Urbanist-SemiBold;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: 0px;
	color: #ffffff;width: 270px;
	height: 50px;
	border-radius: 25px;
	background-color: var(--primary-color);
display: flex;align-items: center;justify-content: center;}
.news-in-paper .aside-con .a-lb-1 img{margin-left: 20px;}
.news-in-paper .other-news{background-color: #f4f4f4;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);border-radius: 10px;padding:53px 50px 60px 31px}
.news-in-paper .other-news .h4{font-family: Urbanist-Black;
	font-size: 28px;
    font-weight: 800;
	line-height: 36px;
	letter-spacing: 0px;
	color: #000000;margin-bottom:50px;font-weight: 700;}
.news-in-paper .other-news .t1{font-family: Urbanist-Black;
	font-size: 18px;
    font-weight: 800;
	line-height: 26px;
	letter-spacing: -1px;
	color: #333333;
    margin-top: 30px;
    margin-bottom: 20px;
    text-decoration-color: var(--primary-color);
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-skip: none;
    text-decoration-skip-ink: none;
    transition: all 0.3s ease;
	color: #333333;letter-spacing:-1px;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 .t1:hover{
        color:var(--public-color);
    }
    .news-in-paper .other-news .cont{font-family: Urbanist-SemiBold;
	font-size: 18px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #666666;
margin-bottom: 20px;}
.news-in-paper .other-news .row-line{display:flex;justify-content:space-between;align-items:center;gap:12px}
.news-in-paper .other-news .news-line{width:calc(100% - 50px);height:1px;background-color:#dddddd}
.news-in-paper .other-news .arrow{width:26px;min-width:26px;aspect-ratio:1;border-radius:100%;border:1px solid var(--public-color);background-color:var(--public-color);border-radius:100%;display:inline-flex;justify-content:center;align-items:center}
.news-in-paper .other-news .arrow img{filter:brightness(0) invert(1)}
.news-in-paper .other-news .arrow:hover{background-color:var(--public-color);filter:none;opacity:1}
/* .news-in-paper .other-news .arrow,.news-in-paper .other-news .time img{filter:grayscale(1);opacity:.8} */
.news-in-paper .other-news .time{font-family: Urbanist-SemiBold;
	font-size: 16px;
    font-weight: 500;
	line-height: 28px;
	letter-spacing: -1px;
	color: #666666;}
.news-in-paper .other-news .time img{margin-right:10px;margin-top:-5px}
.news-in-paper .other-news .box{padding-bottom:30px;border-bottom: 1px solid #e6e6e6;}
.news-in-paper .other-news .box:last-child{padding-bottom: 0;}
.news-in-paper .other-news .box:last-child{border-bottom: none;}
.news-in-paper .other-news .list:hover .time img{filter:none;opacity:1}
.new-in-pro{padding-top:100px}
.new-in-pro .title{margin-bottom:100px;font-size:32px;line-height:48px;font-weight:bold;letter-spacing:-1px}
.new-in-pro .title::after{content:"";width:60px;height:7px;background-color:#de2221;border-radius:3px 3px 0px 0px;display:block;margin-top:15px}
.new-in-pro .grid{--bs-gap:40px}
.main-box .aside{width:350px;min-width:350px;position:sticky;top:100px;height:min-content}
.main-box .article{width:calc(100% - 330px - 100px)}
.news-name-box{z-index: 1;min-width:300px;border-radius:6px;border:solid 1px #bbbbbb;padding:15px 15px 20px;display:inline-flex;flex-direction:column;margin-top:20px;position:sticky;top:110px;background-color:#fff;}
.news-name-box .table-title{display:flex;justify-content:space-between;font-family: Urbanist-SemiBold;
	font-size: 28px;
	line-height: 36px;
	letter-spacing: -1px;
	color: #000000;font-weight:400;cursor:pointer}
.news-name-box .table-title span{width:35px;height:32px;background-color:#ffffff;border-radius:4px;border:solid 1px #999191;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .3s ease}
.news-name-box.active .table-title span{transform:rotate(180deg)}
.news-name-box .news-name{margin-top:10px;display:none}
.news-name-box.active .news-name{display:block}
.news-name-box .h2 a{font-size:18px;line-height:32px;color:#333333;font-weight:600}
.news-name-box ul{padding-left:30px;margin:0}
.news-name-box li a,.news-name-box .h3 a{font-size:15px;line-height:26px;color:#666666;font-weight:400}
@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{justify-content:flex-start}
	.news-in-paper .box-tail .right .a-pc{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 .other-news .t1{font-size:18px;line-height:28px}
	.news-in-paper .article .content h1{font-size:26px;line-height:34px}
	.news-in-paper .article .content h2,.news-in-paper .article .content h2 > *{font-size:24px !important;line-height:32px}
	.news-in-paper .article .content h3{font-size:20px;line-height:28px}
	.news-in-paper .article .content h4{font-size:18px;line-height:26px}
	.news-in-paper .h4{font-size:26px;margin-bottom:30px}
}
@media(max-width:1260px){
	.news-in-paper .article .content h2,.news-in-paper .article .content h2 > *{font-size:28px !important;line-height:36px}
	.news-in-paper .article .content h3{font-size:22px;line-height:30px}
	.news-in-paper .article .content h4{font-size:18px;line-height:26px}
	.news-in-paper .aside-con .a-pc{padding:0 20px;height:48px}
}
@media(max-width:1000px){
	.news-in-paper .main-top{flex-direction:column}
	.main-box .article{width:100%;margin-bottom:60px}
	.main-box .aside{width:100%;display:flex;gap:30px;align-items:flex-start}
	.news-in-paper .aside .aside-con{position:sticky;top:100px;height:fit-content}
	.new-in-pro .content{gap:20px 25px}
	.new-in-pro .all-products .list{padding:30px 15px 50px}
	.new-in-pro .all-products .list::after{bottom:30px}
}
@media(max-width:768px){
	.main-box{margin-top:0}
	.news-in-paper .h1{margin-bottom:15px;font-size:20px;line-height:28px}
	.news-in-paper .article .content h1{font-size:22px;line-height:30px;margin-bottom:16px}
	.news-in-paper .article .content h2,.news-in-paper .article .content h2 > *{font-size:19px !important;line-height:28px;margin-bottom:10px}
	.news-in-paper .article .content h3{font-size:17px;line-height:26px;margin-bottom:8px}
	.news-in-paper .article .content h4{font-size:16px;line-height:24px;margin-bottom:8px}
	.news-in-paper .article .content p{font-size:14px;line-height:22px}
	.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}
	.news-in-paper{margin-bottom:30px;margin-top:0px;padding-top:20px}
	.news-in-paper .main-top{flex-wrap:wrap}
	.news-in-paper .article{width:100%;margin-bottom:30px}
	.news-in-paper .aside{width:100%;margin-top:0}
	.news-in-paper .type{font-size:14px;line-height:20px;margin-top:20px;padding-top:0;padding-bottom:15px}
	.news-in-paper .article .content{line-height:20px;font-size:14px;padding-top:20px;padding-bottom:20px}
	.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:first-child{margin-bottom:15px}
	.news-in-paper .box-tail .right{margin-bottom:0px}
	.news-in-paper .aside .aside-box .text .h3 a{line-height:24px}
	.news-in-paper .aside .aside-box{padding-bottom:30px}
	.news-in-paper .aside-box-1{padding:15px}
	.news-in-paper .aside-box-1 .t1{font-size:18px;line-height:26px}
	.news-in-paper .main-top{margin-bottom:30px}
	.news-in-paper .h4,.news-in-paper .aside .h4{font-size:20px;line-height:28px;margin-bottom:20px}
	.news-in-paper .aside-con{margin-bottom:20px}
	.news-in-paper .aside>div{padding:20px 10px}
	.p-d-rec .title{margin-bottom:15px !important}
	.p-d-rec .all-param{display:block;opacity:1}
	.p-d-rec{margin-bottom:30px}
	.news-in-paper .other-news .list{margin-bottom:15px}
	.main-box .main-left-box .table-title{font-size:20px;line-height:28px;padding:15px 10px;margin-bottom:15px;background-color:var(--public-color);color:#fff}
	.main-box .main-left-box .table-title::before{height:15px;position:absolute;top:17px;left:0;background-color:#fff}
	.main-box .main-left-box .h2 a{font-size:18px;line-height:26px}
	.main-box .main-left-box .h2{margin-bottom:15px;padding-bottom:0px}
	.main-box .name-box ul{padding-top:0}
	.main-box .name-box li{margin-bottom:10px}
	.main-box .name-box li a{font-size:16px;line-height:24px}
	.main-box .name-box li::before{top:8px}
	.main-box .name-box + .name-box{padding-top:10px}
	.main-box .main-left{margin-bottom:30px;position:relative}
	.main-box .article{width:100%}
	.main-box .aside{width:100%}
	.main-box .news-name{display:none}
	.main-box .main-left .main-left-box{position:fixed;left:-17px;top:50px;z-index:3;background-color:#fff;border-bottom:2px solid var(--public-color)}
	.main-box .main-left .main-left-box.active{left:0}
	.main-box .main-left .main-left-box.active .news-name{padding-left:10px;padding-top:20px}
	.main-box .table-title .s1{display:none;color:#fff}
	.main-box .table-title .s2{display:flex;color:#fff}
	.main-box .table-title{background-color:var(--public-color-red)}
	.main-box .table-title.active .s1{display:flex;align-items:center;justify-content:space-between;padding-right:15px}
	.main-box .table-title.active .s1 strong{color:var(--public-color-red)}
	.main-box .table-title.active .s2{display:none}
	.main-box .main-left-box{border:none}
	.main-box .main-left-box .table-title{padding:10px;margin-bottom:0}
	.main-box .main-left-box .table-title.active{left:0}
	.main-box .main-left{width:0}
	.main-box{gap:0}
	.main-box .main-top{width:100%}
	.news-in-paper .box-tail .left{margin-bottom:0}
	.news-in-paper .box-tail .right .a-jd{width:auto;padding:0 30px !important}
	.news-in-paper .aside-con .a-jd{margin-bottom:20px}
	.news-in-paper span.img-small{width:20px;margin-right:10px}
	.news-in-paper .aside .aside-con{margin-bottom:30px;position:static;width:100%;align-items:center;padding:20px 15px;margin-bottom:0}
	.news-in-paper .aside .a-box a{margin-bottom:10px}
	.news-name-box{padding:10px 15px}
	.main-box .aside{flex-direction:column;min-width:auto;position:static}
	.news-in-paper .other-news .box:nth-last-of-type(1){margin-bottom:0}
	.new-in-pro .content{grid-template-columns:repeat(2,1fr)}
	.news-name-box .table-title{font-family: Urbanist-SemiBold;
        font-size: 28px;
        line-height: 36px;
        letter-spacing: -1px;
        color: #000000;}
	.news-name-box .h2 a{font-size:16px;line-height:24px}
	.main-box .name-box + .name-box{padding-top:5px}
	.main-box .news-name{margin-top:15px}
	.new-in-pro{padding-top:30px}
	.new-in-pro .all-pag{width:100%;display:flex;justify-content:center;gap:10px;bottom:-20px}
	.new-in-pro .all-pag span{background-color:var(--public-color);opacity:.2}
	.new-in-pro .all-pag span.swiper-pagination-bullet-active{opacity:1}
	.new-in-pro .grid{gap:35px}
}
@media(max-width:768px){
    .news-in-paper .h1{font-size:24px;line-height:32px;letter-spacing:-1px}
    .news-in-paper .type{flex-wrap:wrap;gap:8px 16px;margin-top:12px}
    .news-in-paper .type-time,
    .news-in-paper .type-view{font-size:14px;line-height:22px}
    .news-name-box{width:100%;min-width:0;position:sticky;top:56px;z-index:20;box-sizing:border-box}
    .news-name-box .table-title{font-size:18px;line-height:26px}
    .news-in-paper .article .content li{font-size:14px;line-height:22px}
    .news-in-paper .article .content table tbody td{padding:8px 10px;font-size:13px;line-height:20px}
    .news-in-paper .box-tail .left p{flex-wrap:wrap;align-items:flex-start}
    .news-in-paper .box-tail .left p a{flex:1;min-width:0;word-break:break-word}
    .news-in-paper .box-tail .right{width:100%;min-width:0}
    .news-in-paper .box-tail .right .a-lb{width:100%;max-width:220px;height:44px;font-size:16px}
    .news-in-paper .aside-con{height:auto;padding:28px 16px}
    .news-in-paper .aside-con .h5{font-size:18px;line-height:26px;margin-bottom:16px}
    .news-in-paper .aside-con .a-lb-1{width:100%;max-width:240px;height:44px;font-size:16px;line-height:24px}
    .news-in-paper .other-news{padding:24px 16px 28px}
    .news-in-paper .other-news .h4{font-size:22px;line-height:30px;margin-bottom:8px}
    .news-in-paper .other-news .t1{margin-top:16px;font-size:16px;line-height:24px}
    .news-in-paper .other-news .cont{font-size:14px;line-height:22px;margin-bottom:12px}
    .news-in-paper .other-news .time{font-size:14px;line-height:22px}
    .news-in-paper .other-news .box{padding-bottom:16px}
}

#float{position:fixed;right:0;bottom:165px;margin-top:-60px;z-index:55;transform:translateX(0);transition:.3s ease-in-out}
#float .ico{display:block;width:56px;height:56px;text-align:center;position:relative;cursor:pointer;background:var(--public-color)}
#float .ico>i{font-size:30px;line-height:56px;display:block;color:#fff;position:relative;z-index:9999;background:var(--public-color);border-top:1px solid #fff}
#float .ico:first-child>i{border-top:0px solid #fff}
#float .ico>.img{position:absolute;right:56px;width:140px;top:0;display:none;background-color:#fff}
#float .ico>.img>img{width:100%}
#float .ico p{position:absolute;top:0;border-radius:0;right:-350px;padding:0px 20px;line-height:56px;font-size:16px;height:56px;background-color:var(--public-color);color:#FFF;transition:all .6s;z-index:0;white-space:nowrap}
#float .ico:hover>.img{display:block}
#float .ico:hover p{right:56px}
#float .scale-ico{background-color:#b1b1b1;transition:.3s ease-in-out}
#float .scale-ico>i{background-color:#b1b1b1;transition:.3s ease-in-out}
#float .scale-ico>i:hover{background-color:var(--public-color);transition:none}
#float.hide{transform:translateX(56px)}
#float.hide .scale-ico{width:calc(56px / 2);transform:translateX(calc(-56px / 2));border-top:0;transition:transform .6s ease-in-out .3s,width .3s ease-in-out}
#float.hide .scale-ico i{transform:rotate(180deg);border-top:1px solid transparent}
#float .ico#scroll-top{display:block!important}
@media (min-width:1px) and (max-width:991px){
	#float .ico{width:40px;height:40px}
	#float .ico>i{font-size:22px;line-height:40px}
	#float .ico>.img{right:40px}
	#float .ico p{line-height:40px;padding:0 15px;height:40px}
	#float.hide{transform:translateX(40px)}
	#float.hide .scale-ico{width:calc(40px / 2);transform:translateX(calc(-40px / 2))}
}
@media(max-width:768px){
	#float{right:auto;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));margin-top:0;transform:translateX(-50%);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;width:auto;max-width:calc(100% - 30px);padding:8px 18px;background:rgba(90,90,90,.52);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:999px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 28px rgba(0,0,0,.16)}
	#float.hide{transform:translateX(-50%)}
	#float .ico{width:40px;height:40px;background:transparent}
	#float .ico>i{font-size:20px;line-height:40px;color:#fff;background:transparent;border-top:0}
	#float .ico:first-child>i{border-top:0}
	#float .ico p,#float .ico>.img,#float .scale-ico{display:none}
	#float.hide .scale-ico{display:none;width:auto;transform:none}
	#float .ico:hover p{right:auto}
}

.down-list{display: flex;justify-content: center;margin-top: 70px;}
.down-list .pagination{gap: 10px;}
.down-list .page-link{width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;}


.contact-tab{
    background-color: #ffffff;
}
.contact-tab .content{
    padding: 0 0 120px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}
.contact-tab .card{
    position: relative;
    background-color: var(--public-color);
    padding: 30px 20px 30px 40px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.contact-tab .card:first-child{
    justify-content: space-between;
}
.contact-tab .card .box-img{
    display: flex;
    align-items: center;
    gap: 20px;
}
.contact-tab .banner-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
}
.contact-tab .banner-icon img {
    display: block;
    width: 130%;
    max-width: 130%;
    margin-left: -36%;
    height: auto;
    mix-blend-mode: screen;
}
.contact-tab .d{
    font-family: Urbanist-Black;
	font-size: 24px;
    line-height: 30px;
	letter-spacing: -1px;
    font-weight: 500;
	color: #ffffff;
}
.contact-tab .t{
    font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -1px;
    color: #ffffff;
}
@media(max-width:768px){
    .contact-tab .content{grid-template-columns:1fr;gap:16px;padding:0 0 40px}
    .contact-tab .card{padding:20px 16px;gap:12px}
    .contact-tab .banner-icon{display:none}
    .contact-tab .card .box-img{gap:12px}
    .contact-tab .card .box-img > img{width:auto;max-height:36px}
    .contact-tab .d{font-size:18px;line-height:26px}
    .contact-tab .t{font-size:14px;line-height:22px;word-break:break-word}
}
.contact-bottom .title{font-size: 36px;font-weight: bold;margin-bottom: 40px;}
.contact-bottom .text{font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -1px;
	color: #666666;text-align: justify;margin-bottom: 60px;}
.contact-bottom .content{padding-bottom: 150px;display: flex;justify-content: space-between;align-items: baseline;gap: 70px;}
.contact-bottom .left{width:45%;color: #666;padding-left: 25px;}
.contact-bottom .right1{width: 50%;min-width: 600px;background-color: #ffffff;padding: 40px 60px 0px;
	box-shadow: 0px 27px 80px 0px 
		rgba(51, 51, 51, 0.15);
	border-radius: 20px;}
.contact-bottom .right-from{width: 95%;}
.contact-bottom .right-from .home-service{background-color: #ffffff;}
.contact-bottom .right-from .home-service .right{padding: 0;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.07);}
.contact-bottom .left>p{margin-bottom: 55px;font-size: 18px;line-height: 36px;color: #666;}
.contact-bottom .box{margin-bottom: 50px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.contact-bottom .d{display: grid;grid-template-columns: 50px auto;grid-gap: 0 40px;margin-bottom:30px;}
.contact-bottom .d:last-child{margin-bottom: 0;}
.contact-bottom .t1{font-family: Urbanist-Black;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: -1px;color: var(--public-color);font-weight:600;letter-spacing:-1px;margin-bottom: 10px;}
.contact-bottom .d .cont{font-family: Urbanist-SemiBold;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -1px;
	color: #666666;}
.contact-bottom .h3{
    font-family: Urbanist-Black;
    font-size: 24px;
    line-height: 48px;
    color: var(--public-color);
    font-weight: 500;
    letter-spacing: -1px;
}
.contact-bottom .title{font-family: Urbanist-Black;
	font-size: 38px;
    line-height: 56px;
	letter-spacing: -2px;
	color: #000000;font-weight: 600;
margin-bottom: 15px;}
.contact-bottom .home-service .right .form-group{
    margin-bottom: 10px;
}
.contact-bottom label{font-size: 16px;color: #999999;font-weight: 400;display: flex;align-items: center;margin-bottom: 5px;}
.contact-bottom label i{display: inline-block;color: var(--public-color-g);margin-right: 10px;}
.contact-bottom .form-cap{margin-top: 15px;}
.contact-bottom .form-cap.form-btn-box{
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 16px;
    margin-right: 0;
    margin-left: 0;
    position: relative;
    padding-bottom: 60px;
    overflow: visible;
}
.contact-bottom .form-cap.form-btn-box > .form-group{
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
}
.contact-bottom .form-cap.form-btn-box .form-cap-field{
    flex: 1 1 auto;
    max-width: none;
    min-width: 0;
}
.contact-bottom .form-cap.form-btn-box .form-submit-field{
    flex: 0 0 auto;
    width: auto;
}
.contact-bottom .form-cap .captcha-group{
    display: flex;
    align-items: stretch;
    height: 50px;
    border: solid 1px rgba(3, 88, 168, 0.3);
    border-radius:25px;
    overflow: hidden;
    background-color: #ffffff;
}
.contact-bottom .form-cap .captcha-group .form-control{
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    height: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
}
.contact-bottom .form-cap .captcha-group .form-control:focus{
    border: none;
    box-shadow: none;
}
.contact-bottom .form-cap .input-group-append{
    display: flex;
    flex-shrink: 0;
    align-self: stretch;
    height: 100%;
    margin-left: 0;
}
.contact-bottom .form-cap .input-group-text.input-group-img{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    align-self: stretch;
    height: 100%;
    min-width: 120px;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    box-sizing: border-box;
}
.contact-bottom .form-cap .input-group-img img{
    display: block;
    width: auto;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
    cursor: pointer;
}
.contact-bottom .form-row .btn-box{position: static;}
.contact-bottom .form-cap .btn-box{
    margin-top: 0;
    display: flex;
    align-items: stretch;
    position: static;
}
.contact-bottom .form-cap .a-yh-1{
    width: 100%;
    min-width: 210px;
    height: 50px;
    padding: 0 24px;
    border: none;
    border-radius: 25px;
    font-family: Roboto-Regular;
	font-size: 18px;
	line-height: 32px;
	letter-spacing: -1px;
	color: #ffffff;
    white-space: nowrap;
}
.contact-bottom .form-cap .a-yh-1:hover{
    background-color: var(--public-color);
}
@media (max-width: 767px){
    .contact-bottom .form-cap.form-btn-box{
        flex-wrap: wrap;
        gap: 12px;
    }
    .contact-bottom .form-cap.form-btn-box .form-cap-field,
    .contact-bottom .form-cap.form-btn-box .form-submit-field{
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .contact-bottom .form-cap .a-yh-1{
        min-width: 0;
    }
}
.contact-bottom .a-yh-1{width: 100%;
    position: relative;
    background-color: var(--primary-color);
    color: #ffffff;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;}

/* .contact-bottom .form-row .pos-btn{position: absolute;top:100%;left:0;padding:0 10px;width: 100%;font-size: 14px;line-height: 24px;} */
.contact-bottom .form-cap .btn-box .feedback-result.pos-btn{
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    padding: 0;
    font-family: Urbanist-SemiBold;
    font-size: 16px;
    line-height: 24px;
    color: #ff0000;
    text-align: center;
    box-sizing: border-box;
    display: none;
}
.contact-bottom .form-cap .btn-box .feedback-result.pos-btn:not(:empty){
    display: block;
}
.contact-bottom .form-cap .btn-box .popup.pos-btn{
    display: none !important;
}
@media(max-width:768px){
    .contact-bottom .content{flex-direction:column;align-items:stretch;gap:28px;padding-bottom:50px}
    .contact-bottom .left{width:100%;padding-left:0;order:1}
    .contact-bottom .text{font-size:14px;line-height:22px;margin-bottom:24px}
    .contact-bottom .box{margin-bottom:24px}
    .contact-bottom .d{grid-template-columns:40px auto;grid-gap:0 12px;margin-bottom:20px}
    .contact-bottom .t1{font-size:18px;line-height:26px}
    .contact-bottom .d .cont{font-size:14px;line-height:22px}
    .contact-bottom .h3{font-size:18px;line-height:28px}
    .contact-bottom .right1{width:100%;min-width:0;padding:24px 16px 8px}
    .contact-bottom .right-from{width:100%}
    .contact-bottom .title{font-size:26px;line-height:34px;letter-spacing:-1px;margin-bottom:16px}
    .contact-bottom label{font-size:14px}
    .contact-bottom .form-cap.form-btn-box{flex-wrap:wrap;gap:12px;padding-bottom:0}
    .contact-bottom .form-cap.form-btn-box .form-cap-field,
    .contact-bottom .form-cap.form-btn-box .form-submit-field{flex:0 0 100%;max-width:100%;width:100%}
    .contact-bottom .form-cap .btn-box{flex-direction:column;align-items:stretch}
    .contact-bottom .form-cap .btn-box .feedback-result.pos-btn,
    .contact-bottom .form-cap .btn-box .popup.pos-btn{position:static;width:100%;margin-top:8px;font-size:12px;line-height:16px}
    .contact-bottom .form-cap .a-yh-1{min-width:0;height:46px;font-size:16px}
}