/*通用样式*/
:root{
    --public-color:#fabf1d;
    --public-color-g:#1d9684;
    --max:1430px;
}
.card-thumb{overflow: hidden;display: block;}
*:focus{outline: none !important}
body{color:#666666;font-size:16px;line-height:28px;font-weight: 400;font-family:'Inter','Outfit',Arial,Helvetica,sans-serif;}
a{display:inline-block;transition: all .4s ease-in-out;}
a:hover{color:var(--public-color) !important}
.swiper-pagination-bullet-active{background:var(--public-color)}
.page-item.active .page-link {color: #fff;background-color: var(--public-color);border-color: var(--public-color);}
body,div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
img{aspect-ratio:attr(width) / attr(height);}
ul,ol,li,dl,dd,dt{list-style-type:none}
.img-width{width:100%;height:auto}
.img-height{height:100%;width:auto}
.img-fluid {max-width: 100%;height: auto;}
.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:768px){
    .container-xl.m-right{margin:0 auto;padding:0 15px}
    .container-xl.m-left{margin:0 auto;padding:0 15px}
}


.down-list{display: flex;justify-content: center;margin-top: 60px;}
.down-list .pagination{gap: 10px;}
.down-list .page-link{width: 50px;height: 50px;border-radius: 4px;display: flex;align-items: center;justify-content: center;}
@media(max-width:768px){
    .down-list{margin-top: 15px !important;justify-content: center;}
    .down-list .page-link {width: 40px;height: 40px;}
}

.x3-title{font-size:16px;line-height:24px;margin-top:15px;display:block;text-align:center;}

.max-1920px{max-width: 1920px;margin-left: auto;margin-right: auto;overflow-x: clip;}
.max-1860px{max-width: 1860px;}
.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-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;}

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


/* 自己写的 */
.dropdown-item.active, .dropdown-item:active{color: var(--public-color);}

.in-header .header{box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.1);position: relative;}
.in-header .header.scrolled{position: fixed}

.header.scrolled{box-shadow: 0px 10px 20px 0px rgba(0, 85, 160, 0.05);background: #fff;}
.header{position: fixed;width: 100%;z-index: 99;background-color: rgba(255,255,255,.6);transition: all .4s ease;max-width: 1920px;overflow-x: clip;}
.header .row-nav{display: flex;align-items: center;}
.header .header-nav{display: flex;align-items: center;justify-content: space-between;}
.header-top .row-nav{display: flex;align-items: center;justify-content: flex-end;width: 75%;position: inherit;}
.header-top .navbar-custom{position: inherit;}

@media(max-width:1330px){
    .header{position: relative;}
    .header.scrolled{position: fixed;top: 0;}
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--public-color);
}

.contact-search{display: flex;align-items: center;gap: 25px;padding-left: 0px;}
.contact-search .a-hg{background-color: var(--public-color-g);color: #ffffff;padding: 0 35px;}
.contact-search .a-hg::before{color: var(--public-color);}
.contact-search .top-search-box{margin: 0;}
.contact-search .dropdown.lang .dropdown-toggle{background-color: transparent;padding:0;border-radius: 0;}



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

@media(max-width:1470px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 18px;}
    .navbar-custom .navbar-nav .nav-item {margin: 0 15px;}
    .header .a-ly-1{font-size: 16px;width: 140px;}
}
@media(max-width:1380px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 16px;}
    .navbar-custom .navbar-nav .nav-item {margin: 0 5px;}
    .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after {padding: 0 5px;}
    .header .header-top{padding: 10px 0;}
}
@media(max-width:1270px) {
    .top-search-box{margin-right: -3px !important;}
}
@media(max-width:1100px) {
    .header .a-ly-1{display: none;}
}

/*移动端头部样式*/
@media(max-width:768px){
    body{padding-top:50px;font-size:14px;letter-spacing: -.3px !important;}
    .header-mb{background:#fff;position:fixed;top:0;left:0;width:100%;border-bottom:1px solid var(--public-color-o);z-index:999}
    .header-mb .container-xl{height:50px;display: flex;align-items: center;justify-content:space-between;z-index: 99;}
    .header-mb .top-logo{width:50%}
    .header-mb .top-logo img{height:30px;width:auto;}
    .header-mb .top-mb{display:flex;align-items:center;width:50%;justify-content:flex-end}
    .header-mb .top-mb>*{padding:.5rem .75rem;}
    .header-mb .top-mb>.top-mb-search{width: 40px;}
    .header-mb .top-mb .icon-whatsapp{font-size:20px}
    .header-mb .top-mb .dropdown.lang .dropdown-toggle{background:transparent;padding:0}
    .header-mb .top-mb .dropdown-menu{min-width:80px;margin-top:8px}
    .header-mb .top-mb .top-mb-search i{font-size:16px;color:#000}
    .header-mb .top-mb .icon-bars{color:#000}
    .header-mb .top-mb .dropdown.lang .dropdown-toggle{color:#fff}
    .top-mb-search-box{display:none;position:fixed;background:#fff;top:50px;padding:6px 15px 10px;box-shadow:2px 2px 4px rgba(0,0,0,0.2);z-index:998;width:100%}
    .top-mb-search-box .search-group{width:100%;height:auto}
    .top-mb-feed i{font-size:16px;color:#000}
    .mobile-head-item .main-content-wrap{background:#fff;top:0;display:block;z-index:99999}
    .mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;height:100%;padding:15px 10px;background-color:#fff}
    .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap{overflow-y:hidden}
    .mobile-head-item .side-content-wrap{position:fixed;display:block;right:-78%;width:78%;height:100%}
    .mobile-head-item .middle-content-wrap{position:absolute;right:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden}
    .mobile-head-item .middle-show-content-wrap{top:30px;visibility:visible;opacity:1}
    .head_top .top_left{display:none}
    .head_nav{width:100%;padding:0 5px}
    .head_nav li{padding-left:28px;padding-top:4px;padding-bottom:4px}
    .head_nav li,.head_nav li a{color:#111}
    .head_nav li.has-child{padding-left:28px;margin-top:0;margin-bottom:0}
    .head_nav li.has-child>a{margin-top:3px;margin-bottom:3px;margin-right:35px}
    .head_nav li.has-child>ul{display:none}
    .head_nav li.siblings-no-menu{position:relative;padding-left:15px}
    .head_nav li a{display:block;height:auto;line-height:1.4em;position:relative}
    .head_nav li a:hover{color:inherit}
    .head_nav li em{display:block;height:1.4em;overflow:hidden}
    .head_nav li li{font-size:14px}
    .head_nav li li li{font-size:12px}
    .head_nav li li a{color:#666}
    .head_nav li.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:0;color:#fff;}
    .search-box .btn.focus{border:1px solid rgb(128,189,255)}
    .search-box .icon{color:var(--public-color)}
    .main-mask{position:absolute;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:9;display:none}
}
/*#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: 1.5rem; }
.content-wrapper h2 { font-size: 26px; font-weight: 600; margin-bottom: 15px;margin-top: 30px;}
.content-wrapper h3 { font-size: 24px; font-weight: 600; margin-bottom: 15px;margin-top: 30px;}
.content-wrapper h4 { font-size: 20px; font-weight: 600; margin-bottom: 15px;margin-top: 30px;}
.content-wrapper p{margin-bottom: 15px;}
.content-wrapper img { max-width: 100% !important; height: auto !important;margin-bottom: 15px;}
.content-wrapper video { max-width: 100% !important; height: auto !important; }
.content-wrapper ul{padding-left: 20px;margin-bottom: 15px;}
.content-wrapper ul li{list-style-type: initial;margin-bottom: 10px;}
.content-wrapper ol{padding-left: 20px;margin-bottom: 15px;}
.content-wrapper ol li{list-style-type: initial;margin-bottom: 10px;}
.content-wrapper iframe { max-width: 100%; }
.content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529;margin-bottom: 15px;}
.content-wrapper table p{margin-bottom: 0;}
.content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dee2e6; text-align: center; }
.content-wrapper table tbody tr:nth-of-type(even) { background-color: #edf2f7;}
.content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; }
.content-wrapper table p{ margin-bottom: 0;line-height: 32px;}
.content-wrapper tbody th{color:#2980c7}

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

.table-wrapper table tr{border-bottom: 1px solid var(--public-color);}
.table-wrapper table td + td{border-left: 1px solid var(--public-color);}
.table-wrapper table tr:hover{background-color: rgba(0,153,223, .05);}
@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; }
    .table-wrapper table td{font-size: 14px;line-height: 20px;padding-left: 15px;}
}
@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}
@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}
}

/*#留言表单*/
.all-from .btn-box,.all-from-1 .btn-box{margin-top: 55px;}
.form-row.form-btn-box{position: relative;}
.form-row .btn-box{position: static;}
.form-row .pos-btn{position: absolute;top:100%;left:0;padding:0 10px;width: 100%;font-size: 14px;line-height: 24px;font-weight: 400;}
.form-row .a-ly::before{width: 16rem;}

.form-group .form-control::placeholder{font-size:16px;line-height:32px;color:#333333;opacity:1}
.form-group .form-control{padding:15px 20px 12px 30px;border:none;border-radius:8px;background-color:#f3f3f3;border:solid 1px #f3f3f3;}
.form-group .form-control:focus{border-color: var(--public-color);box-shadow: inset 0 0 0 1px var(--public-color);}
.form-group textarea.form-control{padding-top:10px}
.form-row{margin:0 -10px 20px !important}
.form-group{position:relative;padding:0 10px !important;margin-bottom: 0;}
.form-group:has(input[required])::before,.form-group:has(textarea[required])::before{content:"";width:8px;height: 8px;border-radius: 100%;background-color: var(--public-color);position:absolute;left:25px;top:23px;line-height:18px;z-index:1}
.form-group:has(textarea[required])::before{top:20px}
.form-row .all_btn{display:flex;justify-content:center;align-items:center;height:47px;font-size:20px;font-weight:500;letter-spacing:0;border-radius: 24px;border: 0;padding: 0 40px;}
.form-row .all_btn::before{border-radius: 24px;border: 0;}
.form-cap .input-group{border:0;border-radius: 0px;overflow: hidden;gap: 6px;}
.form-cap .form-group .form-control{border:none;background-color: #f3f3f3;border-radius: 8px;}
.form-cap .input-group-append{width:100px;background-color:#f3fbfe;margin:0;border:none;border-radius: 8px;overflow: hidden;}
.input-group-append img{width:100%;height:auto;background-color:#f3fbfe;mix-blend-mode:darken}
.input-group-img{padding:0 !important}
.input-group-text{border:none}

@media(max-width:1340px){
    .form-cap .input-group-append{width: 100px;}
}
@media(max-width:900px){
    .all-from .btn-box, .all-from-1 .btn-box{margin-top: 10px;}
}
@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}
}
@media(max-width:768px){
    .form-row {gap: 10px;}
    .form-row .all_btn{font-size: 16px;line-height: 24px;padding: 0 25px;}
}


.was-validated .form-control:invalid,.form-control.is-invalid {
    border-color: #f5543f;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

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

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



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

.zhkz.on{display: block;}
.zhkz{display: none; background:var(--public-color);color:#fff;font-size:20px;font-weight:bold;position: fixed;top:250px;right:-54px;transform: rotate(-90deg); padding: 10px 20px 20px;border-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;cursor:pointer;z-index:99; }

@media(max-width:768px) {
    .zhbg .box{width:80%;padding:15px;}
    .zhkz{font-size:16px;padding:10px 20px;right:-45px;top:200px; }
}


.in-banner .small-nav{position: static;}
.small-nav{width: 100%;position: absolute;top: 100px;left: 0;right: 0;display: flex;justify-content: center;}
.small-nav ul::before{content:  url(../../images/nav.webp);display: inline-block;margin-right: 10px;}
.small-nav ul{display: flex;align-items:center;flex-wrap: wrap;position: relative;max-width: 1400px;width: 100%;}
.small-nav ul a{font-size: 14px;line-height: 24px;color:#cccccc;}
.small-nav ul li::before{content: ">";line-height: 24px;font-size: 14px;font-weight: 400;padding: 0 10px;color:#cccccc;position: static;}                                   
.small-nav ul li:first-child::before{display: none;}
.small-nav ul li:last-child a{color: var(--public-color);}
.small-nav ul li{display: flex;align-items: center;padding-left: 0;}
@media(max-width:1330px){
    .small-nav {top: 15px;}
}
@media(max-width:768px){
    .small-nav{padding-top:5px}
}
@media(max-width:768px){
    .small-nav ul a{font-size: 14px;line-height: 26px;}
    .small-nav ul li::before{padding: 0 5px;}
}


.a-ly:focus, .a-ly-1:focus{
    outline: none;
    box-shadow: none;
}

/* From Uiverse.io by mrhyddenn */ 
.a-hg:focus, .a-hg-1:focus{
    outline: none;
    box-shadow: none;
}
/* From Uiverse.io by nikk7007 */ 
.a-hg{font-size: 20px;line-height: 24px;color: #333333;background-color: var(--public-color);border-radius: 24px;font-weight:500;height: 47px;padding: 0 25px;display: inline-flex;align-items: center;justify-content: center;position: relative;transition: 0.3s ease all;z-index: 1;cursor: pointer;}
.a-hg:before {content: '';transition: 0.5s all ease;position: absolute;top: 0;left: 50%;right: 50%;bottom: 0;opacity: 0;border-radius: 24px;background-color: #efefef;z-index: -1;}
.a-hg:hover:before, .a-hg:focus:before {transition: 0.5s all ease;left: 0;right: 0;opacity: 1;}
.a-hg:hover,.a-hg:focus{color: var(--public-color) !important;}
.a-hg span{letter-spacing: -3px;margin-left: 10px;font-weight: 500;}

.a-hg-1{font-size: 20px;line-height: 28px;color: var(--public-color);background-color: #efefef;border-radius: 24px;font-weight:500;height: 47px;padding: 0 25px;display: inline-flex;align-items: center;justify-content: center;position: relative;transition: 0.3s ease all;z-index: 1;cursor: pointer;}
.a-hg-1:before {content: '';transition: 0.5s all ease;position: absolute;top: 0;left: 50%;right: 50%;bottom: 0;opacity: 0;background-color: var(--public-color);border-radius: 24px;z-index: -1;}
/* .a-hg-1:hover{background-color: transparent;} */
.a-hg-1:hover,.a-hg-1:focus {color: #333333 !important;}
.a-hg-1:focus img{filter: none !important;}
.a-hg-1:hover:before, .a-hg-1:focus:before {transition: 0.5s all ease;left: 0;right: 0;opacity: 1;}
@media(max-width:1200px){
    .a-hg,.a-hg-1{font-size: 18px;line-height: 26px;height: 42px;}
}
@media(max-width:768px){
    .a-hg,.a-hg-1{font-size: 16px;line-height: 24px;height: 42px;}
}


/*共有的类名*/
.text,.cont{letter-spacing: 0;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.title{font-size:36px;line-height:41px;color: #333333;font-weight: 400;}
.title-1{font-size: 38px;line-height: 48px;color: #333333;font-weight: bold;}
.title.title-c{text-align: center;}
h1{font-size: 42px;line-height: 52px;font-weight: bold;color: #333333;}
.t1{color: #333;}
.h6,h6{font-size: 18px;line-height: 26px;color: var(--public-color);font-weight: 400;}
.dfrsb{display: flex;justify-content: space-between;}
.dfrsbc{display: flex;justify-content: space-between;align-items: center;}
.dfcsb{display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.dfcsbc{display: flex;flex-direction: column;justify-content: space-between;}
.dfrcc{display:flex;justify-content: center;align-items: center;}
.ul li{position: relative;padding-left: 35px;margin-bottom: 0px;}
.ul li::before{content: '\f00c';font-family: 'cmsfont';font-size: 18px;line-height: 26px;font-weight: 600;position: absolute;left: 0;top: 0px;color: var(--public-color-o);}
.top-head.t-h-c{text-align: center;margin-left: auto;margin-bottom: auto;}
.img img.block{display: block;animation: bounceIn 1s;}
.img img.red{display: none;animation: bounceIn 1s;}
.top-head-c{text-align: center;margin: auto;}

h1.line{position: relative;}
.line,.line-left{position: relative;}
.line::after{content: "";width: 55px;height: 8px;background-color: var(--public-color);position: absolute;top: -30px;left: 0;}
.line-left{padding-left: 30px;}
.line-left::before{content: "";width: 10px;height: 26px;background-color: var(--public-color-g);position: absolute;left: 0;top: 7px;}
@media(max-wdith:1530px){
    h1{font-size: 36px;}
}
@media(max-wdith:1430px){
    h1{font-size: 34px;}
}
@media(max-wdith:900px){
    .line::after {top: -20px;width: 45px;height: 6px;}
}

span.y{color: var(--public-color);}
hr{background-color: var(--public-color);border-top: 1px solid var(--public-color);}

@media(max-width:1200px){
    .title{font-size: 34px;}
}
@media(max-width:930px){
    .home-about .right{width: 50%;}
    .title{font-size: 32px;}
}

.title-img::before{content: url(../../images/sign-1.webp);display: block;}
.title-img-white::before{filter: brightness(0) invert(1);}

.all-back-right{position: relative;}
.all-back-right::after{content: "";width: 32%;height: 560px;background: url(../../images/home-back-1.webp) no-repeat;background-size: 100% auto;position: absolute;right: 0;z-index: -1;}
.all-back-left::after{content: "";width: 32%;height: 560px;background: url(../../images/home-back-2.webp) no-repeat;background-size: 100% auto;position: absolute;left: 0;z-index: -1;}

.all-swiper{position: relative;padding:0px;}
.all-hover {color: #a5a5a5;transition: all .3s ease-in-out;font-weight: bold;z-index: 2;margin-top: -20px}
.all-hover::after{font-size: 50px;transition: all .3s ease-in-out;font-weight: 300;font-family: 'cmsfont';}
.all-hover:hover::after{color: var(--public-color-g) !important;}
.all-hover-next{right: -80px;}
.all-hover-prev{left: -80px;}
.all-hover-next::after{content:'\f054';}
.all-hover-prev::after{content: '\f053';}


/*#标签样式*/
.tag{margin-bottom: 30px;font-size: 17px;line-height: 30px;}
.tag span{color: var(--public-color);}
.tag i{color: var(--public-color);}
.tag a{font-size: 17px;line-height: 30px;color: #333;}
.tag a:hover{text-decoration: underline;color: var(--public-color);}
.tag a:after{content: ",";display: inline-block;margin-left: 3px;margin-right: 4px;}
.tag a:last-child:after{display: none;}

@media(max-width:768px) {
  .tag{display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
}


footer {background-color: var(--public-color-g);color: #ffffff;padding-top: 80px;}
footer .content{display: flex;justify-content: space-between;}
footer .footer-logo{margin-bottom: 30px;}
footer .text{font-size: 14px;line-height: 24px;color: #ffffff;margin-bottom: 20px;}
footer .h5{font-size: 20px;font-weight: 500;margin-bottom: 20px;}
footer .t1{font-size: 20px;line-height: 32px;font-weight: 500;margin-bottom: 25px;color: #ffffff;}
footer .box{display: inline-flex;flex-direction: column;align-items: flex-start;}
footer .font-sty{font-size: 14px;color: #ffffff;letter-spacing: -.2px;position: relative;}
footer a.font-sty:hover{color: #ffffff !important;}
footer a.font-sty:hover,footer .list-3 a:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 3px;opacity: 1;}

footer .top{margin-bottom: 60px;}
footer .list-1{width: 25%;}

footer .list-2{width: 23%;margin-top: 40px;}
footer .list-2 .box{display: inline-flex;flex-direction: column;align-items: flex-start;gap: 15px;}
footer .list-2 .font-sty{font-size: 14px;line-height: 20px;color: #ffffff;font-weight: 500;}
footer .list-2 .font-sty:last-child{margin-bottom: 0;}

footer .list-3{width: 25%;margin-top: 40px;}
footer .list-3 .d{padding-left: 25px;position: relative;margin-bottom: 25px;display: flex;flex-direction: column;gap: 25px;}
footer .list-3 .d:last-child{margin-bottom: 0;}
footer .list-3 .font-sty,footer .list-3 .name{font-size: 14px;line-height: 24px;color: #ffffff;}
footer .list-3 .icon{line-height:32px;position: absolute;left: 0;top: 0;}

footer .bottom{border-top: 1px solid #cccccc;height: 90px;display: flex;align-items: center;letter-spacing: 0px;display: flex;align-items: center;}
footer .content{display: flex;justify-content: space-between;}
footer .copy{font-size: 16px;line-height: 25px;font-weight: 500;color: #ffffff;}

footer .all-social{display: flex;gap: 25px;}
footer .hover-1,footer .hover-2{background-color: rgba(255,255,255,.6) !important;border:0;color: var(--public-color-g) !important;width: 40px;height: 40px;font-size: 14px !important;display: inline-flex;justify-content: center;align-items: center;border-radius: 100%;margin: 0 !important;}
footer .hover-1::before,footer .hover-2::before{font-size: 20px;width: inherit;}
footer .hover-1:hover,footer .hover-2:hover{background-color: #ffffff !important;color: var(--public-color-g) !important;}

@media(max-width:1340px){
    footer .content{flex-wrap: wrap;}
    footer .list-1 {width: 40%;}
    footer .list-2 {width: 50%;}
    footer .list-3 {width: 40%;}
}
@media(max-width:1000px){
    footer .list-1 {width: 65%;}
}
@media(max-width:768px){
    footer .list-1{width: 100%;}
    footer .list-2{width: 48%;}
    footer .list-2 .box{display: flex;}
    footer .list-2 .box-xl{margin-bottom: 40px;}
    footer .list-2 .box-xl:last-child{margin-bottom: 0;}
    footer .list-3{width: 100%;}
    footer .list-3 .icon{line-height: 24px;}
}
@media(max-width:530px){
    footer .t1{margin-bottom: 14px;}
    footer .list-2{width: 100%;}
}
@media(max-width:430px){
    footer{padding-top: 30px;}
    footer .top{margin-bottom: 30px;}
    footer .text{margin-bottom: 0;}
    footer .list-2{margin-top: 30px;}
}


.all-nav {gap:0 2px;margin-bottom: 85px;}
.all-nav .a-ly-1{background: #e4e4e4;color: #666666;border-color: #e4e4e4;font-weight: 300;width: 220px;height: 60px;padding: 0;}
.all-nav .a-ly-1:hover,.all-nav .a-ly-1.active{color: #ffffff !important;border-color:var(--public-color)}
.all-nav .a-ly-1:hover::before,.all-nav .a-ly-1.active::before{box-shadow: inset 0 0 0 10em var(--public-color);;}

span.arrow{margin-left: 5px;letter-spacing: -5px;}

.banner-home{position: relative;background-color: #000000;}
.banner-home>img{opacity: .8;}
.banner-home .banner-text {padding-top: 245px;align-items: flex-start;}
.banner-home h1::before{content: "";width:55px;height: 8px;background-color: var(--public-color);position: absolute;top: -30px;}
.banner-home h1{margin: 10px 0 50px;font-size: 52px;line-height: 54px;color: #ffffff;font-weight: 500;letter-spacing: 0;width: 60%;margin: auto;display: flex;justify-content: center;position: relative;}
@media(max-width:1380px){
    .banner-home h1 {width: 65%;font-size: 46px;}
}
@media(max-width:1330px){
    .banner-home .banner-text{padding-top: 0;align-items: center;}
}
@media(max-width:1200px){
    .banner-home h1{width: 90%;font-size: 42px;}
}

.banner-all{background-color: #000000;overflow-x: clip;}
.banner-all > img{opacity: .7;}
.banner-all .banner-text{text-align: left;padding-top: 100px;}
.banner-all .content{width: 65%;}
.banner-all h1{font-size: 52px;line-height: 54px;color: #ffffff;font-weight: 500;}
.banner-all .cont{margin-top: 15px;}
.banner-all .a-hg{margin-top: 50px;}

@media(max-width:1530px){
    .banner-all .banner-text {padding-top: 125px;}
    .banner-all h1 {font-size: 46px;}
}
@media(max-width:1400px){
    .in-banner .small-nav ul{padding-left: 0;}
    .small-nav ul{padding-left: 15px;}
    .banner-all h1 {font-size: 42px;}
}
@media(max-width:1340px){
    .banner-all .banner-text{padding-top: 30px;}
    .banner-all .content{width: 75%;}
    .banner-all h1{font-size: 38px;line-height: 46px;}
}
@media(max-width:1100px){
    .banner-all .banner-text{text-align: center;}
    .banner-all .content{width: 100%;}
    .banner-all h1{display: flex;justify-content: center;font-size: 32px;}
    .banner-all .line::after{left: auto;}
}
@media(max-width:1000px){
    .banner-all h1{font-size: 28px;line-height: 34px;}
}
@media(max-width:950px){
    .banner-all{display: flex;justify-content: center;align-items: center;}
    .banner-all > img{height: 230px;width: auto;}
    .banner-all .banner-text {padding-top: 50px;}
    .banner-all .a-hg{margin-top: 25px;display: none;}
    .banner-about .banner-all > img{height: 300px;}
}
@media(max-width:768px){
    .banner-all h1{font-size: 24px;line-height: 32px;}
}


@media(max-width:1430px){
    body{font-size: 17px;line-height: 26px;}
}
@media(max-width:1340px){
    body{font-size: 16px;line-height: 24px;}
}
@media(max-width:1200px){
    body{font-size: 15px;line-height: 23px;}
    .form-row .col-md-6{flex: 0 0 50%;}
}
@media(max-width:768px){
    body{font-size: 14px;line-height: 20px;}
    h1{font-size: 24px !important;line-height: 32px !important;}
    .title,.title-1{font-size: 22px !important;line-height: 32px !important;margin-bottom: 15px !important;letter-spacing: -.5px !important;}
    .h6{font-size: 16px !important;line-height: 24px !important;margin-bottom: 5px !important;}
    .text p{margin-bottom: 10px;}
    .text p:last-child{margin-bottom: 0 !important;}
    .cont,.text{font-size: 14px !important;line-height: 20px !important;}
    ul li{font-size: 16px;}
    .all-style{padding: 0 0px;}
    .all-hover{width: 45px;height: 45px;}
    .all-hover-next{right: -15px;}
    .all-hover-prev{left: -15px;}
    .a-hg-1,.a-hg{height: 42px;padding: 0 25px;}

    /* .all-from .form-row:nth-last-of-type(2) .col-md-12{width: 100%;flex: 0 0 100%;max-width: 100%;}
    .all-from .form-row .all_btn{height: 100%;width: 100%;}
    .all-from .form-row{gap: 0;}
    .all-from .col-md-4 {flex: 0 0 33.333333%;}
    .all-from .col-md-12,.all-from .col-md-6{flex: 0 0 50%;}
    .all-from .col-md-7 {flex: 0 0 58.333333%;}
    .all-from .col-md-5 {flex: 0 0 41.666667%;} */
}
@media(max-width:768px){
    .all-faqs .items{padding: 15px 0;}
    .all-faqs .quen-q{font-size: 18px;line-height: 26px;}
    .all-faqs .quen-a{font-size: 16px;line-height: 24px;}

    .all-from .col-md-12, .all-from .col-md-6,.all-from .col-md-7{flex: 0 0 100%;}
    .form-row{margin-bottom: 0 !important;gap:0}
    .form-row > *{margin-bottom: 10px !important;}
    .form-row > *,.form-row .col-md-6{flex:0 0 100%}
    .all-from-1 .form-cap,.all-from .form-cap{gap: 20px;}
    .all-from-1 .a-ly,.all-from .a-ly{width: auto;display: inline-block;padding: 0 20px;height: 40px;}
}


.home-sol{padding: 110px 0 135px;}
.home-sol .top-head{margin-bottom: 75px;}
.home-sol .title{margin-bottom: 20px;}
.home-sol .grid{--bs-gap:40px;}
.home-sol .list{height: 100%;background-color: #ffffff;box-shadow: 0px 11px 46px 0px rgba(0, 0, 0, 0.1);border-radius: 24px;padding: 25px 30px 40px;transition: all .3s ease-in-out;}
.home-sol .img,.home-sol .img img{border-radius: 4px;}
.home-sol .box{padding: 30px 0 0;text-align: center;min-height: 230px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;gap: 25px;}
.home-sol .t1{font-size: 24px;line-height: 29px;color: #333333;margin-bottom: 20px;}
.home-sol .list:hover{transform: translateY(-5px);}
@media(max-width:1450px){
    .home-sol .t1 {font-size: 22px;}
}
@media(max-width:1330px){
    .home-sol .t1 {font-size: 20px;line-height: 28px;}
}
@media(max-width:1200px){
    .home-sol .grid {--bs-gap: 20px;}
    .home-sol .list{padding: 25px 15px 30px}
    .home-sol .t1{font-size: 18px;line-height: 26px;}
}
@media(max-width:1140px){
    .home-sol .list{text-align: center;}
}
@media(max-width:768px){
    .home-sol{padding: 30px 0;}
    .home-sol .top-head{margin-bottom: 25px;}
    .home-sol .t1{margin-bottom: 15px;}
    .home-sol .box{min-height: auto;}
}

.home-about{position: relative;overflow: hidden;background-color: var(--public-color-g);overflow: hidden;}
.home-about .img-back{position: absolute;right: 0;top: 0;width:62%;text-align: right;}
.home-about .content{display: flex;justify-content: space-between;position: relative;}
.home-about .left{width: 45%;}
.home-about .right{width: 49%;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding: 15px 0;}
.home-about .h6{color: var(--public-color);}
.home-about .title{color: #ffffff;margin: 15px 0 20px;}
.home-about .text{color: #ffffff;margin-bottom: 65px;}
.home-about .a-hg{height: 47px;padding: 0 35px;border-radius: 24px;margin-top: 55px;}
.home-about .a-hg::before{border-radius: 24px;}
@media(max-width:1430px){
    .home-about .text {margin-bottom: 35px;}
    .home-about .a-hg {margin-top: 40px;}
}
@media(max-width:1200px){
    .home-about .content{align-items: center;}
}
@media(max-width:900px){
    .home-about{padding: 30px 0;}
    .home-about .content{flex-direction: column;align-items: flex-start;gap: 25px;}
    .home-about .left {width: 55%;}
    .home-about .right{width: 100%;}
    .home-about .a-hg {margin-top: 25px;}
}
@media(max-width:768px){
    .home-about .right{padding:0;}
    .home-about .title{margin-top: 0;}
    .home-about .text{margin-bottom: 20px;}
}
@media(max-width:500px){
    .home-about .left{width: 100%;}
}

.home-comparison{padding: 125px 0 45px;}
.home-comparison .title{margin-bottom: 85px;line-height: 56px;}
.home-comparison .title span{display: block;}
.home-comparison .content{display: grid;grid-template-columns: 1fr 160px 1fr;}
.home-comparison .items{border-radius: 28px;background-color: #f3f3f3;overflow: hidden;}
.home-comparison .h4{font-size: 28px;height: 105px;padding-left: 55px;display: flex;align-items: center;color: #ffffff;}
.home-comparison ul{margin: 20px 50px;}
.home-comparison li + li{border-top: 1px solid #cccccc;}
.home-comparison li{font-size: 18px;color: #666666;position: relative;padding: 20px 0 20px 65px;}
.home-comparison li::before{content: "\f00c";font-family: 'Cmsfont';color:#f3f3f3;width: 30px;height: 30px;border-radius: 100%;display: inline-flex;justify-content: center;align-items: center;position: absolute;left: 0;}
.home-comparison .items:first-child li::before{background-color: var(--public-color-g);}
.home-comparison .items:first-child .h4{background-color: var(--public-color-g);}
.home-comparison .items:last-child li::before{background-color: #999999;}
.home-comparison .items:last-child .h4{background-color: #999999;}
.home-comparison .vs{display: flex;justify-content: center;align-items: center;font-size: 65px;line-height: 60px;color: var(--public-color-g);font-weight: 500;}
.home-back {position: relative;}
.home-back::after{content: "";width: 100%;height: 2px;background-color: #c1bfc1;position: absolute;left: 0;bottom: 22%;z-index: -1;}
@media(max-width:1330px){
    .home-comparison .title{margin-bottom: 65px;}
    .home-comparison .content {grid-template-columns: 1fr 130px 1fr;}
}
@media(max-width:1200px){
    .home-comparison .content{grid-template-columns: 1fr 100px 1fr;}
    .home-comparison li {padding-left: 45px;}
    .home-comparison .vs{font-size: 50px;}
    .home-comparison .h4{padding-left: 25px;}
    .home-comparison ul{margin: 20px 25px;}
}
@media(max-width:1000px){
    .home-comparison .h4 {height: 80px;}
    .home-comparison ul{margin: 0px 25px;}
}
@media(max-width:900px){
    .home-comparison .content{display: block;}
}
@media(max-width:768px){
    .home-comparison{padding: 30px 0;}
    .home-comparison .h4{height: 64px;font-size: 20px;}
}

.home-quality{padding: 60px 0 135px;}
.home-quality .top-head{ margin-bottom: 75px;}
.home-quality .title{margin-bottom: 25px;}
.home-quality .text{color: #999999;}
.home-quality .name{display: flex;justify-content: space-between;position: relative;margin-bottom: 90px;}
.home-quality .name::after{content: "";width: 100%;height: 2px;background-color: #f3f3f3;position: absolute;bottom: 0;left: 0;z-index: -1;}
.home-quality .name li{font-size: 20px;line-height: 24px;display: flex;justify-content: center;padding-bottom: 35px;position: relative;}
.home-quality .name li.active{color: var(--public-color);font-weight: 500;padding: 0 6px;}
.home-quality .name li::after{content: "";width: 0%;height: 2px;background-color: var(--public-color);position: absolute;bottom: 100%;opacity: 0;transition: all .3s ease-in-out;}
.home-quality .name li.active::after,.home-quality .name li:hover::after{opacity: 1;width: 100%;bottom: 0;}

.home-quality .items{display: flex;justify-content: space-between;background-color: #ffffff;box-shadow: 0px 11px 46px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;}
.home-quality .t1{font-size: 28px;line-height: 37px;font-weight: 500;color: #333333;margin-bottom: 40px;}
.home-quality .left{width: 61%;}
.home-quality .left ,.home-quality .left img{border-radius: 8px 0px 0px 8px;}
.home-quality .right{width: 35%;display: flex;flex-direction: column;justify-content: space-around;align-items: flex-start;padding-right: 45px;}
.home-quality .a-line{font-size: 20px;line-height: 24px;color: var(--public-color-g);font-weight: 500;display: inline-flex;justify-content: center;position: relative;}
.home-quality .a-line::after{content:"";width: 100%;height: 1px;background-color: var(--public-color-g);position: absolute;bottom: 0;transition: width 0.3s ease-in-out;}
.home-quality .a-line:hover::after{width: 0;}

.home-quality-1{padding: 60px 0 135px;}
.home-quality-1 .content{display: flex;justify-content: space-between;align-items: center;}
.home-quality-1 .left{width: 50%;}
.home-quality-1 .right{width: 45%;}
.home-quality-1 .title{margin-bottom: 25px;}
.home-quality-1 .text{color: #999999;}
@media(max-width:1430px){
    .home-quality .left {width: 55%;}
    .home-quality .right {width: 40%;}
}
@media(max-width:1300px){
    .home-quality .name{margin-bottom: 70px;}
    .home-quality .name li {font-size: 18px;padding-bottom: 25px;}
}
@media(max-width:1200px){
    .home-quality .top-head{margin-bottom: 50px;}
    .home-quality .name{margin-bottom: 50px;}
    .home-quality .name li {font-size: 16px;padding-bottom: 20px;}
}
@media(max-width:1100px){
    .home-quality .name{display: none;}
    .home-quality .items{display: flex !important;margin-bottom: 35px;padding: 0 15px;}
    .home-quality .items:last-child{margin-bottom: 0;}
    .home-quality .left{width: 50%;}
    .home-quality .right{width: 45%;padding:20px 0;}
    .home-quality .t1{margin-bottom: 15px;font-size: 24px;line-height: 32px;}
}
@media(max-width:1000px){
    .home-quality .items{align-items: center;}
    .home-quality .t1 {font-size: 22px;}
    .home-quality .a-line {font-size: 16px;}
    .home-quality .box{margin-bottom: 20px;}
}
@media(max-width:768px){
    .home-quality-1{padding: 30px 0;}
    .home-quality-1 .content{flex-direction: column;align-items: flex-start;gap: 25px;}
    .home-quality .t1 {font-size: 20px;line-height: 28px;}
    .home-quality-1 .left{width: 55%;}
    .home-quality-1 .right{width: 100%;}
    
}
@media(max-width:500px){
    .home-quality-1 .left{width: 100%;}
}

.all-service{position: relative;}
.all-service .img-back{position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: auto;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.all-service .content{display: flex;justify-content: space-between;align-items: center;color: #ffffff;}
.all-service .left{width: 48%;}
.all-service .right{width: 50%;}
.all-service .title{color: #ffffff;margin-bottom: 30px;font-weight: 500;}
.all-service .text{margin-bottom: 70px;}
.all-service li::before{content: "\f00c";font-family: 'cmsfont';color: #ffffff;position: absolute;left: 0;top: 0;}
.all-service li {color: #cccccc;margin-bottom: 25px;position: relative;padding-left: 30px;}
.all-service li:last-child{margin-bottom: 0;}
.all-service li strong{font-weight: 500;font-size: 18px;display: block;color: #ffffff;margin-bottom: 8px;}
.all-service .h3{font-size: 24px;line-height: 37px;color: #333333;font-weight: 600;padding-left: 25px;position: relative;display: flex;align-items: center;margin-bottom: 45px;}
.all-service .h3::before{content: "";width: 10px;height: 26px;background-color: var(--public-color-g);position: absolute;left: 0;}

.all-service .right-xl{transform: translateY(80px);background-color: #ffffff;box-shadow: 0px 11px 46px 0px rgba(0, 0, 0, 0.1);border-radius: 40px;padding: 45px 40px 30px 55px;}
@media(max-width:1100px){
    .all-service .content{gap: 30px;}
    .all-service .text {margin-bottom: 45px;}
    .all-service .right{width:47%;min-width: 450px;}
    .all-service .right-xl{padding: 45px 30px 30px 30px;}
    .all-service .h3{margin-bottom: 35px;}
}
@media(max-width:900px){
    .all-service{padding: 30px 0;}
    .all-service .content{flex-direction: column;gap: 30px;}
    .all-service .left{width: 100%;}
    .all-service .right{width: 100%;min-width: auto;}
    .all-service .right-xl{transform: none;}
}
@media(max-width:768px){
    .all-service .text{margin-bottom: 25px;}
    .all-service .right-xl{padding: 30px 15px;}
    .all-service .h3{font-size: 20px;line-height: 28px;margin-bottom: 20px;}
}


.home-news{padding: 235px 0 125px;}
.home-news .content{display: flex;justify-content: space-between;gap: 95px;}
.home-news .title{position: relative;display: flex;align-items: center;padding-left: 30px;margin-bottom: 80px;}
.home-news .title::before{content: "";width: 6px;height: 30px;position: absolute;left: 0;}
.home-news .list{display: flex;justify-content: space-between;position: relative;}
.home-news .list::after{content: "";width: 100%;height: 1px;background-color: #e5e5e5;position: absolute;right: 0;bottom: -40px;}
/* news */
.home-news .news {width: 60%;}
.home-news .news .title::before{background-color: var(--public-color);}
.home-news .news .list{margin-bottom: 80px;position: relative;}
.home-news .news .list::after{width: 60%;bottom: -40px;}
.home-news .news .list:last-child::after{display: none;}
.home-news .news .img{width: 34%;min-width: 250px;}
.home-news .news .t1{font-size: 20px;line-height: 33px;color: #333333;font-weight: 500;}
.home-news .news .box{width: 60%;line-height: 24px;color: #999999;display: flex;flex-direction: column;justify-content: space-between;}
.home-news .news .time{color: var(--public-color-g);}
/* exhibition */
.home-news .exhibition {width: 35%;}
.home-news .exhibition .title::before{background-color: var(--public-color-g);}
.home-news .exhibition .list{margin-bottom: 90px;position: relative;gap: 30px;}
.home-news .exhibition .list::after{bottom: -45px;}
.home-news .exhibition .img{width: 210px;}
.home-news .exhibition .box{color: #666666;line-height: 19px;display: flex;flex-direction: column;justify-content: space-between;}
.home-news .exhibition .t1{font-size: 20px;line-height: 25px;color: #333333;font-weight: 500;}
.home-news .exhibition img{margin-right: 10px;}
@media(max-width:1380px){
    .home-news .exhibition{min-width: 450px;}
}
@media(max-width:1270px){
    .home-news .content{gap: 40px;}
    .home-news .news{width: auto;}
    .home-news .news .img{min-width: auto;}
    .home-news .title{margin-bottom: 60px;}
}
@media(max-width:1200px){
    .home-news .news .list{align-items: center;}
    .home-news .exhibition{min-width: 420px;}
    .home-news .exhibition .list{gap: 25px;}
    .home-news .exhibition .box{width: auto;}
    .home-news .exhibition .img {width: 180px;}
    .home-news .news .time{margin-top: 5px;}
}
@media(max-width:1050px){
    .home-news .content{flex-direction: column;}
    .home-news .news .items{display: grid;grid-template-columns: repeat(2,1fr);gap: 30px;}
    .home-news .news .list{flex-direction: column;gap: 25px;}
    .home-news .news .img{width: 100%;}
    .home-news .news .box{width: 100%;}

    .home-news .exhibition{min-width: auto;width: 100%;}
    .home-news .exhibition .items{display: grid;grid-template-columns: repeat(2,1fr);gap: 30px;}
    .home-news .exhibition .list{gap: 30px;}
    .home-news .news .img img{width: 100%;}
    .home-news .exhibition .box{width: auto;}
    .home-news .exhibition .img{width: 210px;}
}
@media(max-width:900px){
    .home-news{padding-top: 160px;}
    .home-news .exhibition .img{width: 160px;}
    .home-news .exhibition .t1{font-size: 18px;line-height: 26px;}
    .home-news .exhibition .box div{font-size: 14px;line-height: 20px;}
}
@media(max-width:768px){
    .home-news{padding: 30px 0;}
    .home-news .news .t1{font-size: 18px;line-height: 26px;margin-bottom: 15px;}
    .home-news .news .list{gap: 15px;justify-content: normal}
    .home-news .exhibition .list{flex-direction: column-reverse;}
    .home-news .exhibition .img{width: 100%;}
    .home-news .exhibition .img img{width: 100%;}
    .home-news .exhibition .box{width: 100%;}
    .home-news .exhibition .t1{margin-bottom: 15px;}
    .home-news .exhibition .box > div{margin-bottom: 10px;}
    .home-news .exhibition .box > div:last-child{margin-bottom: 0;}
}
@media(max-width:500px){
    .home-news .news .items{grid-template-columns: repeat(1, 1fr);gap: 10px;}
    .home-news .news .list{margin-bottom: 40px;}
    .home-news .news .list:last-child{margin-bottom: 0;}
    .home-news .news .list::after{bottom: -20px;}
    .home-news .news .list::after{width: 100%;}
    .home-news .exhibition .items{display: block;}
    .home-news .exhibition .list{gap: 15px;margin-bottom: 40px;}
    .home-news .exhibition .list::after{bottom: -20px;}
}

.product-paper{padding-bottom: 165px;}
.product-items{padding-top: 125px;}
.product-items .items{margin-bottom: 135px;}
.product-items .top-head{margin-bottom: 65px;}
.product-items .title{margin-bottom: 25px;}
.product-items h6{font-size: 18px;line-height: 28px;color: var(--public-color-g);margin-bottom: 25px;}
.product-items .text{color: #999999;}
.product-items .grid{gap: 40px;}
.product-items .list{height: 100%;background-color: #ffffff;box-shadow: 0px 11px 46px 0px rgba(0, 0, 0, 0.1);border-radius: 24px;padding:30px 25px;display: flex;flex-direction: column;justify-content: space-between;gap: 40px;align-items: flex-start;transition: all .3s ease-in-out;}
.product-items .list .img{background-color: #f0f7fc;margin-bottom: 30px;padding: 20px 15px;}
.product-items .list .img ,.product-items .list .img img{border-radius: 4px;}
.product-items .list .t1{font-size: 20px;line-height: 28px;color: #333333;}
.product-items .list:hover{transform: translateY(-10px);}
@media(max-width:1000px){
    .product-items .top-head {margin-bottom: 45px;}
    .product-items h6{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
}
@media(max-width:768px){
    .product-paper{padding-bottom: 30px;}
    .product-items{padding-top: 30px}
    .product-items .top-head{margin-bottom: 25px;}
    .product-items .items{margin-bottom: 40px;}
    .product-items .list{gap: 25px;}
    .product-items .list .t1{font-size: 18px;line-height: 26px;}
}
@media(max-width:500px){
    .product-items .grid{gap: 40px 15px;}
}

.all-big-faq .pro-aside{background:url(../../images/faq-back.webp) no-repeat center center;background-size: 100% 100%;background-color: var(--public-color-g);border-radius: 8px;padding: 40px 25px 65px 45px;position: sticky;height: 300px;top: 120px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 45px;}

.all-big-faq{padding-top: 215px;}
.all-big-faq .content{display:flex;justify-content:space-between;align-items:flex-start;gap:35px}
.all-big-faq .title{margin-bottom:65px}
.all-big-faq .article{width:63%;}
.all-big-faq .aside{min-width:350px;width:30%;background-color: var(--public-color-g);border-radius: 8px;padding: 35px 40px 30px 45px;}
.all-big-faq .aside .h3{font-size:24px;line-height:29px;font-weight: 400;color:#ffffff;position:relative;}
.all-big-faq .aside .text{color: #ffffff;line-height: 24px;margin-bottom: 35px;}
.all-big-faq .aside ul{margin-top: 25px;}
.all-big-faq .aside li:last-child{margin-bottom: 0;}
.all-big-faq .aside li{font-size: 16px;line-height: 28px;color: #666666;position: relative;padding-left: 35px;margin-bottom: 15px;}
.all-big-faq .aside li::before{content:"\f00c";font-family: 'cmsfont';color: var(--public-color);position: absolute;left: 0;top: 0;}
.all-big-faq .a-hg{height: 47px;font-size: 20px;padding: 0 40px;border-radius: 24px;font-weight: 400;}
.all-big-faq .a-hg::before{border-radius: 24px;}

@media(max-width:1330px){
    .all-big-faq .article{width: 100%;}
    .all-big-faq .aside{padding: 30px 25px;}
}
@media(max-width:900px){
    .all-big-faq{padding-top: 130px;}
    .all-big-faq .aside{min-width: 315px;padding-right: 15px;}
    .all-big-faq .pro-aside{height: 265px;;}
    .all-big-faq .aside .h3 {font-size: 22px;}
    .all-big-faq .content{flex-direction: column;}
}
@media(max-width:768px){
    .all-big-faq{padding-top: 30px;}
    .all-big-faq .aside{display: none;}
}


.all-faqs .quen-a p img{border-radius:10px;margin-right:18px}
.all-faqs .quen-a p img:last-child{margin-right:0}
.all-faqs .items{padding:30px 0px 25px 0px;position:relative}
.all-faqs .items:first-child{padding-top: 0px;}
.all-faqs .items:last-child{margin-bottom:0}
.all-faqs .items::after{content:"";width:100%;height:1px;background-color:#dfdfdf;position:absolute;right:0;bottom:0}
.all-faqs .item{display:flex;justify-content: space-between;grid-gap:18px;cursor:default;position:relative}
.all-faqs .quen-q{font-size:18px;line-height:28px;color:#222222;font-weight:500}
.all-faqs .quen-a{font-size:16px;line-height:24px;color:#666666;position:relative;margin-top:25px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word;display: grid;grid-template-columns: 30px auto;gap: 15px;}
.all-faqs .quen-a p{margin-bottom:15px}
.all-faqs .quen-a p:last-child{margin-bottom:0}
.all-faqs .quen-a .zm-a{width: 30px;height: 30px;border-radius: 100%;display: inline-flex;justify-content: center;align-items: center;background-color: var(--public-color-g);color: #ffffff;font-size: 24px;line-height: 28px;font-weight: 500;}
.all-faqs .symbol{color:#cccccc;font-size:20px;position:relative;top:2px}
.all-faqs .minus{display:none}
.all-faqs .plus{display:inline-block}
.all-faqs .items.active{padding-bottom: 40px;}
.all-faqs .items.active::after{background-color: var(--public-color-g);}
.all-faqs .items.active .symbol{color: var(--public-color);}
.all-faqs .items.active .minus{display:inline-block}
.all-faqs .items.active .plus{display:none}
@media(max-width:500px){
    .all-faqs .quen-q{font-size: 16px;line-height: 24px;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word;
    }
    .all-faqs .quen-a{font-size: 14px;line-height: 20px;grid-template-columns: 22px auto;margin-top: 15px;}
    .all-faqs .quen-a .zm-a {width: 22px;height: 22px;font-size: 14px;line-height: 20px;}
    .all-faqs .items.active{padding-bottom: 25px;}
    .all-faqs .items{padding: 15px 0;}
}

.product-search{padding-top: 10px;}
.product-search h1{margin-top: 30px;}
.product-search .p-l-products{padding-top: 30px;}
.p-l-products{padding-top: 95px;padding-bottom: 140px;}
.p-l-products .title{margin-bottom: 70px;}
.p-l-products .grid{gap: 40px;}
.p-l-products .list{height: 100%;background-color: #ffffff;box-shadow: 0px 11px 46px 0px rgba(0, 0, 0, 0.1);border-radius: 24px;padding:30px 25px;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;gap: 40px;transition: all .3s ease-in-out;}
.p-l-products .list .img{background-color: #f0f7fc;margin-bottom: 30px;}
.p-l-products .list .img ,.p-l-products .list .img img{border-radius: 4px;}
.p-l-products .list .t1{font-size: 20px;line-height: 28px;color: #333333;margin-bottom: 30px;}
.p-l-products .list .cont{line-height: 28px;color: #999999;}
.p-l-products .list:hover{transform: translateY(-10px);}
@media(max-width:768px){
    .p-l-products .grid{gap: 40px 20px;}
}
@media(max-width:500px){
    .p-l-products{padding: 30px 0;}
    .p-l-products .list{gap: 25px;}
    .p-l-products .list .t1{margin-bottom: 15px;font-size: 18px;line-height: 26px;}
}

.p-l-advantage{width: 100%;height: 750px;position: relative;display: flex;align-items: center;}
.p-l-advantage::before {
    content: "";
    width: 90%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(to right, var(--public-color-g) 65%, rgba(29, 150, 132, .01) 95%);
}
.p-l-advantage .title{color: #ffffff;margin-bottom: 75px;}
.p-l-advantage .content{max-width: 900px;width: 100%;position: relative;}
.p-l-advantage .grid{gap: 30px;}
.p-l-advantage .list{height: 100%;background-color: rgba(255,255,255,.2);padding: 25px 25px 30px 35px;border-radius: 8px;transition: all .3s cubic-bezier(0.42, 0.0, 0.58, 1.2);}
.p-l-advantage .t1::before{content: "\f00c";font-family: 'cmsfont';width: 33px;height: 33px;border-radius: 100%;background-color: var(--public-color);display: flex;justify-content: center;align-items: center;margin-bottom: 20px;}
.p-l-advantage .t1{font-size: 20px;line-height: 28px;color: #ffffff;margin-bottom: 10px;}
.p-l-advantage .cont{color: #ffffff;}
.p-l-advantage .list.active {background-color: #ffffff;}
.p-l-advantage .list.active .t1{color: #333333;}
.p-l-advantage .list.active .cont{color: #666666;}
@media(max-width:1270px){
    .p-l-advantage{width: auto;height: 100%;padding: 30px 0;justify-content: flex-end;}
    .p-l-advantage .title{margin-bottom: 45px;}
}
@media(max-width:1000px){
    .p-l-advantage .content{max-width: 100%;}
}
@media(max-width:768px){
    .p-l-advantage::before{width: 100%;height: 65%;background-image: linear-gradient(to bottom, var(--public-color-g) 65%, rgba(29, 150, 132, .01) 95%);}
    .p-l-advantage .list {background-color: #ffffff;padding: 20px 15px;}
    .p-l-advantage .list .t1{color: #333333;}
    .p-l-advantage .list .cont{color: #666666;}
}
@media(max-width:500px){
    .p-l-advantage .t1::before{margin-bottom: 10px;}
    .p-l-advantage .t1{font-size: 18px;line-height: 26px;}
}

.p-l-solution {background-color: #f3f3f3;padding: 75px 0;}
.p-l-solution .content{display: flex;justify-content: space-between;margin-bottom: 60px;}
.p-l-solution .left{width: 45%;display: flex;flex-direction: column;justify-content: center;padding-bottom: 20px;}
.p-l-solution .right{width: 30%;height: 300px;border-radius: 8px;background-color: var(--public-color-g);background-image: url(../../images/faq-back.webp);background-size: 100% 100%;padding: 60px 30px 60px 55px;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;}
.p-l-solution .title{margin-bottom: 45px;}
.p-l-solution .line::after{display: block;top: auto;bottom: 0;}
.p-l-solution .h3{font-size: 24px;line-height: 36px;color: #ffffff;}
.p-l-solution .a-hg{height: 47px;padding: 0 40px;font-weight: 400;}
.p-l-solution .a-hg , .p-l-solution .a-hg::before{border-radius: 24px;}
@media(max-width:1350px){
    .p-l-solution .left{width: 55%;}
    .p-l-solution .right{min-width: 300px;height: auto;padding: 40px 30px 40px 35px;gap:35px}
}
@media(max-width:768px){
    .p-l-solution .content{gap: 30px;}
    .p-l-solution .left{width:auto;}
    .p-l-solution .right{padding: 25px 20px 25px 20px;gap: 25px;}
    .p-l-solution .h3 {font-size: 20px;line-height: 28px;}
}
@media(max-width:670px){
    .p-l-solution .left{width: 100%;}
    .p-l-solution .right{display: none;}
}
@media(max-width:500px){
    .p-l-solution{padding: 30px 0;}
    .p-l-solution .content{margin-bottom: 25px;}
}

.all-production .grid{gap: 30px 25px;}
.all-production .list{position: relative;z-index: 1;}
.all-production .list , .all-production .list .img ,.all-production .list .img img{border-radius: 4px;}
.all-production .list .img img{width: 100%;}
.all-production .t1{width: 100%;font-size: 20px;line-height: 28px;color: #ffffff;position: absolute;bottom: 0;left: 0;padding: 10px 20px;border-radius:0 0 4px 4px;display: flex;justify-content: center;background-color: rgba(0, 0, 0, 0.03);backdrop-filter: blur(8px);}
.all-production .list::after{content: "";width: 100%;height: 75px;background-color: #c2c2c2;position: absolute;bottom: 0;left: 0;z-index: -2;opacity: 0;transition: width 0.3s ease-in-out,height 0.3s ease-in-out;}
.all-production .list:hover::after{width: calc(100% + calc(25px * 2));height: calc(75px + 10px);bottom: -10px;left: -25px;opacity: 1;}
@media(max-width:1460px){
    .all-production .t1{font-size: 18px;line-height: 26px;}
}
@media(max-width:1260px){
    .all-production .grid{gap: 30px 15px;}
    .all-production .t1{font-size: 16px;line-height: 24px;padding:5px 10px;}
}

.p-l-quality {padding: 165px 0 140px;}
.p-l-quality .content{display: flex;justify-content: space-between;align-items: center;}
.p-l-quality .left{width: 45%;}
.p-l-quality .right{width: 45%;position: relative;}
.p-l-quality .title{margin-bottom: 35px;}
.p-l-quality .right img{border-radius: 8px;}
@media(max-width:1340px){
    .p-l-quality{padding: 140px 0;}
}
@media(max-width:1200px){
    .p-l-quality .left{width: 50%;}
}
@media(max-width:768px){
    .p-l-quality .content{flex-direction: column-reverse;gap: 30px;}
    .p-l-quality .left{width: 100%;}
    .p-l-quality .right{width: 100%;}
}
@media(max-width:500px){
    .p-l-quality{padding: 30px 0;}
}

/* 系列留言表单 */
.p-l-faq{padding: 95px 0;background-color: #f3f3f3;}
.p-l-faq .all-big-faq{padding: 0;}
.p-l-faq .aside{padding-top: 70px;}
.p-l-faq .form-row{gap: 20px;}
.p-l-faq .all-big-faq .form-control{background-color:  rgba(243, 243, 243, .7);border-color: rgba(243, 243, 243, .7);}
.p-l-faq .form-row.form-cap{gap: 0;}
@media(max-width:500px){
    .p-l-faq{padding: 30px 0;}
}


.all-news{padding: 125px 0 145px;}
.all-news .title{margin-bottom: 100px;}
.all-news .grid{gap:60px 40px;}
.all-news .list::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    box-shadow: 0px 11px 46px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.all-news .list{height: 100%;gap: 45px;padding: 30px 30px 35px;position: relative; /* 确保伪元素扩展时不会溢出边界影响布局 */transition: box-shadow 0.3s ease;}
.all-news .list .img,.all-news .list .img img{border-radius: 4px;}
.all-news .list .img{margin-bottom: 35px;}
.all-news .list .img img{width: 100%;}
.all-news .time{font-size: 16px;line-height: 28px;color: var(--public-color-g);font-weight: 500;margin-bottom: 15px;}
.all-news .t1{font-size: 20px;line-height: 32px;color: #333333;font-weight: 500;margin-bottom: 20px;}
.all-news .cont{color: #999999;}
/* 按钮出现动画：淡入 + 向上移动 */
.all-news .a-hg{opacity: 0;transition: none;transform: translateY(20px);position: absolute;left: 30px;bottom: -40px;z-index: -1;}
.all-news .list:hover .a-hg,.all-news .list.active .a-hg{opacity: 1;transform: translateY(0);z-index: 1; transition: opacity 0.3s ease, transform 0.3s ease;  /* 确保按钮在伪元素之上 */}
.all-news .list:hover::after,.all-news .list.active::after{height: calc(100% + 85px);}
@media(max-width:1340px){
    .all-news .list {padding: 25px 15px;}
    .all-news .time{margin-bottom: 5px;}
    .all-news .t1 {margin-bottom: 10px;}
    .all-news .a-hg{left: 15px;}
}
@media(max-width:1260px){
    .all-news .title{margin-bottom: 70px;}
}
@media(max-width:768px){
    .all-news .list::after{height: 100%;}
    .all-news .a-hg{opacity: 1;transform: translateY(0);z-index: 1;position: static;margin-top: 30px;}
}
@media(max-width:500px){
    .all-news .grid{gap: 30px 25px}
}


.p-i-first{background-color: #f3f3f3;padding-top: 200px;padding-bottom: 85px;}
.p-i-first .content{display: flex;justify-content: space-between;}
.p-i-first .left{width: 50%;}
.p-i-first .right{width: 40%;}
.p-i-first h1{font-size: 36px;line-height: 52px;color: #333333;font-weight: 400;margin-bottom: 25px;}
.p-i-first .text{margin-bottom: 60px;}
.p-i-first .a-hg{padding: 0 55px;}
@media(max-width:1490px){
    .p-i-first{padding-top: 0;}
    .p-i-first .small-nav{position: relative;}
    .p-i-first .small-nav ul{padding-left: 0;}
    .p-i-first .content{margin-top: 40px;}
    .p-i-first .left {width: 55%;}
    .p-i-first .right {width: 42%;}
}
@media(max-width:1200px){
    .p-i-first .left {width: 47%;}
    .p-i-first .right {width: 50%;}
    .p-i-first h1{font-size: 32px;line-height: 48px;}
    .p-i-first .text{margin-bottom: 40px;}
}
@media(max-width:1000px){
    .p-i-first {padding-bottom: 35px;}
    .p-i-first .content{align-items: center;}
}
@media(max-width:900px){
    .p-i-first .content{flex-direction: column-reverse;gap: 25px;}
    .p-i-first .left{width: 100%;}
    .p-i-first .right {width: 100%;}
}
@media(max-width:768px){
    .p-i-first{padding-bottom: 30px;}
    .p-i-first h1{margin-bottom: 15px;}
    .p-i-first .text{margin-bottom: 25px;}
}

.detail-nav{margin:0px 0 90px;position:sticky;top:90px;height:fit-content;z-index:4;background-color: var(--public-color-g);}
.detail-nav .detail-box{display:flex;justify-content:space-between;gap: 100px;}
.detail-nav-xl{display:flex;gap: 100px;height: 80px;}
.detail-nav-xl a{font-size:20px;line-height:24px;font-weight: 500;color:#ffffff;position: relative;transition: all 0.3s ease-in-out;}
.detail-nav-xl a::after{content: "";width: 34px;height: 3px;background-color: var(--public-color);position: absolute;bottom: -15px;left: 0;opacity: 0;transition: opacity 0.3s ease-in-out;}
.detail-nav-xl li{position:relative;display: flex;align-items: center;z-index: 0;}
.detail-nav-xl li.active a,.detail-nav-xl li:hover a{color:var(--public-color) !important;}
.detail-nav-xl li.active a::after,.detail-nav-xl li:hover a::after{opacity: 1;}

@media(max-width:1000px){.detail-nav{display: none;}}

.p-i-content > div:nth-last-of-type(1){margin-bottom: 0;}
.p-i-content > div{margin-bottom: 120px;}
.p-i-content .title{margin-bottom: 85px;}
@media(max-width:1000px){
    .title{font-size: 28px;}
    .p-i-content{padding-top: 60px;}
    .p-i-content .title{margin-bottom: 45px;}
}
@media(max-width:768px){
    .p-i-content{padding-top: 30px;}
    .p-i-content > div{margin-bottom: 40px;}
}

.characteristics .content{display: grid;grid-template-columns: repeat(3,1fr);position: relative;}
.characteristics .list{padding: 40px 25px 25px;position: relative;display: flex;flex-direction: column;justify-content: center;}
.characteristics .list::after{content: "";width: 100%;height: 100%;background-color: var(--public-color-g);background-image: url(../../images/faq-back.webp);background-size: 100% 130%;background-position: left bottom;position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;transition: all .3s cubic-bezier(0.42, 0.0, 0.58, 1.2);}
.characteristics .t1::before{content: "\f00c";font-family: 'cmsfont';width: 33px;height: 33px;border-radius: 100%;background-color: var(--public-color);display: flex;justify-content: center;align-items: center;color: #ffffff;margin-bottom: 15px;}
.characteristics .t1{font-size: 20px;line-height: 28px;color: #333333;margin-bottom: 15px;}
.characteristics .list.active::after{opacity: 1;}
.characteristics .list.active > *{color: #ffffff;}

/* 盒子伪类特殊样式 */
.characteristics .list:nth-child(-n + 2)::before{content: "";width: 170px;height: 1px;background-color: #cccccc;position: absolute;bottom: -.5px;right: -85px;}
.characteristics .list:nth-child(n + 4)::before{content:"";width: 1px;height: 113px;background-color: #cccccc;position: absolute;top: -56.5px;right: 0;}
.characteristics .list:last-child::before{display: none;}
@media(max-width:1200px){
    .characteristics .content{grid-template-columns: repeat(2, 1fr);}
    .characteristics .list{padding-top: 25px;}
    .characteristics .list:nth-child(-n + 2)::before,
    .characteristics .list:nth-child(2n + 1)::before,
    .characteristics .list:nth-child(n + 4)::before{
        display: none;
    }
    .characteristics .list:nth-child(2n + 1)::before{content: ""; width: 1px;height: 113px;background-color: #cccccc;position: absolute;top: auto;bottom: -56.5px;right: 0;display: block;}
    .characteristics .list:nth-child(2n + 2)::before{content: ""; width: 170px;height: 1px;background-color: #cccccc;position: absolute;top:auto;bottom: -.5px;right: auto;left: -85px;display: block;}
    .characteristics .list:nth-last-of-type(1)::before,
    .characteristics .list:nth-last-of-type(2)::before{display: none;}
}
@media(max-width:580px){
    .characteristics .t1{font-size: 18px;line-height: 26px;}
    .characteristics .t1::before{width: 30px;height: 30px;}
    .characteristics .list{padding: 30px 15px 20px}
}
@media(max-width:430px){
    .characteristics .content {grid-template-columns: repeat(1, 1fr);}
    .characteristics .list::before{display: none !important;}
    .characteristics .list{border: 1px solid #cccccc;margin-bottom: 30px;}
    .characteristics .list:last-child{margin-bottom: 0;}
}

.overview .top-head{display: flex;justify-content: center;margin-bottom: 75px;}
.overview .list-box{display: inline-flex;justify-content: center;gap: 40px;border-bottom: 2px solid #f3f3f3;}
.overview .list.active::after{opacity: 1;}
.overview .list::after{content: "";width: 100%;height: 2px;background-color: var(--public-color);position: absolute;bottom: -2px;opacity: 0;}
.overview .list{max-width: 215px;width: 100%;text-align: center;position: relative;padding: 0 10px 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.overview .list .t1{font-size: 16px;color: #333333;margin-top: 25px;}

.overview .items{display: flex;justify-content: space-between;align-items: flex-start;}
.overview .article{width: 63%;border: solid 1px #cccccc;}
.overview .aside{width: 33%;}

.overview .symbol{display: flex;justify-content: center;align-items: center;font-size: 14px;}
.overview .items-box.active .plus{transform: rotate(90deg);}
.overview .table-title{display: grid;grid-template-columns: 45px auto;align-items: center;background-color: #f2f2f2;height: 55px;color: #333333;border-bottom: 1px solid #cccccc;}
.overview .table-box{padding: 10px 10px 15px;}
.overview .content-wrapper,.overview .content-wrapper table{margin-bottom: 0;}

.overview .img-main{background-color: #edf2f7;padding: 25px 60px;margin-bottom: 25px;}
.overview .aside .text p{margin-bottom: 20px;}
.overview .aside .text p:last-child{margin-bottom: 0;}
.overview .aside .text p img{max-width: 100%;width: auto;height: auto;}
.overview .aside .text h6{font-size: 16px;line-height: 28px;color: var(--public-color-g);font-weight: 400;}
@media(max-width:1000px){
    .table-wrapper table td {padding: 7px 5px 7px 30px;}
}
@media(max-width:900px){
    .overview .img-main {padding: 15px;}
    .overview .table-title {height: 40px;grid-template-columns: 25px auto;}
    .overview .aside .text h6 {line-height: 24px;}
}
@media(max-width:768px){
    .overview .top-head{display: none;}
    .overview .items{flex-direction: column-reverse;gap: 30px;display: flex !important;margin-bottom: 60px;}
    .overview .items:last-child{margin-bottom: 0;}
    .overview .aside,.overview .article{width: 100%;}
    .overview .img-main{text-align: center;}
}
@media(max-width:500px){
    .overview .items{margin-bottom: 45px;}
}

.p-i-content .all-service{margin-bottom: 0;}
.p-i-content .all-service .title{margin-bottom: 25px;}

.related-pro {padding-top: 80px;}
.related-pro .grid{gap: 60px;}
.related-pro .img img{width: auto;height: 200px;}
.all-products .list:hover{transform: translateY(-10px);}
.all-products .list{height: 100%;background-color: #ffffff;box-shadow: 0px 11px 46px 0px rgba(0, 0, 0, 0.1);border-radius: 24px;padding: 35px;display: flex;flex-direction: column;justify-content: space-between;gap: 35px;transition: all .3s ease-in-out;}
.all-products .img{background-color: #f0f7fc;border-radius: 4px;padding: 25px 0;display: flex;justify-content: center;align-items: center;margin-bottom: 40px;}
.all-products .img img{width: auto;height: 200px;}
.all-products .t1{font-size: 20px;line-height: 28px;color: #333333;}
@media(max-width:768px){
    .related-pro .grid,.all-products .list{gap: 30px 20px;}
}
@media(max-width:500px){
    .related-pro{padding-top: 0;}

    .all-products .t1{font-size: 18px;line-height: 26px;}
}

.banner-center .content{margin: auto;}
.banner-center .line{display: flex;justify-content: center;}
.banner-center .line::after{left: auto;right: auto;}

.sol-production{position: relative;padding: 130px 0 170px;}
.sol-production .img-back{position: absolute;right: 0;top: -10px;z-index: -1;}
.sol-production .top-head{margin-bottom: 70px;}
.sol-production .title{margin-bottom: 35px;}
.sol-production .grid{gap: 35px;}
.sol-production .list{height: 100%;position: relative;padding: 20px 20px 35px;}
.sol-production .list::after{content: "";width: 100%;height: 100%;background-color: #ffffff;box-shadow: 0px 11px 46px 0px rgba(0, 0, 0, 0.1);border-radius: 24px;position: absolute;left: 0;top: 0;z-index: -1;transition: height .3s ease-in-out;}
.sol-production .img{margin-bottom: 25px;}
.sol-production .t1{font-size: 20px;line-height: 28px;color: #333333;margin-bottom: 15px;}
.sol-production .list::before{content: "";width: 54px;height: 8px;background-color: var(--public-color);position: absolute;bottom: -30px;left: 20px;transition: all .3s ease-in-out;opacity: 0;}
.sol-production .list:hover::before{opacity: 1;}
.sol-production .list:hover::after{height: calc(100% + 60px);}
@media(max-width:1200px){
    .sol-production .top-head {margin-bottom: 50px;}
    .sol-production .title {margin-bottom: 20px;}
    .sol-production .grid {gap: 90px 35px;}
    .sol-production .img img{width: 100%;}
}
@media(max-width:768px){
    .sol-production .grid{gap: 35px;}
    .sol-production .list::after{height: 100% !important;}
    .sol-production .list::before{display: none;}
    .sol-production .list .box::after{content: "";width: 54px;height: 8px;background-color: var(--public-color);transition: all .3s ease-in-out;display: block;margin-top: 30px;}
}
@media(max-width:500px){
    .sol-production{padding: 30px 0;}
    .sol-production .top-head{margin-bottom: 25px;}
    .sol-production .t1{font-size: 18px;line-height: 26px;}
}


.sol-in-main .small-nav{width: 45%;}
.sol-in-main{background-color: #f3f3f3;}
.sol-in-main .content{display: flex;justify-content: space-between;align-items: center;margin-top: -27px;}
.sol-in-main .left{width: 42%;padding-top: 50px;}
.sol-in-main .right{width: 55%;}
.sol-in-main h1{font-size: 36px;line-height: 42px;font-weight: 400;margin-bottom: 35px;}
.sol-in-main h6{color: var(--public-color-g);margin-bottom: 40px;}
.sol-in-main h6 strong{font-weight: 500;}
@media(max-width:1665px){
    .sol-in-main .max-1650px{padding-left: 15px;}
}
@media(max-width:1430px){
    .sol-in-main h1{font-size: 34px;}
    .sol-in-main h6{margin-bottom: 20px;}
}
@media(max-width:1230px){
    .sol-in-main h1{font-size: 32px;margin-bottom: 20px;}
}
@media(max-width:1200px){
    .sol-in-main .small-nav {width: 100%;padding-top: 15px;}
    .sol-in-main .content{margin-top: 30px;}
    .sol-in-main .left{padding-top: 0;}
    .sol-in-main h1 {font-size: 28px;line-height: 38px;}
    .sol-in-main h6{margin-bottom: 15px;}
    
}
@media(max-width:925px){
    .sol-in-main .max-1650px{padding: 0 15px;}
    .sol-in-main .content{position: relative;background-color: #000000;}
    .sol-in-main .left{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;;display: flex;flex-direction: column;justify-content: center;padding: 25px 15px;}
    .sol-in-main .right{width: 100%;}
    .sol-in-main .right img{opacity: .4;}
    .sol-in-main h1{color: #ffffff;}
    .sol-in-main .text{color: #ffffff;}
}
@media(max-width:500px){
    .sol-in-main .content{overflow: hidden;}
    .sol-in-main .right{display: flex;justify-content: center;align-items: center;}
    .sol-in-main .right img{min-height: 325px;max-height: 400px;width: auto;max-width: none;}
}

.sol-in-high {padding-top: 145px;}
.sol-in-high .content{display: flex;justify-content: space-between;align-items: center;}
.sol-in-high .left{width: 45%;}
.sol-in-high .right{width: 48%;}
.sol-in-high .left,.sol-in-high .left img{border-radius: 8px;}
.sol-in-high h3{margin-bottom: 60px;font-size:36px;line-height:41px;color: #333333;font-weight: 400;}
.sol-in-high li::before{content: "\f00c";font-family: 'cmsfont';font-size: 18px;font-weight: 600;color: var(--public-color-g);position: absolute;left: 0;top: 0;}
.sol-in-high li {margin-bottom: 15px;padding-left: 35px;position: relative;}
.sol-in-high li strong{font-weight: 550;color: #666666;display: block;margin-bottom: 5px;}
@media(max-width:1200px){
    .sol-in-high h3{font-size: 34px;}
    .sol-in-high .right{width: 50%;}
}
@media(max-width:950px){
    .sol-in-high .content{flex-direction: column;gap: 25px;}
    .sol-in-high .left{width: 100%;}
    .sol-in-high .right{width: 100%;}
    .sol-in-high h3{font-size: 32px;}
}
@media(max-width:768px){
    .sol-in-high{padding-top: 30px;}
    .sol-in-high h3{font-size: 22px !important;line-height: 32px !important;margin-bottom: 15px !important;}
}
@media(max-width:500px){
    .sol-in-high li{padding-left: 25px;}
}

.sol-in-faq{padding-top: 85px;padding-bottom: 80px;}
.sol-in-faq .content{display: flex;justify-content: space-between;}
.sol-in-faq .title{width: 30%;font-size: 28px;}
.sol-in-faq .all-faqs{width: 48%;}
@media(max-width:1200px){
    .sol-in-faq .content{gap: 30px;}
    .sol-in-faq .title{width: auto;}
    .sol-in-faq .all-faqs{width: 50%;min-width: 540px;}
}
@media(max-width:950px){
    .sol-in-faq .content{flex-direction: column;}
    .sol-in-faq .all-faqs{width: 100%;min-width: auto;}
}
@media(max-width:500px){
    .sol-in-faq{padding: 30px 0;}
}

.sol-in-products{padding: 100px 0 135px;background-color: #f3f3f3;}
.sol-in-products .title{margin-bottom: 90px;}
.sol-in-products .grid{gap: 40px;}
.sol-in-products .img{height: 265px;padding: 25px;}
@media(max-width:1330px){
    .all-products .list{padding: 30px 15px;}
}
@media(max-width:1200px){
    .sol-in-products .img{height: auto;}
    .all-products .img img{width: auto;height: auto;max-width:100%;}
}
@media(max-width:768px){
    .sol-in-products .grid{gap: 40px 20px;}
}
@media(max-width:500px){
    .sol-in-products{padding: 30px 0;}
}

.sol-in-cust{position: relative;padding-top: 95px;}
.sol-in-cust .img-back{background-color: var(--public-color-g);position: absolute;top: 0;left: 0;z-index: -1;}
.sol-in-cust .img-back img{opacity: .1;}
.sol-in-cust .title{margin-bottom: 85px;color: #ffffff;}
.sol-in-cust .all-from-1{background-color: #ffffff;box-shadow: 0px 11px 46px 0px rgba(0, 0, 0, 0.1);border-radius: 40px;padding: 60px 70px 30px 85px;}
.sol-in-cust .form-row.form-cap{justify-content: flex-end;}
.sol-in-cust .form-row .btn-box{margin-top: 0;display: flex;justify-content: flex-end;}
@media(max-width:1200px){
    .sol-in-cust .all-from-1{padding: 60px 50px 30px 50px;}
    /* .sol-in-cust .form-row{gap: 20px 0;} */
    .sol-in-cust .col-md-3{max-width: 50%;}
}
@media(max-width:1100px){
    .sol-in-cust .img-back{display: flex;justify-content: center;align-items: center;}
    .sol-in-cust .img-back img{max-width: none;width: auto;height: 100%;}
}
@media(max-width:780px){
    .sol-in-cust .all-from-1{padding: 25px 15px;}
}
@media(max-width:500px){
    .sol-in-cust{padding-top: 30px;}
    .sol-in-cust .col-md-3{max-width: 100%;}
}


.about-first{padding-top: 55px;padding-bottom: 135px;}
.about-first .content{display: flex;justify-content: space-between;align-items: flex-end;}
.about-first .left{width: 45%;}
.about-first .right{width: 46%;padding-bottom: 35px;}
.about-first .title{margin-bottom: 35px;}
.about-first .text{margin-bottom: 55px;}
@media(max-width:1200px){
    .about-first .right {width: 50%;padding-bottom: 0;}
    .about-first .title {margin-bottom: 25px;}
    .about-first .text{margin-bottom: 30px;}
}
@media(max-width:768px){
    .about-first .content{flex-direction: column;position: relative;gap: 25px;}
    .about-first .left{width: 100%;}
    .about-first .left img{opacity: .2;}
    .about-first .right{width: 100%;position: absolute;left: 0;bottom: 0;width: 100%;padding: 20px 15px;}
    .about-first .img-cer{mix-blend-mode: multiply;}
}
@media(max-width:500px){
    .about-first{padding: 30px 0;}
    .about-first .left img{opacity: 1;}
    .about-first .right{position: static;padding: 0;}
}

.about-offer {position: relative;}
.about-offer-xl{width: 100%;height:100%;position: absolute;top:0;left:0;z-index: 1;}
.about-offer .content{width: 78%;min-height: 375px;position: relative;margin-top: 55px;padding-top: 70px;padding-right: 75px;}
.about-offer .content::after{content:"";width:calc(100% + 90px);height:100%;position: absolute;left: -90px;top: 0;background-color: var(--public-color-g);opacity: .6;z-index: -1;}
.about-offer .title{color: #ffffff;margin-bottom: 25px;}
.about-offer .text{color: #ffffff;}
.about-offer .text::after{content: "";width: 55px;height: 8px;background-color: var(--public-color);display: block;margin-top: 50px;}
@media(max-width:1600px){
    .about-offer .content::after{width: calc(100% + 40px);left: -40px;}
}
@media(max-width:1500px){
    .about-offer .content{padding-left: 15px;}
    .about-offer .content::after{width: 100%;left: 0;}
}
@media(max-width:1300px){
    .about-offer .content{min-height: auto;padding: 45px 30px 45px 15px;}
}
@media(max-width:1200px){
    .about-offer-xl{display: flex;align-items: center;}
    .about-offer .content{width: 100%;margin-top: 0;}
    .about-offer .text::after {margin-top: 35px;}
}
@media(max-width:900px){
    .about-offer{display: flex;justify-content: center;align-items: center;overflow-x: clip;}
    .about-offer>img{width: auto;height: 400px;}
    .about-offer .title{margin-bottom: 15px;}
    .about-offer .content{padding-top: 25px;padding-bottom: 25px;}
    .about-offer .text::after {margin-top: 20px;}
}
@media(max-width:768px){
    .about-offer .content::after {opacity: .9;}
}
@media(max-width:450px){
    .about-offer>im{min-height: 400px;max-height: 500px;}
    .about-offer .content{padding:25px 15px;}
}

.about-cer{padding:100px 0;background-color: #f3f3f3;}
.about-cer .top-head{margin-bottom: 60px;}
.about-cer .title{margin-bottom: 35px;}
.about-cer .img{background-color: #ffffff;box-shadow: 2px 6px 29px 0px rgba(0, 0, 0, 0.1);border: solid 2px #f7f7f7;padding: 10px;}
.about-cer .img img{width: 100%;}
.about-cer .all-swiper{margin: 0 -25px;}
.about-cer .mySwiper-cer{padding:30px 25px}
.about-cer .next-cer{right: -50px;}
.about-cer .prev-cer{left: -50px;}
@media(max-width:1570px){
    .about-cer .all-swiper{margin: 0;padding: 0 20px;}
    .about-cer .prev-cer {left: -15px;}
    .about-cer .next-cer {right: -15px;}
}
@media(max-width:500px){
    .about-cer{padding: 30px 0 0;}
    .about-cer .top-head{margin-bottom: 0px;}
    .about-cer .mySwiper-cer {padding: 30px 10px;}
}

.about-manufactur {padding: 130px 0 95px;}
.about-manufactur .content{display: flex;justify-content: space-between;align-items: center;margin-bottom: 65px;}
.about-manufactur .left{width: 49%;}
.about-manufactur .right{width: 45%;}
.about-manufactur .right,.about-manufactur .right img{border-radius: 16px;}
.about-manufactur .title{margin-bottom: 30px;}
.about-manufactur .text{color: #999999;}
.about-manufactur ul{margin-top: 60px;}
.about-manufactur li{position: relative;padding-left: 30px;margin-bottom: 15px;}
.about-manufactur li:last-child{margin-bottom: 0;}
.about-manufactur li:before{content: "\f00c";font-family: 'cmsfont';font-size:20px;font-weight:500;color: var(--public-color);position: absolute;left: 0;top: 0;}
.about-manufactur .img,.about-manufactur .img img{border-radius: 8px;}
.about-manufactur .img img{width: 100%;}
.about-manufactur .pag-man{position:static;width: 100%;height: 4px;margin-top: 65px;display: flex;}
.about-manufactur .pag-man span{border-radius: 0;height: 4px;width: auto;flex: 1;margin: 0 !important;background-color: #f5f5f5;}
.about-manufactur .pag-man span.swiper-pagination-bullet-active{background-color: var(--public-color);}
@media(max-width:1000px){
    .about-manufactur ul{margin-top: 30px;}
    .about-manufactur .pag-man{margin-top: 40px;}
}
@media(max-width:768px){
    .about-manufactur .content{flex-direction: column-reverse;align-items: flex-start;gap: 25px;}
    .about-manufactur .left{width: 100%;}
    .about-manufactur .right {width: 70%;}
}
@media(max-width:500px){
    .about-manufactur .right{width: 100%;}
    .about-manufactur{padding: 30px 0;}
    .about-manufactur .content{margin-bottom: 30px;}
}

.contact-top{padding: 75px 0;}
.contact-top .content{display: grid;grid-template-columns: repeat(3,1fr);gap: 30px 15px;}
.contact-top .list{background-color: rgba(29,150,132,.1);border-radius: 8px;padding: 55px 40px 50px 35px;transition: all .3s ease-in-out;}
.contact-top .t1{font-size: 36px;line-height: 41px;color:#333333;font-weight: 500;margin-bottom: 10px;}
.contact-top .cont{line-height: 24px;color: #999999;}
.contact-top .list.active{background-color: var(--public-color-g);background-image: url(../../images/faq-back.webp);background-size: 100% 100%;}
.contact-top .list.active > *{color: #ffffff;}
@media(max-width:1340px){
    .contact-top .t1{font-size: 32px;}
}
@media(max-width:1260px){
    .contact-top .t1{font-size: 28px;line-height: 36px;}
    .contact-top .list{padding: 40px 25px;}
}
@media(max-width:900px){
    .contact-top .list{padding: 30px 15px;}
    .contact-top .t1{font-size: 24px;line-height: 34px;}
}
@media(max-width:768px){
    .contact-top .t1{font-size: 20px;line-height: 28px;}
    .contact-top .content {grid-template-columns: repeat(2, 1fr);}
}
@media(max-width:500px){
    .contact-top{padding: 30px 0;}
    .contact-top .t1{font-size: 18px;line-height: 26px;}
}
@media(max-width:380px){
    .contact-top .content{grid-template-columns: repeat(1, 1fr);}
}

.contact-bottom {padding: 120px 0;}
.contact-bottom .content{display: flex;justify-content: space-between;align-items: center;}
.contact-bottom .left{width: 45%;}
.contact-bottom .right{width: 50%;background-color: #ffffff;box-shadow: 0px 11px 46px 0px rgba(0, 0, 0, 0.1);border-radius: 40px;padding: 50px 40px 30px 55px;}
.contact-bottom .h5{font-size: 24px;line-height: 32px;font-weight: 600;color: #333333;margin-bottom: 85px;}
.contact-bottom .list:last-child{margin-bottom: 0;}
.contact-bottom .list{display: grid;grid-template-columns: 40px auto;gap: 15px;margin-bottom: 50px;}
.contact-bottom .img-xl{width: 100%;aspect-ratio: 1;border-radius: 100%;display: inline-flex;justify-content: center;align-items: center;border: 1px solid var(--public-color-g);transform: translateY(8px);}
.contact-bottom .list p{font-weight: 500;margin-bottom: 5px;}
.contact-bottom .list > *{font-size: 20px;line-height: 28px;color: #333333;}
.contact-bottom .list .d .font-sty{margin-bottom: 15px;display: inline-block;}
.contact-bottom .list .d .font-sty:nth-last-of-type(0){margin-bottom: 0;}
.contact-bottom .h3{font-size: 24px;line-height: 37px;font-weight: 500;color: #333333;margin-bottom: 45px;}
@media(max-width:1200px){
    .contact-bottom .h5{margin-bottom: 55px;}
    .contact-bottom .list > *{font-size: 18px;line-height: 26px;}
    .contact-bottom .right{padding: 50px 25px 30px 25px;min-width: 450px;}
    .contact-bottom .h3 {margin-bottom: 25px;}
}
@media(max-width:900px){
    .contact-bottom .content{flex-direction: column;gap: 30px;}
    .contact-bottom .left{width: 100%;}
    .contact-bottom .right{width: 100%;min-width: auto;}
}
@media(max-width:768px){
    .contact-bottom .h5{font-size: 20px;line-height: 28px;margin-bottom: 35px;}
    .contact-bottom .right{padding: 30px 15px;}
}
@media(max-width:500px){
    .contact-bottom{padding: 30px 0;}
    .contact-bottom .h5{margin-bottom: 15px;}
    .contact-bottom .list{margin-bottom: 15px;}
    .contact-bottom .list > *{font-size: 16px;line-height: 24px;}
}
@media(max-width:350px){
    .contact-bottom .img-xl{width: 35px;height: 35px;margin-bottom: 15px;}
    .contact-bottom .list{display: block;}
}

.contact-need {height: 295px;background-color: #000000;position: relative;display: flex;justify-content: center;align-items: center;overflow-x: clip;}
.contact-need > img{opacity: .5;height: 100%;width: auto;}
.contact-need-xl{position: absolute;left: 0;width: 100%;text-align: center;}
.contact-need .title{color: #ffffff;font-weight: bold;font-size: 40px;line-height: 52px;}
.contact-need .title p{margin-bottom: 15px;}
.contact-need .title p:last-child{margin-bottom: 0;}
@media(max-width:1200px){
    .contact-need .title{font-size: 34px;line-height: 46px;}
}
@media(max-width:768px){
    .contact-need{height: auto;}
    .contact-need > img {height: 180px;}
    .contact-need .title p {margin-bottom: 10px;}
}

.contact-production{padding: 120px 0 115px;}
@media(max-width:500px){
    .contact-production{padding: 30px 0;}
}


.certificates{padding: 100px 0 135px;}
.certificates .grid{gap: 75px 55px;}
.certificates .list{background-color: #f0f0f0;padding: 10px 10px 20px;text-align: center;}
.certificates .img{margin-bottom: 30px;display: block !important;}
.certificates .t1{font-size: 20px;line-height: 28px;color: #333333;}
@media(max-width:1340px){
    .certificates .grid{gap: 65px 40px;}
}
@media(max-width:1200px){
    .certificates .grid{gap: 65px 30px;}
}


.news-paper .top-head{display: flex;justify-content: space-between;align-items: center;margin-bottom: 50px;}

.news-paper .exhibition .grid{gap: 30px 25px;}
.news-paper .exhibition .list{padding: 10px;background-color: #f5f5f5;display: flex;justify-content: space-between;}
.news-paper .exhibition .img{width: 48%;}
.news-paper .exhibition .t1{font-size: 20px;line-height: 28px;color: #333333;font-weight: 500;}
.news-paper .exhibition .box {width: 45%;display: flex;flex-direction: column;justify-content: space-between;}
.news-paper .exhibition .box div{display: grid;grid-template-columns: 12px auto;align-items: center;gap: 10px;}


.news-paper{padding-top: 75px;}
.news-paper .all-news{padding: 0;}
.news-paper .big-content{margin-bottom: 140px;}

.exhibition-list{padding: 80px 0 100px;}

.news-list{padding: 80px 0 100px;}
.news-list .all-news{padding: 0;}
@media(max-width:500px){
    .news-paper{padding-top: 30px;}
    .news-paper .big-content{margin-bottom: 40px;}
    .news-paper .top-head{margin-bottom: 25px;}
    .news-paper .top-head .title{margin-bottom: 0 !important;}
    .news-paper .exhibition .t1{font-size: 18px;line-height: 26px;}
    .news-paper .exhibition .img {width: 45%;}
    .news-paper .exhibition .box {width: 50%;}

    .all-news{padding: 30px 0;}
    .all-news .t1{font-size: 18px;line-height: 26px;}

}


/*news-in-paper*/
.news-in-paper .in-banner{margin-bottom:35px}
.news-in-paper {margin-bottom:140px;margin-top: 0px;padding-top: 15px;}
.news-in-paper .news-time{font-size: 20px;color: var(--public-color-g);}
.news-in-paper .h1{font-size:46px;line-height:60px;color:#333333;font-weight:500;margin-bottom: 30px;letter-spacing: -2px;margin-top: 40px;}
.news-in-paper .main-top{display: flex;justify-content: space-between;margin-bottom: 115px;}

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

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

.news-in-paper .aside{width:340px;min-width: 340px;position: sticky;top: 90px;height: min-content;}
.news-in-paper .aside-con{height: 220px;margin-bottom: 30px;background-color: var(--public-color-g);background-image: url(../../images/faq-back.webp);background-size: 100% 100%;box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;padding: 20px 10px 20px 30px;}
.news-in-paper .aside-con .title-xl{font-size: 24px;line-height: 29px;color: #ffffff;font-weight: 400;margin-bottom: 40px;}
.news-in-paper .aside-con .a-eb{width: 100%;height: 60px;font-weight: 400;border-radius: 30px;font-size: 20px;font-weight: 600;padding: 0;width: 100%;}

.news-in-paper .other-news{padding: 20px 15px 25px;background-color: #ffffff;box-shadow: 3px 5px 24px 0px rgba(0, 0, 0, 0.1);}
.news-in-paper .other-news .search-group .form-control::placeholder{font-size: 16px;line-height: 24px;color: #999999;}
.news-in-paper .other-news .search-group{width: 100%;border: solid 1px #ececec;border-radius: 0px;}
.news-in-paper .other-news .search-group .form-control{border: 0;border-right: 1px solid #ececec;}
.news-in-paper .other-news .input-group-append{border-left: solid 1px #ececec;}
.news-in-paper .other-news .search-group .btn{background-color: #ffffff;}
.news-in-paper .other-news .search-group i{color: var(--public-color-g);font-size: 23px;}
.news-in-paper .other-news-xl{margin-top: 15px;border: solid 1px #ececec;padding: 20px;}
.news-in-paper .other-news .h5{font-size: 20px;line-height: 24px;color: #666666;font-weight: 500;margin-bottom: 15px;}
.news-in-paper .other-news .h5::before{content: "";width: 2px;height: 14px;background-color: var(--public-color-g);display: inline-block;margin-right: 10px;}
.news-in-paper .other-news p{border-bottom: 1px solid #cccccc;padding-bottom: 20px;margin-bottom: 20px;}
.news-in-paper .other-news .t1{font-size: 18px;line-height: 26px;color: #333333;font-weight: 400;position: relative;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-in-paper .other-news .t1:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;text-decoration-thickness: 1px;}
.news-in-paper .other-news p:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom:0;}


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

.news-in-products{margin-top: 245px;}
.news-in-products .title{margin-bottom: 75px;}
.news-in-products .grid{gap: 40px;}
.news-in-products .img{height: 265px;padding: 25px;}

@media(max-width:1530px){
    .news-in-paper .h1{font-size: 44px;}
    .news-in-paper .box-tail{flex-direction: column;}
    .news-in-paper .box-tail .left{margin-bottom: 20px;}
    .news-in-paper .box-tail .right{width: 100%;justify-content: flex-start;}
    .news-in-paper .box-tail .right .a-lh{width: auto;padding: 0 25px;}
}
@media(max-width:1340px){
    .news-in-paper .h1{font-size: 42px;line-height: 46px;}
    .news-in-paper .article{width: calc(100% - 340px - 50px)}
    .news-in-paper .article h2,.news-in-paper .article .content h2 > *{font-size: 24px;line-height: 32px;}
    .news-in-paper .article h4,.news-in-paper .article .content h4 > *{font-size: 20px;line-height: 28px;}
}
@media(max-width:1260px){
    .news-in-paper .article h2,.news-in-paper .article .content h2 > * {font-size: 28px;line-height: 36px;}
    .news-in-paper .article h4,.news-in-paper .article .content h4 > *{font-size: 20px;}
    .news-in-paper .aside-con .a-lh{padding: 0 20px;height: 48px;}
    .news-in-paper .news-time{font-size: 18px;}
}
@media(max-width:1200px){
    .news-in-paper .h1{font-size: 38px;line-height: 52px;margin-top: 20px;}
    .news-in-products .img{height: auto;}
}
@media(max-width:1000px){
    .news-in-paper .h1{font-size: 34px;line-height: 48px;margin-bottom: 15px;}
    .news-in-paper .main-top{flex-direction: column;}
    .main-box .article{width: 100%;margin-bottom: 60px;}
    .main-box .aside{width: 100%;display: flex;gap: 30px;align-items: flex-start;}
    .news-in-paper .aside .aside-con{position: sticky;top: 100px;height: fit-content;}   
    .news-in-products{margin-bottom: 120px;}
}
@media(max-width:768px){
    .main-box{margin-top: 0;}
    .news-in-paper .h1{margin-bottom: 15px;font-size: 20px;line-height: 28px;letter-spacing: -1px;}
    .news-in-paper .article h2,.news-in-paper .article .content h2 > *{font-size: 19px;line-height: 28px;margin-bottom: 10px;}
    .news-in-paper .article h4,.news-in-paper .article .content h4 > *{font-size: 16px;line-height: 24px;}
    .news-in-paper .box-tail .left p{font-size: 16px;line-height: 24px;}
    .news-in-paper .box-tail .left p a{font-size: 16px;line-height: 24px;}

    .news-in-paper{margin-bottom: 30px;margin-top: 0px;padding-top: 20px;}
    .news-in-paper .main-top {flex-wrap: wrap;}
    .news-in-paper .article{width: 100%;margin-bottom: 30px;}
    .news-in-paper .aside{width: 100%;margin-top: 0;}
    .news-in-paper .article .content{line-height: 20px;font-size: 14px;padding-top: 20px;padding-bottom: 20px;}
    .news-in-paper .article .content p{margin-bottom: 10px;}
    .news-in-paper .box-tail{font-size: 16px;line-height: 24px;margin-top: 20px;gap: 20px;}
    .news-in-paper .box-tail .left p:first-child{margin-bottom: 15px;}
    .news-in-paper .box-tail .right{margin-bottom: 0px;}
    .news-in-paper .main-top{margin-bottom: 30px;}
    .news-in-paper .h4{font-size: 20px;line-height: 28px;margin-bottom: 20px;}
    .news-in-paper .aside-con{margin-bottom: 20px;}
    
    .main-box .main-left-box .table-title{font-size: 20px;line-height: 28px;padding: 15px 10px;margin-bottom: 15px;background-color: var(--public-color);color: #fff;}
    .main-box .main-left-box .table-title::before {height: 15px;position: absolute;top: 17px;left: 0;background-color: #fff;}
    .main-box .main-left-box .h2 a {font-size: 18px;line-height: 26px;}
    .main-box .main-left-box .h2{margin-bottom: 15px;padding-bottom: 0px;}
    .main-box .name-box ul {padding-top: 0;}
    .main-box .name-box li{margin-bottom: 10px;}
    .main-box .name-box li a {font-size: 16px;line-height: 24px;}
    .main-box .name-box li::before {top: 8px;}
    .main-box .name-box + .name-box{padding-top: 10px;}
    .main-box .main-left{margin-bottom: 30px;position: relative;}
    .main-box .article{width: 100%;}
    .main-box .aside{width: 100%;}

    .main-box{gap: 0;}
    .main-box .main-top{width: 100%;}

    .news-in-paper .box-tail .left{margin-bottom: 0;}
    .news-in-paper .box-tail .right .a-lh{width: auto;padding: 0 30px !important;}
    .news-in-paper .aside-con .a-lh{margin-bottom: 20px;}
    .news-in-paper .aside .aside-con{margin-bottom: 30px;position: static;width: 100%;align-items: center;padding: 20px 15px;margin-bottom: 0;}

    .news-name-box{padding: 10px 15px;}
    .main-box .aside{flex-direction: column;min-width: auto;position: static;}
    .new-in-pro .content{grid-template-columns: repeat(2, 1fr);}
    .news-name-box .table-title{font-size: 24px;line-height: 32px;}
    .news-name-box .h2 a{font-size: 16px;line-height: 24px;}
    .main-box .news-name{margin-top: 15px;}

    .news-in-products .grid{gap: 40px 20px;}
    .news-in-products{margin-top: 40px;}
}
@media(max-width:500px){
    .news-in-paper .news-time{font-size: 16px;line-height: 24px;}
    .news-in-products{margin-bottom: 30px;}
}



.pull-down {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease,visibility .3s ease;
    z-index: 9998;
    pointer-events: none
}

.nav-item:hover .pull-down {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.pull-down:not(.pull-down-wide) {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 89%;
    padding: 10px 80vw 40px;
    box-sizing: content-box;
    width: max-content;
    max-width: 100vw;
}

.pull-down:not(.pull-down-wide) .pull-down-inner {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
    padding: 12px 0;
    min-width: auto;
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,.12)
}

.header:not(.scrolled) .pull-down:not(.pull-down-wide) .pull-down-inner {
    background: rgba(255,255,255,.97);
    backdrop-filter: blur(10px)
}

.pull-down:not(.pull-down-wide) .pull-down-inner .pull-down-item {
    display: block;
    padding: 10px 20px;
    white-space: nowrap;
    width: 100%
}
.pull-down:not(.pull-down-wide) .pull-down-inner .pull-down-item.active{color: var(--public-color);}

.pull-down:not(.pull-down-wide) .pull-down-inner .pull-down-item+.pull-down-item {
    border-top: 1px solid rgba(0,0,0,.06)
}

.pull-down:not(.pull-down-wide) ul.pull-down-inner {
    list-style: none;
    margin: 0;
    padding: 0
}

.pull-down:not(.pull-down-wide) ul.pull-down-inner>li+li {
    border-top: 1px solid rgba(0,0,0,.06)
}

.pull-down:not(.pull-down-wide) .pull-down-menu-item {
    position: relative
}

.pull-down:not(.pull-down-wide) .pull-down-has-submenu>.pull-down-item {
    padding-right: 28px;
    position: relative
}

.pull-down:not(.pull-down-wide) .pull-down-has-submenu>.pull-down-item::after {
    content: '\203A';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: .45;
    font-size: 14px;
    line-height: 1
}

.pull-down:not(.pull-down-wide) .pull-down-submenu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 0;
    min-width: 220px;
    background: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,.12);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease,visibility .2s ease;
    z-index: 10001
}

.header:not(.scrolled) .pull-down:not(.pull-down-wide) .pull-down-submenu {
    background: rgba(255,255,255,.97);
    backdrop-filter: blur(10px)
}

.pull-down:not(.pull-down-wide) .pull-down-submenu::before {
    content: '';
    position: absolute;
    left: -8px;
    top: 0;
    bottom: 0;
    width: 8px
}

.pull-down:not(.pull-down-wide) .pull-down-has-submenu:hover>.pull-down-submenu,.pull-down:not(.pull-down-wide) .pull-down-has-submenu:focus-within>.pull-down-submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.pull-down:not(.pull-down-wide) .pull-down-submenu .pull-down-item {
    border-top: none
}

.pull-down:not(.pull-down-wide) .pull-down-submenu li+li {
    border-top: 1px solid rgba(0,0,0,.06)
}

.pull-down:not(.pull-down-wide) .pull-down-submenu .pull-down-item--sub {
    font-size: 13px
}

.pull-down.pull-down-wide {
    position: fixed;
    left: max(0px,calc((100vw - 1920px)/2));
    width: min(1920px,100vw);
    top: 50px;
    padding-top: 34px
}

.pull-down.pull-down-wide.pull-down-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    padding-top: 120px
}

.header.scrolled .pull-down.pull-down-wide {
    top: 56px
}

.header:not(.scrolled) .pull-down.pull-down-wide .pull-down-inner {
    background: rgba(255,255,255,.97);
    backdrop-filter: blur(10px)
}

.pull-down.pull-down-wide .pull-down-inner {
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    padding: 30px var(--container-padding);
    background: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,.12);
    display: flex;
    gap: 48px
}

.pull-down.pull-down-wide .pull-down-inner .pull-down-col {
    display: flex;
    flex-direction: column;
}


.ul-box{width:100%;margin:auto;height:0;overflow:hidden;background-color:transparent;display:flex;justify-content:space-between;background-color:#ffffff;box-shadow:0 6px 12px rgba(0,0,0,.175);max-width:1415px;margin:0 auto;}
.ul-box .t1{font-size:20px;color:#333333;font-weight:400;margin-bottom:30px;position: relative;padding-right: 40px;display: flex;align-items: center;border-bottom: solid 2px #eaeaea;padding-bottom: 20px;}
.ul-box .t1::after{content: "\f054";font-family: 'cmsfont';color: #cccccc;position: absolute;right: 0;top: 0;}
.ul-box-left{width:40%;}
.ul-box-right{width:55%;position: relative;}
.ul-box-right-xl.active{position: relative;opacity: 1;z-index: 1;}
.ul-box-right-xl{border-left: 1px solid #dddddd;padding-left: 60px;padding-right: 50px;position: absolute;z-index: -2;left: 0;top: 0;opacity: 0;}

.ul-box-right .h5{font-size: 20px;font-weight: 500;color: #333333 ;margin-bottom: 20px;}
.ul-box-right .text{margin-bottom: 35px;}
.ul-box .ul-box-right .box-2 {display: inline-flex;flex-direction: column;justify-content: flex-start;}
.ul-box-right .t2{font-size: 16px;line-height: 20px;font-weight: 500;color: #333333;margin-bottom: 15px;}
.ul-box-right .t2:last-child{margin-bottom: 0;}

.ul-box .t1:hover,.ul-box .t1.active{border-color: var(--public-color-g);}
.ul-box .t1:hover,.ul-box .t1.active::after{color: var(--public-color);}

.nav-item:hover .ul-box{height:100%;padding:35px 45px 35px 70px;transition:all .45s ease-in-out}

@media(max-width:768px){
    h1{font-size: 22px !important;line-height: 32px !important;}
    .title{font-size: 22px !important;line-height: 32px !important;margin-bottom: 15px !important;}
    .left,.right{width: 100% !important;}
    .h6{font-size: 16px !important;line-height: 24px !important;margin-bottom: 5px !important;}
    .text p{margin-bottom: 10px;}
    .text p:last-child{margin-bottom: 0 !important;}
    .cont,.text{font-size: 14px !important;line-height: 20px !important;}
    ul li{padding-left: 25px;font-size: 16px;}

    .small-nav {top: 10px;}
    .small-nav ul a {font-size: 12px;line-height: 20px;}
    .small-nav ul li::before {padding: 0 5px;line-height: 20px;}

    .header-mb ul li::before{display: none;}
    .header-mb ul li{padding-left: 0;}



    .table-wrapper table td{font-size: 14px;line-height: 20px;padding: 5px 10px !important;}
    .line-left{padding-left: 15px;}
    .line-left::before {width: 6px;height: 20px;}
}