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


body{color:#999999;font-weight: 400;font-size:18px;line-height:32px;font-family: 'Roboto', sans-serif;}
a{display:inline-block;transition: all .6s;}
a:hover{color: var(--public-color-red) !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){
    body{font-size:14px;line-height:20px;padding-top:50px}
    .container-xl.m-right{margin:0 auto;padding:0 15px}
    .container-xl.m-left{margin:0 auto;padding:0 15px}
}



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

/*header*/


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

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

.header{position: relative;left: 0;top: 0;width: 100%;z-index: 99;padding: 0;}
.header .max-1830px{max-width: 1830px;}
.header .row-nav{display: flex;align-items: center;}
.header .header-nav{display: flex;align-items: center;justify-content: space-between;}
.header .header-nav .top-logo{min-width: 320px;width: 320px;;padding:0;}
/* .header .header-top{padding-top: 6px;} */
.header .header-top .toch{margin-right: 25px;}
.header .header-top .toch a{background-color: var(--public-color);border: 1px solid var(--public-color);color: #fff;font-size: 14px;width: 140px;min-width: 140px;height: 40px;display: flex;align-items: center;justify-content: center;}
.header .header-top .toch a:hover{background-color: #fff;color: var(--public-color) !important;}
.header-top .row-nav{display: flex;align-items: center;justify-content: flex-end;width: auto;position: inherit;}
.header-top .navbar-custom{position: inherit;}
.header-desc{background:#f1f1f1; padding: 8px 0;}
.header-desc .container-xl{display: flex;align-items: center;justify-content: space-between;}
.header-desc .desc{width: 60%;display: flex;justify-content: flex-end;align-items: center;}
.top-tel{color: #666666;font-size: 16px;display: flex;width: 40%;}
.top-tel a{color: #666666;}
.top-tel a:hover{color: #2455bf; transition: all 0.3s;}
.top-lang{text-transform:uppercase;margin-left: 15px;}
.dropdown.lang .dropdown-toggle:after{color: #333333;}
.dropdown.lang .dropdown-menu {right: -40px;left: inherit;}
.top-lang .dropdown.lang .dropdown-toggle{background: transparent;border: 0;padding:0 3px 0 0;font-weight: 400;color:#333333;font-size: 18px;}
.public-social span,.public-social a{border-radius:5px;}
.navbar-expand-lg .navbar-collapse{justify-content: flex-end;padding-right: 0px;}

.navbar .dropdown.pc >.dropdown-menu{left: -15px;}
.navbar .dropdown.pc >.dropdown-menu .dropdown-item{font-size: 15px;line-height: 24px;}

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

/*默认pc头部样式*/
.header.fadeInDown{padding:0;z-index:999;width:100%;position:fixed;top: 0;left:0;animation: fadeInDown .4s;border-bottom: 1px solid var(--public-color);}
.header.fadeInDown .navbar-custom .navbar-nav .nav-item {height: 75px;}
.header.fadeInDown .ul-box{top: 75px;}

.header.fadeInDown .header-top {background-color: #fff;}
/* .header.fadeInDown .header-top {padding:0;z-index:999;width:100%;position:fixed;top: 0;left:0;background-color: #000;} */

.header.fadeInDown .navbar-custom .navbar-nav .nav-link,
.header.fadeInDown .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after,
.header.fadeInDown .top-lang .dropdown.lang .dropdown-toggle,
.header.fadeInDown .dropdown.lang .dropdown-toggle:after{color: #333;}

.header.fadeInDown .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle, 
.header.fadeInDown .navbar-custom .navbar-nav .active .nav-link,
.header.fadeInDown .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after,
.header.fadeInDown .navbar-custom .navbar-nav .nav-item.active .dropdown-toggle::after{color: var(--public-color);}



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

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

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

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


/* @media(max-width:1480px) {
    .navbar-custom .navbar-nav .nav-item {
        margin: 0 15px;
    }
} */

@media(max-width:1470px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 17px;}
    .navbar-custom .navbar-nav .nav-item {margin: 0 8px;height: 80px;}
    .header .header-top .toch{margin-right: 10px;}
    .top-search-box{margin-right: 15px !important;}
}
@media(max-width:1380px) {
    .header .header-nav .top-logo {min-width: 280px;width: 280px;}
    .navbar-custom .navbar-nav .nav-link {font-size: 16px;}
    .navbar-custom .navbar-nav .nav-item {margin: 0 5px;}
    .header .header-top .toch{margin-right: 0;}
    .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after {padding: 0 5px;}
}
@media(max-width:1270px) {
    .header .header-top .toch{display: none;}
    .top-search-box{margin-right: -3px !important;}
    .header .header-nav .top-logo {min-width: 200px;width: 200px;}
}

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

}

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

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


/* 浮窗 */
#float{position:fixed;right:0;bottom:100px;margin-top:-60px;z-index:55;transform:translateX(0);transition:.3s ease-in-out}
#float .ico{display:block;width:56px;height:56px;text-align:center;position:relative;cursor:pointer;background:var(--public-color)}
#float .ico>i{font-size:30px;line-height:56px;display:block;color:#fff;position:relative;z-index:9999;background: var(--public-color);border-top:1px solid #fff}
#float .ico:first-child>i{border-top:0px solid #fff}
#float .ico>.img{position:absolute;right:56px;width:140px;top:0;display:none;background-color:#fff}
#float .ico>.img>img{width:100%}
#float .ico p{position:absolute;top:0;border-radius:0;right:-350px;padding:0px 20px;line-height:56px;font-size:16px;height:56px;background-color:var(--public-color);color:#FFF;transition:all .6s;z-index:0;white-space:nowrap}
#float .ico:hover>.img{display:block}
#float .ico:hover p{right:56px}
#float .scale-ico{background-color:#b1b1b1;transition:.3s ease-in-out}
#float .scale-ico>i{background-color:#b1b1b1;transition:.3s ease-in-out}
#float .scale-ico>i:hover{background-color:var(--public-color);transition:none}
#float.hide{transform:translateX(56px)}
#float.hide .scale-ico{width:calc(56px / 2);transform:translateX(calc(-56px / 2));border-top:0;transition:transform .6s ease-in-out .3s,width .3s ease-in-out}
#float.hide .scale-ico i{transform:rotate(180deg);border-top: 1px solid transparent}
#float .ico#scroll-top{display:block!important;}
@media (min-width:1px) and (max-width:991px){
    #float .ico{width:40px;height:40px}
    #float .ico>i{font-size:22px;line-height:40px}
    #float .ico>.img{right:40px}
    #float .ico p{line-height:40px;padding:0 15px;height:40px}
    #float.hide{transform:translateX(40px)}
    #float.hide .scale-ico{width:calc(40px / 2);transform:translateX(calc(-40px / 2))}
}

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

/*#表格*/
/* .table-wrapper table tbody tr:hover{background-color: rgba(230, 61, 51, .1);} */
.table-wrapper table thead th{text-align: center;color: #fff;padding:15px 0;vertical-align: middle;font-weight: 500;}
.table-wrapper table thead{background-color: var(--public-color);}
.table-wrapper table tr:nth-child(odd){background-color:#ffffff;}
.table-wrapper table tr:nth-child(even){background-color: #f3f3f3}
.table-wrapper table th{background-color:  var(--public-color);color: #fff;padding: 20px 15px 20px 60px;font-weight: 500;font-size: 18px;border: double 4px #fff;text-align: left;}
.table-wrapper table td {padding: 15px 15px 15px 60px; vertical-align: middle; font-size: 16px;line-height: 28px;color: #666;font-weight: 400;text-align: left;border: double 4px #dfdfdf;}
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: solid 1px #fff;font-family: 'Roboto';}

.p-i-p-i-parameters .table-wrapper table td,.p-i-p-i-parameters .table-wrapper table th {padding-left: 110px;}
.p-i-optional .table-wrapper table td,.p-i-optional .table-wrapper table th {padding-left: 25px;}

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

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

/*#留言表单*/
    
.form-feedback .btn {
    font-size: 18px;
    line-height: 23px;
    color: #2f3d5b;
    font-family: 'Archivo';
    width: 188px;
    height: 48px;
    border-radius: 8px;
    background-color: #00f5b3;
    transition: ease-in-out .4s;
}

.form-feedback .btn:hover {
    background-color: #2f3d5b;
    color: #00f5b3;
}

@media(max-width:768px){
    .form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px}
    .form-feedback .btn{padding-top:10px;padding-bottom:10px}
    .contact-wrapper .feedback-box .form-control{margin-bottom:0}
}
.form-feedback .btn-c{background-color:#0b3b8d;height:100%;padding:10px 20px;transition:all .6s}
.popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#ff7633 0%,#ff7633bd 70%);color:#fff;border-radius:10px;padding:15px 25px;display:none;cursor:pointer;box-shadow:0 0 10px -2px #000;opacity:0;transition:.6s all}


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



/*banner*/
.banner-text{text-align: left;}
.banner-home h1.all-square::before{margin-bottom: 0;}
.banner-home h1{font-size: 42px;line-height: 64px;font-weight: bold;color: #333;letter-spacing: -2px;font-family: 'Roboto';}
.banner-home .b-h-text{color: #666;margin-bottom: 55px;}
.banner-home .b-h-img{margin-left: -160px;display: flex;align-items: flex-end;}
.banner-home .img-2{margin-left: -40px;}

.footer{padding-top: 135px;font-family: 'Poppins';}
.footer .logo{margin-bottom: 30px;}
.footer .t1{font-size: 20px;line-height: 32px;color: #333;font-weight: 600;margin-bottom: 30px;}
.footer .font-sty,.footer a.font-sty{font-size: 16px;color: #666;}
.footer .list-3 .box{display: flex;flex-direction: column;gap: 7px;}
.footer .list-2 .box{display: flex;flex-direction: column;gap: 7px;}
.footer .list-2 .font-sty{display: flex;justify-content: space-between;gap: 30px ;}
.footer .list-2 .font-sty::after{content: url(../../images/sign-3.webp);display: inline-block;}
.footer .list-1 .text{font-size: 16px;line-height: 32px;color: #666;opacity: 1;margin-bottom: 20px;}
.footer .list-1{width: 34%;}
.footer .list-2{width: 17%;}
.footer .list-3{width: 34%;}
.footer .list-3 .d1{display: grid;grid-template-columns: 18px auto;grid-gap: 0 15px;}
.footer .list-3 .d1 a.font-sty:nth-last-of-type(2){margin-right: 10px;}
.footer .list-3 .d1 .icon{display: inline-flex;align-items: center;justify-content: center;height: 32px;}
.footer .social-all>.social{gap: 8px;}
.footer .hover-1,.footer .hover-2{background-color: #fff !important;border: 1px solid #d9d9d9;color: #000 !important;width: 40px;height: 40px;font-size: 16px !important;display: inline-flex;justify-content: center;align-items: center;}
.footer .hover-1::before,.footer .hover-2::before{font-size: 16px;width: inherit;}
.footer .footer-top{padding-bottom: 100px;}
.footer .footer-bottom{font-size: 16px;line-height: 28px;background-color: #001d3d;color: rgba(255,255,255,.46);padding: 10px 0;}

.small-nav{display: flex;align-items: center;padding-top: 25px;}
.small-nav ul{display: flex;align-items:center;flex-wrap: wrap;position: relative;}
.small-nav ul a{font-size: 18px;line-height: 32px;color:var(--public-color);}
.small-nav ul li::before{content: url(../../images/sign-4.webp);font-family: 'Poppins';font-weight: 600;line-height: 28px;font-size: 16px;padding: 0 15px;color:#999999;position: static;}                                   
.small-nav ul li:first-child::before{content: "";background:  url(../../images/sign-1.webp) no-repeat;background-size: contain;width: 20px;height:20px;margin-right: 10px;}
.small-nav ul li:last-child::before{opacity: .8;}
.small-nav ul li:last-child a{opacity: .8;}
.small-nav ul li{display: flex;align-items: center;padding-left: 0;}

.all-white .small-nav ul a{color: #fff;}
.all-white .small-nav ul li::before{color: #fff;}

.small-nav-xl{position: absolute;top: 0;max-width: var(--max);margin: auto;width: 100%;}

.in-banner{margin-bottom: 35px;padding-top: 30px;}
.in-banner .small-nav{position: static;}
/* .in-banner .small-nav ul a{color:#999;}
.in-banner .small-nav ul li:last-child a{color: var(--public-color-p);} */


/*共有的类名*/
.title{font-size:42px;line-height:48px;color: #333;font-weight: bold;letter-spacing: -2px;}
.title.title-c{text-align: center;}
h1.h1{font-size: 48px;line-height: 64px;color: #333;font-weight: bold;}
.h6{font-size: 20px;letter-spacing: -1px;color: var(--public-color-red);font-weight: bold;}
.text{font-family: 'Poppins', sans-serif;letter-spacing: -.8px;}
.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: 24px;line-height: 32px;position: absolute;left: 0;top: 0px;color: var(--public-color);} */
.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;}
.row-line{position: relative;}
.row-line::before{content: "";width: 45px;height: 6px;background-color: var(--public-color);display: block;margin-bottom: 15px;}
.top-head-c{text-align: center;}
span.g{color: var(--public-color);font-weight: 500;}
hr{background-color: var(--public-color);border-top: 1px solid var(--public-color);}
.all-square::before{content: url(../../images/sign-1.webp);display: block;margin-bottom: 20px;}
.all-right::after{content: url(../../images/sign-r-1.webp);display: inline-block;margin-left: 30px;filter: grayscale(1);transition: all .3s ease-in-out;}
.all-right:hover::after{content: url(../../images/sign-r-1.webp);display: inline-block;margin-left: 30px;filter: none;}
.all-line::before{content: "";background: url(../../images/sign-pro.webp) no-repeat;width: 100%;height: 23px;display: block;}
.all-line-1::before{content: "";background: url(../../images/sign-pro-1.webp) no-repeat;width: 100%;height: 23px;display: block;}

ul li{padding-left: 45px;position: relative;font-size: 18px;color: #666666;}
ul li:last-child{margin-bottom: 0;}
ul li::before{content: url(../../images/sign-6.webp);position: absolute;left: 0;top: 0;line-height: 36px;}
.header ul li,.down-list ul li{padding-left: 0;position:relative;}
.header ul li::before,.down-list ul li::before{display: none;}


.all-style{position: relative;padding: 0 115px;}
.all-swiper{overflow: hidden;}
.all-hover{transition: all .3s ease-in-out;color: #0e1e40;opacity: .2;font-weight: bold;}
.all-hover:hover{color: var(--public-color);opacity: 1;}
.all-hover-next{right: -80px;}
.all-hover-prev{left: -80px;}


/* From Uiverse.io by nikk7007 */ 
.haichen:hover{background-color: #fff;color: var(--public-color) !important;transform: translateY(-5px);}
.haichen:hover span img{filter: none;transition: all .3s ease-in-out;}
.haichen{height: 61px;font-weight: bold;letter-spacing: -.8px;background-color: var(--public-color);padding: 0 40px;display: inline-flex;align-items: center;color: #fff;border: 2px solid var(--public-color);transition: all .3s ease-in-out;}
.haichen span {margin-left: 20px;}
.haichen span img{filter: brightness(0) invert(1);}

.home{padding-top: 135px;}
.home-first {margin-bottom: 110px;}
.home-first .content{display: flex;justify-content: space-between;gap: 40px;}
.home-first .list:hover{transform: translateY(-5px);}
.home-first .list{position: relative;box-shadow: 0px 30px 50px 0px rgba(99, 99, 99, 0.08);transition: all .3s ease-in-out;}
.home-first .list-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 120px 40px 45px 40px;background: rgba(255,255,255,.08);}
.home-first .num{font-size: 36px;line-height: 40px;color: #333;letter-spacing: -2px;font-weight: 500;margin-bottom: 35px;}
.home-first .text{color: #666;font-size: 16px;line-height: 30px;}
.home-pro {background-color: #f6f6f6;padding-top: 145px;padding-bottom: 140px;}
.home-pro .top-head{display: flex;justify-content: space-between;align-items: center;}
.home-pro .content-1 .cont-box{width: 75%;}
.home-pro-cer{width: 240px;min-width: 240px;}
.home-pro-cer img{mix-blend-mode: darken;}
.home-pro .t1{font-size: 36px;line-height: 46px;color: #333;font-weight: bold;font-family: 'Roboto';margin-bottom: 25px;}
.home-pro .cont{color: #666;letter-spacing: -1px;font-family: 'Poppins', sans-serif;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.home-pro .t2{color: #666;font-family: 'Roboto';font-weight: bold;letter-spacing: -1px;margin-bottom: 35px;}
.home-pro .all-square::before{margin-bottom: 20px;}
.home-pro .img img{mix-blend-mode: darken;}
.home-pro .all-line::before{margin: 35px 0 15px;}
.home-pro .content{margin-bottom: 145px;}
.home-pro .content-1 .t1{letter-spacing: -2px;}
.home-pro .content-2 .t1{letter-spacing: -1px;}
.home-pro .content:last-child{margin-bottom: 0px;}
.home-pro-img{display: flex;gap: 50px;}
.home-pro-img .img-1{display: flex;flex-direction: column;}
.home-pro-img .img-xl{border: 4px solid #fff;}
.home-pro-img .img-2 img{mix-blend-mode: darken;}
.home-pro .all-line-1::before{margin: 40px 0 45px;}
.home-sol{padding-top: 135px;margin-bottom: 130px;}
.home-sol-xl{box-shadow: 0px 30px 80px 0px rgba(99, 99, 99, 0.1);padding-top: 38px;border-top: 1px solid #ddd;}
.home-sol .h6{margin-bottom: 5px;}
.home-sol .top-head{margin-bottom: 60px;}
.home-sol-name{display: flex;justify-content: space-between;margin-bottom: 85px;}
.home-sol-name p:hover,.home-sol-name p.active{background-color: var(--public-color);color: #fff;}
.home-sol-name p:hover::before,.home-sol-name p.active::before{width: 100%;}
.home-sol-name p::before{content: "";width: 0;height: 2px;background-color: var(--public-color-red);position: absolute;top: -40px;transition: all .3s ease-in-out;}
.home-sol-name p{font-size: 16px;color: var(--public-color);letter-spacing: -1px;padding: 0 25px;height: 40px;display: flex;align-items: center;justify-content: center;width: 100%;position: relative;transition: all .3s ease-in-out;cursor: default;}
.home-sol-name p + p{border-left: 1px solid #ddd;}
.home-sol-content{padding: 0 60px 75px;}
.home-sol .items{background-color: #ffffff;}
.home-sol .list{display: flex;justify-content: space-between;align-items: center;margin-bottom: 50px;}
.home-sol .left{width: 58%;}
.home-sol .right{width: 35%;}
.home-sol .t1{font-size: 36px;line-height: 56px;color: #333;letter-spacing: -1px;font-weight: bold;margin-bottom: 20px;}
.home-sol .text{margin-bottom: 30px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.home-sol .text p{margin-bottom: 0;}
.home-sol .sol-img{display: flex;justify-content: space-between;gap: 0 25px;}
.home-sol .all-a{font-size: 18px;color: var(--public-color);font-weight: 600;letter-spacing: -1px;display: inline-flex;justify-content: center;position: relative;}
.home-sol .all-a span{margin-left: 10px;filter: grayscale(1);transition: all .3s ease-in-out;}
.home-sol .all-a::after{content: "";width: 0;height: 1px;background-color: var(--public-color-red);position: absolute;bottom: 0;transition: all .3s ease-in-out;}
.home-sol .all-a:hover::after{width: 100%;}
.home-sol .all-a:hover span{filter: none;}
.home-global{padding-bottom: 95px;}
.home-global .top-head{margin-bottom: 85px;}
.all-partner .title{font-size: 48px;color: #333;margin-bottom: 35px;}
.all-partner .content{display: flex;gap: 13px;}
.all-partner .list{flex: 1;position: relative;background-color: #000;}
.all-partner .list>img{opacity: .8;}
.all-partner .list-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: flex-end;padding-left: 30px;padding-bottom: 35px;}
.all-partner .box{color: #fff;width: 80%;}
.all-partner .h5{display: flex;align-items: center;margin-bottom: 15px;font-size: 18px;font-weight: bold;letter-spacing: -.6px;}
.all-partner .h5::before{content: url("../../images/sign-2.webp");display: inline-block;height: 24px;margin-right: 15px;}
.all-partner .cont{line-height: 26px;font-weight: bold;letter-spacing: -.6px;}
.home-about{padding-top: 150px;position: relative;margin-bottom: 210px;}
.home-about::after{content: "";background-color: #f6f6f6;width: 100%;height: 94%;position: absolute;left: 0;top: 0;z-index: -1;}
.home-about .content{display: flex;justify-content: space-between;margin-bottom: 90px;}
.home-about .left{width: 40%;}
.home-about .right{width: 40%;}
.home-about .title{margin-bottom: 50px;}
.home-about .text{color: #666666;letter-spacing: -.5px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.home-about .small-box{height: 220px;background-color: #fff;padding: 0 100px;}
.home-about .small-box{display: flex;align-items: center;box-shadow: 0px 20px 20px 0px rgba(99, 99, 99, 0.08);}
.home-about .h3{font-size: 52px;line-height: 56px;letter-spacing: -2px;font-weight: 600;color: #333;display: flex;margin-bottom: 35px;}
.home-about .list p{color: var(--public-color);padding-left: 10px;font-family: 'Poppins';}
.home-fact{margin-bottom: 105px;}
.home-fact .top-head{margin-bottom: 80px;}
.home-fact .title{margin-bottom: 30px;}
.home-fact .content{display: flex;justify-content: space-between;gap: 40px;margin-bottom: 60px;}
.home-fact .list{flex: 1;background-color: #f6f6f6;}
.home-fact .list .box{padding: 55px 35px 60px 40px;}
.home-fact .t1{font-size: 26px;color: #333;letter-spacing: -2px;font-weight: bold;margin-bottom: 20px;}
.home-fact .list .text{font-size: 16px;}
.home-part{display: grid;grid-template-columns: repeat(5,1fr);grid-gap: 20px 25px;}
.home-part .img-1{background-color: #ffffff;box-shadow: 0px 0px 10px 0px rgba(99, 99, 99, 0.1);height: 120px;display: flex;justify-content: center;align-items: center;transition: all .3s ease-in-out;}
.home-part .img-1:hover {transform: translateY(-5px);}
.home-news{background-color: #f6f6f6;padding-top: 135px;padding-bottom: 190px;}
.home-news .title{margin-bottom: 100px;}
.all-news .content{display: grid;grid-gap: 40px;grid-template-columns: repeat(3,1fr);}
.all-news .box{padding: 35px 35px 0 20px;width: 100%;;}
.all-news .time{font-size: 16px;line-height: 20px;font-weight: bold;letter-spacing: -1px;margin-bottom: 20px;}
.all-news .t1{font-size: 22px;color: #333;font-weight: bold;letter-spacing: -1px;margin-bottom: 30px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.all-news .t1:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;}
.all-news .list .text{color: #666;font-size: 16px;line-height: 30px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}


.all-contact{position: relative;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.all-contact>img{height: 300px;}
.all-contact-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;}
.all-contact .content{display: flex;align-items: center;justify-content: space-between;gap: 100px;}
.all-contact .title{color: #fff;}
.all-contact .a{width: 250px;min-width: 250px;}

.all-back{position: relative;}
.all-back::after{content: "";background-image: linear-gradient(#b5bcca 20%, #f8f8f8 60%);background-blend-mode: normal, normal;opacity: 0.8;position: absolute;left: 0;top: 0;width: 100%;height: 350px;z-index: -1;}
.all-back .small-nav{padding-bottom: 175px;}
.all-back-color{background-color: #f8f8f8;}



.product-list-paper .haichen{font-size: 20px;font-weight: bold;letter-spacing: -1px;}
.product-list-paper .haichen span{margin-left: 25px;}
.p-l-zhu {margin-bottom: 145px;}
.p-l-zhu .content{display: flex;justify-content: space-between;}
.p-l-zhu .left{width: 43%;}
.p-l-zhu .right{width: 50%;background-color: #999999;display: flex;justify-content: center;align-items: center;padding: 0 60px;}
.p-l-zhu h1{margin-bottom: 50px;}
.p-l-zhu .text{color:#666666;margin-bottom: 35px;letter-spacing: -1px;text-align: justify;}
.p-l-zhu .img-1{margin-bottom: 75px;}
.p-l-zhu .right .img{mix-blend-mode: multiply;}
.p-l-desc{margin-bottom: 155px;}
.p-l-desc .content{display: flex;justify-content: space-between;}
.p-l-desc .list{flex: 1;display: flex;flex-direction: column;justify-content: space-between;padding: 20px 0px 0 35px;height: 130px;border-left: 4px solid var(--public-color);}
.p-l-desc .d{display: flex;align-items: center;gap: 20px;}
.p-l-desc .num{font-size: 48px;color: var(--public-color);letter-spacing: -3px;}
.p-l-desc .h5{background-color: var(--public-color);border-radius: 15px;height: 30px;display: flex;align-items: center;font-size: 16px;line-height: 22px;color: #fff;letter-spacing: -1px;font-weight: 500;padding:0 20px;}
.p-l-desc .text{font-size: 16px;line-height: 22px;padding-right: 35px;}
.p-l-product {margin-bottom: 200px;}
.all-items-product .left{width: 52%;display: block;}
.all-items-product .right{width: 41%;}
.p-l-product .img{margin-bottom: 30px;}
/* .p-l-product .small-img{display: flex;justify-content: flex-end;gap: 10px;padding-right: 12px;width: 93%;float: right;} */
/* .p-l-product .img-1{flex: 0 0 calc(25% - 10px);} */
.all-items-product .items{display: flex;justify-content: space-between;align-items: flex-end;position: relative;padding-bottom: 80px;margin-bottom: 130px;}
.all-items-product .items:last-child{margin-bottom: 0;}
.all-items-product .items::after{content: "";background: url(../../images/sign-pro-1.webp) no-repeat;background-size: 100% 100%;display: block;width: 100%;height: 23px;position: absolute;left: 0;bottom: 0;}
.all-items-product .h6{font-size: 18px;line-height: 28px;letter-spacing: -1px;font-weight: 500;}
.all-items-product .t1{font-size: 26px;line-height: 36px;color: #333;font-weight: bold;letter-spacing: -1px;margin-bottom: 20px;}
.all-items-product .text{font-size: 16px;line-height: 28px;letter-spacing: -.8px;}
.all-items-product ol {margin-top: 30px;}
.all-items-product ol li{letter-spacing: -1px;display: flex;gap:0 10px;}
.all-items-product ol h5{font-family: 'Poppins';font-size: 16px;line-height: 32px;color: #333;font-weight: 500;}
.all-items-product ol strong{font-size: 16px;line-height: 32px;color: #666;font-weight: 500;}
.p-l-industry {margin-bottom: 195px;}
.p-l-industry .top-head {margin-bottom: 60px;}
.p-l-industry .title{margin-bottom: 40px;}
.p-l-industry .top-head .text{color: #666;letter-spacing: -.6px;}
.p-l-industry .content{display: flex;justify-content: space-between;gap: 30px;}
.p-l-industry .list{flex: 1;position: relative;}
.p-l-industry .h5{font-size: 22px;line-height: 34px;letter-spacing: -1px;font-weight: bold;color: #fff;position: absolute;left: 40px;bottom: 35px;}
.p-l-cust{margin-bottom: 210px;}
.p-l-cust .left{width: 46%;}
.p-l-cust .right{width: 47%;}
.all-cust .content{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 85px;}
.all-cust .title-1{font-size: 36px;line-height: 48px;color: #333;font-weight: bold;letter-spacing: -1px;margin-bottom: 30px;}
.all-cust .text{color: #666;letter-spacing: -.8px;margin-bottom: 40px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.all-cust .img-1{margin-bottom: 50px;}
.all-cust .img-1 img{mix-blend-mode: darken;}
.all-cust .mySwiper-cust{padding-bottom: 50px;position: relative;}
.all-cust .pag-cust{top: auto;bottom: 0;background-color: #e9e9e9;}
.all-cust .pag-cust .swiper-pagination-progressbar-fill{background-color: var(--public-color);}
.p-l-choose{position: relative;display: flex;align-items: center;overflow: hidden;margin-bottom: 185px;}
.p-l-choose-xl{position: absolute;left: 0;top: 0; width: 100%;height: 100%;display: flex;align-items: center;}
.p-l-choose .top-head{margin-bottom: 70px;}
.p-l-choose .title{font-size: 48px;color: #fff;letter-spacing: -2px;font-weight: bold;margin-bottom: 35px;}
.p-l-choose .top-head .text{letter-spacing: -.8px;}
.p-l-choose .content{display: flex;justify-content: space-between;gap: 40px;}
.p-l-choose .list{flex: 1;background-color: #fff;height: 280px;padding: 40px 55px 0 55px;}
.p-l-choose .d{display: flex;align-items: center;gap: 30px;margin-bottom: 15px;}
.p-l-choose .t1{font-size: 32px;color: #333;letter-spacing: -2px;font-weight: bold;}
.p-l-choose .list .text{font-size: 16px;line-height: 28px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.p-l-quality {margin-bottom: 190px;}
.p-l-quality .content{display: flex;justify-content: space-between;align-items: center;margin-bottom: 80px;}
.p-l-quality .left{width: 47%;}
.p-l-quality .right{width: 45%;}
.p-l-quality .title{margin-bottom: 45px;}
.p-l-quality .text{color: #666;letter-spacing: -.5px;}
.p-l-quality ul{margin-top: 25px;margin-bottom: 55px;}
.all-reliability {padding-bottom: 155px;}
.all-reliability .title{margin-bottom: 30px;font-size: 48px;}
.all-reliability .text{letter-spacing: -.8px;}
.all-reliability .top-head{margin-bottom: 65px;}
.all-reliability .content{display: flex;justify-content: space-between;gap: 17px;}
.all-reliability .img{flex: 1;}
.all-p-l-faq {padding-top: 140px;padding-bottom: 180px;}
.all-p-l-faq .title{font-size: 48px;width: 80%;margin-bottom: 40px;}
.all-p-l-faq .h3{font-size: 36px;line-height: 36px;color: #333;letter-spacing: -1px;font-weight: bold;margin-bottom: 40px;}
.all-p-l-faq .text{font-size: 16px;line-height: 32px;color: #666;letter-spacing: -.8px;}
.all-p-l-faq .content{display: flex;justify-content: space-between;gap: 30px;}
.all-p-l-faq .aside{width: 32%;margin-top: 35px;display: flex;flex-direction: column;gap: 30px;position: sticky;top: 90px;height: fit-content;}
.all-p-l-faq .article{max-width: 900px;width: 65%;min-width: 600px;}
.p-l-news {background-color: #f8f8f8;padding: 155px 0px;}
.p-l-news .title{margin-bottom: 100px;}

/* 表单样式 */
.all-from{padding: 50px 30px 40px 30px;background-color: var(--public-color);}

.form-group{position:relative;margin-bottom: 20px;}
.form-group:has(input[required])::before,
.form-group:has(textarea[required])::before{content: "*";color: var(--public-color-red);display: inline-block;position: absolute;left: 18px;top: 12px;z-index: 1;}
.form-group:has(textarea[required])::before{top: 18px;}


/* .all-from .cicle-style{position: relative;margin-bottom: 20px;} */
/* .all-from .cicle-style::before{content: "*";color: var(--public-color-red);display: inline-block;position: absolute;left: 25px;top: 12px;} */
/* .all-from .cicle-style.cicle-style-1::before{top:18px} */
.all-from .form-control::placeholder{font-size: 16px;line-height: 32px;color: #999;letter-spacing: -.8px;font-family: 'Poppins';}
/* .all-from .cicle-style .form-control{padding: 15px 40px;} */
.all-from .form-control{padding: 15px 20px;}
.all-from .form-row{margin-left:-10px;margin-right:-10px;}
.all-from .col-md-6,.all-from .col-md-12,.all-from .col-md-10,.all-from .col-md-8{padding: 0 10px;}
.all-from .haichen{border:1px solid #fff;color: #fff;font-size: 18px;}
.all-from .form-row:nth-last-of-type(2){margin-bottom: 35px;}
.all-from .form-row:last-child{margin-bottom: 0;}

.all-faqs.active{animation: fadeIn .3s ease-in-out;}
.all-faqs .items{padding:25px 50px;background-color: #ffffff;box-shadow: 0px 0px 60px 0px rgba(99, 99, 99, 0.08);margin-bottom: 20px;}
.all-faqs .items:last-child{margin-bottom: 0;}
.all-faqs .items:last-child{margin-bottom: 0;}
.all-faqs .item{display: grid;grid-template-columns: auto 26px;grid-gap: 30px;cursor:default;}
.all-faqs .quen-q{font-size: 18px;line-height: 26px;color:#333;font-weight: bold;letter-spacing: -1px;position: relative;}
.all-faqs .quen-a{font-size: 16px;line-height: 30px;font-family: 'Poppins';
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.all-faqs .items.active .quen-q{margin-bottom: 25px;}
.all-faqs .items.active .quen-a{padding-bottom: 15px;}
.all-faqs .items.active{margin-bottom: 30px;}
.all-faqs .symbol{width: 26px;height: 26px;border-radius: 100%;display: flex;justify-content: center;align-items: center;border-radius: 100%;background-color: var(--public-color);color: #fff;font-size: 20px;}
.all-faqs .minus{display: none;}
.all-faqs .plus{display: inline-block;}
.all-faqs .items.active .minus{display: inline-block;}
.all-faqs .items.active .plus{display: none;}


/* 播放视频的按钮 */
.all-video-btn{width: 73px;height: 73px;border-radius: 100%;border: 2px solid #fff;position: absolute;display: flex;justify-content: center;align-items: center;transition: all .3s ease-in-out;cursor: pointer;}
.all-video-btn p{width: 30px;height: 16px;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 15px solid #fff;border-right: 15px solid transparent;}
.all-video-btn:hover{background-color: var(--public-color);border-color: var(--public-color);}


.p-i-zhu{margin-bottom: 130px;}
.p-i-zhu .content{display: flex;justify-content: space-between;align-items: flex-start;gap: 65px;}
.p-i-zhu .left{width: 60%;background-color: #ffffff;padding: 80px 20px 50px;}
.p-i-zhu .left .img{margin-bottom: 60px;display: flex;justify-content: center;}
.p-i-zhu .small-img{width: 100%;}
.p-i-zhu .right{width: 600px;min-width: 600px;}
.p-i-zhu .h6{font-size: 16px;line-height: 28px;margin-bottom: 10px;font-weight: 500;}
.p-i-zhu h1{font-size: 36px;color: #333;letter-spacing: -2px;font-weight: bold;margin-bottom: 35px;}
.p-i-zhu .text{margin-bottom: 35px;}
.p-i-zhu .text p{font-size: 16px;color: #666;letter-spacing: -.8px;}
.p-i-zhu ol {margin-top: 10px;}
.p-i-zhu ol li{letter-spacing: -.8px;display: flex;gap:0 10px;}
.p-i-zhu ol h5{font-family: 'Poppins';font-size: 16px;line-height: 32px;color: #333;font-weight: 500;}
.p-i-zhu ol strong{font-size: 16px;line-height: 32px;color: #666;font-weight: 500;}
.p-i-zhu .box{display: flex;justify-content: space-between;gap: 30px;width: 75%;margin-bottom: 45px;}
.p-i-zhu .list {display: flex;flex-direction: column;align-items: center;}
.p-i-zhu .list .img-1{width: 80px;height: 80px;border-radius: 100%;background-color: #d7d7d7;display: flex;justify-content: center;align-items: center;margin-bottom: 15px;}
.p-i-zhu .list .img-1 img{mix-blend-mode: multiply;}
.p-i-zhu .t1{font-size: 16px;line-height: 25px;color: #666;letter-spacing: -1px;}
.p-i-zhu .p-i-btn{display: flex;gap: 10px;width: 85%;}
.p-i-zhu .p-i-btn .haichen{padding: 0;width: 100%;font-size: 18px;letter-spacing: -1px;font-weight: bold;display: inline-flex;align-items: center;justify-content: center;}
.p-i-zhu .p-i-btn span:nth-last-of-type(2){margin-right:20px;margin-left: 0;height: 40px;}
.p-i-zhu .p-i-btn span:nth-last-of-type(1){margin-left: 20px;}

.detail-nav-xl{display: flex;gap: 50px;padding-bottom: 75px;position: relative;}
.detail-nav-xl::after{content: "";background: url(../../images/sign-pro.webp) no-repeat;background-size: 100% 100%;width: 100%;height: 32px;position: absolute;left: 0;bottom: 0;}
.detail-nav-xl a{font-size: 24px;line-height: 24px;color: #333;font-weight: bold;letter-spacing: -1px;display: flex;align-items: center;justify-content: center;}
.detail-nav-xl li.active a{color: var(--public-color-red) !important;}
.detail-nav-xl li{position: relative;}
.detail-nav-xl li.active::after,.detail-nav-xl li:hover::after{width: 100%;}

.detail-nav.fadeInDown{position: fixed;top: 75px;background-color: #fff;padding-top: 10px;z-index: 15;width: 100%;}
.detail-nav.fadeInDown .detail-nav-xl::after{height: 15px;}
.detail-nav.fadeInDown .detail-nav-xl{padding-bottom: 30px;}

.p-i-content{margin-top: 120px;margin-bottom: 155px;}
.p-i-content>div{margin-bottom: 130px;}
.p-i-content>div:last-child{margin-bottom: 0;}
.product-in-paper .title-xl{font-size: 32px;color: #333;letter-spacing: -1px;font-weight: bold;margin-bottom: 50px;}
.p-i-content .all-square::before{display: inline-block;margin-right: 30px;}
.p-i-overview .content{display: flex;justify-content: space-between;gap: 80px;}
.p-i-overview .left{width: auto;color: #666;font-family: 'Poppins';letter-spacing: -.8px;}
.p-i-overview .left p{margin-bottom: 30px;}
.p-i-overview .left strong{font-weight: 600;color: #333;letter-spacing: -.8px;}
.p-i-overview ul li{padding-left: 0;margin-bottom: 5px;}
.p-i-overview ul li::before{position: static;display: inline-block;line-height: auto;margin-right: 30px;width: 15px;height: 15px;content: "";background: url(../../images/sign-6.webp) no-repeat;background-size: contain;}
.p-i-overview .right{width: 620px;min-width: 620px;background: #c7c7c7;display: flex;align-items: center;justify-content: center;overflow: hidden;height: 360px;}
.p-i-overview .img{mix-blend-mode: multiply;transform: scale(1.2);}
.p-i-overview .all-video-btn{width: 90px;height: 90px;}
.p-i-overview .all-video-btn img{transform: scale(1.3);}
.p-i-parameters .content{border-bottom: 7px solid var(--public-color);}
.p-i-detail .table-wrapper table tr{background-color: #f3f3f3;}
.p-i-detail .content{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 40px 25px;}
.p-i-detail .list{background-color: #ffffff;box-shadow: 0px 30px 50px 0px rgba(99, 99, 99, 0.08);transition: all .3s ease-in-out;height: 100%;}
.p-i-detail .t1{height: 100px;display: flex;align-items: center;padding-left: 30px;font-size: 19px;color: #333;font-weight: bold;letter-spacing: -1px;}
.p-i-detail .list:hover{transform: translateY(-5px);}
.buttin-base{background-color: rgba(14,30,64,.05);height: 60px;display: flex;align-items: center;justify-content: center;margin-top: 55px;transition: all .3s ease-in-out;}
.buttin-base:hover{background-color:  rgba(14,30,64,1);transform: translateY(-5px);}
.buttin-base:hover span img.white{display: inline-block;}
.buttin-base:hover span img.gain{display: none;}
.buttin-base span img.white{display: none;}
.buttin-base span img.gain{display: inline-block;}
.buttin-base.active span img{transform: rotate(-180deg);}
.p-i-accessories{margin-top: 210px;}
.p-i-accessories .content{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 10px;}
.p-i-accessories .list{background-color: #fff;}
.p-i-accessories .box{padding: 45px 35px;}
.p-i-accessories .img{background-color: #dfdfdf;}
.p-i-accessories .img img{mix-blend-mode: multiply;}
.p-i-accessories .t1{font-size: 19px;color: #333;letter-spacing: -.8px;font-weight: bold;margin-bottom: 15px;}
.p-i-accessories .text{font-size: 14px;line-height: 30px;color: #666;}
.p-i-cust{margin-bottom: 195px;}
.p-i-cust .all-cust .content{flex-direction: row-reverse;align-items: flex-start;}
.p-i-cust .left{width:40%;}
.p-i-cust .right{width: 55%;}
.p-i-cust .all-cust .title-1{margin-bottom: 15px;}
.p-i-cust .all-cust .text{margin-bottom: 30px;}
.p-i-cust .all-cust .img-1{margin-bottom: 40px;}
.p-i-cust .haichen{font-size: 18px;letter-spacing: -1px;font-weight: bold;}
.p-i-cust .haichen span{margin-left: 15px;}
.p-i-products .title-xl{margin-bottom: 65px;}
.p-i-products .all-square::before{display: inline-block;margin-right: 30px;}
.p-i-products .img{height: 200px;display: flex;justify-content: center;align-items: center;}
.product-in-paper .all-p-l-faq{padding-bottom: 0;}
.p-i-news{padding-top: 120px;}
.all-small-product .content{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 40px;}
.all-small-product .list{background-color: #fff;position: relative;height: 100%;}
.all-small-product .list::after{content: "";background: url(../../images/sign-8.webp) no-repeat;background-size: contain;width: 100%;height: 23px;position: absolute;left: 0;bottom: -10px;}
.all-small-product .img{padding: 40px 25px;}
.all-small-product .box{padding: 40px 25px 60px 35px;}
.all-small-product .h6{font-size: 14px;line-height: 28px;letter-spacing: -.8px;}
.all-small-product .t1{font-size: 23px;line-height: 36px;color: #333;font-weight:bold;letter-spacing: -.8px;margin-bottom: 15px;}
.all-small-product ol{font-size: 14px;color: #666;font-weight: 500;}
.all-small-product ol li{display: flex;gap: 10px;}
.all-small-product ol h5{font-weight: 500;}
.all-small-product ol strong{font-weight: 400;letter-spacing: -.4px;}
.all-small-product ol h5,.all-small-product ol strong{font-size: 14px;line-height: 28px;color: #666;letter-spacing: 0px;}
.p-i-faq {background-color: var(--public-color);padding-top: 130px;margin-bottom: 225px;}
.p-i-faq .content{display: flex;justify-content: space-between;}
.p-i-faq .aside{width: 40%;}
.p-i-faq .article{width: 53%;}
.p-i-faq .title{color: #fff;margin-bottom: 65px;}
.p-i-faq .items{padding: 0;background-color: transparent;position: relative;padding-left: 25px;margin-bottom: 25px;}
.p-i-faq .quen-q{letter-spacing: -.2px;}
.p-i-faq .quen-q,.p-i-faq .quen-a{color: #fff;}
.p-i-faq .all-faqs .quen-a{font-size: 15px;line-height: 28px;opacity: .9;}
.p-i-faq .items::before{content: "";background: url(../../images/sign-1.webp) no-repeat;width: 15px;height: 15px;background-size: contain;display: inline-block;position: absolute;left: 0;top: 8px;}
.p-i-faq .all-faqs .items.active{margin-bottom: 15px;}
.p-i-faq .all-faqs .items.active .quen-q{margin-bottom: 15px;}
.p-i-faq .symbol{background-color: #fff;color: var(--public-color);width: 24px;height: 24px;}
.all-from.all-from-1{background-color: #fff;margin-bottom: -50px;box-shadow: 0px 0px 120px 0px rgba(188, 188, 188, 0.2);}
.all-from.all-from-1 .form-control{background-color: #f4f4f4;border: none;}
.all-from.all-from-1 .form-row:nth-last-of-type(2){margin-bottom: 20px;}
.all-from.all-from-1 {padding-top: 85px;padding-bottom: 70px;}
.all-from.all-from-1 .haichen{font-size: 18px;font-weight: bold;letter-spacing: -.1px;padding: 0 30px;}
.all-from.all-from-1 .haichen:hover{transform: none;border-color:2px solid var(--public-color);}
.p-i-faq .haichen span{margin-left: 20px;}
.p-i-news {padding-bottom: 120px;}
.p-i-news .title{font-size: 48px;margin-bottom: 100px;}
.all-news.all-style-1 .mySwiper-news{padding-bottom: 70px;position: relative;}
.all-news.all-style-1 .pag-news{top: auto;bottom: 0;background-color: #e9e9e9;}
.all-news.all-style-1 .pag-news .swiper-pagination-progressbar-fill{background-color: var(--public-color);}
.all-style-1{position: relative;}

.all-zhu .content{display: flex;justify-content: space-between;}
.all-zhu h1{font-size: 42px;color: #333;font-weight: bold;letter-spacing: -2px;margin-bottom: 15px;}
.all-zhu .text{color: #666;letter-spacing: -.8px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.app-list-zhu .left{width: 53%;}
.app-list-zhu .right{width: 42%;display: flex;flex-direction: column;justify-content: space-between;gap: 30px;}
.app-list-zhu .img-1 img{mix-blend-mode: darken;}
.app-list-zhu {margin-bottom: 175px;}
.app-list-products {padding-bottom: 245px;}
.app-list-products .top-head{width: 90%;margin:0 auto 165px;}
.app-list-products .top-head .text{color: #666;letter-spacing: -.8px;}
.app-list-products .title{margin-bottom: 15px;}
.app-list-products .items{flex-direction: row-reverse;align-items: center;}
.app-list-products .t1{position: relative;display: grid;grid-template-columns: auto 30px;grid-gap: 5px;}
.app-list-products .t1::after{content: url(../../images/sign-r.webp);margin-right: -10px;}
.app-list-products .img-1{margin-top: 30px;}
.app-list-products .img-1 img{mix-blend-mode: darken;}
.app-list-differ{margin-bottom: 140px;background-color: #fff;padding:125px 0 140px;}
.app-list-differ .title{width: 75%;margin:0 auto 90px;}
.app-list-differ .content{padding-bottom: 10px;border-bottom: 6px solid var(--public-color);}
.app-list-differ .items{display: grid;grid-template-columns: auto 300px auto;text-align: center;font-family: 'Roboto';border: 1px solid #ddd;}
.app-list-differ .list{width: 100%;}
.app-list-differ .name{width: 100%;background-color: var(--public-color);color: #fff;font-size: 18px;line-height: 28px;letter-spacing: -.2px;font-weight: 500;padding: 15px 0 17px;}
.app-list-differ .box p{font-size: 16px;line-height: 28px;color: #666;padding: 12px 0;}
.app-list-differ .box p:nth-child(odd){background-color: #f3f3f3;}
.app-list-differ .list + .list{border-left: 4px double #ddd}
.app-list-differ .list>div + div{border-top: 4px double #ddd;}
.app-list-differ .box p + p{border-top: 4px double #ddd;}
.app-list-partner {margin-bottom: 195px;}
.app-list-partner .top-head{margin-bottom: 70px;}
.app-list-industry{padding-bottom: 170px;}
.app-list-industry .title{margin-bottom: 90px;}
.app-list-industry .content{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 40px;}
.app-list-industry .list{background-color: #fff;transition: all .3s ease-in-out;}
.app-list-industry .t1{height: 160px;font-size: 26px;color: #333;letter-spacing: -1px;font-weight: bold;padding-top: 55px;padding-left: 40px;background-color: #fff;}
.app-list-industry .list:hover{transform: translateY(-5px);}
.app-list-faq {margin-bottom: 210px;}
.all-app-faq .content{display: grid;grid-template-columns:380px auto ;grid-gap: 60px}
.all-app-faq .title{margin-bottom: 40px;}
.all-app-faq .content .items.active{padding-top: 45px;}

.app-news{padding-bottom: 120px;}
.app-news .title{margin-bottom: 90px;}

.all-service {background: url(../../images/app-9.webp) no-repeat center;background-size: 100% 100%;display: flex;align-items: center;margin-bottom: 205px;}
.all-service .content{display: flex;justify-content: space-between;align-items: center;}
.all-service .aside{width: 50%;margin-top: 140px;}
.all-service .article{width: 43%;min-width: 635px;margin-right: -60px;}
.all-service .title{color: #fff;margin-bottom: 50px;}
.all-service li{color: #fff;font-family: 'Poppins';margin-bottom: 10px;letter-spacing: -.8px;}
.all-service li::before{content: "\f00c";font-family: 'cmsfont';color: #fff;font-weight: bold;margin-right: 15px;}
.all-service li:last-child{margin-bottom: 0;}
.all-service .all-from{margin-bottom: -50px;}

.all-back.all-back-app .small-nav{padding-bottom: 120px;}
.all-back{background-image: linear-gradient(rgb(181, 188, 202) 20%, rgb(248, 248, 248) 60%);background-blend-mode: normal, normal;width: 100%;}
.all-back::after{display: none;}

.app-top-head {position: relative;}
.app-top-head .title{margin-bottom: 20px;}
.app-top-head .text{letter-spacing: -.5px;}
.app-top-head .img-1{position: absolute;bottom: -80px;margin: auto;width: 100%;}
.app-index-content{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 40px;margin-bottom: 185px;padding-top: 185px;}
.app-index-content .list{background-color: #fff;height: 100%;}
.app-index-content .t1{font-size: 32px;color: #333;letter-spacing: -2px;font-weight: bold;margin-bottom: 30px;}
.app-index-content .text{font-size: 16px;line-height: 28px;}
.app-index-content .box{padding: 45px 50px 50px;}
.app-index-faq{background-color: #fff;padding: 165px 0 150px;}
.app-index-news{padding-top: 170px;padding-bottom: 150px;}
.app-index-news .title{margin-bottom: 100px;}

.app-bottle-top {margin-bottom: 170px;}
.app-bottle-top .title{margin-bottom: 50px;}
.app-bottle-top .img-1{margin-bottom: 100px;}
.app-bottle-box{position: relative;z-index: 1;}
.app-bottle-box::before{content: "";width: 100%;height: 2px;background-color: #ddd;position: absolute;left: 0;top: 30%;z-index: -1;}
.app-bottle-box .content{display: flex;justify-content: space-between;}
.app-bottle-box .list{display: flex;flex-direction: column;align-items: center;}
.app-bottle-box .img-2{width: 120px;height: 120px;border-radius: 100%;background-color: var(--public-color);border:10px solid #f8f8f8;display: flex;justify-content: center;align-items: center;margin-bottom: 30px;}
.app-bottle-box .t1{font-size: 16px;color: #666;letter-spacing: -1px;font-weight: 500;}
.app-bottle-zhu{margin-bottom: 165px;}
.app-bottle-zhu .content{display: flex;justify-content: space-between;margin-bottom: 65px;}
.app-bottle-zhu .left{width: 50%;}
.app-bottle-zhu .right{width: 45%;}
.app-bottle-zhu .title{margin-bottom: 40px;}
.app-bottle-zhu .left .text{color: #666;letter-spacing: -.8px;}
.app-bottle-img{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 26px;}
.app-bottle-procust .top-head {width: 90%;margin:0 auto 75px;}
.app-bottle-procust .top-head .text{color: #666;letter-spacing: -.8px;}
.app-bottle-procust .title{margin-bottom: 20px;}
.app-bottle-procust .content{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 60px 80px;}
.app-bottle-procust{padding-bottom: 180px;}

.boxing-list-paper .p-l-zhu .right{width: 54%;}
.boxing-list-app{margin-bottom: 120px;}
.boxing-list-app .h4{font-size: 26px;color: #666;font-weight: 500;letter-spacing: -.8px;margin-bottom: 55px;}
.boxing-list-app .content{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 25px;}
.boxing-list-speed{margin-top: 150px;margin-bottom: 155px;}
.boxing-list-speed .top-head {margin-bottom: 75px;}
.boxing-list-speed .title{margin-bottom: 40px;}
.boxing-list-speed .top-head .text{color: #666;}
.boxing-list-speed .box{display: flex;gap: 20px;}
.boxing-list-speed .d.active{background-color: #fff;}
.boxing-list-speed .d{width: 240px;height: 120px;border-top: 5px solid var(--public-color);display: flex;flex-direction: column;align-items: center;justify-content: center;background-color: #e4e4e4;transition: all 0.3s ease-in-out;cursor: default;}
.boxing-list-speed .img-1{width: 50%;margin-bottom: 10px;}
.boxing-list-speed .speed{color: #333;letter-spacing: -1px;font-weight: bold;}
.boxing-list-speed .content{padding: 80px 60px 85px;background-color: #fff;}
.boxing-list-speed .left{width: 50%;}
.boxing-list-speed .right{width: 45%;/*display: flex;flex-direction: column;justify-content:space-between;*/}
.boxing-list-speed .items{display: flex;justify-content: space-between;}
.boxing-list-speed .img{margin-bottom: 80px;}
.boxing-list-speed h4{font-size: 28px;color: #333;font-weight: bold;letter-spacing: -1px;margin-bottom: 25px;}
.boxing-list-speed .left p{font-family: 'Poppins';color: #666;letter-spacing: -.5px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.boxing-list-speed h6{color: var(--public-color);font-size: 18px;font-weight: 500;letter-spacing: -.8px;/*margin-top: 45px;*/margin-bottom: 35px;}
.boxing-list-speed table tr th{font-size: 16px;line-height: 24px;letter-spacing: -.5px;}
.boxing-list-speed table td{font-size: 14px;line-height: 20px;letter-spacing: -.5px;}
.boxing-list-speed table tr th,.boxing-list-speed table td{padding:10px 10px 10px 20px}
.boxing-list-adv{margin-bottom: 150px;}
.boxing-list-adv .title{margin-bottom: 75px;}
.boxing-list-adv .content{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 40px;}
.boxing-list-adv .list{background-color: #fff;padding: 70px 40px 60px;cursor: default;height: 100%;
    background:
    linear-gradient(90deg, #0e1e40 50%, transparent 0) repeat-x,
    linear-gradient(90deg, #0e1e40 50%, transparent 0) repeat-x,
    linear-gradient(0deg, #0e1e40 50%, transparent 0) repeat-y,
    linear-gradient(0deg, #0e1e40 50%, transparent 0) repeat-y;
    background-size: 6px 1px, 6px 1px, 1px 8px, 1px 8px;
    background-position: 0 0, 0 100%, 0 0, 100% 0;

}
.boxing-list-adv .list:hover{align-items:first baseline;animation: linearGradientMove .8s infinite linear;}
.boxing-list-adv .img-1{margin-bottom: 35px;}
.boxing-list-adv .t1{font-size: 26px;color: #333;font-weight: bold;letter-spacing: -1px;margin-bottom: 25px;}
.boxing-list-adv .text{font-size: 16px;line-height: 28px;letter-spacing: 0px;}

@keyframes linearGradientMove {
    100% {
        background-position: 100px 0, -100px 100%, 0 -50px, 100% 50px;
    }
}

.boxing-list-cust {margin-bottom: 160px;}
.boxing-list-cust .left{width: 50%;}
.boxing-list-cust .right{width: 46%;}
.boxing-list-cust .haichen{font-size: 20px;height: 50px;}
.boxing-list-cust .all-cust .content{margin-bottom: 60px;}
.boxing-list-paper .all-p-l-faq{background-color: #fff;}


.sol-zhu{margin-bottom: 175px;}
.sol-zhu .content{display: flex;justify-content: space-between;}
.sol-zhu .left{width: 45%;}
.sol-zhu .right{width: 51%;}
.sol-zhu .title{margin-bottom: 40px;}
.sol-zhu .text{letter-spacing: -.7px;color: #666;text-align: justify;margin-bottom: 40px;}
.sol-zhu .img-1{margin-bottom: 60px;}
.sol-zhu .img-1 img{mix-blend-mode: darken;}
.sol-items {margin-bottom: 195px;}
.sol-items .content{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 160px;}
.sol-items .all-square::before{display: inline-block;margin-right: 30px;}
.sol-items .desc{font-size: 16px;line-height: 28px;color: #666;font-family: 'Poppins';margin-bottom: 40px;}
.sol-items .img{margin-bottom: 50px;}
.sol-items .text{color: #666;letter-spacing: -.4px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.sol-items ul{margin-top: 20px;}
.sol-items .haichen{margin-top: 55px;}
.sol-cap{margin-bottom: 175px;}
.sol-cap .all-square::before{display: inline-block;margin-right: 25px;}
.sol-cap .title{margin-bottom: 60px;}
.sol-cap .content{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 50px;}
.sol-cap .list{display: flex;justify-content: space-between;gap:25px}
.sol-cap .box{width: 335px;min-width: 335px;}
.sol-cap .t1{font-size: 20px;line-height: 28px;color: #333;font-weight: bold;letter-spacing: -1px;margin-bottom: 30px;}
.sol-cap .text{font-size: 16px;line-height: 28px;color: #666;letter-spacing: 0;}
.sol-partner .top-head{margin-bottom: 70px;}
.sol-partner {padding-bottom: 138px;}
.cust-index-paper .all-p-l-faq{background-color: #fff;}

.all-back.quality-all-back .small-nav{padding-bottom: 70px;}
.quality-top-head .title{margin-bottom: 15px;}
.quality-top-head .text{margin-bottom: 40px;}
.qualirt-paper .p-i-news{padding-top: 0;}
.quality-cer{padding-top: 160px;padding-bottom: 140px;}
.quality-cer .content{display: flex;justify-content: space-between;align-items: center;}
.quality-cer .left{width: 45%;}
.quality-cer .right{width: 46%;position: relative;}
.quality-cer .title{margin-bottom: 40px;}
.quality-cer .text{color: #666;}
.quality-cer ul{margin-top: 35px;}
.quality-cer ul li{padding-left: 40px;}
.quality-cer .box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;overflow: hidden;}
.quality-cer .mySwiper-cer{width: 100%;}
.quality-cer .img{border: 20px solid #fff;}
.quality-cer .pag-cer{left: 0;bottom: -45px;}
.all-pag span{width: 9px;height: 9px;transform: rotate(45deg);border-radius: 0;background-color: var(--public-color);opacity: .2;margin: 0 9px !important;}
.all-pag span.swiper-pagination-bullet-active{opacity: 1;}
.quality-digital{margin-bottom: 105px;}
.quality-digital .top-head{width: 80%;margin:0 auto 70px;}
.quality-digital .title{margin-bottom: 40px;}
.quality-digital .list{background-color: #fff;}
.quality-digital .t1{font-size: 26px;color: #333;font-weight: bold;letter-spacing: -1.5px;height: 155px;padding-top: 50px;padding-left: 40px;}
.mySwiper-digital{padding-bottom: 70px;}
.quality-digital .pag-digital{left: 0;bottom: 0;}
.quality-access {padding-bottom: 115px;}
.quality-access .content{display: flex;justify-content: space-between;align-items: center;}
.quality-access .left{background-color: #fff;padding: 30px 30px 45px 40px;display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 20px 25px;width: 55%;}
.quality-access .img-1{height: 120px;background-color: #fff;display: flex;justify-content: center;align-items: center;box-shadow: 0px 0px 10px 0px rgba(99, 99, 99, 0.1);}
.quality-access .right{width: 39%;}
.quality-access .title{margin-bottom: 55px;}
.quality-access .text{color: #666666;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.quality-access .text p{margin-bottom: 30px;}
.quality-access .text p:last-child{margin-bottom: 0;}
.quality-stand{position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.quality-stand-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 130px 0 150px;}
.quality-stand .title{color: #fff;font-size: 48px;margin-bottom: 20px;}
.quality-stand .top-head{margin-bottom: 140px;}
.quality-stand .content{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 40px;}
.quality-stand .list{background-color: #fff;position: relative;padding: 80px 40px 45px 40px;}
.quality-stand .img-1{display: inline-flex;align-items: center;justify-content: center;background: url(../../images/qua-7.webp) no-repeat center;width: 101px;height: 101px;position: absolute;top: -50.5px;left: calc(50% - 50.5px);}
.quality-stand .t1{font-size: 26px;color: #333;letter-spacing: -2px;font-weight: bold;text-align: center;margin-bottom: 35px;}
.quality-stand li::before{content: "";width: 14px;height: 14px;background: url(../../images/sign-6.webp) no-repeat;background-size: contain;position: static;display: inline-block;margin-right: 15px;}
.quality-stand li{padding-left: 0;font-size: 16px;line-height: 28px;color: #999;letter-spacing: 0;margin-bottom: 15px;}
.quality-stand li:last-child{margin-bottom: 0;}
.quality-sol{padding-top: 175px;margin-bottom: 135px;}
.quality-sol .content{display: flex;justify-content: space-between;}
.quality-sol .title {margin-bottom: 55px;}
.quality-sol .title span{display: block;}
.quality-sol .text{color: #666666;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.quality-sol ul{margin-top: 30px;margin-bottom: 60px;}
.quality-sol li{padding-left: 35px;}
.quality-sol .left{width: 47%;}
.quality-sol .right{width: 45%;}
.quality-partner {padding-bottom: 130px;}
.quality-partner .top-head{margin-bottom: 70px;}
.quality-faq{background-color: #fff;padding: 130px 0 150px;}

.service-top-head .title{margin-bottom: 20px;}
.service-top-head .img-1{margin-top: 50px;margin-bottom: 90px;}
.service-top-head .content{display: flex;justify-content: space-between;gap: 60px;}
.service-top-head .list{position: relative;}
.service-top-head .list-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 55px 50px;}
.service-top-head .d{display: flex;align-items: center;margin-bottom: 45px;}
.service-top-head .img-2{width: 62px;height: 56px;margin-right: 50px;}
.service-top-head .t1{font-size: 26px;color: #fff;font-weight: bold;letter-spacing: -1.5px;}
.service-top-head .list .text{font-size: 16px;color: #fff;letter-spacing: 0;}
.service-zhu{padding-top: 240px;margin-bottom: 100px;}
.service-zhu .content{display: flex;justify-content: space-between;align-items: center;}
.service-zhu .left{width: 50%;}
.service-zhu .right{width: 47%;}
.service-zhu .title{margin-bottom: 60px;}
.service-zhu .text{color: #666666;letter-spacing: -.5px;}
.service-zhu ul{margin-top: 30px;margin-bottom: 60px;}
.service-zhu li{padding-left: 0;}
.service-zhu li::before{position: relative;margin-right: 25px;display: inline-block;line-height: 32px;height: 32px;top: 4px;}
.service-sales{padding-bottom: 160px;}
.service-sales .title{margin-bottom: 35px;}
.service-sales .top-head .text{margin-bottom: 55px;}
.service-sales .content{display: flex;justify-content: space-between;gap: 40px;}
.service-sales .list{flex: 1;background-color: #fff;}
.service-sales .box{padding: 50px 50px 50px 40px;}
.service-sales .t1{font-size: 26px;color: #333;font-weight: bold;letter-spacing: -1.5px;margin-bottom: 30px;}
.service-sales li{padding-left: 0;font-size: 16px;color: #999;margin-bottom: 15px;letter-spacing: 0;font-family: 'Poppins';}
.service-sales li:last-child{margin-bottom: 0;}
.service-sales li::before{position: relative;margin-right: 15px;display: inline-block;line-height: 32px;height: 32px;top: 2px;content: "";background: url(../../images/sign-6.webp) no-repeat;width: 14px;height: 14px;background-size:contain;}
.service-news{padding-top: 140px;padding-bottom: 145px;}
.service-news .title{margin-bottom: 100px;}


.about-top-head .title{margin-bottom: 45px;}
.about-top-head .img-1{margin-bottom: 125px;}
.about-top-head .small-box {display: flex;justify-content: space-between;gap: 30px;}
.about-top-head .list{height: 240px;background-color: #fff;flex: 1;padding: 70px 30px 0 60px;box-shadow: 0px 50px 50px 0px rgba(188, 188, 188, 0.1);}
.about-top-head .h3{display: flex;font-size: 48px;color: #333;font-weight: bold;letter-spacing: -2px;margin-bottom: 40px;}
.about-top-head .list p{font-size: 20px;color: #666;font-family: 'Poppins';letter-spacing: -.8px;}
.about-zhu{padding-top: 175px;padding-bottom: 195px;}
.about-zhu .content{display: flex;justify-content: space-between;align-items: flex-end;}
.about-zhu .left{width: 40%;}
.about-zhu .title{margin-bottom: 45px;}
.about-zhu .text{color: #666;margin-bottom: 70px;}
.about-zhu .h5{color: #666;font-family: 'Poppins';font-weight: 600;letter-spacing: -1px;margin-bottom: 40px;}
.about-zhu .img-1 img{mix-blend-mode: darken;}
.about-zhu .right{width: 54%;position: relative;display: flex;justify-content: center;align-items: center;}
.about-zhu .all-video-btn{width: 120px;height: 120px;}
.about-zhu .all-video-btn img{transform: scale(1.8);}
.about-cer{padding-bottom: 165px;}
.about-cer .content{display: flex;justify-content: space-between;align-items: center;}
.about-cer .left{width: 50%;background-color: #fff;}
.about-cer .right{width: 39%;}
.about-cer .title{margin-bottom: 60px;}
.about-cer .text{color: #666;margin-bottom: 60px;}
.about-cer .text p{margin-bottom: 30px;}
.about-cer li{padding-left: 0;}
.about-cer li::before{display: inline-block;position: relative;top: 3px;margin-right: 20px;}
.about-cer .mySwiper-about-cer{width: 100% !important;max-width: 100% !important;padding: 90px 0;position: relative;}
.about-cer .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(.8);
    }
.about-cer .swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}
.about-cer .about-cer-btn{width: 82px;height: 82px;background-color: var(--public-color);border-radius: 100%;position: absolute;right: 30px;top: calc(50% - 41px);display: flex;flex-direction: row-reverse;align-items: center;justify-content: space-between;z-index: 1;padding: 0 10px;}
.about-cer .all-hover{position: static;font-size: 18px;;margin: 0;opacity: 1;}
.about-cer .all-hover::after{color: #fff;font-size: 18px;}
.about-cer .all-hover:hover::after{color: var(--public-color-red);}
.about-digital {padding: 140px 0 155px;background-color: #fff;}
.about-digital .top-head{width: 80%;margin: 0 auto 65px;}
.about-digital .title{margin-bottom: 40px;}
.about-digital .content{padding: 0 35px;margin-bottom: 70px;}
.about-digital .list{flex: 1;position: relative;}
.about-digital .t1{position: absolute;left: 40px;bottom: 30px;font-size: 22px;font-weight: bold;letter-spacing: -.8px;color: #fff;}
.about-digital .a{display: flex;justify-content: center;}
.about-digital .haichen{font-size: 20px;padding: 0 60px;}
.about-items .items{display: flex;justify-content: space-between;}
.about-items .about-sol{margin-bottom: 160px;}
.about-items .about-quality{margin-bottom: 75px;}
.about-items .left{width: 48%;}
.about-items .right{width: 46%;}
.about-items .title{margin-bottom: 50px;}
.about-items .text{color: #666;margin-bottom: 55px;}
.about-items ul{margin-top: 25px;}
.about-items li strong{font-weight: 500;color: var(--public-color);margin-right: 10px;}
.about-items li{padding-left: 0;}
.about-items li::before{display: inline-block;position: relative;margin-right: 20px;top: 3px;}
.about-items{padding-bottom: 205px;padding-top: 210px;}
.about-partner{background-color: #fff;padding: 145px 0 170px;}
.about-partner .top-head{margin-bottom: 70px;}
.about-news{padding-top: 140px;padding-bottom: 150px;}
.about-news .title{margin-bottom: 90px;}


.contact-top-head .title{margin-bottom: 50px;}
.contact-top-head .content{display: flex;justify-content: space-between;gap: 40px;margin-top: 75px;}
.contact-top-head .list{flex: 1;background-color: var(--public-color);padding: 15px 45px 30px 35px;display: inline-flex;flex-direction: column;align-items: flex-start;}
.contact-top-head .name{font-size: 20px;color: #fff;letter-spacing: -.8px;margin-bottom: 45px;}
.contact-top-head .font-sty{color: #fff;}
.contact-top-head span.font-sty{
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.contact-paper .content{display: flex;justify-content: space-between;align-items: center;padding-top: 100px;padding-bottom: 160px;gap: 70px;}
.contact-paper .left{width:50%;color: #666;}
.contact-paper .right{width: 700px;min-width: 700px;}
.contact-paper .left p{margin-bottom: 55px;}
.contact-paper .box{margin-bottom: 80px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.contact-paper .d{display: grid;grid-template-columns: 50px auto;grid-gap: 0 45px;margin-bottom:30px;}
.contact-paper .d:last-child{margin-bottom: 0;}
.contact-paper .t1{font-size: 24px;line-height: 36px;color: var(--public-color);font-weight: 500;letter-spacing:-1px;margin-bottom: 5px;}
.contact-paper .h3{font-size: 32px;color: var(--public-color);letter-spacing: -1px;}
.contact-paper .all-from.all-from-1 .haichen,.contact-paper .all-from.all-from-1 .haichen:hover{font-size: 16px;}

.all-top-head h1{margin-bottom: 45px;}
.all-top-head .img-1{padding-bottom: 80px;}

.all-back-white.all-back .small-nav{padding-bottom: 70px;}
.all-back-white.all-back{background-image: linear-gradient(rgb(181, 188, 202) 20%, rgb(255, 255, 255) 60%);}

.factory-paper{padding-bottom: 200px;}
.factory-paper .content{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 60px 40px;}
.factory-paper .list{background-color: #fff;height: 100%;box-shadow: 0px 30px 50px 0px rgba(99, 99, 99, 0.08);transition: all .3s ease-in-out;}
.factory-paper .t1{font-size: 22px;color: #333;font-weight: bold;letter-spacing: -1px;padding-left: 40px;height: 125px;display: flex;align-items: center;}
.factory-paper .list:hover{transform: translateY(-5px);}

.news-list-paper{padding-bottom: 190px;}

.download-paper{padding-bottom: 145px;}
.download-paper .content{display: flex;justify-content: space-between;}
.download-paper .left{width: 45%;}
.download-paper .left img{margin-left: -120px;mix-blend-mode: darken;}
.download-paper .right{width: 55%;}
.download-paper .all-from.all-from-1{padding: 0;margin-bottom: 0;background-color: #f8f8f8;}
.download-paper .all-from.all-from-1 .haichen{padding: 0 50px;}
.download-paper .text{font-size: 16px;color: #666;margin-bottom: 30px;}

.video-paper .content{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 40px;}
.video-paper .list{box-shadow: 0px 30px 50px 0px rgba(99, 99, 99, 0.08);transition: all .3s ease-in-out;}
.video-paper .list:hover{transform: translateY(-5px);}
.video-paper .t1{height: 185px;display: flex;align-items: center;font-size: 22px;line-height: 34px;color: #333;font-weight: bold;letter-spacing: -1px;padding: 0 40px;}
.video-paper {padding-bottom: 200px;}

.certificates-paper {padding-bottom: 200px;}
.certificates-paper .list:hover{transform: translateY(-5px);}
.certificates-paper .list{position: relative;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 0 20px 30px;transition: all .3s ease-in-out;}
.certificates-paper .list::after{content: "";width: 100%;height: 400px;background-color: #fff;box-shadow: 0px 30px 50px 0px rgba(99, 99, 99, 0.08);position: absolute;left: 0;bottom: 0;z-index: -1;}
.certificates-paper .t1{font-size: 20px;line-height: 32px;color: #333;font-weight: bold;letter-spacing: -1px;}
.certificates-paper .content{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 60px 30px;}
.certificates-paper .img{margin-bottom: 40px;}

.faq-paper{padding-bottom: 330px;}
.faq-paper .content{display: flex;justify-content: space-between;gap: 60px;}
.faq-paper .aside{width: 240px;min-width: 240px;}
.faq-paper .aside .nav{display: flex;flex-direction: column;}
.faq-paper .article{width: calc(100% - 240px - 60px);}
.faq-paper .nav .haichen-1{border: 2px solid var(--public-color);width: 100%;padding: 0;}
.faq-paper .nav li + li{border-top: 1px solid #dfe1e6;}
.faq-paper .nav .haichen-1::after{right: -25px;top: calc(50% - 10px);bottom: auto;left: auto;transform: rotate(-90deg);}

.nav{display:flex;justify-content: center;padding-bottom: 120px;}
.nav .haichen-1{border-left: 1px solid #8e95a5;border-right: 1px solid #8e95a5;position: relative;font-size: 18px;color: #fff !important;background-color: var(--public-color);letter-spacing: -.8px;height: 60px;padding: 0 50px;display: flex;justify-content: center;align-items: center;}
.nav .haichen-1::after{content: "";width: 30px;height: 20px;border-top: 10px solid var(--public-color);border-left: 15px solid transparent;border-right: 15px solid transparent;display: inline-block;position: absolute;bottom: -20px;left: calc(50% - 15px);opacity: 0;transition: all .3s ease-in-out;}
.nav .haichen-1:hover,.nav .haichen-1.active{border-color: var(--public-color);}
.nav .haichen-1:hover::after,.nav .haichen-1.active::after{opacity: 1;}

.automatic-products{margin-bottom: 205px;}
.automatic-list-paper .all-p-l-faq{background-color: #fff;}
.automatic-products .all-small-product .content{grid-template-columns: repeat(2, 1fr);}
.automatic-products .all-small-product .list{padding: 50px 50px 70px;}
.automatic-products .all-small-product .box{padding:0 0 50px;position: relative;}
.automatic-products .all-small-product ol{margin-top: 30px;}
.automatic-products .all-small-product .list::after{display: none;}
.automatic-products .all-small-product .list .box::after{content: "";background: url(../../images/sign-8.webp) no-repeat;background-size: contain;width: 100%;height: 23px;position: absolute;left: 0;bottom: -10px;}
.automatic-products .all-small-product .h6{font-size: 18px;line-height: 28px;}
.automatic-products .all-small-product .cont{font-size: 16px;line-height: 28px;}
.automatic-products .all-small-product ol h5, .automatic-products .all-small-product ol strong{font-size: 16px;line-height: 28px;font-weight: 500;}
.automatic-products .all-small-product ol h5{color: #333;}
.automatic-products .all-small-product ol strong{color: #666;}
.automatic-products .all-small-product .t1::after{content: url(../../images/sign-10.webp);position: relative;filter: grayscale(1);left: 20px;transition: all .3s ease-in-out;}
.automatic-products .all-small-product .t1:hover::after{filter: none;}
.automatic-products .all-small-product .img{height: 240px;display: flex;align-items: center;justify-content: center;padding: 0px 25px 10px;}
.automatic-products .all-small-product .img img{height: 100%;width: auto;max-width: none;}


.pro-ul-box{position: fixed;left: 0;width: 100%;height: 0;overflow: hidden;background-color: #fff;transition: all .5s;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);border-top: 1px solid #c4c9d5;}
.pro-ul-box .container-xl{display: block;}
.navbar .dropdown.pc:hover>.pro-ul-box{height: auto;min-height: 560px;padding: 60px 0;transition: all .5s;left: 0 !important;}
.pro-ul-box-xl{display: flex;justify-content: space-between;gap: 40px;}
.pro-ul-box-xl>div + div{border-left: 1px solid #ddd;}
.pro-ul-box .box-left {min-width: 390px;width: 390px;}
.pro-ul-box .box-middle{max-width: 540px;width: 100%;padding: 0 60px 20px;}
.pro-ul-box .box-left .a1{font-size: 16px;color: #666666;position: relative;display: flex;justify-content: space-between;margin-bottom: 10px;padding-right: 20px;letter-spacing: -.5px;}
.pro-ul-box .box-left .a1:last-child{margin-bottom: 0;}
.pro-ul-box .box-left .a1::after{content: url(../../images/sign-4.webp);position: absolute;right: 0;top: 0;}
.pro-ul-box .box-left .a1:hover::after,.pro-ul-box .box-left .a1.active::after{filter: brightness(0.5);}
.pro-ul-box .box-left .a1:hover,.pro-ul-box .box-left .a1.active,.pro-ul-box .box-middle .a1:hover,.pro-ul-box .box-middle .a1.acticve{color: var(--public-color) !important;text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;}
.pro-ul-box .box-middle .cont{font-size: 16px;color: #666;margin:35px 0;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.pro-ul-box .box-middle .a1{font-size: 14px;line-height: 24px;position: relative;margin-bottom: 12px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.pro-ul-box .box-middle .a1:last-child{margin-bottom: 0;}
.pro-ul-box .box-middle .a1::after{content: url(../../images/sign-4.webp);opacity: 0;transition: all 0.3s ease-in-out;}
.pro-ul-box .box-middle .a1:hover::after{opacity: 1;display: inline-block;position: relative;left: 5px;}
.pro-ul-box .haichen{font-size: 14px;font-weight: 500;letter-spacing: -.8px;height: 30px;padding: 0 20px;}
.pro-ul-box .box-right{max-width: 490px;width: 100%;padding-left: 60px;}
.pro-ul-box .box-right .d{display: flex;justify-content: space-between;margin-bottom: 55px;}
.pro-ul-box .box-right .name{font-size: 18px;color: var(--public-color);font-weight:500;letter-spacing: -.8px;}
.pro-ul-box .box-right .box{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 40px 40px;}
.pro-ul-box .box-right .img{display: flex;flex-direction: column;align-items: center;}
.pro-ul-box .box-right .img-1{width: 80px;height: 80px;border-radius: 100%;background-color: #d7d7d7;display: flex;justify-content: center;align-items: center;}
.pro-ul-box .box-right .img-1 img{mix-blend-mode: multiply}
.pro-ul-box .box-right .t1{font-size: 13px;line-height: 20px;color: var(--public-color);margin-top: 10px;text-align: center;}

#mb-feedback {background-color: #fff;}
#mb-feedback .all-from.all-from-1{margin-bottom: 0;padding: 0;box-shadow: none;min-width: auto;}



@media(max-width:1700px){
    .banner-home .b-h-img{margin-left: -100px;}

}
@media(max-width:1670px){
    .max-1650px{margin:0 auto !important;padding: 0 15px !important;}
    .about-cer .right{width: 45%;}
    .p-i-zhu .left {width: 55%;}
}
@media(max-width:1600px){
    .all-hover-prev {left: -50px;}
    .all-hover-next {right: -50px;}
}
@media(max-width:1580px){
    .banner-home .b-h-img{margin-left: -50px;}
    .home-about .content{gap: 80px;}
    .p-l-industry .h5{left: 24px;bottom: 10px;}
}
@media(max-width:1540px){
    .all-service .article{margin-right: 0px;}
    .all-service .aside {margin-top: 70px;}
}
@media(max-width:1520px){
    .about-zhu .left {width: 42%;}
    /* .all-hover{display: none;} */
    .all-hover-prev {left: 0px;}
    .all-hover-next {right: 0px;}
    .p-i-zhu .content {gap: 50px;}
    .p-i-zhu .small-img {width: 85%;}
}
@media(max-width:1480px){
    .banner-home .b-h-img{margin-left: 0px;}
    .banner.banner-home{display: flex;justify-content: center;align-items: flex-end;overflow: hidden;}
    .banner.banner-home>img{height: 500px;width: auto;}
    .all-partner .list-xl{padding-left: 20px;padding-bottom: 25px;}
    .about-top-head .list {padding: 50px 30px 0 30px;height: 190px;}
    .about-top-head .h3{font-size: 42px;margin-bottom: 23px;}
}
@media(max-width:1430px){
    .title{font-size: 38px;line-height: 42px;}

    .home-first .list-xl{padding: 100px 30px 35px 30px;}
    .home-first .num{margin-bottom: 20px;}
    .home-pro {padding-top: 100px;padding-bottom: 120px;}
    .home-about .left {width: 55%;}
    .home-about .right{width: 50%;}
    .about-cer{padding-bottom: 140px;}
    .about-digital{padding: 100px 0 120px;}
    .about-items .about-sol{margin-bottom: 130px;}
    .about-partner{padding: 120px 0 140px;}
    .about-news{padding: 100px 0;}
    .about-items{padding: 150px 0 ;}
    .quality-cer {padding-top: 110px;}
    .p-i-news{padding-bottom: 160px;}
    .service-top-head .list-xl{padding: 35px 35px;}
    .service-zhu{padding-top: 140px;}
    .certificates-paper .list {padding: 0 15px 40px;}
    .certificates-paper .img{margin-bottom: 20px;}
    .certificates-paper .t1 {font-size: 18px;line-height: 26px;}
    .factory-paper .t1{height: 90px;font-size: 20px;line-height: 28px;}
    .faq-paper{padding-bottom: 160px;}
    .p-l-zhu .text{text-align: left;}
    .p-l-desc .list {padding: 15px 0px 0 15px;}
    .p-l-desc .num {font-size: 38px;}
    .p-l-desc .d {gap: 15px;}
    .all-p-l-faq .article{min-width: auto;}
    .all-p-l-faq .all-from{min-width: auto;}
    .all-p-l-faq .aside{min-width: 420px;}
    .p-l-news{padding: 120px 0;}
    .p-i-zhu .right {width: 550px;min-width: 550px;}
    .p-i-zhu .box{width: 80%;}
    .p-i-zhu .content{align-items: center;}
    .all-zhu h1{font-size: 38px;}
    .contact-paper .right{min-width: 600px;}

    .home-sol-name p{padding: 0 15px;}
    
}
@media(max-width:1380px){
    .home-about .content{align-items: center}
    .home-about .title{margin-bottom: 27px;}
    .all-service .article{min-width: auto;width: 45%;}
    .all-from{min-width: 500px;}
    .all-from.all-from-1{padding-top: 45px;padding-bottom: 33px;}
    .p-i-news .title,.p-l-news .title {margin-bottom: 60px;}
    .p-i-accessories .box {padding: 25px 15px;}
    .p-i-accessories .text {line-height: 26px;}
    .p-i-products .img{height:180px;}
    .all-small-product .img{padding: 40px 25px 10px;}
    .all-small-product .t1{font-size: 21px;line-height: 32px;}
    .all-small-product .box{padding-top: 25px;padding-bottom: 40px;}
}
@media(max-width:1340px){
    .home-first .list-xl{padding-bottom: 20px;}
    .home-first .text{line-height: 26px;}
    .home-about .h3{font-size: 46px;line-height: 48px;}
    .all-news .content{grid-gap: 40px 25px;}
    .all-news .box{padding: 45px 30px 0 30px;}
    .all-news .t1 {margin-bottom: 15px;}
    .all-news .box{height: 270px;}
    .all-partner .list-xl {padding-left: 10px;padding-bottom: 15px;}
    .all-partner .h5{line-height: 28px;}
    .about-zhu .text{margin-bottom: 40px;}
    .about-zhu .h5{margin-bottom: 20px;}
    .quality-access .img-1{height: 100px;}
    .service-top-head .d {margin-bottom: 20px;}
    .service-sales .box{padding: 50px 35px 35px 30px;}
    .service-news{padding-bottom: 155px;}
    .p-l-cust .right {width: 50%;}
    .p-l-quality .left{width: 50%;}
    .table-wrapper table td {padding-left: 20px;}
    .p-i-detail .t1{height: 80px;}
    .app-list-zhu .left {width: 50%;}
    .app-list-zhu .right{width: 47%;}
    .video-paper .t1{height: 120px;font-size: 20px;line-height: 32px;padding: 0 25px;}
    .all-partner .box{width: 95%;}
    .about-zhu .all-video-btn{width: 85px;height: 85px;}
    .about-zhu .all-video-btn img{transform: scale(1.2);}
    .p-i-zhu .left {width: 50%;}
}
@media(max-width:1300px){
    .title{font-size: 32px;}
    .home-fact .content{gap: 40px 25px;}
    .home-fact .list .box{padding: 45px 25px 40px 30px;}
    .home-fact .list .text{line-height: 28px;}
    .all-news .box{padding: 30px 30px 0 30px;}
    .home-news{padding-bottom: 155px;}
    .home-news .title {margin-bottom: 80px;}
    .footer .list-2{width: 20%;}
    .about-items .about-sol{margin-bottom: 130px;}
    .about-items .items{align-items: center;}
    .quality-access .left{width: 51%;}
    .quality-access .right {width: 45%;}
    .quality-access .img-1{height: 80px;}
    .quality-sol .content{align-items: center;}
    .quality-sol .right {width: 50%;}
    .service-top-head .list-xl{padding: 20px 25px;}
    .service-top-head .list .text{line-height: 28px;}
    .p-l-industry .content{gap: 15px;}
    .p-i-zhu .small-img{width: 100%;}
    .contact-paper .right{min-width: 550px;}

    .home-sol-name p{padding: 0 10px;}
    .p-l-zhu .content{align-items: center;}
    .p-l-zhu .right{min-height: 300px;padding: 0 30px;}
}
@media(max-width:1230px){
    .p-l-desc .num {font-size: 32px;}
    .p-l-desc .h5{padding: 0 15px;}
    .all-small-product .content{grid-gap: 25px;}
    .contact-paper .right{min-width: 450px;width: 490px;}
    .p-i-zhu h1 {font-size: 32px;}

    .app-list-differ .name{font-size: 16px;line-height: 24px;}
    .app-list-differ .box p {font-size: 14px;line-height: 20px;padding: 10px 5px;}
    .app-list-differ .name{height: 80px;display: flex;align-items: center;justify-content: center;}
    .app-list-differ .list .box>p{height: 80px;display: flex;justify-content: center;align-items: center;}

}


@media(max-width:1200px){
    .home-first .list-xl{padding: 0px 30px 35px 30px;display: flex;align-items: flex-end;}
    .service-top-head .content{gap: 30px;}
    .service-top-head .list{display: flex;align-items: center;justify-content: center;overflow: hidden;}
    .service-top-head .list>img{width: auto;height: 100%;max-width: none;}
    .p-l-desc .h5{font-size: 14px;}
    .p-i-products .img{height: auto;}
    .all-small-product .box {padding: 25px 15px 30px 15px;}
    .all-small-product .t1{font-size: 18px;line-height: 26px;}

    .certificates-paper .list::after{height: 100%;}

    #mb-feedback{top: 80px;}

    .home-sol-name p{font-size: 14px;line-height: 20px;padding: 0 5px;}
    .home-about .left {width: 75%;}
    .home-about .content {gap: 40px;}
    .p-l-zhu .left {width: 50%;}
    .p-l-zhu .right{width: 45%;}
    .service-sales .content{gap: 20px;}
    .service-sales .t1{font-size: 22px;line-height: 32px;}
    .service-sales .box{padding: 30px 20px;}
    .p-i-zhu .left {padding: 50px 20px 50px;}
    .p-i-zhu .right{min-width: auto;}
}
@media(max-width:1100px){
    .home-first .content{gap: 20px;}
    .home-first .list-xl{padding: 20px 15px;}
    .p-l-desc .list {padding: 15px 0px 0 5px;}
    .p-l-desc .text{padding-right: 15px;}
    .p-l-industry .h5{left: 5px;font-size: 20px;line-height: 28px;}
    .all-cust .content{align-items: center;}
    .p-l-choose .list {padding: 20px 15px;}
    .p-l-choose .t1{font-size: 24px;line-height:32px;}
    .about-top-head .list{padding: 25px 15px;display: flex;flex-direction: column;justify-content: center;}
    .about-top-head .h3{font-size: 36px;}
    .about-top-head .small-box{gap: 25px;}
    .about-top-head .list p{font-size: 18px;line-height: 26px;}
    .quality-stand .list{padding: 65px 25px 25px 20px;}
    .quality-sol .left{width: 53%;}
    .quality-sol .right {width: 45%;}
    .p-i-zhu .p-i-btn{width: 100%;}
    .p-i-zhu .p-i-btn .haichen{font-size: 16px;}
    .p-i-overview .content {gap: 40px;}
    .p-i-overview .right{width: 500px;min-width: 500px;}
    .app-list-products{padding-bottom: 120px;}
}
@media(max-width:1000px){
    .home-about .content{flex-direction: column-reverse;}
    .home-about .left{width: 100%;}
    .home-about .small-box{padding: 0 20px;}
    .home-about .h3{font-size: 38px;margin-bottom: 20px;}
    .home-first .text{font-size: 14px;line-height: 20px;}
    .p-l-desc .content{display: grid;grid-template-columns: repeat(2, 1fr);gap: 25px 20px;}
    .all-partner .cont {line-height: 24px;}
    .quality-cer .left{width: 50%;}
    .detail-nav.fadeInDown,.detail-nav{display: none;}
    .p-i-overview .right{width: 420px;min-width: 420px;}
    .app-list-products .top-head{margin-bottom: 80px;}
}
@media(max-width:900px){
    .p-i-overview .content{flex-direction: column-reverse;}
    .p-i-overview .right {width: 100%;min-width: 100%;}
    .p-i-cust .all-cust .content{flex-direction: column !important;}
    .p-i-cust .right{width: 100%;}
    .p-i-cust .left{width: 100%;}
    .all-zhu .content{flex-direction: column;gap: 20px;}
    .app-list-zhu .left{width: 100%;}
    .app-list-zhu .right{width: 100%;}
    .all-items-product .items{flex-direction: column !important;}
    .all-items-product .left{width: 100%;}
    .all-items-product .right{width: 100%;}
}
@media(max-width:850px){
    .p-i-zhu .content{flex-direction: column;}
    .p-i-zhu .left{width: 100%;}
    .p-i-zhu .right{width: 100%;}
}


@media(max-width:768px){
    body{letter-spacing: 0px !important;}
    h1{font-size: 24px !important;line-height: 32px !important;margin-bottom: 15px !important;letter-spacing: -1px !important}
    .text,.cont{font-size: 14px !important;line-height: 20px !important;letter-spacing: -.2px !important;}
    .left,.right{width: 100% !important;}
    .content{flex-wrap: wrap;}
    .title{font-size: 22px !important;line-height: 32px !important;margin-bottom: 15px !important;letter-spacing: -1px !important;}
    .h6{font-size: 16px !important;line-height: 24px !important;margin-bottom: 10px !important;}
    .all-right::after{margin-left: 10px;}
    .haichen{height: 42px;padding: 0 20px !important;font-size: 16px !important;letter-spacing: -.2px;}
    .haichen span {margin-left: 15px;line-height: 0px;}

    ul li{font-size: 16px;line-height:24px;}
    ul li::before{margin-right: 10px !important;line-height: 24px !important;top: 4px !important;}

    .menu-collapse.app-name .box-1{display: none;}
    .menu-collapse.app-name.active .box-1{display: block;}
    .menu-collapse.app-name.active .icon{transform: rotate(-180deg);}

    .banner.banner-home>img{height: 300px;}
    .banner-home .b-h-text{margin-bottom: 25px;}
    .home{padding-top: 30px;}
    .home-first{margin-bottom: 30px;}
    .home-first .content{flex-direction: column;gap: 30px;}
    .home-first .num{font-size: 24px;line-height: 32px;margin-bottom: 10px;}
    .home-pro{padding: 30px 0;}
    .home-first .list-xl{padding: 0 15px 20px;}
    .home-pro .all-square::before{margin-bottom: 0px;}
    .home-pro .top-head{flex-direction: column;}
    .home-pro .content-1{display: flex;flex-direction: column-reverse;}
    .home-pro .content-1 .cont-box{width: 100% ;margin-bottom: 15px;}
    .home-pro .all-line::before{display: none;}
    .home-pro .all-line::after{content: "";background: url(../../images/sign-pro.webp) no-repeat;width: 100%;height: 23px;display: block;margin: 20px 0 15px;}
    .home-pro .all-line-1::before{margin: 20px 0px;}
    .home-pro-cer{width: 100%;min-width: 100%;}
    .home-pro .t2{margin-bottom: 15px;letter-spacing: -.8px;}
    .home-pro .content{margin-bottom: 50px;}
    .home-pro-img {gap: 13px;}
    .home-pro .t1{font-size: 20px;line-height: 28px;margin-bottom: 15px;letter-spacing: -1px;}
    .home-pro .content-2 .t1{font-size: 22px;line-height: 32px;margin-bottom: 15px;}
    .home-pro .cont {letter-spacing: -.5px;}
    .home-sol{padding-top: 30px;margin-bottom: 30px;}
    .home-sol-xl .menu-collapse{position: sticky;top: 50px;height: fit-content;z-index: 2;}
    .home-sol-content{padding: 15px;}
    .home-sol .list{flex-direction: column;margin-bottom: 30px;}
    .home-sol .left{margin-bottom: 20px;}
    .home-sol .t1{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .home-sol .sol-img{gap: 15px;flex-wrap: wrap;}
    .home-sol .sol-img .img{flex:  0 0 47%;}
    .home-sol .top-head{margin-bottom: 0;}
    .home-sol-xl{border-top: none;padding-top: 0;}
    .home-sol .h6 {margin-bottom: 0 !important;}
    .all-square::before{margin-bottom: 0;}
    .all-partner .list{flex: none;width: 100%;}
    .all-partner .content{padding: 0 15px;}
    .home-global .top-head{margin-bottom: 25px;}
    .all-partner .cont{line-height: 24px;}
    .home-global{padding-bottom: 30px;}
    .home-about{padding-top: 30px;margin-bottom: 30px;}
    .home-about .content{flex-direction: column-reverse;gap: 30px;margin-bottom: 25px;}
    .home-about .h3{font-size: 24px;line-height: 32px;margin-bottom: 10px;}
    .home-about .list p{padding-left: 0;}
    .home-about .small-box{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 15px 20px;padding: 20px 15px;height: auto;}
    .home-about .container-xl:last-child{margin-bottom: 0 !important;}
    .home-fact .top-head{margin-bottom: 30px;}
    .home-fact .list{flex: none;width: 100%;}
    .home-fact .list .box{padding: 20px 10px;}
    .home-fact .t1{font-size: 20px;line-height: 28px;letter-spacing: -1px;margin-bottom: 15px;}
    .home-fact .content{margin-bottom: 40px;}
    .home-fact{margin-bottom: 0;}
    .home-part{grid-template-columns: repeat(2, 1fr);margin-bottom: 30px;}
    .home-part .img-1{height: 80px;padding: 0 36px;}
    .home-news{padding: 30px 0;}
    .all-news .content {grid-template-columns: repeat(1,1fr);}
    .all-news .box{height: auto;padding: 20px 10px;}
    .all-news .time{letter-spacing: -.2px;margin-bottom: 10px;}
    .all-news .t1{line-height:28px;font-size: 20px;}
    .all-contact>img{height: 200px;}
    .all-contact .content{gap: 0;}

    .footer{padding-top: 30px;}
    .footer .footer-top{flex-wrap: wrap;padding-bottom: 0px;}
    .footer .footer-top>div{width: 100% !important;margin-bottom: 25px;}
    .footer .t1{font-size: 18px;line-height: 28px;margin-bottom: 15px;}
    .footer .list-2 .box{gap: 10px 30px;flex-wrap: wrap;flex-direction: row}
    .footer .list-2 .font-sty{gap: 10px;flex: 0 0 50%;}
    .footer .list-2 .font-sty:nth-child(odd){flex: 0 0 40%;}
    .footer .font-sty, .footer a.font-sty{font-size: 14px;line-height: 20px;}
    .footer .list-3 .d1 .icon {height: 24px;}
    .footer .list-3 .box{gap: 10px;}
    .footer .footer-bottom{font-size: 14px;line-height: 20px;}

    .header-mb .top-logo img{max-width: 100%;height: auto;}
    .header-mb ul li::before{display: none;}

    .all-back.quality-all-back .small-nav{padding-bottom: 30px;}
    .small-nav ul li:first-child::before{margin-right: 10 !important;}
    .small-nav ul a{font-size: 14px;line-height: 20px;}
    .small-nav ul li::before{padding: 0 5px;line-height: 20px !important;font-size: 14px !important;margin-right: 0 !important;}
    .about-top-head .img-1{margin-bottom: 25px;}
    .about-top-head .small-box{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px 10px;}
    .about-top-head .list{padding: 15px 10px;height: 100px;display: flex;flex-direction: column;justify-content: space-between;}
    .about-top-head .h3{font-size: 24px;margin-bottom: 10px;}
    .about-top-head .list p{font-size: 16px;line-height: 24px;}
    .about-zhu{padding: 30px 0px;}
    .about-zhu .text{margin-bottom: 25px;}
    .about-zhu .h5{margin-bottom: 10px;}
    .about-zhu .content{gap: 30px 0;flex-direction: column-reverse;}
    .about-zhu .all-video-btn{width: 70px;height: 70px;}
    .about-zhu .all-video-btn img {transform: scale(1);}

    /* .about-cer .all-hover{display: block;} */
    .about-cer .content{gap: 20px 0;}
    .about-cer .about-cer-btn{width: 60px;height: 60px;padding: 0;display: none;}
    .about-cer{padding-bottom: 30px;}
    .about-cer .mySwiper-about-cer{padding: 30px 0;margin-bottom: 0px;}
    .about-cer ul li{font-size: 16px;line-height: 24px;}
    .about-cer li::before{line-height: 24px;margin-right: 10px;top: 5px;}
    .about-cer .text{margin-bottom: 25px;}
    .about-digital{padding: 30px 0;}
    .about-digital .top-head{width: 100%;margin-bottom: 25px;}
    .about-digital .t1{left: 10px;bottom: 10px;font-size: 14px;line-height: 20px;}
    .about-digital .content{padding: 0 10px;margin-bottom: 30px;}
    .about-items{padding: 30px 0;}
    .about-items .items{flex-direction: column-reverse;gap: 20px;}
    .about-items li{font-size: 16px;line-height: 24px;}
    .about-items .text{margin-bottom: 25px;}
    .about-items .about-sol{margin-bottom: 50px;}
    .about-items .about-quality{margin-bottom: 0;}
    .about-partner{padding: 30px 0;}
    .about-partner .top-head{margin-bottom: 25px;}
    .about-news{padding: 30px 0;}
    .all-news.all-style-1 .mySwiper-news{padding-bottom: 25px;}
    .all-news .t1{font-size: 18px;line-height: 26px;}

    .quality-top-head .text{margin-bottom: 25px;}
    .quality-cer{padding: 30px 0;}
    .quality-cer ul{margin-top: 20px;}
    .quality-cer ul li{padding-left: 25px;margin-bottom: 10px;}
    .quality-cer .content{flex-direction: column-reverse;gap: 55px 0;}
    .quality-cer .img{border-width: 5px;}
    .quality-digital{margin-bottom: 30px;}
    .quality-digital .top-head{width: 100%;margin-bottom: 25px;}
    .quality-digital .t1{font-size: 16px;line-height: 24px;padding: 10px 5px;height: 70px;letter-spacing: -.8px;}
    .mySwiper-digital{padding-bottom: 40px;}
    .quality-access{padding-bottom: 30px;}
    .quality-access .content{gap: 55px 0;}
    .quality-access .left{padding: 20px 10px;grid-gap: 20px 10px;}
    .quality-access .text p{margin-bottom: 10px;}
    .quality-stand{background: url(../../images/qua-6.webp) no-repeat center;width: auto;height: 100%;background-size: cover;overflow: hidden;}
    .quality-stand-xl{padding: 30px 0;position: sticky;}
    .quality-stand>img{display: none;}
    .quality-stand .top-head{margin-bottom: 70px;}
    .quality-stand .content {grid-template-columns: repeat(1, 1fr);grid-gap: 40px;}
    .quality-stand .img-1{width: 80px;height: 80px;position: absolute;top: -40px;left: calc(50% - 40px);background-size: contain;}
    .quality-stand .list{padding: 50px 25px 30px 25px;}
    .quality-stand .t1{letter-spacing: -1px;margin-bottom: 20px;font-size: 20px;line-height: 28px;}
    .quality-stand li{line-height: 24px;margin-bottom: 10px;}
    .quality-sol{padding: 30px 0;margin-bottom: 30px;}
    .quality-sol .content{flex-direction: column-reverse;gap: 25px 0;}
    .quality-sol ul{margin: 20px 0 25px;}
    .quality-partner .top-head{margin-bottom: 25px;}
    .quality-partner{padding-bottom: 30px;}
    .quality-faq{padding: 30px 0;}
    .all-app-faq .content {display: block;}
    .all-app-faq .aside{margin-bottom: 25px;}
    .all-faqs .items{padding: 15px 10px;}
    .all-faqs .items.active{margin-bottom: 25px;}
    .all-app-faq .content .items.active{padding-top: 20px;}
    .all-faqs .items.active .quen-q {margin-bottom: 15px;}
    .all-faqs .quen-q{letter-spacing: -.8px;
        -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;}
    .all-faqs .items.active .quen-a {padding-bottom: 0;}
    .all-faqs .symbol{width: 20px;height: 20px;font-size: 14px;}
    .all-service .content{flex-wrap: wrap;flex-direction: column-reverse;gap: 25px 0;}
    .all-faqs .item{grid-template-columns: auto 20px;grid-gap: 15px;}
    .all-service{margin-bottom: 30px;padding: 30px 0;}
    .all-service .aside{margin-top: 0px;width: 100%;}
    .all-service .article{width: 100%;}
    .all-service .aside .all-from{padding: 20px 15px;margin-bottom: 0;min-width: 100%;}
    .all-service li {letter-spacing: -.2px;}
    .all-from .form-control{padding: 10px 5px 10px 20px;}
    .all-from .form-control::placeholder{font-size: 14px;line-height: 24px;}
    .form-group:has(input[required])::before, .form-group:has(textarea[required])::before {top: 15px;}
    .form-group{margin-bottom: 10px;}
    .p-i-news{padding-bottom: 30px;}

    .quality-all-back{margin-bottom: 0px;}
    .service-top-head .img-1{margin: 20px 0 30px;}
    .service-top-head .img-2 {width: 45px;height: 45px;margin-right: 20px;}
    .service-top-head .t1{font-size: 20px;line-height: 28px;letter-spacing: 0px;}
    .service-top-head .list>img{height: 215px;}
    .service-zhu{padding: 30px 0;margin-bottom: 30px;}
    .service-zhu .content{flex-direction: column-reverse;gap: 25px;}
    .service-zhu ul{margin: 15px 0 20px;}
    .service-sales{padding-bottom: 30px;}
    .service-sales .top-head .text{margin-bottom: 20px;}
    .service-sales .content{flex-direction: column;}
    .service-sales .box{padding: 20px 10px;}
    .service-sales .t1{font-size: 20px;line-height: 28px;margin-bottom: 15px;letter-spacing: 0px;}
    .service-sales li{line-height: 24px;margin-bottom: 10px;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word;
    }
    .service-sales li::before{top: 0 !important;}
    .service-news{padding: 30px 0;}

    .all-back-white.all-back .small-nav{padding-bottom: 20px;}
    .all-top-head .img-1{padding-bottom: 25px;}
    
	.top-lang ul li{padding-left: 0px;}
    .menu-collapse ul li{padding-left: 0px;}
    .menu-collapse ul li::before{display: none;}
    .menu-collapse .collapse-title h5{font-size: 18px;text-align: left;}

    .certificates-paper{margin-top: 30px;padding-bottom: 30px;}
    .certificates-paper .content{grid-template-columns: repeat(2, 1fr);grid-gap: 20px 15px;}
    .certificates-paper .t1{font-size: 14px;line-height: 20px;letter-spacing: -.5px;}
    .certificates-paper .list {padding-bottom: 20px;}

    .down-list{margin-top: 30px !important;}


    .factory-paper{padding-bottom: 30px;}
    .factory-paper .content{grid-template-columns: repeat(2, 1fr);grid-gap: 20px 10px;}
    .factory-paper .t1{height: auto;font-size: 16px;line-height: 24px;padding: 10px 5px;letter-spacing: -.4px;}

    .faq-paper{padding-bottom: 30px;}
    .faq-paper .content{gap: 25px 0;}
    .faq-paper .aside{min-width: 100%;width: 100%;}
    .faq-paper .article{width: 100%;}

    .all-back .small-nav{padding-bottom: 20px;}
    .p-l-zhu{margin-bottom: 40px;}
    .p-l-zhu .content{flex-direction: column-reverse;gap: 25px 0;}
    .p-l-zhu .right{padding: 20px 10px;min-height: 180px;}
    .p-l-zhu .text{margin-bottom: 20px;}
    .p-l-zhu .img-1{margin-bottom: 25px;}
    .p-l-desc{margin-bottom: 30px;}
    .p-l-desc .content{gap: 20px 15px;display: grid;grid-template-columns: repeat(2,1fr);}
    .p-l-desc .num{font-size: 24px;line-height: 32px;}
    .p-l-desc .list {padding-left: 0px;border-left: none;padding-left: 0;height: auto;flex: none;}
    .p-l-desc .d{gap: 10px;margin-bottom: 15px;}
    .p-l-desc .h5{padding: 0 10px;letter-spacing: -.1px;font-size: 12px;line-height: 20px;height: 42px;border-radius: 25px;}
    .p-l-desc .text{padding-right: 0px;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word;
    }
    .all-video-btn{width: 60px;height: 60px;}
    .all-items-product .items{flex-wrap: wrap;gap: 20px 0;padding-bottom: 40px;margin-bottom: 50px;}
    .all-items-product .items::after{height: 10px;}
    .p-l-product .img{margin-bottom: 15px;}
    .all-items-product .t1{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .all-items-product ol{margin-top: 20px;}
    .p-l-product{margin-bottom: 60px;}
    .p-l-industry .top-head{margin-bottom: 20px;}
    .p-l-industry .content{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px 10px;padding: 0 15px;}
    .p-l-industry .h5{left: 5px;bottom: 5px;font-size: 14px;line-height: 20px;letter-spacing: 0px;}
    .p-l-industry{margin-bottom: 40px;}
    .all-cust .content{gap: 20px 0;margin-bottom: 30px;}
    .all-cust .title-1{font-size: 22px;line-height: 32px;margin-bottom: 15px;}
    .all-cust .img-1{margin-bottom: 25px;}
    .all-cust .text{margin-bottom: 20px;}
    .all-cust .mySwiper-cust{padding-bottom: 25px;}
    .p-l-cust{margin-bottom: 30px;}

    .p-l-choose{padding: 30px 0;background: url(../../images/p-l-20.webp) no-repeat center;width: auto;height: 100%;background-size: cover;margin-bottom: 30px;}
    .p-l-choose-xl{position: sticky;}
    .p-l-choose>img{display: none;}
    .p-l-choose .top-head{margin-bottom: 25px;}
    .p-l-choose .content{display: block;}
    .p-l-choose .list{flex: none;padding: 20px 10px;height: auto;margin-bottom: 25px;}
    .p-l-choose .list:last-child{margin-bottom: 0;}
    .p-l-choose .d{gap: 15px;}
    .p-l-choose .t1{font-size: 20px;line-height: 28px;letter-spacing: 0;}
    .p-l-choose .d .img-1{width: 45px;height: 45px;}
    .p-l-quality{margin-bottom: 30px;}
    .p-l-quality .content{flex-direction: column-reverse;margin-bottom: 30px;gap: 25px 0;}
    .p-l-quality ul{margin-bottom: 30px;margin-top: 15px;}
    .p-l-quality ul li{padding-left: 25px;}
    .home-part .img-1{height: 58px;padding: 0 15px;}
    .all-reliability{padding-bottom: 30px;}
    .all-reliability .top-head{margin-bottom: 25px;}
    .all-reliability .content{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px 10px;padding: 0 15px;}
    .all-p-l-faq{padding: 30px 0;}
    .all-p-l-faq .content{gap: 25px 0;}
    .all-p-l-faq .title {width: 100%;}
    .all-p-l-faq .h3{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .all-p-l-faq .aside{min-width: 100%;width: 100%;margin-top: 5px;position: static;}
    .all-p-l-faq .all-from{padding: 20px 10px;min-width: 100%;}
    .all-p-l-faq .article{width: 100%;max-width: 100%;min-width: 100%;}
    .p-l-news{padding: 30px 0;}

    .p-i-zhu .content{gap: 25px 0;}
    .p-i-zhu{margin-bottom: 45px;}
    .p-i-zhu h1 {font-size: 22px !important;}
    .p-i-zhu .left{padding: 20px 10px;}
    .p-i-zhu .left .img{margin-bottom: 20px;}
    .p-i-zhu .right{min-width: 100%;}
    .p-i-zhu .p-i-btn{width: 100%;flex-wrap: wrap;justify-content: flex-start;}
    .p-i-zhu .box{width: 100%;margin-bottom: 25px;flex-wrap: wrap;gap: 20px 15px;}
    .p-i-zhu .p-i-btn .haichen{width: auto;padding: 0 10px !important;}
    .p-i-zhu .p-i-btn span:nth-last-of-type(2){height: auto;margin-right: 10px;width: 20px;}
    .p-i-zhu .p-i-btn span:nth-last-of-type(1){margin-left: 10px;}
    .detail-nav,.detail-nav.fadeInDown {display: none;}
    .p-i-content{margin: 30px 0;}
    .product-in-paper .title-xl{font-size: 22px;line-height: 32px;margin-bottom: 15px;}
    .p-i-overview .left p{margin-bottom: 10px;}
    .p-i-overview .content{flex-direction: column-reverse;gap: 25px 0;}
    .p-i-overview .right{min-width: 100%;height: auto;}
    .p-i-content>div{margin-bottom: 40px;}
    .p-i-content .all-square::before{margin-right: 15px;position: relative;top: 3px;}
    .p-i-detail .content{grid-template-columns: repeat(2, 1fr);grid-gap: 20px 10px;}
    .p-i-detail .t1{height: 60px;padding: 10px 5px;letter-spacing: 0;font-size: 16px;line-height: 24px;}
    .p-i-cust{margin-bottom: 40px;}
    .p-i-products .all-square::before{margin-right: 15px;position: relative;top: 5px;}
    .all-small-product .content{grid-template-columns: repeat(1, 1fr)}
    .p-i-news{padding-top: 30px;}

    .all-back .small-nav{padding-bottom: 30px !important;}

    .app-bottle-box .menu-collapse .menu-link{text-align: left;align-items: flex-start;}
    .app-bottle-top .img-1{margin-bottom: 25px;}
    .app-bottle-top{margin-bottom: 30px;}
    .app-bottle-zhu .content{flex-direction: column-reverse;gap: 25px 0;margin-bottom: 20px;}
    .app-bottle-img{grid-template-columns: repeat(2, 1fr);grid-gap: 25px 15px;}
    .app-bottle-zhu{margin-bottom: 50px;}
    .app-bottle-procust .top-head{width: 100%;margin-bottom: 25px;}
    .app-bottle-procust{padding-bottom: 30px;}
    .app-list-differ{margin-bottom: 30px;padding: 30px 0;}
    .app-list-differ .title{width: 100%;margin-bottom: 20px;}
    .app-list-differ .content{overflow-x: auto;}
    .app-list-differ .items{grid-template-columns: 200px 250px 250px;border: none;}
    .app-list-differ .name{font-size: 16px;line-height: 24px;}
    .app-list-differ .box p {font-size: 14px;line-height: 20px;padding: 10px 5px;}
    .app-list-differ .name{height: 80px;display: flex;align-items: center;justify-content: center;}
    .app-list-differ .list .box>p{height: 80px;display: flex;justify-content: center;align-items: center;}
    .app-list-partner .top-head{margin-bottom: 25px;}
    .app-list-partner{margin-bottom: 30px;}
    .app-list-faq{margin-bottom: 30px;}
    .app-news{padding-bottom: 30px;}

    .app-index-content{grid-template-columns: repeat(1, 1fr);margin-bottom: 30px;padding-top: 30px;}
    .app-index-content .box{padding: 20px 10px;}
    .app-index-content .t1{font-size: 20px;line-height: 28px;margin-bottom: 15px;letter-spacing: -1px;}
    .app-index-faq{padding: 30px 0;}
    .app-index-news{padding: 30px 0;}
    .all-zhu .content{gap: 25px 0;}
    .app-list-zhu{margin-bottom: 40px;}
    .app-list-products .top-head{width: 100%;margin-bottom: 25px;}
    .app-list-products{padding-bottom: 30px;}
    .app-list-industry .content{grid-template-columns: repeat(2, 1fr);grid-gap: 25px 10px;}
    .app-list-industry .t1{height: auto;font-size: 16px;line-height: 24px;padding:15px 10px;letter-spacing: 0;}
    .app-list-industry{padding-bottom: 30px;}
    .video-paper .content{grid-template-columns: repeat(2, 1fr);grid-gap: 25px 10px;}
    .video-paper .t1{height: auto;font-size: 16px;line-height: 24px;padding: 15px 10px;}
    .video-paper .list .v iframe{height: auto !important;}
    .video-paper{padding-bottom: 30px;}

    .download-paper .left img {margin-left: -40px;}
    .download-paper .text{margin-bottom: 20px;}
    .download-paper .form-group:has(input[required])::before, .download-paper .form-group:has(textarea[required])::before {left:9px}
    .download-paper{padding-bottom: 30px;}

    .news-list-paper{padding-bottom: 30px;}

    .contact-top-head .content{margin-top: 25px;gap: 25px;}
    .contact-top-head .list{padding: 20px 15px;flex: none;}
    .contact-top-head .list:first-child{width: 100% !important;}
    .contact-top-head .list:nth-child(n){width: calc(50% - 13px);}
    .contact-top-head .name {margin-bottom: 25px;}
    .contact-paper .content{padding: 30px 0;gap: 30px;}
    .contact-paper .left p{margin-bottom: 20px;}
    .contact-paper .d{grid-template-columns: 30px auto;grid-gap: 0 15px;margin-bottom: 20px;}
    .contact-paper .t1{font-size: 20px;line-height: 28px;}
    .contact-paper .h3{font-size: 22px;line-height: 32px;}
    .contact-paper .right{min-width: 100%;}
    .contact-paper .box{margin-bottom: 25px;}

    .all-news .all-hover{display: none;}

}