/*通用样式*/
:root{
    --public-color:#145aa3;
    --max:1430px;
}
.img-responsive{max-width:100%;height:auto}
/*#region thumb-items*/
.thumb-selectors {overflow: hidden;clear: both;margin:0 0 10px 0;padding:15px;}
.product-thumb{border: none;}
/* .justify-content-center{justify-content: flex-start !important;} */
.banner-nav{padding: 0;}


body{color:#999 ;font-size:16px;line-height:28px;font-family:'Roboto', sans-serif;letter-spacing:-.2px;}
a{display:inline-block;transition: all .6s;}
a:hover{color: var(--public-color);}
.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;}
.main-container{margin-bottom:40px;margin-top:40px}
.tkanniu{cursor:pointer}
.card-thumb img{transition:all .4s ease}
.card-thumb:hover img{transform:scale(1.1)}
.container-xl{max-width:var(--max)}
.container-xl.m-right{margin:0 0 0 auto;padding:0}
.container-xl.m-left{margin:0 auto 0 0;padding:0}
@media(max-width:1430px){
    .container-xl.m-right{padding:0 15px}
    .container-xl.m-left{padding:0 15px}
}
@media(max-width:768px){
    body{font-size:14px;line-height:20px;padding-top:50px}
    .container-xl.m-right{margin:0 auto;padding:0 15px}
    .container-xl.m-left{margin:0 auto;padding:0 15px}
}

.max-1920px{max-width: 1920px;margin-left: auto;margin-right: auto;}
.max-1830px{max-width: 1830px;}
.max-1800px{max-width: 1800px;}
.max-1790px{max-width: 1790px;}
.max-1750px{max-width: 1750px;}
.max-1740px{max-width: 1740px;}
.max-1690px{max-width: 1690px;}
.max-1680px{max-width: 1680px;}
.max-1650px{max-width: 1650px;}
.max-1650px{max-width: 1650px;}
.max-1640px{max-width: 1640px;}
.max-1630px{max-width: 1630px;}
.max-1610px{max-width: 1610px;}
.max-1600px{max-width: 1600px;}
.max-1590px{max-width: 1590px;}
.max-1560px{max-width: 1560px;}
.max-1540px{max-width: 1540px;}
.max-1530px{max-width: 1530px;}
.max-1480px{max-width: 1480px;}
.max-1440px{max-width: 1440px;}
.max-1430px{max-width: 1430px;}

/*header*/
.in-header .header{position: relative;}

.header{position: relative;left: 0;top: 0;width: 100%;z-index: 99;padding: 0;}
.header .max-1830px{max-width: 1830px;}
.header .row-nav{display: flex;align-items: center;}
.header .header-nav{display: flex;align-items: center;justify-content: space-between;}
.header .header-nav .top-logo{padding:0;display: flex;align-items: center;}
.header .header-nav .top-logo .text{margin-left: 10px;}
.header .header-nav .top-logo .text .top-text1{font-size:28px;font-weight: 600;line-height: 32px;color: #000;}
.header .header-nav .top-logo .text .top-text2{font-size: 16px;font-weight: 400;line-height: 20px;color: #666;margin-top: 10px;}

@media(max-width:1600px) {
    .header .header-nav .top-logo .text{display:none;}
}

/* top-logo */
/* .header .header-top{padding-top: 6px;} */
.header .header-top{padding-top: 0px;padding-bottom: 0px;height: 100px;display: flex;align-items: center;justify-content: center;}
.header-top .row-nav{display: flex;align-items: center;justify-content: flex-end;width: auto;position: relative;}
.header-desc{background:#f1f1f1; padding: 8px 0;}
.header-desc .container-xl{display: flex;align-items: center;justify-content: space-between;}
.header-desc .desc{width: 60%;display: flex;justify-content: flex-end;align-items: center;}
.top-tel{color: #666666;font-size: 16px;display: flex;width: 40%;}
.top-tel a{color: #666666;}
.top-tel a:hover{color: #2455bf; transition: all 0.3s;}
.top-lang{text-transform:uppercase;margin-left: 15px;}
.dropdown.lang .dropdown-toggle:after{color: #333333;}
.dropdown.lang .dropdown-menu {right: -40px;left: inherit;}
.top-lang .dropdown.lang .dropdown-toggle{background: transparent;border: 0;padding:0 3px 0 0;font-weight: 600;color:#333333;font-size: 18px;}
.public-social span,.public-social a{border-radius:5px;}
.navbar-expand-lg .navbar-collapse{justify-content: flex-end;padding-right: 0px;}

.navbar .dropdown.pc:hover>.dropdown-menu{left: -15px;}

.header .topcontact{display: flex;justify-content: flex-end;align-items: center}
.header .topcontact li::after{content: "";width: 1px;height: 17px;background-color: rgba(255,255,255,.2);display: inline-block;margin-left: 20px;margin-right: 20px;}
.header .topcontact li:nth-last-of-type(1)::after,.header .topcontact li:nth-last-of-type(2)::after{display: none;}
.header .topcontact a.font-sty,.header .topcontact .icon{color: #fff;font-size: 16px;}
.header .topcontact .cmsfont{padding-right: 15px;}
.header .head-top-a{background-color: #333333;height: 40px;display: flex;align-items: center;}
.header .social>span{background-color: #fff !important;color: #333 !important;width: 18px;height: 18px;}
.header .social .hover-2{color: #fff !important;}
.header .social .hover-2::before,.header .icon-instagram:before{font-size: 21px !important;}
.header .social>a.social-pinterest{background-color: #fff !important;color: #333 !important;width: 18px;height: 18px;}
.header .social-all .social{width: 18px;height: 18px;}
.header .social>a{font-size: 21px;}
.header .social-all{margin-left:36px}
.header .social-all .social + .social{margin-left: 20px;}

/*默认pc头部样式*/
.header-box{height: 100px;}
.header.fadeInDown{padding:0;z-index:999;width:100%;position:fixed;top: 0;left:0;animation: fadeInDown .4s;border-bottom: 1px solid var(--public-color);animation:fadeInDown .6s ease-in-out forwards;background-color:#fff;}
.header.fadeInDown .navbar-custom .navbar-nav .nav-item {height: 75px;}
.header.fadeInDown .ul-box{top: 75px;}
@keyframes fadeInDown {
    0% {opacity: 0;transform: translate3d(0, -100%, 0);}
    100% {opacity: 1;transform: none;}
}

.header.fadeInDown .navbar-custom .navbar-nav .nav-link,
.header.fadeInDown .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after,
.header.fadeInDown .top-lang .dropdown.lang .dropdown-toggle,
.header.fadeInDown .dropdown.lang .dropdown-toggle:after{color: #333;}
.header.fadeInDown .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle, 
.header.fadeInDown .navbar-custom .navbar-nav .active .nav-link,
.header.fadeInDown .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after,
.header.fadeInDown .navbar-custom .navbar-nav .nav-item.active .dropdown-toggle::after{color: var(--public-color);}
.header .header-top .toch{margin-left: 15px;}
.header .header-top .toch a{background-color: var(--public-color);border-radius: 25px;color: #fff;font-size:16px;width:140px;height:40px;font-weight:400;display: flex;align-items: center;justify-content: center;}
.header .header-top .toch a:hover{background-color: var(--public-color);color: #fff !important;}


.dropdown-toggle::after{margin-left: 0;}

.all-font{font-family: 'Archivo';}

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

.navbar-custom .navbar-nav .nav-item>.dropdown-menu .dropdown-toggle{color: #16181b !important;display: flex;align-items: center;justify-content: space-between;}
.navbar-custom .navbar-nav .nav-item>.dropdown-menu .dropright:hover .dropdown-toggle{color: var(--public-color) !important;}

@media(max-width:1330px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 18px;padding:0 4px;}
}
@media(max-width:1280px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 17px;}
        .navbar-custom .navbar-nav .nav-item {
        margin: 0 5px;
    }
}
@media(max-width:1200px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 16px;}
    .navbar-custom .navbar-nav .nav-item {
        margin: 0;
    }
    .header .header-top .toch{display: none;}
}
@media(max-width:1100px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 14px;}
    .navbar-custom .navbar-nav .nav-item{margin: 0;}
}

@media(max-width:768px) {
    body {
        padding-top: 50px;
    }

}

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

/*#region 移动端栏目列表*/
.menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; }
.menu-collapse .collapse-title { padding: 0.875rem; background: var(--public-color); color: #fafafa; }
.menu-collapse .collapse-title h5 { font-size: 1.25rem; font-weight: 500; }
.menu-collapse .collapse-title .navbar-toggler { color: #fff; }
.menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 }
.menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; }
.menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: var(--public-color) }
.menu-collapse .menu-link:hover { background: #f8f9fa; }
.menu-collapse .drop { }
.menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }


/* 浮窗 */
#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))}
}

/*默认详情设置*/
.content-wrapper { line-height: 1.7;  margin-bottom: 0rem; }
.content-wrapper h2 { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; }
.content-wrapper h3 { font-size: 0.875rem; font-weight: 600; margin-bottom: 0.75rem; }
.content-wrapper img { max-width: 100% !important; height: auto !important; }
.content-wrapper ol { margin-left: 1em; padding-left: 1em; }
.content-wrapper video { max-width: 100% !important; height: auto !important; }
.content-wrapper iframe { max-width: 100%; }
.content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; }
.content-wrapper table p{margin-bottom: 0;}
/* .content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dcdcdc; text-align: center; } */
.content-wrapper table p{ margin-bottom: 0;line-height: 32px;}

/*#表格*/
/* .table-wrapper table tbody tr:hover{background-color: rgba(230, 61, 51, .1);} */
.table-wrapper table thead th{text-align: center;color: #fff;padding:15px 0;vertical-align: middle;font-weight: 500;}
.table-wrapper table thead{background-color: var(--public-color);}
.table-wrapper table tr td:first-child,.table-wrapper table tr th:first-child{text-align: center;}
.table-wrapper table tr:nth-child(odd){background-color:#fff;}
.table-wrapper table tr:nth-child(even){background-color: #f3f3f3}
.table-wrapper table th{background-color: #ececec;color: #333333;padding: 30px 0;}
.table-wrapper table td { padding:15px 0; vertical-align: middle; font-size: 16px;color: #666;font-weight: 400;text-align: center;}
.table-wrapper table td + td,.table-wrapper table th + th{border-left: 2px solid #e7e7e7;}
.table-wrapper table td:nth-child(even){font-family: '600';}
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: solid 2px #e7e7e7;}
@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 1500.98px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}

/*#弹出框*/
.reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8)}
.reveal-modal{visibility:hidden;top:150px;left:50%;margin-left:-25%;width:50%;position:absolute;z-index:1001;padding:35px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF}
.reveal-modal .title{font-size:30px;text-align:center;margin-bottom:25px}
.reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer}
.reveal-modal .close-reveal-modal:hover{color:var(--public-color)}
@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{font-size:18px;line-height:23px;color:#2f3d5b;font-family:'Archivo';width:188px;height:48px;border-radius:8px;background-color:#00f5b3;transition:ease-in-out .4s}
.form-feedback .btn:hover{background-color:#2f3d5b;color:#00f5b3}

@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}
}
.form-feedback .btn-c{background-color:#0b3b8d;height:100%;padding:10px 20px;transition:all .6s}
.popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#ff7633 0%,#ff7633bd 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:180px;height:40px;overflow:hidden;border:1px solid var(--public-color);border-radius:10px;overflow: hidden;}
.search-group .form-control{border:none;border-radius:0px;background:transparent;color:rgba(0,0,0,0.5);height:40px;line-height:40px;}
.search-group .form-control::-webkit-input-placeholder{color:rgba(0,0,0,0.5)}
.search-group .btn{background-color:var(--public-color);border-radius:0px;height:auto;width:40px;display:flex;justify-content:center;align-items:center;padding:6px 15px;margin-bottom:0}
.search-group i{color:#333;font-size:1.5rem}
.top-search-box{position:relative;}
.top-search-box li .top-search {border-radius:10px;}
.top-search-box{cursor:pointer;z-index: 10;border-radius:5px;overflow: hidden;margin-right: 5px;width: 30px;height: 30px;display: flex;justify-content: center;}
.top-search-box i{color: var(--public-color);font-size: 16px;}
.top-search-box i.icon-1{color: #ffffff;}
.top-search-box li .top-search{opacity: 1; height: auto;overflow: hidden;width: auto;padding:0}
.top-search-box .top-search{opacity: 1;transition: all 0.8s;position: absolute;right: -7px;top: 40px;z-index: 99;padding:0;background-color: #fff;display: block;animation: fadeIn 0.5s ease-in-out;} 
.top-search-box .top-search.show {opacity: 0;overflow: hidden;transition: all 0.9s;display: none;}
/* .in-header .top-search-box i{color: ;} */
/* .in-header .header.fadeInDown .top-search-box i{color: #fff;} */

.all-shu{position: relative;}
.all-shu:last-child::after{display: none;}
.all-shu::after{content: "";width: 1px;height: 15px;background-color: #ccc;position: absolute;right: 0;top:8px;}
/* .down-list{margin-top: 120px;} */

.banner{position:relative;}
.banner-text{text-align:left;}
.banner-text .text{font-size: 42px;line-height: 60px;font-weight: bold;}



.breadcrumb{height:80px;align-items: center;}
.breadcrumb-item+.breadcrumb-item::before{content:'\f105 \f105';font-family:'CmsFont';padding-right: 15px;}
.breadcrumb-item+.breadcrumb-item{padding-left: 15px;}

@media(max-width:768px){
    .banner-text .text{font-size: 20px;line-height: 28px;}
    .breadcrumb{height:40px;}
}

.home{overflow:hidden;}
.home-product-top{display: flex;padding:150px 0 0;border-bottom:1px solid #e7e7e7;}
.home-product-top .left{width: 50%;position:relative;}
.home-product-top .left .sum{position: absolute;top: 0;left: 0;width:180px;height:180px;display: flex;align-items: center;justify-content: center;flex-direction: column;background-color: var(--public-color);border-radius: 50%;}
.home-product-top .left .sum::after{content:'';width: 0;height: 0;border-left: 37px solid transparent;border-right: 37px solid transparent;border-bottom: 64px solid var(--public-color);position: absolute;right:10px;bottom: 0;}
.home-product-top .left .sum::before{content:'';position:absolute;width:180px;height:180px;border-radius:50%;box-shadow:-40px 40px 60px 20px rgba(20, 90, 163, 0.2);left:0;bottom:-0;z-index:0;}
.home-product-top .left .sum .sum1{font-size: 100px;font-weight: bold;line-height: 100px;color: #fff;z-index:1;}
.home-product-top .left .sum .sum2{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 130px;height: 26px;background-color:var(--public-color);color: #fff;font-size: 14px;z-index:1;}

.home-product-top .right{width: 50%;display: flex;flex-direction: column;justify-content: center;}
.home-product-top .right .img{width: 100%;}
.home-product-top .right .img img{width: 100%;}
.home-product-top .right .t1{display: flex;align-items: center;}
.home-product-top .right .t1::after{content:"\f061";font-family:CmsFont;color:var(--public-color);font-size: 26px;font-weight: 400;margin-left:30px;}
.home-product-top .right .t1 a{font-size:32px;line-height:48px;color:var(--public-color);}
.home-product-top .right .t1 a:hover{opacity: 0.7;}
.home-product-top .right .t2{font-size: 16px;line-height: 28px;color:#666;margin:20px 0;}
.home-product-top .right .t3-list{display: flex;flex-wrap: wrap;gap:10px;margin-bottom: 30px;}
.home-product-top .right .t3-list .item{width:calc(50% - 5px);display: flex;gap:20px}
.home-product-top .right .t3-list .item .item-t1{font-size: 16px;line-height: 28px;color:#000;font-weight: bold;}
.home-product-top .right .t3-list .item .item-t2{font-size: 16px;line-height: 28px;color:#666;}
.home-product-top .right .t3-list .item::before{content:'\f00c';display: flex;align-items: center;justify-content: center;font-family:CmsFont;color:var(--public-color);font-weight: bold;width:35px;height:35px;background-color:#f4f4f4;border-radius:50%;min-width:35px;}

.home-product-top.z1-index-profl{padding: 50px 0 100px;border-bottom: 0;align-items: center;}
.home-product-top.z1-index-profl .left{order: 13;}
.home-product-top.z1-index-profl .z1-ly-box{display: flex;align-items: flex-end;padding-left: 55px;}
.home-product-top.z1-index-profl .z1-ly-box .z1-ly{cursor: pointer; background: var(--public-color);color: #fff;border: 1px solid var(--public-color); display: inline-block;border-radius: 10px;overflow: hidden;text-align: center;padding: 10px 30px;}
.home-product-top .right .t3-list .item.z1-ly-box::before{display: none;}
.home-product-top.z1-index-profl .z1-ly-box .z1-ly:hover{background: #fff;color:var(--public-color); }

@media(max-width:768px){
    .home-product-top{flex-direction: column;padding:50px 0 0;}
    .home-product-top .left{width: 100%;margin-bottom: 30px;}
    .home-product-top .left .sum{display: none;}
    .home-product-top .right{width: 100%;}
    .home-product-top .right .t1 a{font-size:24px;line-height:36px;}
    .home-product-top .right .t3-list .item{width:100%;}
    .home-product-top.z1-index-profl .left{order: -1;}
    .home-product-top.z1-index-profl{padding: 0 0 50px;}
}


.home-product-bottom{display: flex;flex-direction: column;padding:50px 0;}
.home-product-bottom .product-bottom-box{display: flex;justify-content:space-between;width: 100%;}
.home-product-bottom .product-bottom-box .title{font-size: 24px;line-height: 42px;color:#666;max-width:1050px;display: flex;gap:20px;}
.home-product-bottom .product-bottom-box .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.home-product-bottom .product-bottom-box .more{display: flex;align-items: center;gap:20px;}
.home-product-bottom .product-bottom-box .more .more-text{font-size:21px;line-height:32px;color:var(--public-color);text-decoration:underline;}
.home-product-bottom .product-bottom-box .more .more-icon{font-size:16px;line-height: 32px;color:var(--public-color);border:1px solid #666;border-radius:50%;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;transition:all .6s ease-in-out;}
.home-product-bottom .product-bottom-box .more .more-icon:hover{color:#fff;background-color:var(--public-color);}
.product-bottom-swiper{overflow:hidden;position:relative;margin-top:50px;padding:20px 10px 50px;}
.product-bottom-swiper .product-swiper-box{background-color:#f8f8f8;display: flex;flex-direction: column;justify-content: center;align-items:self-start;transition:all .6s ease-in-out;}
.product-bottom-swiper .product-swiper-sku{padding:0 40px 20px;font-size: 18px;color:#000;font-weight: 500;}
.product-bottom-swiper .product-swiper-box .product-swiper-img{width: 100%;mix-blend-mode:multiply;padding: 30px;}
.product-bottom-swiper .product-swiper-box .product-swiper-img img{width: 100%;}
.product-bottom-swiper .product-swiper-box .product-swiper-text{font-size: 16px;line-height: 28px;color:#666;padding:0 40px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.product-bottom-swiper .product-swiper-box .product-swiper-btn{font-size:18px;line-height: 28px;font-weight: 500;padding:30px 0 27px;color: #333;margin-left: 40px;transition:all .6s ease-in-out;border-bottom:3px solid transparent;}
.product-bottom-swiper .product-swiper-box .product-swiper-btn::after{content:'\f061';font-family:CmsFont;color:var(--public-color);font-size:20px;font-weight: 400;margin-left:20px;transition:all .3s ease-in-out;opacity:0;transform:translateX(-20px);}
.product-bottom-swiper .product-swiper-box:hover .product-swiper-btn::after{opacity:1;transform:translateX(0);}
.product-bottom-swiper .product-swiper-box:hover{background-color: #fff;box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.1);}
.product-bottom-swiper .product-swiper-box:hover .product-swiper-img{transform:scale(1.05);}
.product-bottom-swiper .product-swiper-box:hover .product-swiper-btn{border-bottom:3px solid var(--public-color);}

@media(max-width:768px){
    .home-product-bottom{padding:30px 0;flex-direction: column-reverse;}
    .home-product-bottom .product-bottom-box{flex-direction:column;gap:20px;}
    .home-product-bottom .product-bottom-box .title{font-size:20px;line-height:32px;}
    .home-product-bottom .product-bottom-box .more .more-text{font-size:18px;line-height:28px;}
    .home-product-bottom .product-bottom-box .more .more-icon{width:50px;height:50px;font-size:14px;}
    .product-bottom-swiper{margin-top:30px;padding:10px 5px 30px;}
    .product-bottom-swiper .product-swiper-sku{padding:0 20px 15px;font-size:16px;}
    .product-bottom-swiper .product-swiper-box .product-swiper-img{padding:20px;}
    .product-bottom-swiper .product-swiper-box .product-swiper-text{font-size:14px;line-height:24px;padding:0 20px;}
    .product-bottom-swiper .product-swiper-box .product-swiper-btn{font-size:16px;line-height:24px;padding:20px 0 20px;margin-left:20px;}
    .home-product-bottom .product-bottom-box .title::before{display: none;}
}

.functional-area-box-new{display: flex;flex-direction: column;}
.functional-area-box-new-item{background-color:#f8f8f8;padding:15px 20px;}
.functional-area-box-new-item .product-swiper-box{background-color:#f8f8f8;display: flex;flex-direction: column;justify-content: center;align-items:self-start;transition:all .6s ease-in-out;}
.functional-area-box-new-item .product-swiper-sku{padding:10px 0;font-size: 18px;color:#333;font-weight: 500;}
.functional-area-box-new-item .product-swiper-img{width: 100%;mix-blend-mode:multiply;}
.functional-area-box-new-item .product-swiper-img img{width: 100%;}
.functional-area-box-new-item .product-swiper-text{font-size: 16px;line-height: 28px;color:#666;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.functional-area-box-new-item .product-swiper-btn{font-size:18px;line-height: 28px;font-weight: 500;color: #333;transition:all .6s ease-in-out;border-bottom:3px solid transparent;display: inline-block;padding:20px 40px;border-bottom:1px solid var(--public-color);}
.functional-area-box-new-item .product-swiper-btn::after{content:'\f061';font-family:CmsFont;color:var(--public-color);}

.home-about{max-width:1920px;margin:30px auto;}
.home-about .home-about-left{display: grid;grid-template-columns: repeat(4,1fr);gap:20px;max-width:1130px;}
.home-about .home-about-left .item{position: relative;}
.home-about .home-about-left .item .item-img{width: 100%;}
.home-about .home-about-left .item .item-img img{width: 100%;}
.home-about .home-about-left .item .item-text{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,0.3);color:#fff;font-size:16px;line-height:28px;font-weight:500;padding:10px;text-align:center;height:auto;display:block;align-items:unset;justify-content:unset;transition:background-color 0.4s cubic-bezier(0.4,0,0.2,1),height 0.4s cubic-bezier(0.4,0,0.2,1),color 0.4s cubic-bezier(0.4,0,0.2,1),display 0.4s cubic-bezier(0.4,0,0.2,1)}
.home-about .home-about-left .item.active .item-text{background-color:rgba(20,90,163,0.9);height:100%;display:flex;align-items:center;justify-content:center;transition:background-color 0.4s cubic-bezier(0.4,0,0.2,1),height 0.4s cubic-bezier(0.4,0,0.2,1),color 0.4s cubic-bezier(0.4,0,0.2,1),display 0.4s cubic-bezier(0.4,0,0.2,1)}
.home-about-box{display: flex;gap:30px;}
.home-about-box .home-about-right{max-width:470px;}
.home-about-box .home-about-right .title{font-size: 24px;line-height: 42px;color:#666;display: flex;gap:20px;align-items: center;}
.home-about-box .home-about-right .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;}
.home-about-box .home-about-right .text{font-size: 16px;line-height: 28px;color:#666;margin:20px 0;padding-left: 30px;}
.home-about-box .home-about-right .more{display: flex;flex-direction: column;gap:20px;padding-left: 30px;}
.home-about-box .home-about-right .more .more-text{font-size:21px;line-height:32px;color:var(--public-color);text-decoration:underline;}
.home-about-box .home-about-right .more .more-icon{font-size:16px;line-height: 32px;color:var(--public-color);border:1px solid #666;border-radius:50%;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;transition:all .6s ease-in-out;}
.home-about-box .home-about-right .more .more-icon:hover{color:#fff;background-color:var(--public-color);}

@media(max-width:768px){
    .home-about{margin:20px auto;padding:0 15px;}
    .home-about .home-about-left{grid-template-columns: repeat(2,1fr);gap:15px;}
    .home-about .home-about-left .item .item-text{font-size:14px;line-height:24px;padding:8px;}
    .home-about-box{flex-direction:column;gap:20px;}
    .home-about-box .home-about-right .title{font-size:20px;line-height:32px;}
    .home-about-box .home-about-right .title::before{width:60px;height:60px;font-size:150px;line-height:60px;min-width:60px;}
    .home-about-box .home-about-right .text{font-size:14px;line-height:24px;margin:15px 0;padding-left:20px;}
    .home-about-box .home-about-right .more{gap:15px;padding-left:20px;}
    .home-about-box .home-about-right .more .more-text{font-size:18px;line-height:28px;}
    .home-about-box .home-about-right .more .more-icon{width:50px;height:50px;font-size:14px;}
}


.home-about1{padding:150px 0 100px;}
.home-about1 .home-about1-box{display: flex;gap:50px;justify-content:space-between;}
.home-about1 .about1-left{max-width:500px;}
.home-about1 .about1-left .title{display: flex;align-items: center;}
.home-about1 .about1-left .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.home-about1 .about1-left .title .title-text{display: flex;flex-direction: column;margin-left: 20px;}
.home-about1 .about1-left .title .title-t1{font-size:36px;line-height:48px;color:#333;}
.home-about1 .about1-left .title .title-t2{font-size: 18px;line-height: 28px;color:var(--public-color);font-weight:500;}
.home-about1 .about1-left .text{font-size: 16px;line-height: 28px;color:#666;margin:20px 0;}
.home-about1 .about1-left .about1-list{display: flex;gap:20px;justify-content:space-between;}
.home-about1 .about1-left .about1-list .item{display: flex;flex-direction:column;}
.home-about1 .about1-left .about1-list .item .sum{font-size:36px;line-height: 48px;color:#333;}
.home-about1 .about1-left .about1-list .item .text{font-size: 16px;line-height: 28px;color:#666;}
.home-about1 .about1-left .more{display: flex;flex-direction: column;gap:20px;}
.home-about1 .about1-left .more .more-text{font-size:21px;line-height:32px;color:var(--public-color);text-decoration:underline;}
.home-about1 .about1-left .more .more-icon{font-size:16px;line-height: 32px;color:var(--public-color);border:1px solid #666;border-radius:50%;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;transition:all .6s ease-in-out;}
.home-about1 .about1-left .more .more-icon:hover{color:#fff;background-color:var(--public-color);}
.home-about1 .about1-right-img{position:relative;}
@media(max-width:768px){
    .home-about1{padding:60px 0 50px;}
    .home-about1 .home-about1-box{flex-direction:column;gap:30px;}
    .home-about1 .about1-left{max-width:100%;}
    .home-about1 .about1-left .title{flex-direction:column;align-items:flex-start;}
    .home-about1 .about1-left .title::before{width:60px;height:60px;font-size:150px;line-height:60px;min-width:60px;margin-left:0;min-width:auto;margin-bottom:15px;}
    .home-about1 .about1-left .title .title-text{margin-left:0;min-width:auto;}
    .home-about1 .about1-left .title .title-t1{font-size:24px;line-height:32px;}
    .home-about1 .about1-left .title .title-t2{font-size:16px;line-height:24px;}
    .home-about1 .about1-left .text{font-size:14px;line-height:24px;margin:15px 0;}
    .home-about1 .about1-left .about1-list{gap:15px;}
    .home-about1 .about1-left .about1-list .item .sum{font-size:28px;line-height:36px;}
    .home-about1 .about1-left .about1-list .item .text{font-size:14px;line-height:24px;}
    .home-about1 .about1-left .more{gap:15px;}
    .home-about1 .about1-left .more .more-text{font-size:18px;line-height:28px;}
    .home-about1 .about1-left .more .more-icon{width:50px;height:50px;font-size:14px;}
}

.home-solutions{background-color:#f8f8f8;padding:120px 0;}
.home-solutions .home-solutions-box{display: flex;gap:50px;justify-content:space-between;}
.home-solutions .home-solutions-left{max-width:700px;width: 100%;display:grid;grid-template-columns: repeat(2,1fr);gap:20px;}
.home-solutions .home-solutions-right{max-width:600px;}
.home-solutions .home-solutions-left .item{background-color:#fff;padding:25px 30px;;}
.home-solutions .home-solutions-left .item::before{content:'\f00c';display: flex;align-items: center;justify-content: center;font-family:CmsFont;color:var(--public-color);font-weight: bold;width:35px;height:35px;background-color:#f4f4f4;border-radius:50%;min-width:35px;margin-bottom: 10px;}
.home-solutions .home-solutions-right .title{font-size:36px;line-height: 48px;color:#333;display: flex;gap:30px;align-items: center;}
.home-solutions .home-solutions-right .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#fff;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.home-solutions .home-solutions-right .text{font-size:16px;line-height: 28px;color:#666;margin:40px 0;}
.home-solutions .home-solutions-right .more{background-color:var(--public-color);color:#fff;font-size:21px;line-height:32px;padding:20px 30px;text-decoration:underline;}

@media(max-width:768px){
    .home-solutions{padding:60px 0;}
    .home-solutions .home-solutions-box{flex-direction:column-reverse;gap:30px;}
    .home-solutions .home-solutions-left{max-width:100%;grid-template-columns:1fr;gap:15px;}
    .home-solutions .home-solutions-right{max-width:100%;}
    .home-solutions .home-solutions-left .item{padding:20px;}
    .home-solutions .home-solutions-left .item::before{width:30px;height:30px;min-width:30px;margin-bottom:8px;}
    .home-solutions .home-solutions-right .title{font-size:24px;line-height:32px;gap:20px;}
    .home-solutions .home-solutions-right .title::before{width:60px;height:60px;font-size:150px;line-height:60px;min-width:60px;margin-left:0}
    .home-solutions .home-solutions-right .text{font-size:14px;line-height:24px;margin:20px 0;}
    .home-solutions .home-solutions-right .more{font-size:18px;line-height:28px;padding:15px 20px;}
}

.home-quality{padding:120px 0;}
.home-quality .home-quality-box{display: flex;gap:50px;justify-content:space-between;}
.home-quality .home-quality-left{max-width:700px;width: 100%;display: flex;flex-direction: column;align-items: flex-end;gap:65px;}
.home-quality .home-quality-left .more{display: flex;gap:20px;align-items: center;}
.home-quality .home-quality-left .more .more-text{font-size:21px;line-height:32px;color:var(--public-color);text-decoration:underline;}
.home-quality .home-quality-left .more .more-icon{font-size:16px;line-height: 32px;color:var(--public-color);border:1px solid #666;border-radius:50%;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;transition:all .6s ease-in-out;}
.home-quality .home-quality-left .more .more-icon:hover{color:#fff;background-color:var(--public-color);}
.home-quality .home-quality-right{max-width:600px;}
.home-quality .home-quality-right .title{font-size:36px;line-height: 48px;color:#333;display: flex;gap:30px;align-items: center;}
.home-quality .home-quality-right .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.home-quality .home-quality-right .text{font-size:16px;line-height: 28px;color:#666;margin:40px 0;}
.home-quality .home-quality-right .quality-list{display: flex;flex-direction: column;gap:20px;}
.home-quality .home-quality-right .quality-list .item{font-size:16px;line-height: 28px;color:#666;border-left:4px solid var(--public-color);padding-left:65px;}

@media(max-width:768px){
    .home-quality{padding:60px 0;}
    .home-quality .home-quality-box{flex-direction:column;gap:30px;}
    .home-quality .home-quality-left{max-width:100%;align-items:flex-start;gap:30px;}
    .home-quality .home-quality-left .more{gap:15px;}
    .home-quality .home-quality-left .more .more-text{font-size:18px;line-height:28px;}
    .home-quality .home-quality-left .more .more-icon{width:50px;height:50px;font-size:14px;}
    .home-quality .home-quality-right{max-width:100%;}
    .home-quality .home-quality-right .title{font-size:24px;line-height:32px;gap:20px;}
    .home-quality .home-quality-right .title::before{width:60px;height:60px;font-size:150px;line-height:60px;min-width:60px;margin-left:0}
    .home-quality .home-quality-right .text{font-size:14px;line-height:24px;margin:20px 0;}
    .home-quality .home-quality-right .quality-list{gap:15px;}
    .home-quality .home-quality-right .quality-list .item{font-size:14px;line-height:24px;padding-left:30px;}
}


.home-success{padding:120px 0;}
.home-success .title{font-size:36px;line-height: 48px;color:#333;display: flex;gap:30px;align-items: center;}
.home-success .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.home-success .text{font-size:16px;line-height: 28px;color:#666;margin:40px 0;max-width:1200px;}
.home-success .home-success-swiper{overflow:hidden;}
.home-success .home-success-swiper .home-success-swiper-box{display: flex;flex-direction: column;}
.home-success .home-success-swiper .home-success-swiper-box .img{width: 100%;}
.home-success .home-success-swiper .home-success-swiper-box .img img{width: 100%;}
.home-success .home-success-swiper .home-success-swiper-box .swiper-text{display: flex;flex-direction: column;align-items: center;background-color:#f4f4f4;padding:30px 0 40px;}
.home-success .home-success-swiper .home-success-swiper-box .swiper-text::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120px;height:4px;background-color:var(--public-color);z-index: 1;}
.home-success .home-success-swiper .home-success-swiper-box .swiper-text .text-t1{font-size:16px;line-height:28px;color:var(--public-color);font-weight:500}
.home-success .home-success-swiper .home-success-swiper-box .swiper-text .text-t2{font-size:20px;line-height:32px;color:#333;margin:0 30px;text-align:center;}
.home-success .home-success-swipers{position:relative}
.home-success .home-success-swipers .success-prev,.home-success .home-success-swipers .success-next{position:absolute;top:50%;transform:translateY(-50%);width:70px;height:70px;background-color:#fff;border:1px solid #666;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .6s ease-in-out;cursor:pointer}
.home-success .home-success-swipers .success-prev{left:-100px}
.home-success .home-success-swipers .success-next{right:-100px}
.home-success .home-success-swipers .success-prev:hover,.home-success .home-success-swipers .success-next:hover{background-color:var(--public-color);border-color:var(--public-color)}
.home-success .home-success-swipers .success-prev::after{content:'\f060';font-family:CmsFont;color:var(--public-color);font-size:20px;font-weight:400;transition:all .3s ease-in-out}
.home-success .home-success-swipers .success-next::after{content:'\f061';font-family:CmsFont;color:var(--public-color);font-size:20px;font-weight:400;transition:all .3s ease-in-out}
.home-success .home-success-swipers .success-prev:hover::after{color:#fff;}
.home-success .home-success-swipers .success-next:hover::after{color:#fff;}
.home-success-more{margin-top: 60px;}
.home-success-more .more-text{font-size: 21px;line-height: 48px;color:var(--public-color);text-decoration: underline;}

@media(max-width:768px){
    .home-success{padding:60px 0;}
    .home-success .title{font-size:24px;line-height:32px;gap:20px;}
    .home-success .title::before{width:60px;height:60px;font-size:150px;line-height:60px;min-width:60px;margin-left:0}
    .home-success .text{font-size:14px;line-height:24px;margin:20px 0;}
    .home-success .home-success-swiper .home-success-swiper-box .swiper-text{padding:20px 0 30px;}
    .home-success .home-success-swiper .home-success-swiper-box .swiper-text::before{width:80px;height:3px;}
    .home-success .home-success-swiper .home-success-swiper-box .swiper-text .text-t1{font-size:14px;line-height:24px;}
    .home-success .home-success-swiper .home-success-swiper-box .swiper-text .text-t2{font-size:16px;line-height:28px;margin:0 20px;}
    .home-success .home-success-swipers .success-prev,.home-success .home-success-swipers .success-next{width:50px;height:50px;}
    .home-success .home-success-swipers .success-prev{left:-60px;}
    .home-success .home-success-swipers .success-next{right:-60px;}
    .home-success .home-success-swipers .success-prev::after,.home-success .home-success-swipers .success-next::after{font-size:16px;}
    .home-success-more{margin-top:40px;}
    .home-success-more .more-text{font-size:18px;line-height:32px;}
}

.home-service{background:url(../../images/home-service.webp) no-repeat;min-height:547px;max-width:1920px;margin:0 auto;}
.home-service .home-service-box{display: flex;justify-content:space-between;}
.home-service .home-service-left{max-width:550px;display: flex;flex-direction: column;justify-content: center;max-height:547px;}
.home-service .home-service-left .title{font-size: 36px;line-height: 48px;color:#fff;display: flex;align-items: center;gap:30px;}
.home-service .home-service-left .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:rgba(255, 255, 255,.2);border-radius:50%;font-size:200px;color:#fff;line-height: 80px;min-width:80px;margin-left:-30px;}
.home-service .home-service-left .text{font-size: 16px;color:#fff;margin:30px 0;}
.home-service .service-list{color:#fff;}
.home-service .service-list .item{font-size: 16px;line-height: 42px;}
.home-service .service-list .item::before{content:'\f00c';font-family:CmsFont;margin-right:20px;}

@media(max-width:768px){
    .home-service{min-height:400px;background-size:cover;background-position:center;}
    .home-service .home-service-box{flex-direction:column;gap:30px;}
    .home-service .home-service-left{max-width:100%;max-height:none;padding:40px 0;}
    .home-service .home-service-left .title{font-size:24px;line-height:32px;gap:20px;}
    .home-service .home-service-left .title::before{width:60px;height:60px;font-size:150px;line-height:60px;min-width:60px;margin-left:0}
    .home-service .home-service-left .text{font-size:14px;margin:20px 0;}
    .home-service .service-list .item{font-size:14px;line-height:32px;}
}

.home-service-right{background-color:#fff;min-height:700px;width:680px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);margin-top: -56px;padding:0 70px;display: flex;flex-direction: column;justify-content: center;gap:50px;}
.home-service-right .title{font-size: 36px;line-height: 48px;color:#333;}
.home-service-right input.form-control{background-color:#f8f8f8;border:none;height: 50px;}
.home-service-right textarea.form-control{background-color:#f8f8f8;border:none;height:120px;}
.home-service-right button{background-color:#1761ac;color:#fff;font-size:16px;line-height:32px;font-family:inherit;border:none;border-radius:0;width:200px;height:55px;display:block;text-align:center;transition:background 0.3s;box-shadow:none;font-weight:400;letter-spacing:0.5px;cursor:pointer;outline:none;margin:0 0 0 auto;padding:0}

@media(max-width:768px){
    .home-service-right{min-height:auto;width:100%;margin-top:0;padding:40px 20px;gap:30px;}
    .home-service-right .title{font-size:24px;line-height:32px;}
    .home-service-right input.form-control{height:45px;}
    .home-service-right textarea.form-control{height:100px;}
    .home-service-right button{font-size:14px;line-height:28px;width:150px;height:45px;margin:0 auto;}
}

.home-news{padding:80px 0 120px;}
.home-news .news-title{font-size: 36px;line-height: 48px;color:#333;display: flex;align-items: center;gap:30px;}
.home-news .news-title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.home-news .news-grid{display:grid;grid-template-columns: repeat(3,1fr);gap:40px;margin-top: 70px;}
.home-news .news-grid .item-text{padding:60px 40px;background-color:#fbfbfb;transition:.6s all ease-in-out;}
.home-news .news-grid .item-text time{font-size: 16px;line-height: 36px;color: #999;border-bottom:1px solid #efefef;display: inline-block;width: 100%;padding-bottom: 20px;margin-bottom: 20px;}
.home-news .news-grid .item-text .item-title{font-size:20px;line-height: 36px;color:#333;}
.home-news .news-grid .item-text .more{display: flex;align-items: center;gap:0;margin-top: 50px;}
.home-news .news-grid .item-text .more .more-text{font-size:21px;line-height:32px;color:var(--public-color);text-decoration:underline;width:0;overflow:hidden;transition:.6s all ease-in-out;white-space:nowrap;}
.home-news .news-grid .item-text .more .more-icon{font-size:16px;line-height: 32px;color:var(--public-color);border:1px solid #666;border-radius:50%;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;transition:all .6s ease-in-out;}
.home-news .news-grid .item-text:hover{background-color:#fff;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);}
.home-news .news-grid .item-text:hover .item-title{color:var(--public-color);}
.home-news .news-grid .item-text .more:hover .more-text{width:180px;}
.home-news .news-grid .item-text .more:hover .more-icon{color:#fff;background-color:var(--public-color);}

@media(max-width:768px){
    .home-news{padding:60px 0;}
    .home-news .news-title{font-size:24px;line-height:32px;gap:20px;}
    .home-news .news-title::before{width:60px;height:60px;font-size:150px;line-height:60px;min-width:60px;margin-left:0}
    .home-news .news-grid{grid-template-columns:1fr;gap:20px;margin-top:40px;}
    .home-news .news-grid .item-text{padding:40px 20px;}
    .home-news .news-grid .item-text time{font-size:14px;line-height:28px;padding-bottom:15px;margin-bottom:15px;}
    .home-news .news-grid .item-text .item-title{font-size:16px;line-height:28px;}
    .home-news .news-grid .item-text .more{margin-top:30px;}
    .home-news .news-grid .item-text .more .more-text{font-size:16px;line-height:28px;}
    .home-news .news-grid .item-text .more .more-icon{width:50px;height:50px;font-size:14px;}
    .home-news .news-grid .item-text .more:hover .more-text{width:120px;}
}

.footer-contact{background-color:#f4f4f4;padding:100px 0}
.footer-contact .footer-contact-box{display:flex;justify-content:space-between}
.footer-contact .footer-contact-left{max-width:850px;display:flex;flex-direction:column;align-items:flex-start;gap:60px}
.footer-contact .footer-contact-left .title{font-size:32px;line-height:48px;color:#000}
.footer-contact .footer-contact-left .more{background-color:var(--public-color);padding:10px;border-radius:50px;color:#fff;text-transform:uppercase;display:flex;align-items:center;padding-left:20px}
.footer-contact .footer-contact-left .more i{margin-left:20px;background-color:#fff;width:40px;height:40px;display:inline-block;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--public-color)}
.footer-contact .footer-contact-right{display:flex;flex-direction:column}
.footer-contact .footer-contact-right .title{font-size:24px;color:var(--public-color);border-bottom:1px solid #e4e4e2;display:inline-block;width:100%;padding-bottom:20px;margin-bottom:20px}
.footer-contact .footer-contact-right .contact-list .item{font-size:18px;line-height:42px}
.footer-contact .footer-contact-right .contact-list .item::before{content:'\f00c';font-family:CmsFont;margin-right:20px;color:var(--public-color)}
.footer .footer-box{padding:60px 0 60px 0;display:flex;justify-content:space-between;gap:30px}
.footer .footer-box .footer-box1{width:400px;min-width:400px}
.footer .footer-box .footer-box1 .msg{font-size:16px;line-height:32px;color:#666;margin:30px 0 50px}
.footer-logo{padding:0;display:flex;align-items:center}
.footer-logo img{width:90px}
.footer-logo .logo-text{margin-left:10px}
.footer-logo .logo-text .logo-text1{font-size:28px;font-weight:600;line-height:32px;color:#000}
.footer-logo .logo-text .logo-text2{font-size:14px;font-weight:400;line-height:20px;color:#666}
.footer-box2{display:flex;flex-direction:column;width:420px}
.footer-box2 .title{font-size:20px;line-height:36px;height:90px;font-weight:bold;color:#000;text-transform:uppercase;display:flex;align-items:flex-end}
.footer-box2 .product-list{margin:30px 0 50px;display:flex;flex-wrap:wrap;flex-direction:column;height:calc(49px * 4)}
.footer-box2 .product-list .item{font-size:16px;line-height:48px}
.footer-box2 .contact-list{margin:30px 0 50px;display:flex;flex-wrap:wrap;flex-direction:column}
.footer-box2 .contact-list .item{font-size:16px;line-height:48px}
.footer .under{padding:15px 0;font-size:14px;line-height:22px;border-top:1px solid #ddd}

@media(max-width:768px){
    .footer-contact{padding:60px 0;}
    .footer-contact .footer-contact-box{flex-direction:column;gap:40px;}
    .footer-contact .footer-contact-left{gap:40px;}
    .footer-contact .footer-contact-left .title{font-size:24px;line-height:32px;}
    .footer-contact .footer-contact-left .more{padding:8px;padding-left:16px;}
    .footer-contact .footer-contact-left .more i{width:32px;height:32px;margin-left:16px;}
    .footer-contact .footer-contact-right .title{font-size:20px;}
    .footer-contact .footer-contact-right .contact-list .item{font-size:16px;line-height:36px;}
    .footer .footer-box{flex-direction:column;gap:20px;padding: 20px 0 0;}
    .footer .footer-box .footer-box1{width:100%;min-width:auto;}
    .footer .footer-box .footer-box1 .msg{margin:5px 0 10px;}
    .footer-logo .logo-text .logo-text1{font-size:24px;line-height:28px;}
    .footer-logo .logo-text .logo-text2{font-size:12px;line-height:18px;}
    .footer-box2{width:100%;}
    .footer-box2 .title{font-size:18px;line-height:32px;height:auto;margin-bottom:00px;}
    .footer-box2 .product-list{margin:5px 0 10px;height:auto;}
    .footer-box2 .product-list .item{font-size:14px;line-height:40px;}
    .footer-box2 .contact-list{margin:5px 0 10px;}
    .footer-box2 .contact-list .item{font-size:14px;line-height:40px;}
    .footer .under{font-size:12px;line-height:20px;}
}


.product-list-wrapper{}
.product-list-wrapper-header{padding:80px 0}
.product-list-wrapper-header .title{font-size:42px;line-height:48px;text-align:center;color:#333;display:flex;flex-direction:column;align-items:center;gap:20px}
.product-list-wrapper-header .title::before{content:'';display:block;width:64px;height:17px;background:url(../../images/W.webp)}
.product-list-wrapper-header .text{text-align: center;color:#666;max-width:1200px;margin:40px auto 0;}
.product-list-wrapper-header .product-list-grid{margin-top: 120px;display:grid;grid-template-columns: repeat(4,1fr);gap:25px;}
.product-list-wrapper-header .product-list-grid .item{border:1px solid #ddd;text-align: center;padding:60px 30px 40px;position:relative;}
.product-list-wrapper-header .product-list-grid .item .item-title{font-size: 18px;line-height: 32px;font-weight: 500;color:var(--public-color);}
.product-list-wrapper-header .product-list-grid .item .item-text{font-size: 16px;line-height: 28px;margin-top: 30px;}
.product-list-wrapper-header .product-list-grid .item::before{content:'\f00c';font-family:CmsFont;display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;background-color:var(--public-color);color:#fff;font-size: 22px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);}

@media(max-width:768px){
    .product-list-wrapper-header{padding:40px 0;}
    .product-list-wrapper-header .title{font-size:28px;line-height:36px;gap:15px;}
    .product-list-wrapper-header .text{margin:20px auto 0;}
    .product-list-wrapper-header .product-list-grid{margin-top:60px;grid-template-columns:repeat(2,1fr);gap:15px;}
    .product-list-wrapper-header .product-list-grid .item{padding:40px 20px 30px;}
    .product-list-wrapper-header .product-list-grid .item .item-title{font-size:16px;line-height:28px;}
    .product-list-wrapper-header .product-list-grid .item .item-text{font-size:14px;line-height:24px;margin-top:20px;}
    .product-list-wrapper-header .product-list-grid .item::before{width:40px;height:40px;font-size:18px;}
}

.product-list-main{display:flex;gap:60px;padding:100px 0;}
.product-list-left{width:300px;min-width:300px;}
.product-list-left-title{font-size:24px;line-height:36px;font-weight:400;color:#333;;margin-bottom:30px;display: block;}
.product-list-left-title::after{content:'';display:block;width: 60px;height: 2px;background-color:var(--public-color);margin-top: 20px;}
.product-list-left-nav{}
.product-list-left-nav .nav-item{border-bottom:1px solid #efefef;}
.product-list-left-nav .nav-item:last-child{border-bottom:none;}
.product-list-left-nav .nav-item .item{display:flex;align-items:center;justify-content:space-between;padding:15px 0;font-size:20px;line-height:32px;color:#333;text-decoration:none;transition:all .3s ease;}
.product-list-left-nav .nav-item .item:hover{color:var(--public-color);}
.product-list-left-nav .nav-item .item .item-text{letter-spacing:-.8px}
.product-list-left-nav .nav-item .item i{font-size:18px;transition:all .3s ease;padding-right:10px;}
.product-list-left-nav .nav-item.active .item{color:var(--public-color);border-bottom:1px solid #efefef;}
.product-list-left-nav .nav-item.active .item i.icon-chevron-right{transform:rotate(90deg);}

.product-list-left-nav .nav-item .sub-menu{max-height:0;overflow:hidden;transition:all .3s ease;}
.product-list-left-nav .nav-item.active .sub-menu{max-height:300px;padding:10px 0;}
.product-list-left-nav .nav-item .sub-menu .sub-item{display:block;padding:8px 10px 8px 0;font-size:16px;line-height:20px;color:#aaaaaa;text-decoration:none;transition:all .3s ease;}
.product-list-left-nav .nav-item .sub-menu .sub-item:hover{color:var(--public-color);}
.product-list-left-nav .nav-item .sub-menu .sub-item.active{color:#666;}

@media(max-width:768px){
    .product-list-main{flex-direction:column;gap:30px;padding:60px 0;}
    .product-list-left{width:100%;min-width:auto;}
    .product-list-left-title{font-size:20px;line-height:32px;margin-bottom:20px;}
    .product-list-left-nav .nav-item .item{padding:12px 0;font-size:18px;line-height:28px;}
    .product-list-left-nav .nav-item .item i{font-size:16px;}
    .product-list-left-nav .nav-item .sub-menu .sub-item{font-size:14px;line-height:18px;padding:6px 8px 6px 0;}
}

.product-list-right{flex:1;}
.product-list-right .product-grid{display:grid;grid-template-columns: repeat(2,1fr);gap:40px;}
.product-list-right .product-item{background-color:#f8f8f8;position:relative;}
.product-list-right .product-item .img{width:100%;display: flex;align-items: center;justify-content: center;mix-blend-mode:multiply;overflow:hidden;}
.product-list-right .product-item:hover .img{transform:scale(1.2);}
.product-list-right .product-item .t1{padding:15px 30px;font-size: 20px;line-height: 32px;font-weight: 500;}
.product-list-right .product-item .t1:hover{color:var(--public-color);}
.product-list-right .product-item .t2{padding:10px 30px 50px;}
.product-list-right .product-item::before{content:'';position:absolute;bottom:0;left: 30px;display: inline-block;width: 120px;height: 2px;background-color:var(--public-color);}

@media(max-width:768px){
    .product-list-right .product-grid{grid-template-columns:1fr;gap:20px;}
    .product-list-right .product-item .t1{padding:12px 20px;font-size:18px;line-height:28px;}
    .product-list-right .product-item .t2{padding:8px 20px 30px;}
    .product-list-right .product-item::before{left:20px;width:80px;}
}

.product-list-right2{flex:1;}
.product-list-right2 .product-grid{display:grid;grid-template-columns: repeat(1,1fr);gap:40px;}
.product-list-right2 .product-item{background-color:#f8f8f8;position:relative;display: flex;}
.product-list-right2 .product-item .img{mix-blend-mode:multiply;overflow:hidden;flex:1;min-width:320px;padding:20px;}
.product-list-right2 .product-item:hover .img{transform:scale(1.1);}
.product-list-right2 .product-item .text{max-width:100%;padding:30px 60px;}
.product-list-right2 .product-item .t1{font-size:28px;line-height:36px;font-weight: 500;}
.product-list-right2 .product-item .t1::after{content:'';display:block;width:100px;height:4px;background-color:var(--public-color);margin: 20px 0 30px;}
.product-list-right2 .product-item .t2{font-size:16px;line-height: 28px;color:#666;margin:20px 0;}
@media(max-width:768px){
    .product-list-right2 .product-grid{grid-template-columns:1fr;gap:20px;}
    .product-list-right2 .product-item .img{min-width:auto;padding:15px;}
    .product-list-right2 .product-item .text{padding:20px;}
    .product-list-right2 .product-item .t1{font-size:24px;line-height:32px;}
    .product-list-right2 .product-item .t1::after{width:80px;margin:15px 0 20px;}
    .product-list-right2 .product-item .t2{font-size:14px;line-height:24px;}
}


.product-services{padding:120px 0 30px;margin:0 auto;max-width:1920px;}
.product-services .product-services-box{display: flex;gap:50px;justify-content:space-between;}
.product-services .product-services-left{max-width:860px;width: 100%;display: flex;flex-direction: column;align-items: flex-end;gap:65px;}
.product-services .product-services-left .more{display: flex;gap:20px;align-items: center;}
.product-services .product-services-left .more .more-text{font-size:21px;line-height:32px;color:var(--public-color);text-decoration:underline;}
.product-services .product-services-left .more .more-icon{font-size:16px;line-height: 32px;color:var(--public-color);border:1px solid #666;border-radius:50%;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;transition:all .6s ease-in-out;}
.product-services .product-services-left .more .more-icon:hover{color:#fff;background-color:var(--public-color);}
.product-services .product-services-right{max-width:730px;}
.product-services .product-services-right .title{font-size:36px;line-height: 48px;color:#333;display: flex;gap:30px;align-items: center;}
.product-services .product-services-right .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.product-services .product-services-right .text{font-size:16px;line-height: 28px;color:#666;margin:40px 0;}
.product-services .product-services-right .product-services-list{display: flex;flex-direction: column;gap:20px;}
.product-services .product-services-right .product-services-list .item{font-size:16px;line-height: 28px;color:#666;border-left:4px solid var(--public-color);padding-left:65px;}
.product-services .product-services-right .more{background-color:var(--public-color);color:#fff;font-size:21px;line-height:32px;padding:20px 30px;text-decoration:underline;margin-top: 60px;}

@media(max-width:768px){
    .product-services{padding:60px 0 20px;}
    .product-services .product-services-box{flex-direction:column;gap:30px;}
    .product-services .product-services-left{max-width:100%;align-items:flex-start;gap:40px;}
    .product-services .product-services-left .more .more-text{font-size:18px;line-height:28px;}
    .product-services .product-services-left .more .more-icon{width:50px;height:50px;font-size:14px;}
    .product-services .product-services-right{max-width:100%;}
    .product-services .product-services-right .title{font-size:28px;line-height:36px;gap:20px;}
    .product-services .product-services-right .title::before{width:60px;height:60px;font-size:150px;line-height:60px;margin-left:0;min-width:auto;}
    .product-services .product-services-right .text{font-size:14px;line-height:24px;margin:20px 0;}
    .product-services .product-services-right .product-services-list .item{font-size:14px;line-height:24px;padding-left:40px;}
    .product-services .product-services-right .more{font-size:18px;line-height:28px;padding:15px 20px;margin-top:40px;}
}

.product-success{padding:0px 0 90px;}
.product-success .title{font-size:36px;line-height: 48px;color:#333;display: flex;gap:30px;align-items: center;}
.product-success .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.product-success .text{font-size:16px;line-height: 28px;color:#666;margin:40px 0;max-width:1200px;}
.product-success .product-success-title{font-size: 36px;line-height: 48px;color:#333;}
.product-success .product-success-swipers{display:grid;grid-template-columns: repeat(4,1fr);gap:30px;margin-top: 70px;}
.product-success .product-success-swiper-box{display: flex;flex-direction: column;}
.product-success .product-success-swiper-box .img{width: 100%;position:relative;}
.product-success .product-success-swiper-box .img img{width: 100%;}
.product-success .product-success-swiper-box .swiper-text{display: flex;height:100%; flex-direction: column;align-items: center;background-color:#f4f4f4;padding:20px 0 40px;position:relative;}
.product-success .product-success-swiper-box .swiper-text::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120px;height:4px;background-color:var(--public-color);z-index: 1;}
.product-success .product-success-swiper-box .swiper-text .text-t1{font-size:14px;line-height:24px;color:var(--public-color);font-weight:500}
.product-success .product-success-swiper-box .swiper-text .text-t2{font-size:16px;line-height:28px;color:#333;margin:0 30px;text-align:center;}
.product-success .product-success-swiper-box .svg{position:absolute;bottom: 0;padding:10px 15px;color:#fff;z-index: 1;display: flex;}
.product-success .product-success-swiper-box .svg svg{margin-right:10px;}
.product-success .product-success-swiper-box .img::before{content:'';position:absolute;bottom:0;width: 100%;height:100%;background:linear-gradient(to bottom, rgba(0,0,0,0) 55%, rgba(0,0,0,0.8) 100%);z-index: 1;}

.pagination-container{display: flex;align-items: center;justify-content: center;margin-top: 40px;gap:10px;}
.pagination-container .page-numbers{display: flex;gap:10px;}
.pagination-container .page-number{font-size:16px;line-height:28px;color:#666;padding:10px 15px;border:1px solid #666;cursor:pointer;transition:all .3s ease;}
.pagination-container .page-number:hover{color:#fff;border-color:var(--public-color);background-color:var(--public-color);}
.pagination-container .page-number.active{color:#fff;border-color:var(--public-color);background-color:var(--public-color);}
  
@media(max-width:768px){
    .product-success{padding:0 0 60px;}
    .product-success .title{font-size:28px;line-height:36px;gap:20px;}
    .product-success .title::before{width:60px;height:60px;font-size:150px;line-height:60px;margin-left:0;min-width:auto;}
    .product-success .text{font-size:14px;line-height:24px;margin:20px 0;}
    .product-success .product-success-swipers{grid-template-columns:1fr;gap:30px 20px;margin-top:40px;}
    .product-success .product-success-swiper-box .swiper-text{padding:20px 0 30px;}
    .product-success .product-success-swiper-box .swiper-text::before{width:80px;height:3px;}
    .product-success .product-success-swiper-box .swiper-text .text-t1{font-size:14px;line-height:24px;}
    .product-success .product-success-swiper-box .swiper-text .text-t2{font-size:18px;line-height:28px;margin:0 20px;}
}
.new-success-swipers{position:relative;max-width:1640px;margin:0 auto;margin-bottom: 80px; }
.new-success-swiper-box .item{background-color:#f8f8f8;display:flex;padding:40px 0;gap:40px;}
.new-success-swiper-box .item .img{width: 100%;max-width:220px}
.new-success-swiper-box .item .text{display:flex;flex-direction:column;align-items:flex-start;gap:20px;flex:1}
.new-success-swiper-box .item .text .t1{font-size: 18px;color:#333;}
.new-success-swiper-box .item .text .t2{color: #999;font-size: 16px;}
.new-success-swiper-box .item .text .t2 span{color:#145aa3;}
.new-success-swipers .success-next{border-radius:50%;border:1px solid var(--public-color);width: 70px;height: 70px;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.new-success-swipers .success-prev{border-radius:50%;border:1px solid var(--public-color);width: 70px;height: 70px;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.new-success-swipers .swiper-button-next:after{font-size:16px;}
.new-success-swipers .swiper-button-prev:after{font-size:16px;}

@media(max-width:768px){
    .new-success-swipers{max-width:100%;padding:0 20px;}
    .new-success-swiper-box .item{flex-direction:column;padding:30px 20px;gap:20px;}
    .new-success-swiper-box .item .img{width: 100%;}
    .new-success-swiper-box .item .text{gap:15px;}
    .new-success-swiper-box .item .text .t1{font-size: 16px;}
    .new-success-swiper-box .item .text .t2{font-size: 14px;}
    .new-success-swipers .success-next{width: 50px;height: 50px;right:10px;}
    .new-success-swipers .success-prev{width: 50px;height: 50px;left:10px;}
    .new-success-swipers .swiper-button-next:after{font-size:14px;}
    .new-success-swipers .swiper-button-prev:after{font-size:14px;}
}



.product-why{padding:120px 0 60px;background-color:#f8f8f8;}
.product-why .container{margin:0 auto;max-width:1920px;padding:0 90px;}
.product-why .title{font-size:36px;line-height:48px;color:#333;display:flex;gap:30px;align-items:center;margin-bottom:60px;}
.product-why .title::before{content:'·';display:flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:#fff;border-radius:50%;font-size:200px;color:var(--public-color);line-height:80px;min-width:80px;margin-left:-30px;}
.product-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:60px 40px;}
.product-why-grid .item{background-color:#fff;padding:60px 50px;display:flex;flex-direction:column;align-items:flex-start;transition:.6s all ease-in-out;}
.product-why-grid .item:hover{box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.1);}
.product-why-grid .item .item-box{display:flex;align-items:center;gap:20px;margin-bottom: 30px;}
.product-why-grid .item .item-icon{margin-bottom:0px;}
.product-why-grid .item .item-icon svg{width:auto;height:40px;}
.product-why-grid .item .item-title{font-size:32px;line-height:32px;color:var(--public-color);font-weight:400;}
.product-why-grid .item .item-text{font-size:16px;line-height:28px;color:#666;margin-bottom:40px;}
.product-why-grid .item .item-list{display:flex;flex-direction:column;gap:15px;width:100%;}
.product-why-grid .item .item-list .list-item{font-size:16px;line-height:24px;color:#666;padding-left:25px;position:relative;border-left:4px solid var(--public-color);padding-left:40px;}

@media(max-width:768px){
    .product-why{padding:60px 0 40px;}
    .product-why .container{padding:0 20px;}
    .product-why .title{font-size:28px;line-height:36px;gap:20px;margin-bottom:40px;}
    .product-why .title::before{width:60px;height:60px;font-size:150px;line-height:60px;margin-left:0;min-width:auto;}
    .product-why-grid{grid-template-columns:1fr;gap:30px 20px;}
    .product-why-grid .item{padding:40px 30px;}
    .product-why-grid .item .item-box{gap:15px;margin-bottom:20px;}
    .product-why-grid .item .item-icon svg{height:30px;}
    .product-why-grid .item .item-title{font-size:24px;line-height:28px;}
    .product-why-grid .item .item-text{font-size:14px;line-height:24px;margin-bottom:30px;}
    .product-why-grid .item .item-list{gap:12px;}
    .product-why-grid .item .item-list .list-item{font-size:14px;line-height:20px;padding-left:30px;}
}

.product-faq{padding:100px 0 90px;}
.product-faq .faq-box{display: flex;justify-content:space-between;gap:50px;}
.product-faq .faq-box .left{max-width:300px;}
.product-faq .faq-box .right{max-width:1000px;}
.product-faq .faq-box .left .title{font-size: 42px;line-height: 48px;color:var(--public-color);}
.product-faq .faq-box .left .text{font-size: 16px;line-height: 32px;margin:20px 0;}
.product-faq .faq-box .left .more{background-color:var(--public-color);color:#fff;font-size:21px;line-height:32px;padding:20px 30px;text-decoration:underline;}
.product-faq .faq-box .right .item{}
.product-faq .faq-box .right .item .item-title{font-size:20px;line-height:28px;color:#1a4a92;display: flex;align-items:center;justify-content:space-between;background-color:#f3f6f9;border-left:4px solid var(--public-color);height:auto;padding:20px 20px 20px 30px;cursor:pointer;}
.product-faq .faq-box .right .item .item-title i{font-size:16px;line-height:48px;color:#fff;background-color:#b1c2da;width: 26px;height: 26px;display: flex;align-items: center;justify-content: center;border-radius:50%;min-width:26px;}
.product-faq .faq-box .right .item .item-title i::before{font-size: 14px;}
.product-faq .faq-box .right .item .item-content{font-size:16px;line-height:32px;color:#666;max-height:0;overflow:hidden;padding:0 30px;transition:all .6s ease;}
.product-faq .faq-box .right .item.active .item-title i::before{font-size: 14px;content:'\f068';}
.product-faq .faq-box .right .item.active .item-content{max-height:1000px;padding:20px 30px;;transition:all .45s}

@media(max-width:768px){
    .product-faq{padding:60px 0 100px;}
    .product-faq .faq-box{flex-direction:column;gap:30px;}
    .product-faq .faq-box .left{max-width:100%;}
    .product-faq .faq-box .right{max-width:100%;}
    .product-faq .faq-box .left .title{font-size:32px;line-height:40px;}
    .product-faq .faq-box .left .text{font-size:14px;line-height:28px;margin:15px 0;}
    .product-faq .faq-box .left .more{font-size:18px;line-height:28px;padding:15px 20px;}
    .product-faq .faq-box .right .item .item-title{font-size:18px;line-height:40px;height:auto;padding:10px 15px 10px 20px;}
    .product-faq .faq-box .right .item .item-title i{width:22px;height:22px;font-size:14px;min-width:22px;}
    .product-faq .faq-box .right .item .item-content{font-size:14px;line-height:28px;padding:0 20px;}
    .product-faq .faq-box .right .item.active .item-content{padding:15px 20px;}
}

.faq-wrapper{padding:100px 0 40px;}
.faq-wrapper-header{margin-bottom: 60px;}
.faq-wrapper-header .title{font-size:42px;line-height:48px;text-align:center;color:#333;display:flex;flex-direction:column;align-items:center;gap:20px}
.faq-wrapper-header .title::before{content:'';display:block;width:64px;height:17px;background:url(../../images/W.webp)}
.faq-wrapper-header .text{text-align: center;color:#666;max-width:1200px;margin:40px auto 0;}
.faq-wrapper .faq-box{display: flex;justify-content:space-between;align-items: flex-start;gap:40px;padding:0 0 200px;}
.faq-wrapper .faq-box .left{max-width:320px;background-color:var(--public-color);width: 100%;padding:60px 40px;}
.faq-wrapper .faq-box .left .title{font-size:24px;line-height:36px;color:#333;margin-bottom:30px;color:#fff;}
.faq-wrapper .faq-box .left .title::after{content:'';display: block;width: 60px;height: 2px;background-color:#fff;margin-top: 20px;}
.faq-wrapper .faq-box .left .list{display: flex;flex-direction: column;gap:20px;}
.faq-wrapper .faq-box .left .list .item{font-size:20px;line-height:54px;color:#fff;text-decoration:none;display: flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #437bb5;}
.faq-wrapper .faq-box .right{max-width:1040px;flex:1;}
.faq-wrapper .faq-box .right .item .item-title{font-size:20px;line-height:48px;color:#1a4a92;display: flex;align-items:center;justify-content:space-between;background-color:#f3f6f9;border-left:4px solid var(--public-color);height: 60px;padding:0 20px 0 30px;cursor:pointer;}
.faq-wrapper .faq-box .right .item .item-title i{font-size:16px;line-height:48px;color:#fff;background-color:#b1c2da;width: 26px;height: 26px;display: flex;align-items: center;justify-content: center;border-radius:50%;}
.faq-wrapper .faq-box .right .item .item-title i::before{font-size: 14px;}
.faq-wrapper .faq-box .right .item .item-content{font-size:16px;line-height:32px;color:#666;max-height:0;overflow:hidden;padding:0 30px;transition:all .6s ease;}
.faq-wrapper .faq-box .right .item.active .item-title i::before{font-size: 14px;content:'\f068';}
.faq-wrapper .faq-box .right .item.active .item-content{max-height:1000px;padding:20px 30px;;transition:all .45s}

@media(max-width:768px){
    .faq-wrapper{padding:60px 0 30px;}
    .faq-wrapper-header{margin-bottom:40px;}
    .faq-wrapper-header .title{font-size:28px;line-height:36px;gap:15px;}
    .faq-wrapper-header .text{margin:20px auto 0;}
    .faq-wrapper .faq-box{flex-direction:column;gap:30px;padding:0 0 100px;}
    .faq-wrapper .faq-box .left{max-width:100%;padding:40px 30px;}
    .faq-wrapper .faq-box .left .title{font-size:20px;line-height:32px;margin-bottom:20px;}
    .faq-wrapper .faq-box .left .list{gap:15px;}
    .faq-wrapper .faq-box .left .list .item{font-size:18px;line-height:44px;}
    .faq-wrapper .faq-box .right{max-width:100%;display: flex;flex-direction: column;gap:5px;}
    .faq-wrapper .faq-box .right .item .item-title{font-size:18px;line-height:40px;height:auto;padding:0 15px 0 20px;}
    .faq-wrapper .faq-box .right .item .item-title i{width:22px;height:22px;font-size:14px;min-width:22px;}
    .faq-wrapper .faq-box .right .item .item-content{font-size:14px;line-height:28px;padding:0 20px;}
    .faq-wrapper .faq-box .right .item.active .item-content{padding:15px 20px;}
}

.success-wrapper-header{padding:80px 0}
.success-wrapper-header .title{font-size:42px;line-height:48px;text-align:center;color:#333;display:flex;flex-direction:column;align-items:center;gap:20px}
.success-wrapper-header .title::before{content:'';display:block;width:64px;height:17px;background:url(../../images/W.webp)}
.success-wrapper-header .text{text-align: center;color:#666;max-width:1200px;margin:40px auto 0;}

@media(max-width:768px){
    .success-wrapper-header{padding:40px 0;}
    .success-wrapper-header .title{font-size:28px;line-height:36px;gap:15px;}
    .success-wrapper-header .text{margin:20px auto 0;}
}

.service-wrapper-header{padding:60px 0}
.service-wrapper-header .title{font-size:42px;line-height:48px;text-align:center;color:#333;display:flex;flex-direction:column;align-items:center;gap:20px}
.service-wrapper-header .title::before{content:'';display:block;width:64px;height:17px;background:url(../../images/W.webp)}
.service-wrapper-header .text{text-align: center;color:#666;max-width:1200px;margin:40px auto 0;}

@media(max-width:768px){
    .service-wrapper-header{padding:40px 0;}
    .service-wrapper-header .title{font-size:28px;line-height:36px;gap:15px;}
    .service-wrapper-header .text{margin:20px auto 0;}
}

.service-wrapper-content{position:relative;}
.service-wrapper-content .content-service-list{display: flex;gap:40px;margin-top: -100px;position:relative;z-index: 1;}
.service-wrapper-content .content-service-list .item{background:url(../../images/services-W.webp) no-repeat center center;background-size:100%;height: 350px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);flex:1;padding:100px 50px 0;background-color:#fff;}
.service-wrapper-content .content-service-list .item .item-t1{font-size:26px;line-height:36px;color:var(--public-color);margin-bottom:40px;}
.service-wrapper-content .content-service-list .item .item-t2{font-size:16px;line-height:24px;color:#666;}

@media(max-width:768px){
    .service-wrapper-content .content-service-list{flex-direction:column;gap:20px;margin-top:-60px;}
    .service-wrapper-content .content-service-list .item{height:auto;padding:20px 15px;}
    .service-wrapper-content .content-service-list .item .item-t1{font-size:20px;line-height:28px;margin-bottom:20px;}
    .service-wrapper-content .content-service-list .item .item-t2{font-size:14px;line-height:20px;}
}

.sales-services{padding:120px 0 90px;margin:0 auto;max-width:1920px;}
.sales-services .sales-services-box{display: flex;gap:50px;justify-content:space-between;}
.sales-services .sales-services-left{max-width:700px;width: 100%;display: flex;flex-direction: column;align-items: flex-end;gap:65px;}
.sales-services .sales-services-left .more{display: flex;gap:20px;align-items: center;}
.sales-services .sales-services-left .more .more-text{font-size:21px;line-height:32px;color:var(--public-color);text-decoration:underline;}
.sales-services .sales-services-left .more .more-icon{font-size:16px;line-height: 32px;color:var(--public-color);border:1px solid #666;border-radius:50%;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;transition:all .6s ease-in-out;}
.sales-services .sales-services-left .more .more-icon:hover{color:#fff;background-color:var(--public-color);}
.sales-services .sales-services-right{max-width:600px;}
.sales-services .sales-services-right .title{font-size:36px;line-height: 48px;color:#333;display: flex;gap:30px;align-items: center;}
.sales-services .sales-services-right .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.sales-services .sales-services-right .sales-services-list{display: flex;flex-direction: column;gap:20px;margin-top: 60px;}
.sales-services .sales-services-right .sales-services-list .item{font-size:16px;line-height: 28px;color:#666;border-left:4px solid var(--public-color);padding-left:65px;}

@media(max-width:768px){
    .sales-services{padding:60px 0 50px;}
    .sales-services .sales-services-box{flex-direction:column;gap:30px;}
    .sales-services .sales-services-left{max-width:100%;align-items:flex-start;gap:40px;}
    .sales-services .sales-services-left .more .more-text{font-size:18px;line-height:28px;}
    .sales-services .sales-services-left .more .more-icon{width:50px;height:50px;font-size:14px;}
    .sales-services .sales-services-right{max-width:100%;}
    .sales-services .sales-services-right .title{font-size:28px;line-height:36px;gap:20px;}
    .sales-services .sales-services-right .title::before{width:60px;height:60px;font-size:150px;line-height:60px;margin-left:0;min-width:auto;}
    .sales-services .sales-services-right .sales-services-list{gap:15px;margin-top:40px;}
    .sales-services .sales-services-right .sales-services-list .item{font-size:14px;line-height:24px;padding-left:40px;}
}

.after-sales-service{padding:90px 0 120px;margin:0 auto;max-width:1920px;background-color:#f8f8f8;}
.after-sales-service .title{font-size:36px;line-height: 48px;color:#333;display: flex;gap:30px;align-items: center;}
.after-sales-service .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.after-sales-service .text{font-size:16px;line-height: 28px;color:#666;margin:40px 0;}
.after-sales-service .after-sales-service-grid{display: grid;grid-template-columns: repeat(3,1fr);gap:40px;}
.after-sales-service .after-sales-service-grid .item{display: flex;flex-direction: column;gap:20px;background-color:#fff;padding:80px 50px;transition:all .6s ease;}
.after-sales-service .after-sales-service-grid .item .svg{width: 80px;height: 81px;}
.after-sales-service .after-sales-service-grid .item .item-title{font-size:20px;line-height:32px;color:#333;font-weight:500;}
.after-sales-service .after-sales-service-grid .item .item-text{font-size:16px;line-height:28px;color:#666;margin-top: 20px;}
.after-sales-service .after-sales-service-grid .item:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}

@media(max-width:768px){
    .after-sales-service{padding:60px 0 80px;}
    .after-sales-service .title{font-size:28px;line-height:36px;gap:20px;}
    .after-sales-service .title::before{width:60px;height:60px;font-size:150px;line-height:60px;margin-left:0;min-width:auto;}
    .after-sales-service .text{font-size:14px;line-height:24px;margin:20px 0;}
    .after-sales-service .after-sales-service-grid{grid-template-columns:1fr;gap:15px;}
    .after-sales-service .after-sales-service-grid .item{padding:30px 20px;gap:10px;}
    .after-sales-service .after-sales-service-grid .item .svg{width:50px;height:50px;}
    .after-sales-service .after-sales-service-grid .item .svg svg{width:100%;height:100%;}
    .after-sales-service .after-sales-service-grid .item .item-title{font-size:16px;line-height:24px;}
    .after-sales-service .after-sales-service-grid .item .item-text{font-size:13px;line-height:20px;margin-top:10px;}
}

.factory-wrapper-header{padding:80px 0}
.factory-wrapper-header .title{font-size:42px;line-height:48px;text-align:center;color:#333;display:flex;flex-direction:column;align-items:center;gap:20px}
.factory-wrapper-header .title::before{content:'';display:block;width:64px;height:17px;background:url(../../images/W.webp)}
.factory-wrapper-header .text{text-align: center;color:#666;max-width:1200px;margin:40px auto 0;}
.factory-wrapper-header .mores{display: flex;justify-content: center;gap:10px;margin-top: 60px;}
.factory-wrapper-header .mores .more{background-color:var(--public-color);color:#fff;font-size:21px;line-height:32px;padding:20px 00px;text-align: center;width: 240px;}
.factory-wrapper .factory-content{padding:20px 0 150px;}
.factory-wrapper .factory-wrapper-grid{display: grid;grid-template-columns: repeat(4,1fr);gap:40px 30px;display: none;}
.factory-wrapper .factory-wrapper-grid.active{display: grid;}
.factory-wrapper .factory-wrapper-grid .item{display: flex;flex-direction: column;background-color:#fff;transition:all .6s ease;background-color:#f8f8f8;}
.factory-wrapper .factory-wrapper-grid .item .item-img{width: 100%;}
.factory-wrapper .factory-wrapper-grid .item .item-img img{width: 100%;}
.factory-wrapper .factory-wrapper-grid .item .item-text{font-size: 16px;line-height: 36px;text-align: center;padding:30px 0 40px;position:relative;}
.factory-wrapper .factory-wrapper-grid .item .item-text::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120px;height:4px;background-color:var(--public-color);z-index: 1;}

@media(max-width:768px){
    .factory-wrapper-header{padding:40px 0;}
    .factory-wrapper-header .title{font-size:28px;line-height:36px;gap:15px;}
    .factory-wrapper-header .text{margin:20px auto 0;}
    .factory-wrapper-header .mores{align-items:center;gap:8px;margin-top:40px;flex-wrap:wrap;justify-content: flex-start;}
    .factory-wrapper-header .mores .more{font-size:18px;line-height:28px;padding:15px 0;width:calc(50% - 4px);}
    .factory-wrapper .factory-content{padding:15px 0 80px;}
    .factory-wrapper .factory-wrapper-grid{grid-template-columns:repeat(2,1fr);gap:20px 15px;}
    .factory-wrapper .factory-wrapper-grid .item .item-text{font-size:14px;line-height:32px;padding:20px 0 30px;}
    .factory-wrapper .factory-wrapper-grid .item .item-text::before{width:80px;height:3px;}
}

.cert-wrapper-header{padding:80px 0}
.cert-wrapper-header .title{font-size:42px;line-height:48px;text-align:center;color:#333;display:flex;flex-direction:column;align-items:center;gap:20px}
.cert-wrapper-header .title::before{content:'';display:block;width:64px;height:17px;background:url(../../images/W.webp)}
.cert-wrapper-header .text{text-align: center;color:#666;max-width:1200px;margin:40px auto 0;}
.cert-wrapper .cert-wrapper-grid{display: grid;grid-template-columns: repeat(4,1fr);gap:30px 25px;padding:20px 0 150px;}
.cert-wrapper .cert-wrapper-grid .item{display: flex;flex-direction: column;padding:50px 40px;border:1px solid #ddd;position: relative;}
.cert-wrapper .cert-wrapper-grid .item .item-img{width: 100%;}
.cert-wrapper .cert-wrapper-grid .item .item-img img{width: 100%;}
.cert-wrapper .cert-wrapper-grid .item .item-text{margin-top: 30px;font-size: 16px;line-height: 28px;color:#666;color: #666;text-align: center;}
.cert-wrapper .cert-wrapper-grid .item::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:4px;background-color:var(--public-color);z-index: 1;}
.cert-wrapper .cert-wrapper-grid .item:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}

@media(max-width:768px){
    .cert-wrapper-header{padding:40px 0;}
    .cert-wrapper-header .title{font-size:28px;line-height:36px;gap:15px;}
    .cert-wrapper-header .text{margin:20px auto 0;}
    .cert-wrapper .cert-wrapper-grid{grid-template-columns:repeat(2,1fr);gap:20px 15px;padding:15px 0 80px;}
    .cert-wrapper .cert-wrapper-grid .item{padding:30px 25px;}
    .cert-wrapper .cert-wrapper-grid .item .item-text{margin-top:20px;font-size:14px;line-height:24px;}
    .cert-wrapper .cert-wrapper-grid .item::before{width:40px;height:3px;}
}

.applications-wrapper-header .title{font-size:42px;line-height:48px;text-align:center;color:#333;display:flex;flex-direction:column;align-items:center;gap:20px}
.applications-wrapper-header .title::before{content:'';display:block;width:64px;height:17px;background:url(../../images/W.webp)}
.applications-wrapper-header .text{text-align: center;color:#666;max-width:1200px;margin:40px auto 0;}
.applications-wrapper .applications-box{display: flex;justify-content:space-between;align-items: flex-start;gap:40px;padding:0 0 200px;margin-top:120px;}
.applications-wrapper .applications-box .left{max-width:320px;background-color:var(--public-color);width: 100%;padding:60px 40px;}
.applications-wrapper .applications-box .left .title{font-size:24px;line-height:36px;color:#333;margin-bottom:30px;color:#fff;}
.applications-wrapper .applications-box .left .title::after{content:'';display: block;width: 60px;height: 2px;background-color:#fff;margin-top: 20px;}
.applications-wrapper .applications-box .left .list{display: flex;flex-direction: column;gap:20px;}
.applications-wrapper .applications-box .left .list .item{font-size:20px;line-height:54px;color:#fff;text-decoration:none;display: flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #437bb5;}
.applications-wrapper .applications-box .right{max-width:1040px;flex:1;display:grid;grid-template-columns: repeat(3,1fr);gap:60px;}
.applications-wrapper .applications-box .right .item-text{height: 150px;background-color:#f4f4f4;position:relative;}
.applications-wrapper .applications-box .right .item-text .item-title{margin-top: 30px;text-align: center;width: 100%;font-size: 20px;line-height: 32px;}
.applications-wrapper .applications-box .right .item-text .more{font-size: 22px;line-height: 36px;text-align: center;width: 100%;margin-top:30px;color:#999;}
.applications-wrapper .applications-box .right .item-text::before{content:'';display: inline-block;width: 120px;height: 2px;background-color:var(--public-color);position:absolute;bottom:1px;left:50%;transform:translateX(-50%);}

@media(max-width:768px){
    .applications-wrapper-header .title{font-size:28px;line-height:36px;gap:15px;}
    .applications-wrapper-header .text{margin:20px auto 0;}
    .applications-wrapper .applications-box{flex-direction:column;gap:30px;padding:0 0 100px;margin-top:60px;}
    .applications-wrapper .applications-box .left{max-width:100%;padding:40px 30px;}
    .applications-wrapper .applications-box .left .title{font-size:20px;line-height:32px;margin-bottom:20px;}
    .applications-wrapper .applications-box .left .list{gap:15px;}
    .applications-wrapper .applications-box .left .list .item{font-size:18px;line-height:44px;}
    .applications-wrapper .applications-box .right{max-width:100%;grid-template-columns:1fr;gap:30px;}
    .applications-wrapper .applications-box .right .item-text{height:120px;}
    .applications-wrapper .applications-box .right .item-text .item-title{margin-top:20px;font-size:18px;line-height:28px;}
    .applications-wrapper .applications-box .right .item-text .more{font-size:18px;line-height:32px;margin-top:20px;}
    .applications-wrapper .applications-box .right .item-text::before{width:80px;}
}

.applications-content-wrapper-header{display: flex;justify-content:space-between;padding:100px 0 130px;border-bottom:2px solid #e2e2e2;}
.applications-content-wrapper-header .header-text{flex:1;max-width:600px;}
.applications-content-wrapper-header .header-text .title{font-size: 42px;line-height: 48px;color:var(--public-color);font-weight:400;margin-bottom: 60px;}
.applications-content-wrapper-header .header-text .text{font-size: 16px;line-height: 26px;color:#666;}
.applications-content-wrapper-header .header-img{max-width:700px;flex:1;height: 360px;display: flex;align-items: center;justify-content: center;overflow:hidden;}
.applications-content-wrapper-header .header-img img{width: 100%;}

@media(max-width:768px){
    .applications-content-wrapper-header{flex-direction:column;padding:60px 0 80px;gap:30px;}
    .applications-content-wrapper-header .header-text{max-width:100%;}
    .applications-content-wrapper-header .header-text .title{font-size:32px;line-height:40px;margin-bottom:30px;}
    .applications-content-wrapper-header .header-text .text{font-size:14px;line-height:22px;}
    .applications-content-wrapper-header .header-img{max-width:100%;height:250px;}
}

.applications-content-wrapper-recommend{padding:30px 0 130px;border-bottom:2px solid #e2e2e2;}
.applications-content-wrapper-recommend .title{font-size:24px;line-height:36px;color:#333;margin-bottom:30px;display: flex;align-items: center;gap:30px;}
.applications-content-wrapper-recommend .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}

@media(max-width:768px){
    .applications-content-wrapper-recommend{padding:20px 0 80px;}
    .applications-content-wrapper-recommend .title{font-size:20px;line-height:32px;margin-bottom:20px;gap:20px;}
    .applications-content-wrapper-recommend .title::before{width:60px;height:60px;font-size:150px;line-height:60px;margin-left:0;min-width:60px;}
}

.quality-wrapper-header{padding:80px 0}
.quality-wrapper-header .title{font-size:42px;line-height:48px;text-align:center;color:#333;display:flex;flex-direction:column;align-items:center;gap:20px}
.quality-wrapper-header .title::before{content:'';display:block;width:64px;height:17px;background:url(../../images/W.webp)}
.quality-wrapper-header .text{text-align: center;color:#666;max-width:1200px;margin:40px auto 0;}

@media(max-width:768px){
    .quality-wrapper-header{padding:40px 0;}
    .quality-wrapper-header .title{font-size:28px;line-height:36px;gap:15px;}
    .quality-wrapper-header .text{margin:20px auto 0;}
}

.quality-wrapper-content{background-color:#f8f8f8;padding:100px 0;}
.quality-wrapper-content-box{margin:0 auto;}
.quality-wrapper-content-box .title{font-size:36px;line-height:48px;color:#333;margin-bottom:30px;display: flex;align-items: center;gap:30px;}
.quality-wrapper-content-box .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#fff;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.quality-wrapper-content-box>.text{font-size:16px;line-height: 26px;color:#666;margin-bottom:30px;margin-left: 80px;}
.quality-wrapper-content-grid{display:grid;grid-template-columns: repeat(3,1fr);gap:40px;}
.quality-wrapper-content-grid .item{position:relative;background-color:#fff;}
.quality-wrapper-content-grid .item .more{text-align: center;height: 80px;display: flex;align-items: center;justify-content: center;font-size: 18px;line-height: 28px;color:#666;position:relative;}
.quality-wrapper-content-grid .item .more::before{content:'';width: 120px;height: 2px;background-color:var(--public-color);position:absolute;top:0;}
.quality-wrapper-content-grid .item .img img{width: 100%;}
.quality-wrapper-content-grid .item-title{padding:40px;font-size: 20px;line-height: 32px;color:#333;}
.quality-wrapper-content-grid .item-text{padding:0 0px 00px 40px;margin: 0 40px 40px 0;;font-size: 16px;line-height: 26px;color:#666;height:200px;overflow-y: auto;}
.quality-wrapper-content-grid .item-text::-webkit-scrollbar{width:2px;}
.quality-wrapper-content-grid .item-text::-webkit-scrollbar-track{background-color: #f4f4f4;border-radius: 3px;}
.quality-wrapper-content-grid .item-text::-webkit-scrollbar-thumb{background-color: var(--public-color);border-radius: 3px;}
.quality-wrapper-content-grid .item-text::-webkit-scrollbar-thumb:hover{background-color: #437bb5;}

@media(max-width:768px){
    .quality-wrapper-content{padding:60px 0;}
    .quality-wrapper-content-box .title{font-size:28px;line-height:36px;margin-bottom:20px;gap:20px;}
    .quality-wrapper-content-box .title::before{width:60px;height:60px;font-size:150px;line-height:60px;margin-left:0;min-width:auto;}
    .quality-wrapper-content-box>.text{font-size:14px;line-height:22px;margin-bottom:20px;margin-left:60px;}
    .quality-wrapper-content-grid{grid-template-columns:1fr;gap:20px;}
    .quality-wrapper-content-grid .item .more{height:60px;font-size:16px;line-height:24px;}
    .quality-wrapper-content-grid .item .more::before{width:80px;}
    .quality-wrapper-content-grid .item-title{padding:30px;font-size:18px;line-height:28px;}
    .quality-wrapper-content-grid .item-text{padding:0 0 0 30px;margin:0 30px 30px 0;font-size:14px;line-height:22px;height:150px;}
}

.quality-wrapper-list{padding:200px 0 130px;display: flex;flex-direction: column;gap:160px;}
.quality-wrapper-list .list-item{display: flex;justify-content:space-between;gap:30px;}
.quality-wrapper-list .list-item:nth-child(even){flex-direction:row-reverse;}
.quality-wrapper-list .item-text{max-width:500px;}
.quality-wrapper-list .item-text .item-title{font-size:32px;line-height:48px;text-align:center;color:#333;display: flex;align-items: center;gap:20px;}
.quality-wrapper-list .item-text .item-title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.quality-wrapper-list .quality-list{margin-top: 40px;}
.quality-wrapper-list .quality-list{display: flex;flex-direction: column;gap:20px;}
.quality-wrapper-list .quality-list .item{font-size:16px;line-height: 28px;color:#666;display: flex;}
.quality-wrapper-list .quality-list .item::before{content:'';display: inline-block;width:4px;height: 100%;background-color:var(--public-color);height:60px;margin-right:65px;min-width:4px;}
.quality-wrapper-list1{background-color: #f8f8f8;}
.quality-wrapper-list1 .quality-wrapper-list{padding:140px 0 130px;}
.quality-wrapper-list1 .item-text{max-width:800px;}
.quality-wrapper-list1 .item-img{max-width:500px;}
.quality-wrapper-list1 .img{margin-top: 40px;}
.quality-wrapper-list1 .quality-list{margin-top:20px;}

@media(max-width:768px){
    .quality-wrapper-list{padding:100px 0 80px;gap:80px;}
    .quality-wrapper-list .list-item{flex-direction:column!important;gap:20px;}
    .quality-wrapper-list .item-text{max-width:100%;}
    .quality-wrapper-list .item-text .item-title{font-size:24px;line-height:36px;gap:15px;}
    .quality-wrapper-list .item-text .item-title::before{width:60px;height:60px;font-size:150px;line-height:60px;margin-left:0;min-width:auto;}
    .quality-wrapper-list .quality-list{margin-top:20px;gap:15px;}
    .quality-wrapper-list .quality-list .item{font-size:14px;line-height:24px;}
    .quality-wrapper-list .quality-list .item::before{height:40px;margin-right:40px;}
    .quality-wrapper-list1 .quality-wrapper-list{padding:80px 0 80px;}
    .quality-wrapper-list1 .item-text{max-width:100%;}
    .quality-wrapper-list1 .item-img{max-width:100%;}
    .quality-wrapper-list1 .img{margin-top:20px;}
}

.download-wrapper-box{display: flex;}
.download-wrapper-box .download-wrapper-img{flex:1;max-width:700px;}
.download-wrapper-box .download-wrapper-form{flex:1;max-width:700px;display: flex;flex-direction: column;justify-content: center;}
.download-wrapper-box .download-wrapper-form .title{font-size: 32px;line-height: 48px;color:#333;}
.download-wrapper-box .download-wrapper-form .title::before{content:'';display:block;width:64px;height:17px;background:url(../../images/W.webp) no-repeat;margin-bottom: 30px;}
.download-wrapper-box .download-wrapper-form .text{font-size: 16px;line-height:30px;color:#666;}
.download-wrapper-box .download-form{margin-top: 60px;}
.download-wrapper-box .form-control{border:none;border-bottom:1px solid #e9e8e5;height:60px;}
.download-wrapper-box .form-control[name="customer"],
.download-wrapper-box .form-control[name="email"]{border-top:1px solid #e9e8e5;}
.download-wrapper-box button{background-color:#1761ac;color:#fff;font-size:16px;line-height:32px;font-family:inherit;border:none;border-radius:0;width:200px;height:55px;display:block;text-align:center;transition:background 0.3s;box-shadow:none;font-weight:400;letter-spacing:0.5px;cursor:pointer;outline:none;margin:0 auto 0 0;padding:0}

@media(max-width:768px){
    .download-wrapper-box{flex-direction:column;}
    .download-wrapper-box .download-wrapper-img{max-width:100%;}
    .download-wrapper-box .download-wrapper-form{max-width:100%;padding:30px 0;}
    .download-wrapper-box .download-wrapper-form .title{font-size:24px;line-height:36px;}
    .download-wrapper-box .download-wrapper-form .title::before{margin-bottom:20px;}
    .download-wrapper-box .download-wrapper-form .text{font-size:14px;line-height:26px;}
    .download-wrapper-box .download-form{margin-top:40px;}
    .download-wrapper-box .form-control{height:50px;}
    .download-wrapper-box button{width:160px;height:45px;font-size:14px;line-height:28px;}
}

.news-wrapper-header{padding:80px 0}
.news-wrapper-header .title{font-size:42px;line-height:48px;text-align:center;color:#333;display:flex;flex-direction:column;align-items:center;gap:20px}
.news-wrapper-header .title::before{content:'';display:block;width:64px;height:17px;background:url(../../images/W.webp)}
.news-wrapper-header .text{text-align: center;color:#666;max-width:1200px;margin:40px auto 0;}
.news-wrapper-header .mores{display: flex;justify-content: center;gap:10px;margin-top: 60px;}
.news-wrapper-header .mores .more{background-color:var(--public-color);color:#fff;font-size:21px;line-height:32px;padding:20px 00px;text-align: center;width: 240px;}

@media(max-width:768px){
    .news-wrapper-header{padding:40px 0;}
    .news-wrapper-header .title{font-size:28px;line-height:36px;gap:15px;}
    .news-wrapper-header .text{margin:20px auto 0;}
    .news-wrapper-header .mores{align-items:center;gap:8px;margin-top:20px;flex-wrap:wrap;justify-content: flex-start;}
    .news-wrapper-header .mores .more{font-size:18px;line-height:28px;padding:15px 0;width:calc(50% - 4px);}
}

.news-wrapper .news-grid{display:grid;grid-template-columns: repeat(3,1fr);gap:40px;margin-top: 70px;padding-bottom: 180px;}
.news-wrapper .news-grid .item>a{width: 100%;}
.news-wrapper .news-grid .item>a img{width: 100%;}
.news-wrapper .news-grid .item-text{padding:60px 40px;background-color:#fbfbfb;transition:.6s all ease-in-out;}
.news-wrapper .news-grid .item-text time{font-size: 16px;line-height: 36px;color: #999;border-bottom:1px solid #efefef;display: inline-block;width: 100%;padding-bottom: 20px;margin-bottom: 20px;}
.news-wrapper .news-grid .item-text .item-title{font-size:20px;line-height: 36px;color:#333;}
.news-wrapper .news-grid .item-text .more{display: flex;align-items: center;gap:0;margin-top: 50px;}
.news-wrapper .news-grid .item-text .more .more-text{font-size:21px;line-height:32px;color:var(--public-color);text-decoration:underline;width:0;overflow:hidden;transition:.6s all ease-in-out;white-space:nowrap;}
.news-wrapper .news-grid .item-text .more .more-icon{font-size:16px;line-height: 32px;color:var(--public-color);border:1px solid #666;border-radius:50%;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;transition:all .6s ease-in-out;}
.news-wrapper .news-grid .item-text:hover{background-color:#fff;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);}
.news-wrapper .news-grid .item-text:hover .item-title{color:var(--public-color);}
.news-wrapper .news-grid .item-text .more:hover .more-text{width:180px;}
.news-wrapper .news-grid .item-text .more:hover .more-icon{color:#fff;background-color:var(--public-color);}

@media(max-width:768px){
    .news-wrapper .news-grid{grid-template-columns:1fr;gap:20px;margin-top:40px;padding-bottom:100px;}
    .news-wrapper .news-grid .item-text{padding:40px 30px;}
    .news-wrapper .news-grid .item-text time{font-size:14px;line-height:32px;padding-bottom:15px;margin-bottom:15px;}
    .news-wrapper .news-grid .item-text .item-title{font-size:18px;line-height:32px;}
    .news-wrapper .news-grid .item-text .more{margin-top:30px;}
    .news-wrapper .news-grid .item-text .more .more-text{font-size:18px;line-height:28px;}
    .news-wrapper .news-grid .item-text .more .more-icon{width:50px;height:50px;font-size:14px;}
    .news-wrapper .news-grid .item-text .more:hover .more-text{width:140px;}
}

.news-content-wrapper-recommend{padding:30px 0 130px;border-bottom:2px solid #e2e2e2;}
.news-content-wrapper-recommend .title{font-size:36px;line-height:36px;color:var(--public-color);margin-bottom:30px;display: flex;gap:30px;flex-direction: column;}
.news-content-wrapper-recommend .title::after{content:'';border-bottom:2px solid var(--public-color);width: 100%;display: block;}

@media(max-width:768px){
    .news-content-wrapper-recommend{padding:20px 0 80px;}
    .news-content-wrapper-recommend .title{font-size:28px;line-height:32px;margin-bottom:20px;gap:20px;}
}


/* news-content */
.article-content{padding:70px 0;}
.article-content .news-nav{display: flex;align-items: center;justify-content:flex-start;gap:10px;padding:0px 0 90px;}
.article-content .news-nav .item{width: 240px;height: 46px;background-color:#000;color:#fff;font-size: 14px;line-height: 46px;text-align: center;transition:all .45s ease-in-out;}
.article-content .news-nav .item.active,.article-content .news-nav .item:hover{background-color:var(--public-color);}
.article-content .news-content{padding:0;display: flex;gap:30px;margin-bottom: 80px;}
.article-content .news-content .table-of-contents{width:330px;min-width:330px;position: sticky;height: fit-content;top: 100px;}
.article-content .news-content .table-of-title{display: flex;align-items: center;justify-content:flex-start;font-size: 28px;font-weight: 600;color:var(--public-color);padding:20px 0 40px;}
.article-content .news-content .table-of-content{padding:0px;}
.article-content .news-content .table-of-content-item-title{font-size:22px;line-height: 32px;font-weight:500;letter-spacing:-.8px;}
.article-content .news-content .table-of-content-loading{display: flex;align-items: center;justify-content:center;height: 100%;}
.article-content .news-content .table-of-content-list{font-size: 18px;line-height:24px;}
.article-content .news-content .table-of-content-item, .article-content .news-content .table-of-content-item-list-item{margin-bottom: 10px;}
.article-content .news-content .table-of-content-item{margin-bottom:40px;}
.article-content .news-content .table-of-content-item-list{padding:20px 0 0;margin-top: 20px;border-top:1px solid #e5e5e5;}
.article-content .functional-area{width: 330px;min-width:330px;display: flex;flex-direction: column;gap:30px;position: sticky;height: fit-content;top: 100px;}
.article-content .functional-area-title{font-size:32px;line-height:42px;font-weight: bold;margin-bottom: 40px;}
.article-content .functional-area-content{display: flex;flex-direction: column;margin-top:40px;}
.article-content .functional-area-content .item{height: 60px;border-bottom:1px solid #ededed;display: flex;align-items: center;gap:30px;}
.article-content .functional-area-content-item{display: flex;gap:20px;}
.article-content .functional-area-content-item-img{width:120px;min-width:120px;overflow:hidden;}
.article-content .functional-area-content-item-img img{transition: all .45s;}
.article-content .functional-area-content-item-img:hover img{transform:scale(1.1);}
.article-content .functional-area-content-item-text{display: flex;flex-direction: column;gap:4px;margin-bottom: 20px;padding-bottom:20px;border-bottom:1px solid #ededed;}
.article-content .functional-area-content-item-text-title{font-size:18px;line-height:24px;font-weight:400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp:2;-webkit-box-orient: vertical;}
.article-content .functional-area-content-item-text-time{font-size:16px;line-height:20px;color:var(--public-color);font-weight: 600;}
.article-content .functional-area-box{background-color: #f8f8f8;padding:30px;border-bottom:2px solid var(--public-color);}
.article-content .functional-area-box .functional-area-title{margin-bottom: 10px;font-size: 28px;line-height: 56px;color:#333;font-weight: 500;}
.article-content .functional-area-box .functional-area-btn{color:#fff;background-color:#1a4a92;height: 65px;width: 270px;border-radius:5px;display: flex;align-items: center;justify-content: center;}
.article-content .functional-area-box .functional-area-btn svg{margin-left: 20px;}

.article-content .functional-area-box .form-control:focus{border-color:var(--public-color);}
.article-content .functional-area-box .form-feedback .btn{background-color:var(--public-color);color:#fff;width: 100%;}
.article-content .content-box{overflow:hidden;flex:1;}
.article-content .content-box .content-title{font-size:38px;line-height: 48px;color:var(--public-color);font-weight:500;letter-spacing:-1.2px;}
.article-content .content-box .content-info{display: flex;align-items: center;justify-content:flex-start;gap:20px;color:#666;border-bottom:1px solid #e5e5e5;}
.article-content .content-box .content-info .content-time{font-size: 16px;line-height: 48px;font-weight:600;}
.article-content .content-box .content-info .content-author{font-size: 16px;line-height: 48px;font-weight:600;}
.article-content .content-box .content-content{font-size: 16px;line-height:28px;padding:60px 0;color:#999;}
.article-content .content-box .content-content h2{font-size: 28px;line-height: 36px;font-weight: 500;color:#333;}
.article-content .content-box .content-content h3{font-size: 22px;;height: 36px;font-weight: 500;color:#333;}
.article-content .content-page{display: flex;justify-content:space-between;gap:40px;}
.article-content .content-page .content-page-prev-next{display: flex;flex-direction: column;gap:30px;max-width:540px;font-size: 18px;}
.article-content .content-page .content-page-prev-next a:hover{text-decoration: underline;}
.article-content .content-page .goback{width: 220px;background-color:#000;color:#fff;font-size: 20px;line-height: 46px;text-align: center;transition:all .45s ease-in-out;height: 46px;}
.article-content .content-page .goback a{color:#fff;width: 100%;transition:all .45s ease-in-out;}
.article-content .content-page .goback a:hover{background-color:var(--public-color);}

.eicon-animation-spin {animation: eicon-spin 2s linear infinite;height:60px;}
@keyframes eicon-spin {
    0% {transform: rotate(0deg)}
    to {transform: rotate(359deg)}
}

@media (max-width: 768px) {
    .article-content{padding:0 0 40px 0;}
    .article-content .news-nav{padding:20px 0;flex-wrap:wrap;}
    .article-content .news-nav .item{width:calc(50% - 5px);font-size:12px;}
    .article-content .news-content{flex-direction:column;margin-bottom:40px;}
    .article-content .news-content .table-of-contents{width:100%;min-width:100%;position:relative;top:0;}
    .article-content .news-content .table-of-title{padding:15px;font-size:16px;}
    .article-content .news-content .table-of-content{padding:15px;}
    .article-content .news-content .table-of-content-list{font-size:16px;line-height:22px;}
    .article-content .functional-area{width:100%;min-width:100%;position:relative;top:0;}
    .article-content .functional-area-title{font-size:24px;line-height:32px;margin-bottom:20px;}
    .article-content .functional-area-content-item-text-title{font-size:14px;line-height:20px;}
    .article-content .content-box .content-title{font-size:24px;line-height:36px;}
    .article-content .content-box .content-info .content-time,
    .article-content .content-box .content-info .content-author{font-size:14px;line-height:36px;}
    .article-content .content-box .content-content{font-size:14px;line-height:28px;padding:30px 0;}
    .article-content .content-page{flex-direction:column;gap:20px;}
    .article-content .content-page .content-page-prev-next{font-size:16px;max-width:100%;}
    .article-content .content-page .goback{width:100%;font-size:16px;}
}

.solution-wrapper{overflow:hidden;}
.solution-wrapper-header{padding:80px 0}
.solution-wrapper-header .title{font-size:42px;line-height:48px;text-align:center;color:#333;display:flex;flex-direction:column;align-items:center;gap:20px}
.solution-wrapper-header .title::before{content:'';display:block;width:64px;height:17px;background:url(../../images/W.webp)}
.solution-wrapper-header .text{text-align: center;color:#666;max-width:1200px;margin:40px auto 0;}

.solution-what{display: flex;justify-content:space-between;padding-bottom:30px;}
.solution-what .solution-what-text{flex:1;max-width:650px;}
.solution-what .solution-what-img{flex:1;max-width:750px;display: flex;align-items: center;justify-content: center;margin: -50px;}
.solution-what .solution-what-title{font-size:32px;line-height:48px;color:#333;margin-bottom: 30px;display: flex;align-items: center;gap:20px;}
.solution-what .solution-what-title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.solution-what .solution-what-text{font-size:16px;line-height:26px;color:#666;padding-left:60px;}
.solution-what .solution-what-list{margin-top: 30px;padding-left:60px;}
.solution-what .solution-what-list .item{font-size:16px;line-height:26px;color:#666;}
.solution-what .solution-what-list .item::before{content:'\f00c';font-family:'CmsFont';display: inline-block;margin-right:10px;color:var(--public-color);font-weight: bold;}

.solution-customized{background-color:#f8f8f8;padding:130px 0;max-width:1920px;margin:0 auto;position:relative;}
.solution-customized .solution-customized-title{font-size: 36px;line-height: 48px;display: flex;align-items: center;gap:30px;color:#333;}
.solution-customized .solution-customized-title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#fff;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.solution-customized .solution-customized-text{font-size: 16px;line-height: 24px;color:#666;padding-left:80px;margin-top: 20px;}
.solution-customized-grid{display: grid;grid-template-columns: repeat(5,1fr);gap:30px;max-width:1760px;margin:60px auto 0;}
.solution-customized-grid .item{display: flex;flex-direction: column;align-items: center;gap:20px;background-color:#fff;padding:40px 15px;position:relative;}
.solution-customized-grid .item .sum{font-size: 24px;line-height: 28px;font-weight: bold;color:var(--public-color);}
.solution-customized-grid .item .title{font-size: 20px;line-height: 32px;text-align: center;color:#333;letter-spacing:-.8px;}
.solution-customized-grid .item .text{font-size: 16px;line-height: 24px;text-align: center;color:#666;}
.solution-customized-grid .item::before{content:'';display: block;width: 100%;height:2px;background-color:var(--public-color);position:absolute;top:135px;left:0;z-index:1;}
.solution-customized-grid .item svg{position:relative;z-index: 3;}
.solution-customized-grid::before{content:'';display: block;width: 100%;height:2px;background-color:var(--public-color);position:absolute;top:449px;left:0;z-index:1;}

.solution-personalized{padding:130px 0;}
.solution-personalized .title{font-size: 36px;line-height: 48px;display: flex;align-items: center;gap:30px;color:#333;justify-content:center;}
.solution-personalized .text{font-size: 16px;line-height: 24px;color:#666;text-align: center;max-width:1100px;margin:30px auto 0;}
.solution-personalized-grid{display: grid;grid-template-columns: repeat(2,1fr);gap:40px;max-width:1760px;margin:60px auto 0;}
.solution-personalized-grid .item{display: flex;flex-direction: column;gap:20px;background-color:var(--public-color);padding:60px;overflow-x:hidden;}
.solution-personalized-grid .item .item-title{font-size:28px;line-height: 32px;color:#fff;letter-spacing:-.8px;}
.solution-personalized-grid .item .item-list{display: flex;flex-direction: column;color:#fff;font-size: 16px;line-height: 24px;gap:5px;}
.solution-personalized-grid .item .item-list-item::before{content:'\f00c';font-family:'CmsFont';display: inline-block;margin-right:10px;color:#fff;}
.solution-personalized-grid .item .item-xian{width: 20px;height: 20px;background-color:rgba(255, 255, 255,.62);border-radius:50%;display: flex;align-items: center;justify-content: center;position:relative;}
.solution-personalized-grid .item .item-xian::before{content:'';display:inline-block;width: 10px;height: 10px;background-color:#fff;border-radius:50%;}
.solution-personalized-grid .item .item-xian::after{content:'';position:absolute;top:50%;left:20px;width:1000px;height:2px;background-color:rgba(255, 255, 255,.62);transform:translateY(-50%);}

.solution-app{padding-bottom: 60px;}
.solution-app .solution-app-box{display: flex;justify-content:space-between;gap:50px;}
.solution-app .solution-app-text{flex:1;max-width:600px;}
.solution-app .solution-app-img{flex:1;max-width:960px;}
.solution-app .solution-app-text .title{font-size:32px;line-height:48px;color:#333;margin-bottom: 30px;display: flex;align-items: center;gap:20px;}
.solution-app .solution-app-text .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.solution-app .solution-app-text .text{padding-left:70px;}
.solution-app .solution-app-text .more{padding:30px 0 0 70px;}
.solution-app .solution-app-text .more-text{font-size:21px;line-height:32px;color:var(--public-color);text-decoration:underline;}
.solution-app .solution-app-text .more-icon{font-size:16px;line-height: 32px;color:var(--public-color);border:1px solid #666;border-radius:50%;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;transition:all .6s ease-in-out;margin-top: 20px;}
.solution-app .solution-app-text .more-icon:hover{color:#fff;background-color:var(--public-color);}

.solution-qua{padding:130px 0;background-color:#f8f8f8;}
.solution-qua .solution-qua-box{display: flex;justify-content:space-between;gap:50px;}
.solution-qua .solution-qua-img{flex:1;max-width:700px;margin-left:-100px;}
.solution-qua .solution-qua-text{flex:1;max-width:700px;}
.solution-qua .solution-qua-text .title{font-size:32px;line-height:48px;color:#333;margin-bottom: 30px;display: flex;align-items: center;gap:20px;}
.solution-qua .solution-qua-text .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#fff;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.solution-qua .solution-qua-text .solution-qua-list{display: flex;flex-direction: column;gap:20px;margin-top: 30px;}
.solution-qua .solution-qua-text .solution-qua-list .item{font-size:16px;line-height: 28px;color:#666;border-left:4px solid var(--public-color);padding-left:65px;}

.about-wrapper{max-width:1920px;margin:0 auto;}
.about-wrapper-banner{background:url(../../images/banner-about.webp) no-repeat center center;background-size:cover;height: 400px;}
.about-wrapper-banner>div{height: 100%;}
.about-wrapper-banner .about-wrapper-banner-title{font-size:42px;line-height:48px;color:#333;display:flex;justify-content: center;align-items: center;height:calc(100% - 80px);letter-spacing:-1.6px;}

.about-wrapper .home-about{padding:150px 0 100px;}
.about-wrapper .home-about .home-about-box{display: flex;gap:50px;justify-content:space-between;position:relative;}
.about-wrapper .home-about .about-left{max-width:500px;}
.about-wrapper .home-about .about-left .title{display: flex;align-items: center;}
.about-wrapper .home-about .about-left .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height:80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.about-wrapper .home-about .about-left .title .title-text{display: flex;flex-direction: column;margin-left: 20px;}
.about-wrapper .home-about .about-left .title .title-t1{font-size:36px;line-height:48px;color:#333;}
.about-wrapper .home-about .about-left .title .title-t2{font-size: 18px;line-height: 28px;color:var(--public-color);font-weight:500;}
.about-wrapper .home-about .about-left .text{font-size: 16px;line-height: 28px;color:#666;margin:20px 0;}
.about-wrapper .home-about .about-left .about-list{display: flex;gap:20px;justify-content:space-between;}
.about-wrapper .home-about .about-left .about-list .item{display: flex;flex-direction:column;}
.about-wrapper .home-about .about-left .about-list .item .sum{font-size:36px;line-height: 48px;color:#333;}
.about-wrapper .home-about .about-left .about-list .item .text{font-size: 16px;line-height: 28px;color:#666;}
.about-wrapper .about-right-img{position:relative;}
.about-wrapper .about-bottom{position:absolute;bottom:-90px;width: 1100px;background-color:var(--public-color);padding:40px 60px;color:#fff;display: flex;justify-content:space-between;}
.about-wrapper .about-bottom .item{display: flex;gap:20px;}
.about-wrapper .about-bottom .item .svg{width: 40px;height: 40px;}
.about-wrapper .about-bottom .item .item-text{display: flex;flex-direction: column;gap:10px;}
.about-wrapper .about-bottom .item .item-text .sum{font-size:36px;line-height: 48px;color:#fff;}
.about-wrapper .about-bottom .item .item-text .item-text1{font-size: 16px;line-height: 28px;color:#fff;}


.about-history{padding:130px 0;}
.about-history .title{display: flex;align-items: center;font-size: 42px;line-height: 56px;color:#333;margin-bottom: 30px;gap:30px;}
.about-history .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height:80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.about-history>.text{font-size:24px;line-height: 28px;color:#666;margin:20px 0;}
.about-history-box{max-width:1920px;margin:0 auto;margin-top: 100px;position:relative;padding-bottom: 10px;}
.about-history-box .about-history-swiper{overflow:hidden;}
.about-history-box .about-history-swiper .swiper-slide{display: flex;flex-direction: column;gap:20px;}
.about-history-box .about-history-swiper .swiper-slide .sum{font-size:56px;line-height: 48px;color:var(--public-color);font-weight: 500;}
.about-history-box .about-history-swiper .swiper-slide .sum::after{content:'';display:block;width: 12px;height: 12px;background-color:#fff;border-radius:50%;border:2px solid #999;margin-top: 20px;}
.about-history-box .about-history-swiper .swiper-slide .text{font-size: 16px;line-height: 28px;color:#666;}
.about-history-box .about-prev,.about-history-box .about-next{position:absolute;top:50%;transform:translateY(-50%);width:70px;height:70px;background-color:#fff;border:1px solid #666;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .6s ease-in-out;cursor:pointer}
.about-history-box .about-prev{left:50px}
.about-history-box .about-next{right:50px}
.about-history-box .about-prev:hover,.about-history-box .about-next:hover{background-color:var(--public-color);border-color:var(--public-color)}
.about-history-box .about-prev::after{content:'\f060';font-family:CmsFont;color:var(--public-color);font-size:20px;font-weight:400;transition:all .3s ease-in-out}
.about-history-box .about-next::after{content:'\f061';font-family:CmsFont;color:var(--public-color);font-size:20px;font-weight:400;transition:all .3s ease-in-out}
.about-history-box .about-prev:hover::after{color:#fff;}
.about-history-box .about-next:hover::after{color:#fff;}
.about-history-box::before{content:'';display:block;width: 100%;height: 2px;background-color:var(--public-color);position:absolute;top:74px ;left:0;}

.about-service{padding:80px 0;letter-spacing: 0;}
.about-service .about-service-box{display: flex;justify-content:space-between;gap:100px;}
.about-service .about-service-img{flex:1;max-width:960px;}
.about-service .about-service-text{flex:1;max-width:600px;}
.about-service .about-service-text .title{font-size:32px;line-height:48px;color:#333;margin-bottom: 30px;display: flex;align-items: center;gap:20px;}
.about-service .about-service-text .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.about-service .about-service-text .text{font-size: 16px;line-height: 28px;color:#666;margin-bottom: 30px;}
.about-service .about-service-text .service-list{display: flex;flex-direction: column;gap:20px;margin: 30px 0;}
.about-service .about-service-text .service-list .item{font-size:16px;line-height: 28px;color:#666;border-left:4px solid var(--public-color);padding-left:65px;}
.about-service .about-service-text .more{background-color:var(--public-color);color:#fff;font-size:21px;line-height:32px;padding:20px 30px;text-decoration:underline;}

.about-quality{padding:30px 0 150px;}
.about-quality .about-quality-box{display: flex;justify-content:space-between;gap:100px;}
.about-quality .about-quality-img{flex:1;max-width:800px;}
.about-quality .about-quality-text{flex:1;max-width:500px;}
.about-quality .about-quality-text .title{font-size:32px;line-height:48px;color:#333;margin-bottom: 30px;display: flex;align-items: center;gap:20px;}
.about-quality .about-quality-text .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.about-quality .about-quality-text .text{font-size: 16px;line-height: 28px;color:#666;margin-bottom: 30px;}
.about-quality .about-quality-text .about-quality-list{display: flex;flex-direction: column;gap:20px;margin: 30px 0;}
.about-quality .about-quality-text .about-quality-list .item{font-size:16px;line-height: 28px;color:#666;border-left:4px solid var(--public-color);padding-left:65px;}
.about-quality .about-quality-text .more{background-color:var(--public-color);color:#fff;font-size:21px;line-height:32px;padding:20px 30px;text-decoration:underline;}

.about-technical{background-color:#f8f8f8;padding:110px 0;}
.about-technical .title{font-size:32px;line-height:48px;color:#333;margin-bottom: 30px;display: flex;align-items: center;gap:20px;}
.about-technical  .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.about-technical .text{font-size: 16px;line-height: 28px;color:#666;margin-bottom:80px;}
.about-technical .about-technical-grid{display: grid;grid-template-columns: repeat(5,1fr);gap:30px;max-width:1920px;margin:0 auto;}

.about-global{padding:120px 0 60px;}
.about-global .about-global-box{display: flex;justify-content:space-between;gap:100px;}
.about-global .about-global-text{flex:1;max-width:600px;}
.about-global .about-global-img{flex:1;max-width:800px;}
.about-global .about-global-text .title{font-size:32px;line-height:48px;color:#333;margin-bottom: 30px;display: flex;align-items: center;gap:20px;}
.about-global .about-global-text .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.about-global .about-global-text .text{font-size: 16px;line-height: 28px;color:#666;margin-bottom: 30px;}

.product-detail-header{display: flex;justify-content:space-between;gap:100px;margin:80px 0 110px;}
.product-detail-header .product-detail-left{flex:1;max-width:600px;height: 550px;box-shadow:0 0 20px rgba(0, 0, 0, .1);position:relative;padding:20px 0;}
.product-detail-header .product-detail-right{flex:1;max-width:700px;}
.product-detail-header .product-detail-left .product-detail-swiper{width: 100%;}
.product-detail-header .product-detail-left .product-detail-swiper .swiper-slide{width: 100%;}
.product-detail-header .product-detail-left .product-detail-swiper .swiper-slide .img{width: 100%;text-align: center;}
.product-detail-header .product-detail-thumbs{max-width:430px;overflow:hidden;}
.product-detail-header .product-detail-thumbs .swiper-slide{width: 100%;background-color:#dcdcdc;}
.product-detail-header .product-detail-thumbs .swiper-slide.swiper-slide-thumb-active{background-color:#999;}
.product-detail-header .product-detail-thumbs .swiper-slide .img{width: 100%;text-align: center;mix-blend-mode:multiply;}
.product-detail-header .swiper-button-prev,.product-detail-header .swiper-button-next{position:absolute;bottom:60px;top:inherit;width:50px;height:50px;background-color:#fff;border:1px solid #666;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .6s ease-in-out;cursor:pointer}
.product-detail-header .swiper-button-prev:hover,.product-detail-header .swiper-button-next:hover{background-color:var(--public-color);border-color:var(--public-color)}
.product-detail-header .swiper-button-next{right:25px;}
.product-detail-header .swiper-button-prev{left:25px;}
.product-detail-header .swiper-button-prev::after{content:'\f060';font-family:CmsFont;color:var(--public-color);font-size:20px;font-weight:400;transition:all .3s ease-in-out}
.product-detail-header .swiper-button-next::after{content:'\f061';font-family:CmsFont;color:var(--public-color);font-size:20px;font-weight:400;transition:all .3s ease-in-out}
.product-detail-header .swiper-button-prev:hover::after{color:#fff;}
.product-detail-header .swiper-button-next:hover::after{color:#fff;}

.product-detail-right{display: flex;flex-direction: column;gap:0;}
.product-detail-right .sku{font-size:24px;line-height:32px;color:#333;margin-bottom:20px;}
.product-detail-right .title{font-size:32px;line-height:48px;color:#333;margin-bottom: 30px;display: flex;align-items: center;gap:20px;}
.product-detail-right .text{font-size: 16px;line-height: 28px;color:#666;margin-bottom: 30px;}
.product-detail-right .product-detail-table{display: flex;flex-direction: column;gap:20px;}
.product-detail-right .product-detail-table table{width: 100%;}
.product-detail-right .product-detail-table table td{padding:10px 0;}
.product-detail-right .product-detail-table table td:nth-child(1){width:200px;}
.product-detail-right .mores{display: flex;gap:20px;margin-top: 30px;}
.product-detail-right .mores a:nth-child(1){background-color:var(--public-color);color:#fff;padding:15px 30px;font-size: 16px;border-radius:5px;}
.product-detail-right .mores a:nth-child(1)::after{content:'\f061';font-family:CmsFont;margin-left: 20px;}
.product-detail-right .mores a:nth-child(2){display: flex;align-items: center;gap:10px;border:1px solid var(--public-color);padding:15px 30px;font-size: 16px;border-radius:5px;}
.product-detail-right .mores a:nth-child(2) svg{width: 26px;height: 26px;}
.product-detail-right .mores a:nth-child(2) svg path{fill:var(--public-color);}
.product-detail-right .mores a:hover{text-decoration:underline;}

.product-detail-wrapper .share{display: flex;align-items: center;margin-top: 40px;}
.product-detail-wrapper .share p{font-size: 14px;line-height: 24px;color: #999;font-weight: bold;margin-bottom: 10px;}
.product-detail-wrapper .share a{border: 2px solid #e8e8e8;border-radius: 100%;display: inline-flex;justify-content: center;align-items: center;width: 32px;height: 32px;}

.product-detail-content{padding:0 0 100px;}
.product-detail-content .product-detail-content-box{display: flex;flex-direction: column;margin-top: 100px;gap:100px;}
.product-detail-content .title{font-size:32px;line-height:48px;color:#333;margin-bottom:60px;display: flex;align-items: center;gap:20px;}
.product-detail-content .title::before{content:'·';display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background-color:#f4f4f4;border-radius:50%;font-size:200px;color:var(--public-color);line-height: 80px;min-width:80px;margin-left:-30px;}
.product-detail-content .product-detail-grid{display: grid;grid-template-columns: repeat(2,1fr);gap:100px;}
.product-detail-content .product-detail-grid .product-detail-left{flex:1;max-width:600px;}
.product-detail-content .product-detail-grid .product-detail-right{flex:1;max-width:700px;}
.product-detail-content .product-detail-nav{display: flex;gap:50px;border-bottom:1px solid #d1dbe9;}
.product-detail-content .product-detail-nav .nav-item{font-size:18px;line-height: 48px;padding:10px 0;color:#999999;position:relative;}
.product-detail-content .product-detail-nav .nav-item.active{color:var(--public-color);}
.product-detail-content .product-detail-nav .nav-item.active::before{content:'';position:absolute;bottom:-2px;left:0;width: 100%;height:3px;background-color:var(--public-color);}
.product-detail-nav-box{height: 0;overflow: hidden;transition:all .6s ease-in-out;}
.product-detail-nav-box.active{height: auto;position:fixed;top:100px;left:0;width: 100%;background-color:#fff;z-index:5;}

.detail-1-grid{display:grid;grid-template-columns: repeat(5,1fr);gap:30px;}
.detail-1-grid .item{display: flex;flex-direction: column;}
.detail-1-grid .item .img{width: 100%;}
.detail-1-grid .item .text{font-size: 16px;line-height: 28px;color:#666;background-color:#f8f8f8;height: 100px;display: flex;align-items: center;justify-content: center;position:relative;}
.detail-1-grid .item .text::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120px;height:4px;background-color:var(--public-color);z-index: 1;}

.detail-3 table{font-size: 20px;line-height:56px;}
.detail-3 table tr{border-bottom:1px solid #ddd;}
.detail-3 table tr:nth-child(1){border-top:1px solid #ddd;}
.detail-3 table tr td:nth-child(1){color:#333;padding-right:50px;}

.detail-4 .product-table table th{background-color:var(--public-color);}
.detail-4 .product-table table tr:nth-child(even){background-color:#e8edf4;}
.detail-4 .product-table table tr:nth-child(odd){background-color:#f8f9fc;}

.detail-5-grid{display: grid;grid-template-columns: repeat(4,1fr);gap:60px 30px;}
.detail-5-grid .item{display: flex;flex-direction: column;}
.detail-5-grid .item .img{width: 100%;}
.detail-5-grid .item .img img{width: 100%;}
.detail-5-grid .item .text{display: flex;flex-direction: column;gap:10px;background-color:#f8f8f8;padding:20px 30px;position:relative;}
.detail-5-grid .item .text .t1{font-size: 16px;line-height: 32px;color:#333;text-align: center;}
.detail-5-grid .item .text .t2{font-size: 16px;line-height: 28px;color:#666;text-align: center;}
.detail-5-grid .item .text::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120px;height:4px;background-color:var(--public-color);z-index: 1;}

.contact-wrapper{padding-bottom:80px}
.contact-wrapper .contact-wrapper-box{display:flex;justify-content:space-between;align-items:flex-start;margin-top:60px;gap:40px}
.contact-wrapper .top-head{margin-bottom:70px}
.contact-wrapper .all-img{margin-bottom:40px}
.contact-wrapper .h2{font-size:38px;line-height:44px;letter-spacing:-1px;color:#222;font-weight:600;margin-bottom:30px}
.contact-wrapper .box-1 .text{margin-bottom:25px;font-size:16px;color:#555;line-height:28px}
.contact-wrapper .ul{color:#666;font-size:15px}
.contact-wrapper .ul p{display:flex;align-items:center;min-height:20px;margin-bottom:18px;gap:8px}
.contact-wrapper .ul p:last-child{margin-bottom:0}
.contact-wrapper .ul p::before{content:"";background:url(../../images/sign-1.webp) no-repeat center center;width:18px;height:18px;background-size:contain;display:inline-block;flex-shrink:0}
.contact-wrapper .line{display:flex;justify-content:flex-end;margin:35px 0}
.contact-wrapper .line p{width:92%;height:2px;background-color:var(--public-color);opacity:.12;border-radius:1px}
.contact-wrapper .d1{display:flex;align-items:flex-start;margin-bottom:12px;gap:10px}
.contact-wrapper .d1 .font-sty{line-height:28px;color:#444;font-size:15px}
.contact-wrapper .d1 .icon{display:inline-block;width:20px;height:20px;margin-top:2px;margin-right:16px;flex-shrink:0}
.contact-wrapper .content{align-items:flex-start}
.contact-wrapper .left{width:40%;min-width:320px;max-width:420px}
.contact-wrapper label{width:100%;font-size:15px;color:#333}
.contact-wrapper label span{color:#e94127;padding-right:4px}
.contact-wrapper label p{display:flex;align-items:center;padding-bottom:4px;gap:4px}

.contact-wrapper .right {width: 50%;}
.form-feedback.contact-form{background-color:#fff;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2);padding:60px 50px 50px 50px;border-radius:0;max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:40px}
.form-feedback .form-row{display:flex;flex-wrap:wrap;gap:20px 0}
.form-feedback .form-group{margin-bottom:20px;width:100%}
.form-feedback .col-md-6{width:48%;float:left}
.form-feedback .col-md-12{width:100%;float:left}
.form-feedback input.form-control,.form-feedback textarea.form-control{background-color:#f8f8f8;border:none;border-radius:0;font-size:16px;color:#333;width:100%;padding:14px 18px;box-sizing:border-box;margin-bottom:0;outline:none;transition:box-shadow 0.2s}
.form-feedback input.form-control:focus,.form-feedback textarea.form-control:focus{box-shadow:0 0 0 2px #1761ac33}
.form-feedback input.form-control{height:50px}
.form-feedback textarea.form-control{height:120px;resize:none}
.form-feedback .btn-box{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.form-feedback button[type="button"]{background-color:#1761ac;color:#fff;font-size:16px;line-height:32px;font-family:inherit;border:none;border-radius:0;width:250px;height:55px;display:block;text-align:center;transition:background 0.3s;box-shadow:none;font-weight:400;letter-spacing:0.5px;cursor:pointer;outline:none;margin:0 0 0 auto;padding:0}
.form-feedback button[type="button"]:hover{background-color:#124d87}
.form-feedback .feedback-result{color:#e94127;font-size:15px;min-height:22px;margin-top:8px}
.form-feedback .popup{display:none;background:rgba(23,97,172,0.95);color:#fff;padding:12px 24px;border-radius:4px;font-size:15px;position:absolute;right:0;top:-45px;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
.form-feedback .btn-box .popup.active{display:block}

@media (max-width: 768px) {
    .solution-wrapper-header{padding:40px 0}
    .solution-wrapper-header .title{font-size:24px;line-height:32px;gap:15px}
    .solution-wrapper-header .text{margin:20px auto 0;}

    .solution-what{flex-direction:column;gap:30px;}
    .solution-what .solution-what-text{max-width:100%;}
    .solution-what .solution-what-img{max-width:100%;margin:0;}
    .solution-what .solution-what-title{font-size:24px;line-height:32px;margin-bottom:20px;gap:15px;}
    .solution-what .solution-what-title::before{width:60px;height:60px;font-size:150px;line-height:60px;margin-left:0;min-width:auto;}
    .solution-what .solution-what-text{padding-left:0;}
    .solution-what .solution-what-list{padding-left:0;}

    .solution-customized{padding:60px 0;}
    .solution-customized .solution-customized-title{font-size:24px;line-height:32px;gap:20px;}
    .solution-customized .solution-customized-title::before{width:60px;height:60px;font-size:150px;line-height:60px;margin-left:0;min-width:auto;}
    .solution-customized .solution-customized-text{padding-left:60px;}
    .solution-customized-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin:40px auto 0;}
    .solution-customized-grid .item{padding:30px 15px;}
    .solution-customized-grid .item .title{font-size:16px;line-height:24px;}
    .solution-customized-grid .item .text{font-size:14px;line-height:20px;}
    .solution-customized-grid .item::before{top:115px;}
    .solution-customized-grid::before{top:389px;}

    .solution-personalized{padding:60px 0;}
    .solution-personalized .title{font-size:24px;line-height:32px;gap:20px;}
    .solution-personalized .text{margin:20px auto 0;}
    .solution-personalized-grid{grid-template-columns:1fr;gap:30px;margin:40px auto 0;}
    .solution-personalized-grid .item{padding:40px 30px;}
    .solution-personalized-grid .item .item-title{font-size:20px;line-height:28px;}
    .solution-personalized-grid .item .item-xian::after{width:500px;}

    .solution-app{padding-bottom:40px;}
    .solution-app .solution-app-box{flex-direction:column;gap:30px;}
    .solution-app .solution-app-text{max-width:100%;}
    .solution-app .solution-app-img{max-width:100%;}
    .solution-app .solution-app-text .title{font-size:24px;line-height:32px;margin-bottom:20px;gap:15px;}
    .solution-app .solution-app-text .title::before{width:60px;height:60px;font-size:150px;line-height:60px;margin-left:0;min-width:auto;}
    .solution-app .solution-app-text .text{padding-left:40px;}
    .solution-app .solution-app-text .more{padding:20px 0 0 40px;}
    .solution-app .solution-app-text .more-text{font-size:18px;line-height:28px;}
    .solution-app .solution-app-text .more-icon{width:60px;height:60px;}

    .solution-qua{padding:60px 0;}
    .solution-qua .solution-qua-box{flex-direction:column-reverse;gap:30px;}
    .solution-qua .solution-qua-img{max-width:100%;margin-left:0;min-width:auto;}
    .solution-qua .solution-qua-text{max-width:100%;}
    .solution-qua .solution-qua-text .title{font-size:24px;line-height:32px;margin-bottom:20px;gap:15px;}
    .solution-qua .solution-qua-text .title::before{width:60px;height:60px;font-size:150px;line-height:60px;margin-left:0;min-width:auto;}
    .solution-qua .solution-qua-text .solution-qua-list .item{padding-left:40px;}

    .about-wrapper-banner{height:250px;}
    .about-wrapper-banner .about-wrapper-banner-title{font-size:24px;line-height:32px;}

    .about-wrapper .home-about{padding:60px 0 40px;}
    .about-wrapper .home-about .home-about-box{flex-direction:column;gap:30px;}
    .about-wrapper .home-about .about-left{max-width:100%;}
    .about-wrapper .home-about .about-left .title::before{width:60px;height:60px;font-size:150px;line-height:60px;margin-left:0;min-width:auto;}
    .about-wrapper .home-about .about-left .title .title-t1{font-size:24px;line-height:32px;}
    .about-wrapper .home-about .about-left .about-list{flex-direction:column;gap:15px;}
    .about-wrapper .about-bottom{position:static;width:100%;padding:30px 20px;flex-direction:row;gap:20px;flex-wrap: wrap;}
    .about-wrapper .about-bottom .item{flex-direction:column;align-items:center;text-align:center;width:46%;}
    .about-wrapper .about-bottom .item .item-text .sum{font-size:24px;line-height:32px;}

    .about-history{padding:60px 0;}
    .about-history .title{font-size:24px;line-height:32px;gap:20px;}
    .about-history .title::before{width:60px;height:60px;font-size:150px;line-height:60px;margin-left:0;min-width:auto;}
    .about-history>.text{font-size:18px;line-height:24px;}
    .about-history-box{margin-top:60px;}
    .about-history-box .about-history-swiper .swiper-slide .sum{font-size:36px;line-height:32px;}
    .about-history-box .about-prev,.about-history-box .about-next{width:50px;height:50px;}
    .about-history-box .about-prev{left:20px}
    .about-history-box .about-next{right:20px}
    .about-history-box::before{top:54px;}

    .about-service{padding:40px 0;}
    .about-service .about-service-box{flex-direction:column;gap:30px;}
    .about-service .about-service-img{max-width:100%;}
    .about-service .about-service-text{max-width:100%;}
    .about-service .about-service-text .title{font-size:24px;line-height:32px;margin-bottom:20px;gap:15px;}
    .about-service .about-service-text .title::before{width:60px;height:60px;font-size:150px;line-height:60px;margin-left:0;min-width:auto;}
    .about-service .about-service-text .service-list .item{padding-left:40px;}
    .about-service .about-service-text .more{font-size:16px;line-height:24px;padding:15px 20px;}

    .about-quality{padding:20px 0 60px;}
    .about-quality .about-quality-box{flex-direction:column-reverse;gap:30px;}
    .about-quality .about-quality-img{max-width:100%;}
    .about-quality .about-quality-text{max-width:100%;}
    .about-quality .about-quality-text .title{font-size:24px;line-height:32px;margin-bottom:20px;gap:15px;}
    .about-quality .about-quality-text .title::before{width:60px;height:60px;font-size:150px;line-height:60px;margin-left:0;min-width:auto;}
    .about-quality .about-quality-text .about-quality-list .item{padding-left:40px;}
    .about-quality .about-quality-text .more{font-size:16px;line-height:24px;padding:15px 20px;}

    .about-technical{padding:60px 0;}
    .about-technical .title{font-size:24px;line-height:32px;margin-bottom:20px;gap:15px;}
    .about-technical .title::before{width:60px;height:60px;font-size:150px;line-height:60px;margin-left:0;min-width:auto;}
    .about-technical .text{margin-bottom:40px;}
    .about-technical .about-technical-grid{grid-template-columns:repeat(2,1fr);gap:20px;}

    .about-global{padding:60px 0;}
    .about-global .about-global-box{flex-direction:column;gap:30px;}
    .about-global .about-global-text{max-width:100%;}
    .about-global .about-global-img{max-width:100%;}
    .about-global .about-global-text .title{font-size:24px;line-height:32px;margin-bottom:20px;gap:15px;}
    .about-global .about-global-text .title::before{width:60px;height:60px;font-size:150px;line-height:60px;margin-left:0;min-width:auto;}

    .product-detail-header{flex-direction:column;gap:30px;margin:40px 0 60px;}
    .product-detail-header .product-detail-left{max-width:100%;height:400px;}
    .product-detail-header .product-detail-right{max-width:100%;}
    .product-detail-header .swiper-button-prev,.product-detail-header .swiper-button-next{width:40px;height:40px;bottom:40px;}
    .product-detail-header .swiper-button-next{right:15px;}
    .product-detail-header .swiper-button-prev{left:15px;}

    .product-detail-right .sku{font-size:18px;line-height:24px;}
    .product-detail-right .title{font-size:24px;line-height:32px;margin-bottom:20px;gap:15px;}
    .product-detail-right .mores{flex-direction:column;gap:15px;}
    .product-detail-right .mores a:nth-child(1),
    .product-detail-right .mores a:nth-child(2){padding:12px 20px;font-size:14px;}

    .product-detail-content{padding:0 0 60px;}
    .product-detail-content .product-detail-content-box{margin-top:60px;gap:60px;}
    .product-detail-content .title{font-size:24px;line-height:32px;margin-bottom:40px;gap:15px;}
    .product-detail-content .title::before{width:60px;height:60px;font-size:150px;line-height:60px;margin-left:0;min-width:auto;}
    .product-detail-content .product-detail-grid{grid-template-columns:1fr;gap:40px;}
    .product-detail-content .product-detail-grid .product-detail-left{max-width:100%;}
    .product-detail-content .product-detail-grid .product-detail-right{max-width:100%;}
    .product-detail-content .product-detail-nav{gap:30px;flex-wrap:wrap;}
    .product-detail-content .product-detail-nav .nav-item{font-size:16px;line-height:40px;}

    .detail-1-grid{grid-template-columns:repeat(2,1fr);gap:20px;}
    .detail-1-grid .item .text{height:80px;font-size:14px;line-height:20px;}
    .detail-1-grid .item .text::before{width:80px;height:3px;}

    .detail-3 table{font-size:16px;line-height:40px;}

    .detail-5-grid{grid-template-columns:repeat(2,1fr);gap:30px 20px;}
    .detail-5-grid .item .text{padding:15px 20px;}
    .detail-5-grid .item .text .t1{font-size:14px;line-height:24px;}
    .detail-5-grid .item .text .t2{font-size:14px;line-height:20px;}
    .detail-5-grid .item .text::before{width:80px;height:3px;}

    .contact-wrapper{padding-bottom:40px}
    .contact-wrapper .contact-wrapper-box{flex-direction:column;gap:30px;margin-top: 0;}
    .contact-wrapper .top-head{margin-bottom:40px}
    .contact-wrapper .h2{font-size:24px;line-height:32px;margin-bottom:20px}
    .contact-wrapper .left{width:100%;min-width:100%;max-width:100%}
    .contact-wrapper .right{width:100%;}
    .form-feedback.contact-form{padding:40px 30px 30px 30px;gap:30px}
    .form-feedback .col-md-6{width:100%;float:none}
    .form-feedback button[type="button"]{width:100%;margin:0}
}


.article-content .content-box .exhibition-content{color:var(--public-color);font-size: 18px;line-height: 28px;font-weight: 500;}

.exhibition-imgs{width:100%;margin:30px 0}
.waterfall-container{position:relative;width:100%}
.waterfall-item{position:absolute;width:calc((100% - 80px) / 3) !important;break-inside:avoid;transition:all 0.3s ease;opacity:0}
.waterfall-item.loaded{opacity:1}
.waterfall-item img{width:100%;height:auto;display:block}

/* 响应式布局 */
@media (max-width: 1200px) {
    .waterfall-item {width: calc((100% - 20px) / 2) !important;}
}

@media (max-width: 768px) {
    .waterfall-item {width: 100% !important;}
}

.new-faq-box{display:flex;justify-content:space-between}
.new-faq-box .faq-box{flex:1;max-width:900px}
/* 右侧表单区域：使用更兼容的 sticky 写法，并避免使用兼容性较差的 height: fit-content */
.new-faq-box .new-faq-right{
    max-width:450px;
    position:-webkit-sticky;
    position:sticky;
    top:100px;
    align-self:flex-start;
    height:auto;
}
.new-faq-box .title{font-size:16px;line-height:32px;color:#666;letter-spacing:-.8px;margin-bottom:20px}
.new-faq-box .form-feedback{background-color:var(--public-color);padding:50px 30px 40px 30px}
.new-faq-box .form-feedback button[type="button"]{width:100%;}

@media (max-width: 768px) {
    .new-faq-box{flex-direction:column;gap:30px}
    .new-faq-box .faq-box{max-width:100%}
    .new-faq-box .new-faq-right{max-width:100%;position:static}
    .new-faq-box .form-feedback{padding:30px 20px 20px 20px}
    .new-faq-box .form-feedback button[type="button"]{width:100%;margin:0}
    .new-faq-box .form-feedback .form-row{flex-direction:column;gap:15px}
    .new-faq-box .form-feedback .form-row .col-md-12{width:100%;float:none}
    .new-faq-box .form-feedback .form-row .col-md-8{width:100%;float:none}
    .new-faq-box .form-feedback .form-row .col-md-4{width:100%;float:none}
    .new-faq-box .form-feedback .form-row .col-md-6{width:100%;float:none}
}