/*通用样式*/
:root{
    --public-color:#cb242b;
    --public-color-1:#d1121b;
    --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;} */
button:focus{color: var(--public-color);}

.all-from-mb .a-jd:hover:before, .all-from-mb .a-jd:focus:before,.all-from-mb .a-jd{transition: none;}


body{color:#666666;font-weight: 400;font-size:16px;line-height:28px;font-family: 'Roboto', sans-serif;cursor: default;letter-spacing: -.2px;}
a{display:inline-block;transition: all .6s;}
a:hover{color: var(--public-color) !important;}
.swiper-pagination-bullet-active{background:var(--public-color)}
.page-item.active .page-link {color: #fff;background-color: var(--public-color);border-color: var(--public-color);}
body,div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
img{aspect-ratio:attr(width) / attr(height);}
ul,ol,li,dl,dd,dt{list-style-type:none}
.img-width{width:100%;height:auto}
.img-height{height:100%;width:auto}
.img-fluid {max-width: 100%;height: auto;}
.main-container{margin-bottom:40px;margin-top:40px}
.tkanniu{cursor:pointer}
.card-thumb img{transition:all .4s ease}
.card-thumb:hover img{transform:scale(1.1)}
.container-xl{max-width:var(--max)}
.container-xl.m-right{margin:0 0 0 auto;padding:0}
.container-xl.m-left{margin:0 auto 0 0;padding:0}
@media(max-width:768px){
    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-1860px{max-width: 1860px;}
.max-1830px{max-width: 1830px;}
.max-1800px{max-width: 1800px;}
.max-1790px{max-width: 1790px;}
.max-1750px{max-width: 1750px;}
.max-1740px{max-width: 1740px;}
.max-1690px{max-width: 1690px;}
.max-1680px{max-width: 1680px;}
.max-1650px{max-width: 1650px;}
.max-1640px{max-width: 1640px;}
.max-1630px{max-width: 1630px;}
.max-1610px{max-width: 1610px;}
.max-1600px{max-width: 1600px;}
.max-1590px{max-width: 1590px;}
.max-1560px{max-width: 1560px;}
.max-1540px{max-width: 1540px;}
.max-1530px{max-width: 1530px;}
.max-1480px{max-width: 1480px;}
.max-1440px{max-width: 1440px;}
.max-1430px{max-width: 1430px;}

/*header*/
.social-icon-instagram:hover .ul-social{opacity: 1;z-index: 1;}
.ul-social{display: flex;gap: 5px;position: absolute;right: 0;top: 100%;background-color: #fff;box-shadow: 0px 20px 20px 0px rgba(35, 66, 129, 0.08);padding: 5px 10px 30px;opacity: 0;z-index: -1;transition: all .4s;}
.ul-social li{border: 1px solid #405b92;background-color: #333;color: #fff !important;width: 30px;min-width: 30px;min-height: 30px;height: 30px;border-radius: 100%;display: flex;justify-content: center;align-items: center;position: relative;}
.ul-social li a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.ul-social li:hover{background-color: var(--public-color);}
.ul-social li a img{filter: brightness(0) invert(1);}
.ul-social li .tk{position: absolute;top: calc(100% + 5px);width: 20px;height: 14px;}
.header-social {background-color: var(--public-color);height: 40px;display: flex;align-items: center;}
.header-social .content{display: flex;justify-content: space-between;align-items: center;}
.header-social .h2{font-size: 14px;font-weight: bold;color: #fff;letter-spacing: -.4px;}
.dropdown-item.active, .dropdown-item:active{color: var(--public-color);}
.header{position: relative;width: 100%;z-index: 99;padding: 0;background-color: #ffffff;box-shadow: 0px 10px 80px 0px rgba(99, 99, 99, 0.1);}
.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:25px 0;}
.header .header-top .toch{margin-right: 15px;}
.header .header-top .toch a{background-color: #d1121b;border: 1px solid #d1121b;color: #fff;font-size: 14px;width: 140px;min-width: 140px;height: 40px;border-radius: 20px;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: 5px;}
.dropdown.lang .dropdown-toggle:after{color: #333;}
.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: 500;color:#333333;font-size:18px;letter-spacing: 0px;}
.public-social span,.public-social a{border-radius:5px;}
.navbar-expand-lg .navbar-collapse{justify-content: flex-end;padding-right: 0px;}

.header .social-all>.social{gap: 5px;}
.header .hover-1,.header .hover-2{background-color: var(--public-color) !important;border:1px solid #405b92;color: #fff !important;width: 30px;height: 30px;font-size: 12px !important;display: inline-flex;justify-content: center;align-items: center;}
.header .hover-1::before,.header .hover-2::before{font-size: 12px;width: inherit;}
.header .hover-1:hover,.header .hover-2:hover{background-color: #fff !important;color: var(--public-color) !important;}


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


/*默认pc头部样式*/
.header.fadeInDown{padding:0;z-index:999;width:100%;position:fixed;top: 0;left:0;animation: fadeInDown .4s;box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);}
.header.fadeInDown .navbar-custom .navbar-nav .nav-item {height: 75px;}
.header.fadeInDown .ul-box{top: 75px;}

.header.fadeInDown .header-top {background-color: #fff;padding:0;}
/* .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;}

.in-header .header .navbar-custom .navbar-nav .nav-link,
.in-header .header .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after,
.in-header .header .top-lang .dropdown.lang .dropdown-toggle,
.in-header .header .dropdown.lang .dropdown-toggle:after,
.in-header .top-search-box i{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);}


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

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

.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 20px;height: 50px;}
.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:#333;height: 100%;display:flex;align-items: center;justify-content: center;font-size:20px;line-height:22px;padding: 0;}
.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 5px;}
.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;}
    .header .header-top .toch{margin-right: 10px;}
}
@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;}
}

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

}

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

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


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

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

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

.table-wrapper table tr:first-child{background-color: var(--public-color) !important}
.table-wrapper table tr:first-child td{font-size: 16px;font-weight: bold;color: #fff;letter-spacing: -1px;}
.table-wrapper table tr:nth-child(even){background-color: #fff;}
.table-wrapper table tr:nth-child(odd){background-color: rgba(204, 204, 204, .3);}
.table-wrapper table tr:hover{background-color: rgba(203, 36, 43, .05);}

@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@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-group .form-control::placeholder{font-size: 16px;line-height: 32px;color: #999999;letter-spacing: -.8px;opacity: 1;}
.form-group .form-control{padding: 15px 20px 12px 23px;border-radius: 4px;background-color: #ffffff;border: solid 1px #dddddd;}
.form-group textarea.form-control{padding-top: 10px;}
.form-row{margin: 0 -14px !important;}
.form-group{position:relative;padding:0 14px !important;margin-bottom: 10px;}
.form-group:has(input[required])::before,
.form-group:has(textarea[required])::before{content:"*";color:#dd0000;position: absolute;left: 20px;top:12px;z-index:1;}
.form-group:has(textarea[required])::before{top: 13px;}
.form-row .a-jd,.form-row .a-jd-2{display: flex;justify-content: center;align-items: center;width: 100%;font-size: 18px;letter-spacing: 0;}

.form-cap .input-group{border: solid 1px #cccccc;border-radius: 4px;}
.form-cap .form-group .form-control{border: none;}
.form-cap .input-group-append {width: 115px;background-color: #f3fbfe;}
.input-group-append img{width: 100%;height: auto;background-color: #f3fbfe;mix-blend-mode: darken;}
.input-group-img{padding: 0 !important;}
.input-group-text{border: none;}

.all-from .btn-box-popup{position: absolute;top:100%;left:0;padding:0 10px;}


.btn-box-popup{color: #dd0804;text-align: center;font-size: 16px;line-height: 26px;}
.all-big-faq .aside .btn-box-popup{color: #fff;}

@media(max-width:768px){
    .form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px}
    .form-feedback .btn{padding-top:10px;padding-bottom:10px}
    .contact-wrapper .feedback-box .form-control{margin-bottom:0}
}
.popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#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: 15px;margin-left: 5px;width: 30px;height: auto;display: flex;justify-content: center;position: relative;}
.top-search-box i{color: #666666;font-size: 18px;font-weight: bold;}
.top-search-box i.icon-1{color: #ffffff;}
.top-search-box li .top-search{opacity: 1; height: auto;overflow: hidden;width: auto;padding:0}
.top-search-box .top-search{opacity: 1;transition: all 0.8s;position: absolute;right: -7px;top: 30px;z-index: 99;padding:0;background-color: #fff;display: block;animation: fadeIn 0.5s ease-in-out;} 
.top-search-box .top-search.show {opacity: 0;overflow: hidden;transition: all 0.9s;display: none;}



/*banner*/
.home-banner{background-color: rgba(244, 244, 244, .6);display: flex;justify-content: center;align-items: center;overflow-x: clip;}
.home-banner>img{mix-blend-mode: darken;width: auto;height: 100%;}
.home-banner .banner-text{align-items: flex-end;padding-bottom: 10px;}
.home-banner h1{font-size: 48px;font-weight: 300;letter-spacing: -2.6px;width: 60%;margin-bottom: 55px;color: #fff;text-align: right;float: right;}
.home-banner .home-banner-img{display: flex;align-items: center;justify-content: space-between;float: right;}
.home-banner .big-img{width: 80%;}
.home-banner .small-img{width: 25%;}
.home-banner .small-img img{display: block;margin-left: -15px;}
.mySwiper-home-banner{position: relative;line-height: 0;}
.home-banner-pag{position: relative;top: -50px !important;bottom: auto !important;left: auto !important;max-width: 1430px;margin: auto;text-align: left;display: flex;gap: 15px;padding-left: 15px;}
.home-banner-pag span{opacity: .2;background-color: #333333;width: 7px;height: 7px;border-radius:100%;margin: 0 !important;}
.home-banner-pag span.swiper-pagination-bullet-active{opacity: 1;}


.all-banner{background-color: #000;max-width: 1920px;margin: auto;}
.all-banner>img{opacity: .6;}
.all-banner.banner-text {text-align: center;}
.all-banner .content{width: 75%;margin:40px auto 0;}
.all-banner h1{font-size: 48px;line-height: 56px;font-weight: 300;letter-spacing: -2px;margin-bottom: 15px;color: #fff;}
.all-banner .cont{font-size: 18px;line-height: 28px;}
.all-banner .a-fc{margin-top: 35px;padding: 0 85px;}

.footer {background-color: #222222;padding-top: 45px;border-bottom: 10px solid var(--public-color);}
.footer .top{display: grid;grid-template-columns:425px auto 240px;align-items: center;margin-bottom: 80px;}
.footer .logo{position: relative;}
.footer .h2{font-size: 32px;color: #fff;letter-spacing: -1px;position: relative;text-align: right;display: flex;align-items: center;padding-left: 70px;}
.footer .h2::after{content: "";width: 1px;height: 50px;background-color: #fff;position: absolute;left: 0;opacity: .2;}
.footer .a-jd{min-width: 240px;padding: 0;height: 60px;display: flex;justify-content: center;align-items: center;color: #ffffff;font-size: 18px;font-weight: 400;cursor: pointer;}
.footer .footer-top {padding-bottom: 95px;border-bottom: 1px solid rgba(255,255,255,.1);}
.footer .footer-top .content{display: flex;justify-content: space-between;}
.footer .footer-logo{margin-top: -35px;}
.footer .footer-logo img{mix-blend-mode: multiply;}
.footer .content{display: flex;justify-content: space-between;gap: 55px;}
.footer .t1{font-size: 24px;line-height: 32px;color: #fff;font-weight: 300;letter-spacing: -1px;margin-bottom: 50px;}
.footer .font-sty{font-size: 16px;color: #fff !important;opacity: .5;margin-bottom: 10px;letter-spacing: -.2px;}
.footer a.font-sty:hover,.footer .list-3 a:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 3px;}
.footer .font-sty:last-child{margin-bottom: 0;}
.footer .all-list .font-sty{position: relative;padding-right: 15px;display: flex;justify-content: space-between;}
.footer .all-list .font-sty::after{content: url(../../images/sign-3.webp);position: absolute;right: 0;}
.footer .all-list .font-sty:hover::after{opacity: 1;}
.footer .list-1{min-width: 440px;}
.footer .list-2{min-width: 200px;}
.footer .list-3{/*width: 44%;*/width: 52%;}
.footer .list-3 .box{display: flex;flex-direction: column;gap: 15px;}
.footer .list-3 .d{display: grid;grid-template-columns: 15px auto;gap:0 15px;}
.footer .list-3 .icon{line-height:30px;}
.footer .list-3 a{font-size: 16px;color: #fff !important;}

.footer .footer-bottom{font-size: 16px;line-height: 28px;color: #999999;padding: 10px 0;height: 90px;display: flex;align-items: center;letter-spacing: 0px;}
.footer-bottom .container-xl{display: flex;gap: 55px;}
.footer-bottom a{color: #fff !important;font-size: 16px;line-height: 24px;font-weight: 400;}

.footer .social-all>.social{gap: 10px;}
.footer .hover-1,.footer .hover-2{background-color: transparent !important;border:1px solid rgba(255,255,255,.1);color: #fff !important;width: 30px;height: 30px;font-size: 9px !important;display: inline-flex;justify-content: center;align-items: center;}
.footer .hover-1::before,.footer .hover-2::before{font-size: 9px;width: inherit;}
.footer .hover-1:hover,.footer .hover-2:hover{background-color: var(--public-color) !important;color: #fff !important;border-color: var(--public-color);}


.small-nav{position: absolute;left: 0;top: 25px;width: 100%;padding-left: 15px;}
.small-nav ul{display: flex;align-items:center;flex-wrap: wrap;max-width:1400px;margin: auto;}
.small-nav ul a{font-size: 18px;line-height: 32px;font-weight: 300;color:#fff;}
.small-nav ul li::before{content: ">>";font-family: 'Poppins';font-weight: 300;line-height: 28px;font-size: 14px;padding: 0 25px;color:#fff;position: static;}                                   
.small-nav ul li:first-child::before{display: none;}
.small-nav ul li{display: flex;align-items: center;padding-left: 0;}

.in-banner{padding-top: 25px;}
.in-banner .small-nav{position: static;}
.in-banner .small-nav ul a{color:#666666;}
.in-banner .small-nav ul li::before{color: #666666;}
.in-banner .small-nav ul li:nth-last-child(1)::before{color: #999999;}
.in-banner .small-nav ul li:last-child a{color: #999999;}


/*共有的类名*/
.text,.cont{
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.title{font-size:42px;line-height:48px;color: #000;font-weight: 400;letter-spacing: -1.5px;}
.title.title-c{text-align: center;}
h1.h1{font-size: 36px;line-height: 48px;font-weight: bold;color: #333;letter-spacing: -1px;}
.t1{color: #333;}
.h6{font-size: 18px;color: var(--public-color);font-weight: 400;letter-spacing: -1px;}
.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;}
.top-head-c{text-align: center;margin: auto;}
span.b{color: var(--public-color-b);}
hr{background-color: var(--public-color);border-top: 1px solid var(--public-color);}
.row-line::after{content: "";width: 70px;height: 4px;background-color: var(--public-color);display: block;margin: 0 auto 50px;position: relative;bottom: -20px;transition: all .3s ease-in-out;}
.col-line{position: relative;}
.col-line::after{content: "";width: 4px;height: 70px;background-color: var(--public-color);display: block;position: absolute;left: -60px;top:10px;transition: all .3s ease-in-out;}
.all-line-b::before{background-color: var(--public-color-b);}
.all-line-y::before{background-color: var(--public-color-y);}

.ul li{position: relative;padding-left: 40px;}
.ul li::before{content: "";background: url(../../images/sign-1.webp) no-repeat;background-size: contain;width: 20px;height: 20px;position: absolute;left: 0;top: 5px;}

.all-style{position: relative;padding:0px;}
.all-swiper{overflow: hidden;}
.all-hover{transition: all .3s ease-in-out;background-color: rgba(255,255,255,.6);border: solid 1px #dddddd;font-weight: bold;width: 40px;height: 40px;z-index: 2;}
.all-hover::after{font-size: 18px;font-weight: 300;font-family: 'cmsfont';color: var(--public-color);}
.all-hover:hover{background-color: #fff;}
.all-hover-next{right: -20px;}
.all-hover-prev{left: -20px;}
.all-hover-next::after{content:'\f105';}
.all-hover-prev::after{content: '\f104';}

.all-hover-1::after{color: #333333;font-size:34px;font-weight: bold;}
.all-hover-next-1{right: 40px;}
.all-hover-prev-1{left: 40px;}
.all-hover-next::after{content:'\f054';}
.all-hover-prev::after{content: '\f053';}


/* From Uiverse.io by nikk7007 */ 
.a-jd{font-size: 18px;line-height: 24px;color: #fff;background-color: var(--public-color-1);border: 2px solid var(--public-color-1);letter-spacing: -.6px;font-weight: 400;height: 60px;padding: 0 65px;display: inline-flex;align-items: center;justify-content: center;border-radius: 4px;position: relative;transition: 0.3s ease all;z-index: 1;cursor: pointer;}
.a-jd:before {content: '';transition: 0.5s all ease;position: absolute;top: 0;left: 50%;right: 50%;bottom: 0;opacity: 0;background-color: #fff;z-index: -1;border-radius: 0px;}
.a-jd:hover{color: white;}
.a-jd:hover:before, .a-jd:focus:before {transition: 0.5s all ease;left: 0;right: 0;opacity: 1;}
.a-jd:hover{color: var(--public-color-1);}

.a-jd-1{font-size: 18px;line-height: 24px;width: auto;color: var(--public-color-1);background-color: #fff;border: 2px solid var(--public-color-1);letter-spacing: -.6px;font-weight: 400;height: 60px;padding: 0 65px;display: inline-flex;align-items: center;justify-content: center;border-radius: 4px;position: relative;transition: 0.3s ease all;z-index: 1;cursor: pointer;}
.a-jd-1:before {content: '';transition: 0.5s all ease;position: absolute;top: 0;left: 50%;right: 50%;bottom: 0;opacity: 0;background-color: #333333;z-index: -1;border-radius: 0px;}
.a-jd-1:hover, .a-jd-1.active {color: #fff !important;}
.a-jd-1:hover:before, .a-jd-1.active:before {transition: 0.5s all ease;left: 0;right: 0;opacity: 1;background-color: var(--public-color-1);}

.a-jd-2{font-size: 18px;line-height: 24px;width: auto;color: #fff;background-color: transparent;border: 2px solid #fff;letter-spacing: -.6px;font-weight: 400;height: 60px;padding: 0 65px;display: inline-flex;align-items: center;justify-content: center;border-radius: 4px;position: relative;transition: 0.3s ease all;z-index: 1;cursor: pointer;}
.a-jd-2:before {content: '';transition: 0.5s all ease;position: absolute;top: 0;left: 50%;right: 50%;bottom: 0;opacity: 0;background-color: #333333;z-index: -2;border-radius: 0px;}
.a-jd-2:hover, .a-jd-2.active {color: var(--public-color) !important;}
.a-jd-2:hover:before, .a-jd-2.active:before {transition: 0.5s all ease;left: 0;right: 0;opacity: 1;background-color: #fff;}

.home-paper{margin-top: -10px;max-width: 1920px;overflow-x: clip;}
.home-product .top-head{padding-top: 90px;padding-bottom: 90px;background-color: rgba(244, 244, 244, .6);}
.home-product .h6{margin-bottom: 10px;}
.home-product .title{font-size: 36px;}
.home-product .top-head-box{display: grid;grid-template-columns: repeat(3,1fr);gap: 40px;margin-top: 50px;}
.home-product .list{background-color: #ffffff;padding: 50px 40px 50px 35px;transition: all .3s ease-in-out;position: relative;overflow: hidden; }
/* 左侧下划线 */
.home-product .list::before {content: "";width: 50%;height: 4px;background-color: var(--public-color);position: absolute;bottom: 0;left: 0;transition: width .5s ease-in-out;}
/* 右侧下划线 */
.home-product .list::after{content: "";width: 50%;height: 4px;background-color: var(--public-color);position: absolute;bottom: 0;right: 0;transition: width .5s ease-in-out;}
/* 悬浮效果：两侧同时收缩 */
.home-product .list:hover::before,.home-product .list:hover::after {width: 0}
.home-product .list:hover{transform: translateY(-3px);}
.home-product .list .d{display: grid;grid-template-columns: 40px auto;gap:15px 30px;margin-bottom: 15px;}
.home-product .list .img-1{position: relative;top: -10px;}
.home-product .h5{font-size: 24px;color: #000;letter-spacing: -.8px;}
.home-product .list .cont{letter-spacing: -.2px;}
.home-product .content{padding: 130px 0 160px;}
.home-product .items{display: flex;justify-content: space-between;align-items: center;margin-bottom: 100px;}
.home-product .items:last-child{margin-bottom: 0;}
.home-product .items .left{width: 45%;position: relative;display: flex;align-items: center;}
.home-product .pro-app{background-color: #000;display: inline-block;}
.home-product .pro-app>img{opacity: .6;}
.home-product .pro{position: absolute;width: 100%;text-align: center;}
.home-product .items .right{width: 47%;}
.home-product .items .t1{font-size: 32px;color: #000;line-height: 42px;margin-bottom: 45px;text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;text-decoration-thickness: 2px;position: relative;}
.home-product .items .t1::before{content: "";width: 4px;height: calc(100% - 10px);background-color: var(--public-color);position: absolute;left: -40px;top: 7px;}
.home-product .items .box p{margin-bottom: 35px;}
.home-product .items li{position: relative;padding-left: 40px;}
.home-product .items li::before{content: "";background: url(../../images/sign-1.webp) no-repeat;background-size: contain;width: 20px;height: 20px;position: absolute;left: 0;top: 5px;}
.home-product .items:nth-child(even){flex-direction: row-reverse;}
.home-product .items:nth-child(even) .left{width: 50%;}
.home-product .items:nth-child(even) .right{width: 45%;}
.home-solutions{background-color: #f4f4f4;padding: 135px 0 80px;}
.home-solutions .top-head{width: 88%;margin-bottom: 75px;}
.home-solutions .title{margin-bottom: 60px;}
.home-solutions .max-1920px{padding: 0;}
.home-solutions .content {display: flex;}
.home-solutions .list {flex: 1;overflow: hidden;}
/* Grid版本 - 使用order属性控制 */
.home-solutions .list {display: grid;grid-template-rows: repeat(2, 1fr);}
/* 奇数项：正常顺序 */
.home-solutions .list:nth-child(odd) .box-cont {grid-row: 1;background-color: var(--public-color);color: #fff;justify-content: space-between;padding: 45px 0 25px;}
.home-solutions .list:nth-child(odd) .box-img {grid-row: 2;}
.home-solutions .list:nth-child(odd) .symbaol{transform: rotate3d(1, 0, 0, 180deg);filter: brightness(0) invert(1);}
/* 偶数项：颠倒顺序 */
.home-solutions .list:nth-child(even) .box-cont {grid-row: 2;background-color: #ffffff;color: #000;flex-direction: column-reverse;}
.home-solutions .list:nth-child(even) .box-img {grid-row: 1;}
.home-solutions .list:nth-child(even) .cont {color: #666666;}
.home-solutions .list > div {height: 260px;}
.home-solutions .list .box-img{display: flex;justify-content: center;align-items: center;}
.home-solutions .h5 {font-size: 24px;font-weight: 500;letter-spacing: -.8px;margin-bottom: 25px;}
.home-solutions .cont {font-size: 16px;line-height: 28px;}
.home-solutions .list .box-cont{display: flex;flex-direction: column;align-items: center;justify-content: flex-end;padding: 25px 0 20px;}
.home-solutions .list .box-cont>div{width: 80%;}
.home-solutions .a{text-align: center;margin-top: 60px;}
.home-solutions .a a{color: var(--public-color);text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 3px;text-decoration-thickness: 2px;}
.home-solutions .a a:hover{text-decoration: none;}
.home-choose{padding: 135px 0 175px;}
.home-choose .top-head{margin-bottom: 75px;}
.home-choose .content{display: flex;justify-content: space-between;gap: 40px;}
.home-choose .list{flex: 1;position: relative;min-height: 460px;padding-bottom: 30px;transition: all .3s ease-in-out;position: relative;overflow: hidden;}
/* 左侧下划线 */
.home-choose .list::before {content: "";width: 50%;height: 4px;background-color: var(--public-color);position: absolute;bottom: 0;left: 0;transition: width .5s ease-in-out;}
/* 右侧下划线 */
.home-choose .list::after{content: "";width: 50%;height: 4px;background-color: var(--public-color);position: absolute;bottom: 0;right: 0;transition: width .5s ease-in-out;}
/* 悬浮效果：两侧同时收缩 */
.home-choose .list:hover::before,.home-choose .list:hover::after {width: 0}
.home-choose .box{padding-right: 70px;}
.home-choose .img{margin-bottom: 30px;}
.home-choose .h5{font-size: 22px;font-weight: 500;letter-spacing: -1px;color: #000;margin-bottom: 20px;}
.home-choose .list:hover{transform: translateY(-3px);}
.home-about{background-color: #333333;}
.home-about .content{display: flex;justify-content: space-between;align-items: center;}
.home-about .left{width: 38%;color: #ffffff;}
.home-about .right{width: 58%;}
.home-about .right>img{opacity: .8;}
.home-about .d{position: relative;margin-bottom: 40px;}
.home-about .d::before{content: "";width: 4px;height: calc(100% - 10px);background-color: var(--public-color-1);position: absolute;left: -45px;top: 6px;}
.home-about .title{font-size: 36px;color: #fff;margin-bottom: 8px;}
.home-about .h5{font-size: 24px;font-weight: bold;letter-spacing: -.4px;}
.home-about .text{line-height: 28px;margin-bottom: 35px;opacity: .6;font-weight: 300;text-align: justify;}
.home-about p{margin-bottom: 20px;}
.home-about p:last-child{margin-bottom: 0;}
.home-customized .content{margin-bottom: 130px;}
.home-customized .top-head{margin-top: 65px;width: 64%;}
.home-customized .title{margin-bottom: 35px;}
.home-customized .top-head .text{margin-bottom: 40px;}
.home-customized .a-jd-1{border:1px solid #666666;color: #666666;height: 50px;width: 360px;}
.home-customized .a-jd-1::before{background-color: #666666;color: #ffffff;}
.home-cust-logo{text-align: center;position: relative;display: flex;align-items: center;justify-content: center;}
.home-cust-logo::after{content: "";width: 100%;height: 3px;background-color: var(--public-color);position: absolute;left: 0;z-index: -1;}
.home-cust-logo span{display: block;padding: 0 65px;background-color: #ffffff;}

.all-news {padding: 135px 0 200px; background:linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%)}
.all-news .title{margin-bottom: 80px;}
.all-news .content{display: grid;grid-template-columns: repeat(3,1fr);gap: 40px;}
.all-news .list{text-align: center;background-color: #ffffff;transition: all .3s ease-in-out;}
.all-news .list .box{padding: 70px 30px 30px;min-height: 260px;}
.all-news .list .time{margin-bottom: 15px;}
.all-news .t1{font-size: 24px;line-height: 36px;color: #000;letter-spacing: -1px;}
.all-news .list:hover{transform: translateY(-3px);}

.home-faq .all-big-faq .aside{background-color: #ffffff;color: #666666;}
.home-faq .all-big-faq .h2{color: #333333;}
.home-faq .all-from .a-jd{margin-top: 30px;}
.home-faq .all-faqs{border-top: none;}
.home-faq .all-faqs .items.active{background-color: #f8f8f8;border-radius: 8px;}
.home-faq .all-faqs .items.active::after,.home-faq .all-faqs .items.show:after{background-color: transparent;}
.home-faq .all-faqs .items{padding-left: 30px;}
.home-faq .all-faqs .symbol{background-color: var(--public-color);color: #fff;}
.home-faq .all-faqs .quen-a{color: #666666;line-height: 30px;}
.all-faqs .quen-a h2{font-size: 24px;color: #333;font-weight: bold;margin-bottom: 10px;padding-left: 10px;border-left: 4px solid var(--public-color);}
.home-faq .faq-link{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 2px;position: relative;padding-left: 40px;}
.home-faq .faq-link:hover{text-decoration: none;}
.home-faq .faq-link::before{content: "";width: 20px;height: 20px;background-image: url(../../images/sign-8.webp);background-size: contain;position: absolute;left: 0;top: 3px;}
.home-faq .all-big-faq .aside .btn-box-popup{color: #dd0804;}
.home-faq .form-group{margin-bottom: 10px;}

.all-big-faq .feedback-result{color: #fff;}
.all-big-faq{padding:150px 0 140px;}
.all-big-faq .content{display: flex;justify-content: space-between;align-items: flex-start;gap:60px;}
.all-big-faq .title{margin-bottom: 40px;}
.all-big-faq .article{width: 100%;}
.all-big-faq .aside{min-width: 540px;width: 540px;padding: 45px 50px 30px;background-color: #cb242b;box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);color: #fff;}
.all-big-faq .h2{font-size:36px;line-height: 42px;letter-spacing: -.8px;margin-bottom: 40px;}
.all-big-faq .aside .text{line-height: 28px;margin-bottom: 45px;}
.all-big-faq .aside ul,.all-big-faq .aside ol{margin-top: 30px;}
.all-big-faq .aside li{margin-bottom: 5px;}
.all-big-faq .aside li:last-child{margin-bottom: 0;}
.all-big-faq .all-from .a-jd-2{margin-top: 10px;}
.all-big-faq .all-from .a-jd-2:focus{color: #fff;}

.all-faqs {border-top: 1px solid #dddddd;width: 100%;}
.all-faqs .items.active {padding-top: 50px;padding-bottom: 50px;}
.all-faqs .items{padding:30px 50px 30px 0px;position: relative;}
.all-faqs .items:last-child{margin-bottom: 0;}
.all-faqs .items::after{content: "";width: 100%;height: 1px;background-color: #dddddd;position: absolute;right: 0;bottom: 0;}
.all-faqs .item{display: flex;gap:30px;cursor:default;position: relative;}
.all-faqs .quen-q{font-size: 18px;line-height: 26px;color:#000;letter-spacing: -1px;}
.all-faqs .quen-a{font-size: 16px;line-height: 28px;position: relative;margin-top: 25px;margin-left: 60px;color: #999999;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.all-faqs .quen-a p{margin-bottom: 10px;}
.all-faqs .quen-a p:last-child{margin-bottom: 0;}
.all-faqs .symbol{width: 30px;min-width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;background-color:transparent;color: var(--public-color);font-size: 24px;position: relative;top:0px;}
.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-from .form-row{margin-left:-10px !important;margin-right:-10px !important;}
.all-from .col-md-6,.all-from .col-md-12,.all-from .col-md-10,.all-from .col-md-8{padding: 0 10px !important;}
.all-from .form-row:last-child{margin-bottom: 0;}

.products-list{padding-top: 70px;max-width: 1920px;overflow-x: clip;}
.products-list .title{font-size: 36px;}
.p-l-nav{margin-bottom: 75px;}
.p-l-nav .pro-nav{display: grid;grid-template-columns: repeat(4,1fr);gap: 15px 40px;}
.p-l-nav li{position: relative;height: 100px;}
.p-l-nav li:first-child{background-color: #666666;}
.p-l-nav li .img-1{position: absolute;left:0;top:0;z-index: -1;}
.p-l-nav li a{width: 100%;height: 100%;display: grid;grid-template-columns: auto 80px;gap: 0 30px;align-items: center;color: #fff !important;padding: 0 0 0 30px;line-height: 20px;}
.p-l-nav li.active a{background-color: var(--public-color);}
.p-l-nav li i{font-style: normal;}
.p-l-products {margin-bottom: 210px;}
.p-l-products .content{display: flex;justify-content: space-between;gap: 80px;}
.p-l-products .aside{width: 360px;position: sticky;top: 100px;height: fit-content;}
.p-l-products .article{width: calc(100% - 360px - 80px);}
.p-l-products .box-1{margin-bottom: 30px;}
.p-l-products .list{background-color: #f8f8f8;min-height: 180px;margin-bottom: 10px;padding: 35px 30px 20px 30px;}
.p-l-products .list:last-child{margin-bottom: 0;}
.p-l-products .list .h5{font-size: 20px;font-weight: 500;color: #000;letter-spacing: -.4px;margin-bottom: 10px;}
.p-l-products .aside .cont{font-size: 16px;line-height: 26px;color: #666666;}
.p-l-products .box-2 {
    background-color: #ffffff;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
    height: 280px;
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.p-l-products .box-2 .cont{margin-bottom: 35px;}
.p-l-products .box-2 .a-jd{height: 45px;width: 200px;padding: 0;font-size: 16px;}
.p-l-products .items{display: flex;justify-content: space-between;align-items: center;background-color: #f8f8f8;padding: 55px 30px 55px 0;margin-bottom: 20px;}
.p-l-products .items:last-child{margin-bottom: 0;}
.p-l-products .items .left{width: 47%;position: relative;z-index: 1;min-height: 300px;border-left: 6px solid var(--public-color);display: flex;align-items: center;padding: 0 20px;overflow-x: clip;}
.p-l-products .items .right{width: 50%;}
.p-l-products .items .left::before{content: "";width: 50%;height: 100%;background-color: #fff;position: absolute;left: 0;top: 0;z-index: -1;}
.p-l-products .items .model{font-size: 16px;color: var(--public-color);letter-spacing: -.4px;margin-bottom: 3px;}
.p-l-products .items .t1{font-size: 24px;line-height: 32px;color: #000;letter-spacing: -1px;text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 3px;}
.p-l-products .items .t1:hover{text-decoration: none;}
.p-l-products .items .t1:hover span{filter: none;}
.p-l-products .items .t1 span{width: 15px;height: 12px;background: url(../../images/sign-5-1.webp) no-repeat;background-size: contain;display: inline-block;margin-left: 5px;filter: grayscale(1);transition: filter .3s ease-in-out;}
.p-l-products .items .text{font-size: 16px;line-height: 24px;color: #999999;margin: 15px 0 20px;}
.p-l-products .items ul{line-height: 26px;color: #666666;margin-top: 15px;}
.p-l-products .items li{position: relative;padding-left: 30px;margin-bottom: 2px;}
.p-l-products .items li:last-child{margin-bottom: 0;}
.p-l-products .items li::before{content: "\f00c";font-family: 'cmsfont';color: var(--public-color);position: absolute;left: 0;top: 0;}
.p-l-products .items .tags{display: flex;flex-wrap: wrap;gap: 13px;font-size: 16px;line-height: 28px;}
.p-l-products .items .name{font-weight: 500;color: var(--public-color);}
.p-l-products .items .tags i{color: #666666;font-weight: 400;}
.p-l-products .items .tags i::after{content: ", ";}
.p-l-products .items .tags i:last-child::after{display: none;}
.p-l-highlights{margin-bottom: 315px;position: relative;}
.p-l-highlights .img-back{position: absolute;left: 0;top: -100%;z-index: -1;}
.p-l-highlights .content{display: flex;justify-content: space-between;margin-bottom: 80px;}
.p-l-highlights .left{width: 44%;position: relative;}
.p-l-highlights .left::before{content: "";width: 4px;height: 70px;background-color: var(--public-color);position: absolute;left: -55px;top: 10px;}
.p-l-highlights .right{width: 47%;display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;position: relative;}
.p-l-highlights .right::after{content: "";width: 135px;height: 135px;background-color: var(--public-color);position: absolute;right: -40px;top: -40px;z-index: -1;}
.p-l-highlights .title{margin-bottom: 30px;}
.p-l-highlights ul li{font-size: 16px;line-height: 26px;margin-bottom: 10px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.p-l-highlights ul li:last-child{margin-bottom: 0;}
.p-l-highlights ul li::before{content: "";width: 5px;height: 5px;border-radius: 100%;background-color: var(--public-color);display: inline-block;position: relative;top: -5px;margin-right: 10px;}
.p-l-highlights .list{background-color: #ffffff;border: solid 1px #dddddd;height: 120px;padding: 20px 30px;display: flex;flex-direction: column;justify-content: space-between;}
.p-l-highlights .list h6{font-size: 16px;line-height: 24px;letter-spacing: -.6px;font-weight: 400;}
.p-l-highlights .list strong{font-size: 26px;font-weight: 600;color: var(--public-color);display: block;}
.p-l-highlights .list strong em{font-size: 18px;line-height: 26px;color: #999999;font-weight: 400;display: inline;font-style: normal;}
.p-l-high-video .v{position: relative;display: flex;justify-content: center;align-items: center;background-color: #000;}
.p-l-high-video .v>img{opacity: 1;transition: all .3s ease-in-out;}
.p-l-high-video .v-btn{position: absolute;width: 60px;height: 60px;border-radius: 100%;border: 6px solid #fff;display: flex;justify-content: center;align-items: center;z-index: -1;opacity: 0;transition: all .3s ease-in-out;}
.p-l-high-video .v:hover>img{opacity: .6;}
.p-l-high-video .v:hover .v-btn{z-index: 1;opacity: 1;}
.p-l-high-video{position: relative;}
.p-l-application{background-color: #f4f4f4;padding-bottom: 100px;}
.p-l-application .top-head{display: flex;justify-content: space-between;align-items: center;}
.p-l-application .left{width: 45%;}
.p-l-application .right{width: 48%;margin-top: -55px;}
.p-l-application .title{margin-bottom: 30px;}
.p-l-application .title span{display: block;}
.p-l-application .text{font-size: 16px;line-height: 26px;}
.p-l-application .content{display: grid;grid-template-columns: repeat(3,1fr);gap: 40px;}
.p-l-application .list{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1;padding: 10px 0 10px 30px;min-height: 200px;}
.p-l-application .list::after{content: "";width: 93%;height: 100%;background-color: #ffffff;position: absolute;left: 0;top: 0;z-index: -1;transition: width .5s ease-in-out;}
.p-l-application .list:hover::after{width: calc(100% + 30px)}
.p-l-application .list .box{width: 55%;}
.p-l-application .list .img{width: 40%;}
.p-l-application .list .t1{font-size: 20px;color: #000;letter-spacing: -.8px;margin-bottom: 10px;}
.p-l-application .list .cont{font-size: 16px;line-height: 24px;}
.p-l-special {padding: 160px 0 180px;}
.p-l-special .content{display: flex;justify-content: space-between;align-items: center;}
.p-l-special .left{width: 35%;}
.p-l-special .right{width: 54%;}
.p-l-special .col-line::after{left: -45px;}
.p-l-special .title{margin-bottom: 35px;}
.p-l-special ol{margin-bottom: 65px;}
.p-l-special ol li{font-size: 16px;line-height: 26px;letter-spacing: -.3px;margin-bottom: 20px;}
.p-l-special ol li:last-child{margin-bottom: 0;}
.p-l-special ol li strong{font-weight: 400;color: var(--public-color);}
.p-l-found{position: relative;padding-top: 110px;display: flex;align-items: center;}
.p-l-found .img-back-1{position: absolute;right: 0;z-index: -1;width: 28%;margin-top: -30px;}
.p-l-found::after{content: "";width: 100%;height: 75%;background-color: #333333;position: absolute;left: 0;top: 0;z-index: -2;}
.p-l-found .title{color: #ffffff;}
.p-l-found .title::after{margin-bottom: 110px;height: 4px !important;}
.p-l-found .content{display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;}
.p-l-found .list{display: flex;flex-direction: column;min-height: 260px;background-color: #ffffff;padding: 60px 35px 30px;text-align: center;border-bottom: 4px solid var(--public-color);transition: all .3s ease-in-out;}
.p-l-found .h5{font-size: 24px;color: #000;letter-spacing: -1px;margin-bottom: 25px;}
.p-l-found .cont{font-size: 16px;line-height: 26px;}
.p-l-found .list:hover{transform: translateY(-3px);}
.p-l-found .list:hover .cont{color: var(--public-color);text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 3px;}
.p-l-solution{margin-bottom: 205px;margin-top: 195px;}
.p-l-solution .content{display: flex;justify-content: flex-end;align-items: center;position: relative;width: auto;height: 550px;}
.p-l-solution .img-back-2{position: absolute;z-index: -1;width: 100%;height: 100%;background-color: #000;}
.p-l-solution .img-back-2>img{opacity: .6;}
.p-l-solution .left{width: 53%;position: absolute;left: -85px;bottom: -120px;}
.p-l-solution .right{width: 60%;height: 100%;background-color: rgba(255,255,255,.9);display: flex;justify-content: center;align-items: center;padding: 30px 0;}
.p-l-solution .right-xl{width: 80%;}
.p-l-solution .left img{display: block;}
.p-l-solution .col-line::after{left: -45px;}
.p-l-solution .d{margin-bottom: 35px;}
.p-l-solution .title{margin-bottom: 10px;}
.p-l-solution h6{font-size: 24px;font-weight: bold;color: var(--public-color);letter-spacing: -.4px;}
.p-l-solution .text{font-size: 16px;line-height: 26px;margin-bottom: 20px;}
.p-l-solution .text p{margin-bottom: 20px;}
.p-l-solution .text p:last-child{margin-bottom: 0;}
.p-l-solution .a-line{text-align: right;}
.p-l-solution a{color: var(--public-color);position: relative;display: inline-flex;justify-content: center;}
.p-l-solution a::after{content: "";width: 100%;height: 1px;background-color: var(--public-color);position: absolute;bottom: 5px;}
.p-l-preferred {background-color: #f4f4f4;padding: 105px 0;}
.p-l-preferred .content{display: flex;justify-content: space-between;align-items: center;}
.p-l-preferred .left{width: 45%;}
.p-l-preferred .right{width: 46%;display: grid;grid-template-columns: repeat(3,1fr);gap: 15px;}
.p-l-preferred .title{margin-bottom: 40px;}
.p-l-preferred .title span{display: block;}
.p-l-preferred .title::after{left: -55px;}
.p-l-preferred .text{font-size: 16px;line-height: 26px;}
.p-l-preferred .img-1{height: 110px;background-color: #fff;display: flex;justify-content: center;align-items: center;}
.all-big-faq .article{position: relative;}
.p-l-faq {position: absolute;left: 0;top: 0;opacity: 0;z-index: -1;overflow: hidden;transition: opacity .3s,z-index .3s,overflow .3s;}
.p-l-faq.active{opacity: 1;z-index: 1;overflow: visible;position: relative;}
.products-list .title::after{height: 100%}

.product-in-paper .container-xl{max-width: 1530px;}
.p-i-first .max-1700px{max-width: 1700px;}
.p-i-first{background-image: linear-gradient(180deg,#c2c2c2, #f4f4f4);background-blend-mode: normal, normal;}
.p-i-first .content{display: flex;justify-content: space-between;align-items: center;margin-top: 70px;padding-bottom: 100px;}
.p-i-first .left{width: 62%;display: flex;justify-content: center;align-items: center;}
.p-i-first .right{width: 38%;color: #fff;background-color: rgba(51, 51, 51, .4);display: flex;justify-content: center;padding: 50px 0 ;}
.p-i-first .right-xl{width: 87%;}
.p-i-first .model{color: var(--public-color);font-weight: bold;letter-spacing: -1px;}
.p-i-first h1{font-size: 36px;line-height: 42px;color: #fff;letter-spacing: -1px;font-weight: 400;margin-bottom: 30px;}
.p-i-first .text{font-size: 16px;font-weight: 300;}
.p-i-first .text p{opacity: .6;line-height: 26px;margin-bottom: 30px;}
.p-i-first li{line-height: 32px;letter-spacing: -.4px;display: flex;justify-content: space-between;}
.p-i-first li h6,.p-i-first li strong{font-weight: 300;}
.p-i-first .p-i-btn{display: flex;gap:20px;margin-top: 40px;}
.p-i-first .a-jd-all{width: 100%;padding: 0;height: 50px;font-size: 16px;max-width: 50%;}
.p-i-first .a-jd-1{font-weight: bold;border-color: #fff;}
.p-i-first .a-jd-1:hover{border-color: var(--public-color);}


.detail-nav.fadeInDown{box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); /* 更柔和的阴影 */}
.detail-nav{position: sticky;top: 75px;z-index: 3;background-color: #f4f4f4;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* 更流畅的缓动函数 */
    will-change: transform, box-shadow; /* 提前告知浏览器会变化的属性 */;}
.detail-nav-xl{max-width:1500px;width: 100%;margin: auto;position: relative;display: flex;justify-content: space-between;gap: 30px;}
.detail-nav .detail-ul{display: grid;grid-template-columns: repeat(4,1fr);gap: 5px;width: 64%;}
.detail-nav li{position: relative;display: flex;align-items: center;justify-content: center;}
.detail-nav li a{font-size: 18px;line-height: 22px;width: 100%;height: 50px;font-weight: 400;letter-spacing: 0px;color: #fff !important;background-color: #999999;display: flex;align-items: center;justify-content: center;animation: fadeIn .3s ease-in-out;}
.detail-nav li.active a{background-color: var(--public-color);}
.detail-tech-xl{display: flex;justify-content: flex-end;}
.detail-tech{width:28%;height: 52px;background-color: #333333;box-shadow: 0px 0px 50px 0px rgba(99, 99, 99, 0.1);display: flex;align-items: center;justify-content: space-between;gap: 20px;padding: 0 15px 0 30px;position: relative;z-index: 4;}
.detail-tech a{color: #fff;font-size: 14px;letter-spacing: 0;font-family: 'Poppins';}
.detail-tech .social>span, .detail-tech .social>a{border-radius: 2px;background-color: #fff !important;width: 24px;height: 24px;display: flex;justify-content: center;align-items: center;}
.detail-tech .social>span:before,.detail-tech .social>a:before{color: #333333;width: auto;font-size: 14px;}



.p-i-content{padding-top: 145px;line-height: 30px;}
.p-i-content .container-xl>div{margin-bottom: 100px;}
.p-i-content .title{font-size: 36px;line-height: 48px;color: var(--public-color-1);margin-bottom: 50px;}
.p-i-introduct{display: flex;justify-content: space-between;gap: 70px;}
.p-i-introduct .left{width: 100%;}
.p-i-introduct .right{min-width: 705px;}
.p-i-mechanical .items-big{margin-bottom: 110px;}
.p-i-mechanical .items-big:last-child{margin-bottom: 0;}
.p-i-mechanical .items-big:nth-child(even) .items{flex-direction: row-reverse;}
.p-i-mechanical .items{display: flex;justify-content: space-between;align-items: center;gap: 100px;}
.p-i-mechanical .left{width: 48%;}
.p-i-mechanical .right{min-width: 700px;width: 700px;}
.p-i-mechanical .all-swiper{position: relative;}
.p-i-mechanical .items-l-r{display: flex;gap: 10px;position: absolute;right: 40px;bottom: 40px;}
.p-i-mechanical .all-hover{border-radius: 100%;position: static;background-color: transparent;border: solid 2px rgba(255, 255, 255, 0.6);margin-top: 0;}
.p-i-mechanical .all-hover:hover{background-color: var(--public-color);border-color: var(--public-color);}
.p-i-mechanical .all-hover::after{color: #fff;}
.p-i-mechanical .title-xl{font-size: 32px;line-height: 48px;letter-spacing: -1px;color: #333333;}
.p-i-mechanical .title-xl::after{content: "";width: 100px;height: 2px;background-color: var(--public-color);border-radius: 1px;display: block;margin: 15px 0 25px;}
.p-i-mechanical .text{font-size: 16px;line-height: 28px;}
.p-i-mechanical li::before{content: "";width: 7px;height: 7px;background-color: var(--public-color);position: relative;top: -3px;margin-right: 10px;display: inline-block;}
.p-i-application .title{margin-bottom: 10px;}
.p-i-application .text{margin-bottom: 70px;}
.p-i-application .content{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;}
.p-i-application .img{margin-bottom: 35px;}
.p-i-application .t1{font-size: 22px;font-weight: 500;color: #000;letter-spacing: -1px;}
.p-i-faq .all-big-faq{padding: 0 0 60px;}
.p-i-faq .all-big-faq .aside{min-width: 335px;width: 335px;background-color: transparent;color: #666666;box-shadow: none;padding: 0;position: sticky;top: 100px;height: fit-content;}
.p-i-faq .all-big-faq .article{width: 65%;}
.p-i-faq .aside .text{font-size: 16px;line-height: 28px;}
.p-i-faq .aside .a-jd{height: 48px;border-radius: 24px;font-size: 16px;}
.p-i-faq .aside .a-jd::before{border-radius: 20px;}
.p-i-faq .all-faqs{border-top: none;}
.p-i-faq .all-faqs .item{flex-direction: row-reverse;justify-content: space-between;}
.p-i-faq .all-faqs .items{padding-right: 0;}
.p-i-faq .all-faqs .quen-q{font-size: 20px;color: #333333;font-weight: 500;}
.p-i-faq .all-faqs .quen-a{margin-left: 0;line-height: 26px;}
.p-i-faq .all-faqs .symbol{color: #e50113;font-size: 20px;}
.p-i-products .content{position: relative;}
.p-i-products .all-hover-1{color: #333333;}
.p-i-products .all-hover-1::after{font-size: 28px;}
.p-i-products .all-hover-next-1{right: -70px;}
.p-i-products .all-hover-prev-1{left: -70px;}
.all-products .img{background-image: linear-gradient(180deg, #f4f4f4 ,#d2d2d2);height: 280px;display: flex;justify-content: center;align-items: center;padding: 30px;margin-bottom: 35px;}
.all-products .t1{font-size: 24px;color: #333333;letter-spacing: -1px;text-align: center;margin: 0 35px;}


.p-i-plan{position: relative;padding-top: 120px;overflow-x: clip;}
.p-i-plan .img-back{position: absolute;left: 0;top: 0;z-index: -1;background-color: #000;}
.p-i-plan .img-back>img{opacity: .6;}
.p-i-plan .top-head{margin-bottom: 70px;}
.p-i-plan .title{font-size: 36px;color: #fff;margin-bottom: 35px;}
.p-i-plan .text{font-size: 18px;line-height: 28px;width: 65%;color: #fff;font-weight: 300;letter-spacing: 0;}
.p-i-plan .content{background-color: #ffffff;box-shadow: 0px 8px 9px 0px rgba(0, 0, 0, 0.1);padding: 55px 60px;}
.p-i-plan .all-from .form-row{margin: 0 -10px !important;margin-bottom: 24px;}
.p-i-plan .all-from .form-group{padding: 0 10px !important;margin-bottom: 24px;}
.p-i-plan .all-from .form-control::placeholder{color: #999999;opacity: 1;letter-spacing: 0;}
.p-i-plan .all-from .form-control{padding-left: 20px;border-radius: 0;}
.p-i-plan .form-group:has(input[required])::before, .p-i-plan .form-group:has(textarea[required])::before{display: none;}
.p-i-plan .form-cap .form-group{margin-bottom: 40px;}
.p-i-plan .form-cap .col-md-12{padding: 0 9px !important;}
.p-i-plan .form-cap .a-cc{min-width: auto;width: auto;border-radius: 0;font-weight: 400;letter-spacing: -.4px;}
.p-i-plan .a-jd{height: 50px;font-size: 16px;}
.p-i-plan .form-cap .input-group{border-radius: 0;}
.p-i-plan .all-from .btn-box-popup{color: var(--public-color);}
.p-i-news .all-news .title{font-size: 36px;color: var(--public-color-1);}


.all-banner-box .all-banner h1{margin-bottom: 85px;}
.all-banner-box .banner-text{flex-direction: column;justify-content: flex-end}
.all-banner-box .small-box{background-color: rgba(0, 0, 0, 0.34);display: flex;align-items: center;width: 100%;max-width: 1920px;height: 200px;}
.all-banner-box .small-box-xl{display: grid;grid-template-columns: repeat(4,1fr);gap: 4px;max-width: 1500px;width: 100%;margin: auto;}
.all-banner-box .small-box .list{position: relative;}
.all-banner-box .small-box .list::after{content: "";width: 4px;height: 50px;background-color: #fff;position: absolute;right: -4px;bottom: 5px;}
.all-banner-box .small-box .list:last-child::after{display: none;}
.all-banner-box .small-box .img-1{margin-bottom: 25px;}
.all-banner-box .small-box .t1{font-size: 16px;line-height: 24px;color: #fff;width: 60%;margin: auto;letter-spacing: -.2px;}
.all-banner-box .small-box .t1 span{display: block;}

.application-paper{position: relative;padding-top: 170px;max-width: 1920px;overflow-x: clip;}
.application-paper>.img-back-1{position: absolute;right: 0;top: -8%;z-index: -1;width: 29%;}
.app-direction {margin-bottom: 185px;}
.app-direction .title{margin-bottom: 75px;font-size: 36px;}
.app-direction .title span{display: block;}
.app-direction .content{display: flex;justify-content: space-between;}
.app-direction .left{width: 48%;}
.app-direction .right{width: 43%;position: sticky;top: 80px;height: fit-content;}
.app-direction .right .a{position: absolute;bottom: -25px;left: 0;display: flex;justify-content: center;width: 100%;}
.app-direction .list{position: relative;padding-left: 60px;display: flex;flex-direction: column;justify-content: center;margin-bottom: 100px;}
.app-direction .list:last-child{margin-bottom: 0;}
.app-direction .list::before{content: "";width: 4px;height: 160px;background-color: #dddddd;position: absolute;left: 0;transition: background-color .3s ease-in-out;}
.app-direction .h3{font-size: 26px;color: #000;letter-spacing: -1px;margin-bottom: 25px;}
.app-direction .list .text{font-size: 16px;line-height: 26px;color: #666666;}
.app-direction .list:hover::before{background-color: var(--public-color-1);}
.app-industry{padding-top: 115px;padding-bottom: 130px;background-image: linear-gradient(180deg, #ffffff ,#f4f4f4);}
.app-industry .max-1660px{max-width: 1660px;}
.app-industry .title{margin-bottom: 25px;}
.app-industry .top-head {margin-bottom: 90px;}
.app-industry .top-head .text{font-size: 16px;}
.app-industry .content{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;margin-bottom: 60px;}
.app-industry .list{background-color: #fff;padding: 30px 0 0 30px;display: flex;flex-direction: column;justify-content: space-between;transition: all .3s ease-in-out;}
.app-industry .list-top{padding-right: 30px;margin-bottom: 45px;}
.app-industry .d{display: flex;justify-content: space-between;border-bottom: 1px solid #dddddd;padding-bottom: 10px;margin-bottom: 25px;}
.app-industry .t1{font-size: 22px;font-weight: 500;color: #000;letter-spacing: -1px;}
.app-industry .img-1{height: 35px;}
.app-industry .cont{font-size: 16px;line-height: 26px;}
.app-industry .list:hover{transform: translateY(-3px);}
.app-industry .a {display: flex;justify-content: center;}
.app-industry .a a{color: var(--public-color);}
.app-industry .a a:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 3px;}
.app-success{height: 655px;background-color: #f4f4f4;display: flex;align-items: center;position: relative;margin-bottom: 140px;}
.app-success>.img-back-2{position: absolute;left: 0;width: 35%;}
.app-success .content{display: flex;justify-content: space-between;align-items: center;position: relative;}
.app-success .left{width: 60%;margin-left: -75px;}
.app-success .right{width: 43%;}
.app-success .title{font-size: 36px;}
.app-success .title::after{margin-left: 0;}
.app-success li{font-size: 16px;line-height: 26px;padding-left: 40px;margin-bottom: 10px;}
.app-success li:last-child{margin-bottom: 0;}
.app-success li::before{width: 14px;height: 14px;}


.service-index{font-size: 16px;line-height: 26px;padding-top: 205px;}
.service-commit{margin-bottom: 200px;position: relative;z-index: 1;}
.service-commit .content{display:flex;justify-content: space-between;}
.service-commit .left{width: 35%;}
.service-commit .right{width: 54%;display: grid;grid-template-columns: repeat(2,1fr);gap: 45px 80px;}
.service-commit .title{margin-bottom: 40px;}
.service-commit .title span{display: block;}
.service-commit .title::after{left: -55px;}
.service-commit .img-1{margin-bottom: 35px;}
.service-commit .h5{font-size: 20px;color: #000;letter-spacing: -1px;margin-bottom: 15px;}
.service-commit .cont{text-align: justify;}
.service-supply{height: 720px;background-color: #f4f4f4;display: flex;align-items: center;position: relative;}
.service-supply>.img-back-1{position: absolute;left: 0;top: -98%;width: 40%;}
.service-supply .content{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1;}
.service-supply .content>.img-back-2{position: absolute;left: 0;bottom: -43%;width: 75%;z-index: -1;}
.service-supply .left{width: 35%;}
.service-supply .right{width: 55%;position: relative;}
.service-supply .right::after{content: "";width: 135px;height: 135px;background-color: var(--public-color);position: absolute;right: -40px;top: -40px;z-index: -1;}
.service-supply .title{margin-bottom: 40px;font-size: 36px;}
.service-supply .title span{display: block;}
.service-supply li{margin-bottom: 30px;}
.service-supply li:last-child{margin-bottom: 0;}
.service-supply .h6{font-size: 16px;letter-spacing: 0;}
.service-faq{padding: 165px 0 300px;}
.service-faq .all-big-faq{padding: 0;}
.service-faq .title{margin-bottom: 90px;}
.service-faq .title span{display: block;}
.service-faq .content{gap: 110px;}
.service-faq .all-big-faq .aside{padding:65px 60px;}
.service-faq .h2{font-size: 36px;font-weight: 400;margin-bottom: 15px;}
.service-faq .aside .text{line-height: 26px;}
.service-faq label{width: 100%;}
.service-faq .form-control{padding:8px 10px;}
.service-faq .form-group::before{display: none;}
.service-faq .form-row{margin: 0 -5px !important;}
.service-faq .form-group{padding: 0 5px !important;margin-bottom: 15px;}
.service-faq .a-jd-1{width: 100%;padding: 0;height: 40px;border-radius: 4px;font-size: 16px;}
.service-faq .form-cap .input-group-append{width: 100px;}
.service-faq .all-faqs{border-top: none;}
.service-faq .all-faqs .item{flex-direction: row-reverse;justify-content: space-between;}
.service-faq .all-faqs .items{padding-right: 0;}
.service-faq .all-faqs .quen-q{font-size: 20px;color: #333333;font-weight: 500;}
.service-faq .all-faqs .quen-a{margin-left: 0;line-height: 26px;}
.service-faq .all-faqs .symbol{color: #e50113;font-size: 20px;}
.service-faq .all-faqs .items.active{padding-bottom:40px;}
.service-faq .title-xl{font-size: 36px;letter-spacing: -1px;color: var(--public-color);}


.about-paper{font-size: 16px;line-height: 26px;padding: 210px 0 200px;position: relative;max-width: 1920px;margin:auto;overflow-x: clip;}
.about-paper .img-back-1{position: absolute;right: 0;bottom: -4%;z-index: -1;width: 45%;}
.about-paper .title{font-size: 36px;margin-bottom: 40px;}
.about-zhu {margin-bottom: 170px;}
.about-zhu .content{display: flex;justify-content: space-between;}
.about-zhu .left{width: 37%;margin-top: 10px;}
.about-zhu .right{width: 55%;}
.about-zhu .title span{display: block;}
.about-zhu .text{text-align: justify;}
.about-zhu .text p{margin-bottom: 25px;}
.about-zhu .text p:last-child{margin-bottom: 0;}
.about-technology {	background-image: linear-gradient(180deg, #fff 0%, #f4f4f4 100%);margin-bottom: 220px;}
.about-technology .max-1920px{padding: 0;}
.about-technology .content{display: flex;justify-content: flex-end;align-items: center;}
.about-technology .left{width: 45%;position: absolute;left: 0;margin-bottom: -75px;}
.about-technology .right{width: 53.5%;height: 550px;background-color: #333333;color: rgba(255, 255, 255, 0.6);position: relative;display: flex;align-items: center;}
.about-technology .right-xl{width: 70%;margin-left: 100px;}
.about-technology .right>.img-back{position: absolute;right: 0;top: 36px;width: 70%;}
.about-technology .title{color: #ffffff;}
.about-technology .title span{display: block;}
.about-technology .text p{margin-bottom: 35px;}
.about-technology .text li::before{background: url(../../images/about-4.webp) no-repeat;opacity: 1;}
.about-philosophy{margin-bottom: 220px;}
.about-philosophy .content{display: grid;grid-template-columns: 1fr 1.15fr 1fr;}
.about-philosophy .list{display: flex;min-height: 250px;}
.about-philosophy .list span{display: block;}
.about-philosophy .list + .list{border-left: 1px solid #dddddd;}
.about-philosophy .list:nth-child(-n + 3){border-bottom: 1px solid #dddddd;}
.about-philosophy .list:nth-child(3n){justify-content: flex-end;}
.about-philosophy .list:nth-child(3n + 1){justify-content: flex-start;border-left: none;}
.about-philosophy .list:nth-child(3n + 2){justify-content: center;}
.about-philosophy .list:nth-child(n + 4){padding-top: 60px;}
.about-philosophy .list:nth-child(3n + 2) .list-xl{width: 77%;}
.about-philosophy .list-xl{width: 85%;}
.about-philosophy .d{display: flex;gap:0 15px;margin-bottom: 5px;}
.about-philosophy .img-1{width: 50px;;height: 46px;position: relative;top: -10px;}
.about-philosophy .h5{font-size: 20px;color: #000;letter-spacing: -1px;}
.about-philosophy-img{margin-top: 110px;margin-bottom: 85px;position: relative;}
.about-philosophy-img .all-hover-1:hover::after{color: var(--public-color);}
.about-philosophy-img .next-phil{right: -60px;}
.about-philosophy-img .prev-phil{left: -60px;}
.about-philosophy-img .pag-phil{left: 0;bottom: -90px;}
.about-philosophy-img .pag-phil span{width: 18px;height: 18px;background-color: #dddddd;border-radius: 0;border: 1px solid #dddddd;}
.about-philosophy-img .pag-phil span.swiper-pagination-bullet-active{background-color: #fff;border: 1px solid var(--public-color);}
.mySwiper-phil .img {background-color: #fff;}
.mySwiper-phil .img img{opacity: .2;transition: all .3s ease-in-out;}
.mySwiper-phil .swiper-slide-active img{opacity: 1;}
.about-small-box{height: 320px;background-color: var(--public-color);display: flex;align-items: center;}
.about-small-box .list{text-align: center;}
.about-small-box .list + .list{border-left: 1px dashed rgba(255, 255, 255, 0.4);}
.about-small-box .img{margin-bottom: 30px;}
.about-small-box .small-box{display: grid;grid-template-columns: repeat(4,1fr);color: #ffffff;}
.about-small-box .h3{display: flex;justify-content: center;font-size: 30px;letter-spacing: -1px;font-weight: 500;margin-bottom: 25px;}
.about-small-box .h3 .s1{font-weight: 400;margin-left: 3px;}
.about-small-box p{font-size: 14px;line-height: 20px;letter-spacing: -.2px;}
.about-geaday{margin: 220px 0 160px;}
.about-geaday .content{display: flex;justify-content: space-between;align-items: center;}
.about-geaday .left{width: 38%;}
.about-geaday .right{width: 55%;}
.about-geaday .title span{display: block;}
.about-geaday .text{font-size: 18px;line-height: 32px;}
.about-geaday .text p{margin-bottom: 25px;}
.about-geaday .text p:last-child{margin-bottom: 0;}
.about-partner .content{position: relative;}
.about-partner .exhibition-slider-container {position: relative;overflow: hidden}
.about-partner .exhibition-slider-container::after{content: "";background: linear-gradient(90deg, rgba(255,255,255,1) 5%,rgba(255,255,255,0) 20%, rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%; pointer-events: none;z-index: 1;}.about-partner .exhibition-slider {animation: scroll-left 40s linear infinite;width: calc(298px * 7 + 20px * 3);display: flex;flex-shrink: 0;gap: 20px}
.about-partner .exhibition-slider .slider-item {width: 300px;height: 140px;flex-shrink: 0;background-color: #f9f9f7;}
.about-partner .exhibition-slider .slider-item .img {width: 100%;height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.about-partner .exhibition-slider .slider-item .img img{mix-blend-mode: darken;}
/* 无缝向左滚动 */
@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-300px * 7 - 20px * 3)); /* 正好移动一组内容 */
    }
}


.faq-paper{padding-top: 195px;padding-bottom: 230px;}
.faq-paper .content{display: flex;justify-content: space-between;align-items: flex-start;gap: 100px;}
.faq-paper .aside{width: 260px;min-width: 260px;height: 285px;position: sticky;top: 80px;}
.faq-paper .aside-xl{background: url(../../images/faq-1.webp) no-repeat;background-size: 100% 100%;position: relative;height: 100%;width: 100%;}
.faq-paper .aside-xl::before{content: "";background: url(../../images/faq-2.webp) no-repeat;background-size: 100% 100%;width: 100%;height: 100%;position: absolute;left: -30px;bottom: -30px;z-index: -1;}
.faq-paper .aside .nav{display: flex;flex-direction: column;gap: 10px;}
.faq-paper .aside .all-nav.active{background-color: var(--public-color) !important;}

.all-nav a{width: 100%;height: 75px;display: grid;grid-template-columns: auto 80px;gap: 0 30px;align-items: center;color: #fff !important;padding: 0 0 0 30px;line-height: 20px;background-color: transparent;transition: all 0.3s ease-in-out;}
.all-nav li .symbol{filter: brightness(0) invert(1);height: 35px;position: relative;display: flex;justify-content: center;align-items: center;z-index: 1;transition: filter 0.3s ease-in-out;}
.all-nav li .symbol::before{content: "";width: 2px;height: 100%;background-color: #ffffff;position: absolute;left: 0;top: 0;z-index: -1;transition: width 0.5s ease-in-out;}
.all-nav a:hover,.all-nav a.active{background-color: var(--public-color) !important;}
.all-nav a:hover .symbol::before,.all-nav a.active .symbol::before,.all-nav li.active .symbol::before{width: 100%;}
.all-nav a:hover .symbol,.all-nav a.active .symbol,.all-nav li.active .symbol{filter: none;}
.all-nav li i{font-style: normal;}

.faq-paper .article{width: calc(100% - 260px - 100px);}
.faq-paper .all-faqs{border-top: none;}
.faq-paper .all-faqs .items:first-child{padding-top: 0;}
.faq-paper .all-faqs .item{flex-direction: row-reverse;justify-content: space-between;}
.faq-paper .all-faqs .items{padding-right: 0;}
.faq-paper .all-faqs .quen-q{font-size: 20px;color: #333333;font-weight: 500;}
.faq-paper .all-faqs .quen-a{margin-left: 0;line-height: 26px;}
.faq-paper .all-faqs .symbol{color: #e50113;font-size: 20px;}


.contact-paper{padding-top: 155px;padding-bottom: 175px;}
.contact-paper .bottom{display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: center;}
.contact-paper .bottom .right label{color:#999999;font-size: 16px;line-height: 46px;margin-bottom: 0px;}
.contact-paper .bottom .right .form-control{border:none;background-color: #fff;border-radius: 4px;padding-left: 20px;}
.contact-paper .bottom .right input{height: 50px;}
.contact-paper .bottom .right textarea{height: auto;}
.contact-paper .bottom .right .form-control::placeholder{color:#dddddd;font-size: 16px;line-height: 46px;}
.contact-paper .bottom .right .btn-box-popup{position: absolute;top: 100%;}
.contact-paper .form-group::before{display: none;}
.contact-paper .form-row .form-group{padding: 0 10px !important;}
.contact-paper .form-row{margin: 0 -10px !important;}
.contact-paper .btn-box{margin-top: 30px;}
.contact-paper .a-jd{height: 50px;border-radius: 0;padding:0}
.contact-paper .bottom .left .text{font-size: 18px;line-height: 32px;color: #666;letter-spacing: 0;}
.contact-paper .bottom .left .text p{margin-bottom: 30px;}
.contact-paper .bottom .left .text p:last-child{margin-bottom: 0;}
.contact-paper .bottom .left .text p strong{color: #333333;font-weight: 400;}
.contact-paper .bottom .left .text h6{color: #8b0301;font-size: 18px;line-height: 32px;font-weight: 400;margin-bottom: 30px;}
.contact-paper .bottom .left .text>div{margin-bottom: 30px;}
.contact-paper .bottom .left .text>div:last-child{margin-bottom: 0;}
.contact-paper .bottom .left .text .ul p{position: relative;padding-left: 15px;}
.contact-paper .bottom .left .text .ul p::before{content: "";width: 5px;height: 5px;border-radius: 100%;background-color: #8b0301;position: absolute;left: 0;top: 13px;}
.contact-paper .bottom .left{width: 50%;}
.contact-paper .bottom .right{width: 44%;background-color: #f4f4f4;border-radius: 10px;padding: 70px 60px 60px;position: relative;}
.contact-paper .bottom .right::before{content: "";width: 100%;height: 6px;background-color: var(--public-color);position: absolute;left: 0;top:0px;}
.contact-paper .bottom .form-group{margin-bottom: 20px;}
.contact-paper .bottom .title{margin-bottom: 32px;}
.contact-paper .bottom .title span{display: block;}
.contact-paper .bottom .title::after{left: -40px;height: 100%;top: 0;}
.contact-paper .bottom .feedback-result{padding-right: 0;}
.contact-paper .content{margin-bottom: 140px;}
.contact-paper .content .list{width: calc(calc(100% - 40px * 2) / 3);background-color: var(--public-color);padding: 30px 0 30px 40px;}
.contact-paper .content .img{width: 40px;height: 40px;border-radius: 100%;background-color: var(--public-color);border: solid 1px #ffffff;display: inline-flex;justify-content: center;align-items: center;}
.contact-paper .content .h5{color: #fff;margin-top: 15px;margin-bottom: 7px;}
.contact-paper .content .font-sty{font-size: 18px;line-height: 28px;color: #fff;letter-spacing: -.2px;}
.contact-paper .content a.font-sty{font-size: 32px;line-height: 46px;letter-spacing: -1px;color: #fff;}
.contact-paper .content a.font-sty:hover{text-decoration: underline;color: #fff!important;}


.video-paper{padding: 135px 0 250px;}
.video-paper .all-nav{gap: 40px;}
.video-paper .all-nav a{background-color: #666666;min-width: 280px;}
.video-content{display: grid;grid-template-columns: repeat(3,1fr);gap: 60px 40px;margin-top: 120px;}
.video-content .list{transition: all 0.3s ease-in-out;}
.video-content .v{margin-bottom: 30px;}
.video-content .t1:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 3px;}

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

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

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

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

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

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

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

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

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

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

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

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

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




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

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

.nav.all-nav{gap: 40px;}
.nav.all-nav a{background-color: #666;min-width: 280px;}

.news-paper{padding: 135px 0 250px;}
.news-content{margin-top: 135px;display: grid;grid-template-columns: repeat(3,1fr);gap: 95px 40px;}
.news-content .img{margin-bottom: 55px;}
.news-content .t1{padding-left: 40px;font-size: 22px;line-height: 30px;color: #000;letter-spacing: -1px;margin-bottom: 20px;}
.news-content .col-line::after{left: 0;width: 2px;height: calc(100% - 10px);top: 5px;}
.news-content .time{font-size: 16px;color: #999999;margin-bottom: 10px;}
.news-content .cont{font-size: 16px;line-height: 26px;}

/*news-in-paper*/
.news-in-paper .aside-con .a-jd{width: 100%;height: 50px;padding:0;cursor: pointer;margin-bottom: 45px;gap: 25px;border-radius: 25px;font-size: 16px;}
.news-in-paper .aside-con .a-jd::before{border-radius: 23px;}
.news-in-paper .aside-con .a-jd:hover img{filter: none;}
.news-in-paper .aside-con .a-jd img{filter: brightness(0) invert(1);}

.news-in-paper{margin-top:0px;margin-bottom:135px}
.news-in-paper .h1{font-size:36px;line-height:48px;color:#333;font-weight:400;margin-bottom: 40px;letter-spacing: -.4px;}
.news-in-paper .type{border-bottom:1px solid #e5e5e5;color: #999;padding-bottom: 30px;display: flex;gap: 20px;font-size: 16px;}
.news-in-paper .type-time img{display:inline-block;margin-right:10px}
.news-in-paper .main-top{display: flex;justify-content: space-between;margin-bottom: 135px;}
.news-in-paper .article .content{color:#999999;line-height:32px;font-size:18px;font-weight: 400;border-bottom:1px solid #e5e5e5;padding-bottom:70px;padding-top:30px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.news-in-paper .article .content strong{color: var(--public-color);font-weight: 500;}
.news-in-paper .article img{max-width:100% !important;height:auto !important}
.news-in-paper .article .content p{margin-bottom:20px}
.news-in-paper .article h2{font-size: 28px;line-height: 42px;color: #333333;margin-bottom: 25px;font-weight: 400;}
.news-in-paper .article h4{font-size: 24px;line-height: 32px;color: #333333;font-weight: 400;margin-bottom: 15px;letter-spacing: -.2;}
.news-in-paper .box-tail{font-size:18px;line-height:30px;margin-top:54px;display:flex;justify-content:space-between;align-items: flex-start;gap: 50px;}
.news-in-paper .box-tail .left{width:100%}
.news-in-paper .box-tail .right{min-width: 200px;width: 200px;;display:flex;justify-content:flex-end}
.news-in-paper .box-tail .right .a-jd{width: 100%;height: 50px;padding: 0;border-radius: 25px;}
.news-in-paper .box-tail .right .a-jd::before{border-radius: 23px;}
.news-in-paper .box-tail .left p{display:flex}
.news-in-paper .box-tail .left p a{display:inline-block;transition:all .6s;color:#666;font-size:16px;line-height:30px;padding-left:16px}
.news-in-paper .box-tail .left p a:hover{color:var(--public-color);text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 3px;}
.news-in-paper .box-tail .left p span{color:var(--public-color);display:block;font-weight:bold}
.news-in-paper .box-tail .left p:first-child{margin-bottom:10px}
.news-in-paper .aside{padding:0px;}
.news-in-paper .aside>div{background-color: #ffffff;box-shadow: 0px 40px 50px 0px rgba(51, 51, 51, 0.1);padding: 70px 30px;position: relative;}
.news-in-paper .aside>div::after{content: "";width: 100%;height: 4px;background-color: var(--public-color-1);position: absolute;left: 0;bottom: 0;}
.news-in-paper .aside .aside-con{margin-bottom: 40px;padding-bottom: 50px;display: flex;flex-direction: column;}
.news-in-paper .other-news .name{font-size: 14px;line-height: 20px;font-weight: 500;color: #004ea2;text-transform: uppercase;margin-bottom: 10px;}
.news-in-paper .aside .h4{font-size: 28px;color: #333;margin-bottom: 30px;font-weight: 400;letter-spacing: -.4px;}
.news-in-paper .aside img.b{display: none;}
.news-in-paper .aside img.g{display: inline-block;}
.news-in-paper .aside .a-box{display: inline-flex;flex-direction: column;margin-bottom: 40px;}
.news-in-paper .aside .a-box a{margin-bottom: 20px;font-size: 18px;color:#666;font-weight: 400;line-height: 26px;}
.news-in-paper .aside .a-box a:last-child{margin-bottom: 0;}
.news-in-paper .aside .a-box a:hover img.b{display: inline-block;}
.news-in-paper .aside .a-box a:hover img.g{display: none;}
.news-in-paper span.img-small{width: 26px;text-align: center;margin-right: 30px;display: inline-block;}
.news-in-paper .other-news .t1{font-size: 18px;line-height: 32px;color: #333333;font-weight:400;margin-bottom: 15px;letter-spacing: -.2px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-in-paper .other-news .t1:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;}
.news-in-paper .other-news .time{font-size: 16px;line-height: 30px;color: #999;font-weight: 400;}
.news-in-paper .other-news .list:hover .arrow{display: block;animation: bounceIn .6s ease-in-out;}
.news-in-paper .other-news .list + .list{border-top: 1px solid #e5e5e5;padding-top: 30px;}
.news-in-paper .other-news .list{padding-bottom: 30px;margin-bottom: 30px;}
.news-in-paper .other-news .list:last-child{padding-bottom: 0;margin-bottom: 0;}
.new-in-pro{padding-top: 100px;border-top: 2px solid #dddddd;}
.new-in-pro .title {margin-bottom: 65px;font-size: 36px;line-height: 55px;letter-spacing: -1px;}
.new-in-pro .title span{display: block;}
.new-in-pro .content{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px 45px;}

.main-box{display: flex;gap:60px;margin-top: 130px}
.main-box .main-left{position:sticky;top:90px;height: fit-content;min-width: 330px;margin-bottom: 80px;}
.main-box .main-top{max-width:1300px;margin-left: auto;}
.main-box .aside{width:27%;}
.main-box .article{width:65%;}
.main-box .main-left-box .table-title{font-size: 28px;line-height: 30px;color: var(--public-color-1);margin-bottom: 40px;display: flex;align-items: center;}
.main-box .main-left-box .h2 a{font-size: 18px;line-height: 26px;color: #333;font-weight: 600;}
.main-box .main-left-box .h2{/*border-bottom: 1px solid #e5e5e5;*/padding-bottom: 15px;}
.main-box .name-box {padding-bottom: 10px;}
.main-box .name-box + .name-box{border-top: 1px solid #e5e5e5;padding-top: 20px;}
.main-box .name-box ul{margin-left: 0px;padding-top: 10px;border-top: 1px solid #e5e5e5;}
.main-box .name-box li{position: relative;margin-bottom: 5px;}
.main-box .name-box li a{color: #666666;font-size: 18px;line-height: 26px;}
.main-box .name-box li a:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;}

@media(max-width:1530px){
    .news-in-paper .box-tail{flex-direction: column;}
    .news-in-paper .box-tail .left{margin-bottom: 20px;}
    .news-in-paper .box-tail .right{width: 100%;justify-content: flex-start;}
}

@media(max-width:1460px){
    .news-in-paper .other-news .t1 {font-size: 20px;}
    .news-in-paper .h1{font-size: 32px;line-height: 46px;}
}
@media(max-width:1430px){
    .home-news .box {max-width: none;min-width: 400px;}
    .home-news .list{gap: 50px;}
    .home-news-exh-xl{gap: 75px;}

    .news-in-paper .aside>div{padding: 25px 19px 40px;}
    .main-box .main-left-box .table-title{font-size: 24px;height: 56px;}
    .main-box {gap: 40px;}
    .news-in-paper .other-news .t1{font-size: 18px;line-height: 30px;}
    .news-in-paper .aside .h4{font-size: 24px;margin-bottom: 20px;}
    .news-in-paper .other-news .list{padding-bottom: 10px;margin-bottom: 15px;}
    .news-in-paper .aside .a-dy-1{height: 48px;padding: 0;width: 100%;}
    .news-in-paper .aside .a-box a {font-size: 16px;margin-bottom: 10px;}
    .main-box .aside{min-width: 290px;}
}
@media(max-width:1340px){
    .news-in-paper .other-news .t1 {font-size: 18px;line-height: 28px;}
    .news-in-paper .article h2{font-size: 24px;line-height: 32px;}
    .news-in-paper .article h4{font-size: 20px;line-height: 28px;}
    .main-box .main-left-box .table-title {font-size: 26px;}
    .news-in-paper .h4{font-size: 26px;margin-bottom: 30px;}

.news-in-paper .aside .a-jd{width: 100%;padding: 0;height: 46px;display: inline-flex;justify-content: center;align-items: center;}
}
@media(max-width:1260px){
    .news-in-paper .article h2 {font-size: 28px;line-height: 36px;}
    .news-in-paper .article h3 {font-size: 20px;}
    .news-in-paper .aside-con .a-jd{padding: 0 20px;height: 48px;}

    .main-box .main-left {max-width: 300px;}
    .main-box .main-top{max-width: 1330px;}
    .main-box .article{width: 60%;}
    .main-box .aside{width: 35%;}
    .news-in-paper .h1 {font-size: 30px;line-height: 42px;margin-bottom: 30px;}
    .news-in-paper .type{padding-bottom: 15px;font-size: 16px;}
    .news-in-paper .article .content p{margin-bottom: 10px;}
}
@media(max-width:1170px){
    .main-box .main-left {min-width: 270px;}
    .main-box .main-left-box .table-title {font-size: 22px;margin-bottom: 20px;padding-left:30px}
    .main-box .main-left-box .table-title::before {left: 15px;}
}
@media(max-width:1100px){
    .news-in-paper .main-top{flex-direction: column;margin-bottom: 80px;}
    .news-in-paper .main-top>div{width: 100%;max-width: 100%;min-width: auto;}
    .main-box .article{margin-bottom: 80px;}
    .news-in-paper .aside .a-jd{width: auto;padding: 0 30px;}
    .news-in-paper .aside-con{display: flex;flex-direction: column;align-items: flex-start;}
    .main-box .aside{max-height: none !important;}
}
@media(max-width:768px){
    .main-box{margin-top: 0;}
    .main-box .main-left{max-width: none;width: auto;min-width: auto;}
    .news-in-paper .h1{margin-bottom: 15px;font-size: 20px;line-height: 28px;}
    .news-in-paper .article h2{font-size: 19px;line-height: 28px;}
    .news-in-paper .article h3{font-size: 16px;line-height: 24px;}
    .news-in-paper .box-tail .left p{font-size: 16px;line-height: 24px;}
    .news-in-paper .box-tail .left p a{line-height: 24px;}

    .news-in-paper{margin-bottom: 30px;margin-top: 0px;padding-top: 20px;}
    .news-in-paper .main-top {flex-wrap: wrap;}
    .news-in-paper .article{width: 100%;margin-bottom: 30px;}
    .news-in-paper .aside{width: 100%;margin-top: 0;}
    .news-in-paper .type{font-size: 14px;line-height: 20px;margin-top: 20px;padding-top: 0;padding-bottom: 15px;}
    .news-in-paper .article .content{line-height: 20px;font-size: 14px;padding-top: 20px;padding-bottom: 20px;}
    .news-in-paper .article .content p{margin-bottom: 10px;}
    .news-in-paper .box-tail{font-size: 16px;line-height: 24px;margin-top: 20px;gap: 20px;}
    .news-in-paper .box-tail .left p:first-child{margin-bottom: 15px;}
    .news-in-paper .box-tail .right{margin-bottom: 0px;}
    .news-in-paper .aside .aside-box .text .h3 a{line-height: 24px;}
    .news-in-paper .aside .aside-box {padding-bottom: 30px;}
    .news-in-paper .aside-box-1{padding: 15px;}
    .news-in-paper .aside-box-1 .t1 {font-size: 18px;line-height: 26px;}
    .news-in-paper .main-top{margin-bottom: 30px;}
    .news-in-paper .h4 ,.news-in-paper .aside .h4{font-size: 20px;line-height: 28px;margin-bottom: 20px;}
    .news-in-paper .aside-con{margin-bottom: 20px;}
    .news-in-paper .aside>div{padding: 20px 10px;}
    .p-d-rec .title{margin-bottom: 15px !important;}
    .p-d-rec .all-param{display: block;opacity: 1;}
    .p-d-rec{margin-bottom: 30px;}
    .news-in-paper .other-news .list{padding-bottom: 15px;margin-bottom: 0px;}
    
    .main-box .main-left-box .table-title{font-size: 20px;line-height: 28px;padding: 15px 10px;margin-bottom: 15px;background-color: var(--public-color);color: #fff;}
    .main-box .main-left-box .table-title::before {height: 15px;position: absolute;top: 17px;left: 0;background-color: #fff;}
    .main-box .main-left-box .h2 a {font-size: 18px;line-height: 26px;}
    .main-box .main-left-box .h2{margin-bottom: 15px;padding-bottom: 0px;}
    .main-box .name-box ul {padding-top: 0;}
    .main-box .name-box li{margin-bottom: 10px;}
    .main-box .name-box li a {font-size: 16px;line-height: 24px;}
    .main-box .name-box li::before {top: 8px;}
    .main-box .name-box + .name-box{padding-top: 10px;}
    .main-box .main-left{margin-bottom: 30px;position: relative;}
    .main-box .article{width: 100%;}
    .main-box .aside{width: 100%;}

    .main-box .news-name{display: none;}
    .main-box .main-left .main-left-box{position: fixed;left: -17px;top: 50px;z-index: 3;background-color: #fff;border-bottom: 2px solid var(--public-color);}
    .main-box .main-left .main-left-box.active{left: 0;}
    .main-box .main-left .main-left-box.active .news-name{padding-left: 10px;padding-top: 20px;}
    .main-box .table-title .s1{display: none;color: #fff;}
    .main-box .table-title .s2{display: flex;color:#fff;}
    .main-box .table-title {background-color: var(--public-color-red);}
    .main-box .table-title.active .s1{display: flex;align-items: center;justify-content: space-between;padding-right: 15px;}
    .main-box .table-title.active .s1 strong{color: var(--public-color-red);}
    .main-box .table-title.active .s2{display: none;}
    .main-box .main-left-box{border: none;}
    .main-box .main-left-box .table-title{padding: 10px;margin-bottom: 0;}
    .main-box .main-left-box .table-title.active{left: 0;}
    .main-box .main-left{width: 0;}
    .main-box{gap: 0;}
    .main-box .main-top{width: 100%;}

    
    .news-in-paper .box-tail .right .a-jd{width: auto;padding: 0 30px !important;}
    .news-in-paper .aside-con .a-jd{margin-bottom: 20px;}
    .news-in-paper span.img-small{width: 20px;margin-right: 10px;}
    .news-in-paper .aside .aside-con{margin-bottom: 30px;padding-bottom: 0;}
    .news-in-paper .aside .a-box a{margin-bottom: 10px;}

    .new-in-pro{padding-top: 30px;}
    .new-in-pro .all-pag{width: 100%;display: flex;justify-content: center;gap: 10px;bottom: -20px;}
    .new-in-pro .all-pag span{background-color: var(--public-color);opacity: .2;}
    .new-in-pro .all-pag span.swiper-pagination-bullet-active{opacity: 1;}
}

.all-perfect {margin-bottom: 220px;}
.all-perfect .title{display: flex;align-items: center;margin-bottom: 120px;}
.all-perfect .title::after{top: auto;}
.all-perfect .content{display: flex;justify-content: space-between;align-items: flex-end;gap: 50px;border-bottom: 1px solid #dddddd;}
.all-perfect .aside{width: 250px;}
.all-perfect .article{width: calc(100% - 250px);}
.all-perfect .aside li{color: #000;letter-spacing: -.2px;}
.all-perfect .content li{font-size: 16px;line-height: 26px;margin-bottom: 60px;}
.all-perfect .article {display: grid;grid-template-columns: repeat(3,1fr);gap: 60px;}
.all-perfect .article .list{text-align: center;}
.all-perfect .article .img{margin-bottom: 60px;height: 155px;display: flex;align-items: center;justify-content: center;}
.all-perfect .a-jd{height: 50px;margin-bottom: 50px;}
.menu-perfect{display: inline-block;position: relative;margin: 0 15px;}
.menu-perfect::before{content: "";width: 100%;height: 1px;background-color: #dddddd;border-radius: 1px;position: absolute;left: 0;bottom: -10px;}
.menu-perfect .collapse-title{display: flex;justify-content: space-between;padding: 0 25px 0 30px;gap: 15px;cursor: pointer;}
.menu-perfect .collapse-title .btn{font-size: 28px;color: var(--public-color);transition: all .3s ease-in-out;}
.menu-perfect .collapse-title.active .btn{transform:rotate(180deg);}
.menu-perfect .collapse-perfect{min-width: 445px;position: absolute;top: calc(100% + 15px);z-index: 2;-padding: 5px 10px;background-color: #ffffff;box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);}
.menu-perfect .a-per{font-size: 16px;line-height: 28px;letter-spacing: 0;padding: 8px 12px;color: #666 !important;width: 100%;}
.menu-perfect .a-per:hover{cursor: pointer;border-radius: 6px;background-color: #F2F4F7;}
.perfect-content{position: relative;display: flex;justify-content: center;}
.perfect-content .content.active{position: relative;opacity: 1;overflow: visible;z-index: 1;}
.perfect-content .content{position: absolute;top: 0;opacity: 0;overflow: hidden;z-index: -1;transition: opacity .3s,z-index .3s;}


@media(max-width:1660px){
    .home-about .max-1650px{padding-left: 15px;}
}
@media(max-width:1600px){
    .p-l-solution .left{left: -60px;bottom: -100px;}
}
@media(max-width:1580px){
    .app-success .left {width: 58%;margin-left: -45px;}
}
@media(max-width:1560px){
    .p-i-mechanical .items {gap: 80px;}
    .p-i-mechanical .right{min-width: auto;}

    .all-banner-box .all-banner h1{margin-bottom: 30px;}
}
@media(max-width:1540px){
    .p-l-solution .left{width: 50%;}
}
@media(max-width:1530px){
    .home-solutions .list:nth-child(odd) .box-cont{padding: 30px 0 15px;}
    .home-solutions .list .box-cont>div{width: 95%;}
    .about-paper{padding-top: 150px;}
    .about-philosophy-img{padding: 0 50px;}
    .about-philosophy-img .prev-phil {left: -30px;}
    .about-philosophy-img .next-phil {right: -30px;}
    .p-l-solution .left{left: -30px;bottom: -80px;}

    .app-success .left {width: 55%;margin-left: -20px;}

    .p-l-highlights .left::before,.col-line::after,.p-l-preferred .title::after{left: -30px;}
}
@media(max-width:1500px){
    .p-l-highlights .right::after,.service-supply .right::after{right: -20px;top: -20px;width: 100px;height: 100px;}
}
@media(max-width:1480px){
    .home-about .left {width: 40%;}
    .home-about .right {width: 55%;}
    .about-philosophy-img{padding: 0 50px;}
    .about-philosophy-img .prev-phil {left: 0px;}
    .about-philosophy-img .next-phil {right: 0px;}
    .about-zhu .left {width: 40%;}
    .about-technology .right-xl{width: 80%;}
    .p-l-solution .left{left: 10px;bottom: -60px;}
    .p-l-solution .content{overflow-x: clip;}
    .p-l-highlights .left::before,.col-line::after{left: -20px;}
    .home-product .items .t1::before{left: -20px;}
}
@media(max-width:1460px){
    .p-l-highlights .right::after,.service-supply .right::after{right: -15px;top: -15px;width: 80px;height: 80px;}

    .detail-tech{padding-left: 15px;}

    .app-success .left {width: 55%;margin-left: 0px;}
    .p-l-highlights .left::before,.col-line::after,.p-l-preferred .title::after{left: -15px;}
    .home-product .items .t1::before{left: -15px;}
}
@media(max-width:1430px){
    .home-banner h1 {font-size: 42px;margin-bottom: 35px;}
    .home-banner .banner-text{align-items: center;}
    .home-banner-pag{position: absolute;bottom: 100px !important;top: auto !important;}
    .home-about .text{line-height: 26px;}
    .home-about .a-jd {height: 50px;}
    .all-big-faq .aside,.service-faq .all-big-faq .aside{min-width: 450px;padding: 65px 30px;}
    .title,.all-banner h1{font-size: 38px;line-height: 42px;}
    .all-banner h1 {font-size: 46px;}
    .about-philosophy .list-xl{width: 90%;}
    .about-philosophy .list:nth-child(3n + 2) .list-xl{width: 80%;}
    .p-l-high-video{padding: 0 20px;}
    .p-l-high-video .all-hover-next{right: 0px;}
    .p-l-high-video .all-hover-prev{left: 0px;}

    .p-l-application .content{gap: 30px;}
    .p-l-application .list{padding-left: 20px;}
    .p-i-first h1{font-size: 32px;line-height: 38px;margin-bottom: 20px;}

    .service-faq .content{gap: 60px;}
    .all-from .btn-box-popup{font-size: 14px;line-height: 20px;}
    .service-commit .right {width: 57%;}

    .p-l-highlights{margin-bottom: 200px;}

}
@media(max-width:1400px){
    .detail-tech{min-width: 385px;}
    .contact-paper .content a.font-sty {font-size: 26px;}
}
@media(max-width:1380px){
    .home-product .top-head-box{gap: 30px;}
    .home-product .list {padding: 40px 30px;}
    .home-choose .img{margin-bottom: 30px;}
    .home-choose .box{padding-right: 30px;}
    .home-choose .list {min-height: 460px;}
    .title{font-size: 36px;line-height: 42px;}
    .home-customized .title{margin-bottom: 25px;}
    .all-banner h1,.all-banner h1 {font-size: 42px;}

    .p-l-nav .pro-nav{gap: 15px 25px;}
    .p-l-nav li {height: 80px;}
    .p-l-nav li .img-1 {width: 100%;height: 100%;overflow:hidden;display: flex;justify-content: center;align-items: center;}

    .p-l-special .left {width: 40%;}
    .p-l-special .right{width: 52%;}
    .p-l-special ol li{margin-bottom: 15px;}
    .p-l-special ol{margin-bottom: 40px;}

    .all-banner-box .small-box {height: 160px;}
    .service-commit .cont{text-align: left;}

    .all-perfect .article{gap: 30px;}
}
@media(max-width:1360px){
    .home-about .left {width: 42%;}
    .home-about .h5 {font-size: 22px;}
    .home-about .d {margin-bottom: 30px;}
    .home-about .text {font-size: 16px;line-height: 25px;}
    .home-about p{margin-bottom: 10px;}
    .p-l-nav li a{padding-left: 15px;gap: 0 15px;}

    .p-l-application .list{min-height: 170px;}
    .p-l-application .list .t1{font-size: 18px;letter-spacing: -.2px;line-height: 26px;}
    .p-l-application .list .cont{font-size: 15px;line-height: 22px;}

    .p-i-first .content{gap: 60px;}
    .p-i-first .right{min-width: 515px;}
}
@media(max-width:1340px){
    .footer .top{grid-template-columns: 360px auto 240px;}
    .footer .logo{padding-right: 30px;}
    .footer .h2 {padding-left: 45px;font-size: 28px;}
    .footer .a-jd {height: 52px;}
    .about-geaday .left{width: 42%;}
    .all-perfect .title{font-size: 32px;}
    .menu-perfect::before{bottom: 0px;}
}
@media(max-width:1330px){
    .all-big-faq .aside,.service-faq .all-big-faq .aside{min-width: 400px;padding: 45px 30px;}
    .all-big-faq .h2{font-size: 32px;margin-bottom: 20px;}
    .all-big-faq .aside ul, .all-big-faq .aside ol{margin-top: 20px;}
    .all-big-faq .aside li {padding-left: 30px;font-size: 16px;line-height: 25px;}
    .all-news .t1{font-size: 22px;letter-spacing: -.4px;}
    .all-news .list .box{padding: 45px 30px 21px;min-height: 240px}
    .about-geaday .left{width: 42%;}
    .about-geaday .text p{margin-bottom: 15px;}
    .about-geaday .text{font-size: 16px;line-height: 30px;}

    .app-industry .list{padding-left: 15px;}
    .app-industry .t1{font-size: 20px;}
    .all-perfect .article .img{margin-bottom: 40px;}
}
@media(max-width:1300px){
    .about-philosophy .img-1{top: 0;}
    .about-philosophy .d{align-items: center;}
    .about-philosophy .list{min-height: auto;padding-bottom: 40px;}
    .p-i-first .right{padding: 30px 0;}

    .all-big-faq .feedback-result{font-size: 14px;line-height: 20px;}
    .service-commit .right {gap: 45px 60px;}

    .p-l-solution .left {width: 46%;}
    .p-l-solution .right-xl {width: 90%;}
    .p-l-solution .col-line::after {left: -20px;}
    .p-l-solution .text p{margin-bottom: 10px;}
    .p-l-solution .d{margin-bottom: 20px;}
    .contact-paper .bottom .right{padding: 50px 30px 60px;;}
}
@media(max-width:1280px){
    .home-solutions .h5 {font-size: 22px;margin-bottom: 15px;}
    .home-product .items .t1{font-size: 30px;margin-bottom: 30px;}
    .home-product .items .box p {margin-bottom: 25px;}
    .home-product .top-head {padding-top: 30px;}
    .about-philosophy .list-xl{width: 95%;}
    .about-philosophy .list:nth-child(3n + 2) .list-xl{width: 90%;}
    
    .p-l-application .list{padding-left: 15px;}
    .p-l-application .list .box {width: 60%;}
    .p-l-application .list .img {width: 37%;}

    .detail-nav .detail-ul {width: 60%;}
    .detail-nav li a {font-size: 16px;}

    .all-banner-box .small-box .t1{width: 80%;}

    .p-l-products .items .t1{font-size: 22px;}
}   
@media(max-width:1260px){
    .about-geaday .left{width: 45%;}
    .about-geaday .text p{margin-bottom: 15px;}
    .about-geaday .right {width: 52%;}
    .p-l-nav li a{font-size: 16px;grid-template-columns: auto 60px;}
    .app-direction .list{padding-left: 40px;}
    .app-direction .left {width: 53%;}
    .home-about .text{font-size: 14px;line-height: 20px;}
    .all-banner .content{width: 100%;}
}
@media(max-width:1230px){
    .home-choose .box{padding-right: 0px;}
    .home-choose .list {min-height: 430px;}
    .p-l-application .top-head{margin-bottom: 30px;}
}
@media(max-width:1200px){
    .home-solutions .cont{font-size: 15px;line-height: 25px;}
    .footer .h2::after{display: none;}
    .footer .logo{width: 100%;}
    .footer .top{display: flex;flex-wrap: wrap;gap: 30px 50px;}
    .footer .h2{padding-left: 0;}
    .p-l-application{padding-top: 50px;}
    .p-l-application .list{flex-direction: column-reverse;gap: 20px;padding: 20px 15px;min-height: auto;background-color: #fff;}
    .p-l-application .list:hover::after{display: none;}
    .p-l-application .list>div{width: 100% !important;}
    .p-l-application .right{margin-top: 0;}
}
@media(max-width:1100px){
    .home-about{padding: 30px 0;}
    .p-l-products .items{flex-direction: column;gap: 20px;padding: 20px 30px 30px 0;}
    .p-l-products .items .left{width: 100%;}
    .p-l-products .items .right{width: 100%;padding-left: 20px;}
    .all-perfect .aside{width: 200px;}
    .all-perfect .article{width: calc(100% - 200px);}
    .all-perfect .content{gap: 30px;}
    .service-commit .right {width: 62%;gap: 45px 35px;}
}
@media(max-width:1024px){
    .p-i-products .content{padding: 0 20px;}
    .p-i-products .all-hover-prev-1{left: -15px;}
    .p-i-products .all-hover-next-1{right: -15px;}
    .menu-perfect .collapse-title{padding: 0;}
    .all-perfect .title {font-size: 28px;line-height: 36px;}
    .menu-perfect .collapse-title .btn {line-height: 30px;}
}

@media(max-width:768px){
    h1{font-size: 22px;line-height: 32px;letter-spacing: 0;margin-bottom: 30px;}
    .t1{letter-spacing: 0 !important;}
    .cont,.text{font-size: 14px !important;line-height: 20px !important;letter-spacing: 0 !important;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    }
    .all-more{height: 42px;font-size: 16px !important;padding: 0 20px;}
    .title{font-size: 22px !important;line-height: 32px !important;margin-bottom: 15px !important;letter-spacing: 0 !important;}
    .left,.right{width: 100% !important;}
    .h6{font-size: 16px !important;line-height: 24px !important;margin-bottom: 5px !important;letter-spacing: 0 !important;}
    .text p{margin-bottom: 10px;}
    ul li{font-size: 16px;line-height: 24px;}
    .small-nav {top: 10px;padding-left: 15px;}
    .top-head{width: 100% !important;margin: 0 0 25px 0 !important;}
    /* .all-banner .small-nav ul a{color: #333;}
    .all-banner .small-nav ul li::after{background-color: #333;} */
    .small-nav ul a {font-size: 12px;line-height: 20px;}
    .small-nav ul li::before {padding: 0 5px;line-height: 20px;}

    .in-banner{padding-top: 10px;}
    .in-banner .small-nav{padding-left: 0;}
    .in-banner .small-nav ul a,.in-banner .small-nav ul li:before{color: #999;}

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

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

    .a-jd,.a-jd-1,.a-jd-2{height: 42px !important;padding: 0 20px !important;font-size: 16px !important;}

    .search-group i{font-size: 18px;}
    .search-group .form-control{height: 33px;line-height: 33px;}
    .search-box .form-control::placeholder{color: #666;}
    .top-mb-search-box .search-group{height: 33px;}

    .all-pag{left: 0 ;bottom: 0;}
    .all-pagination span{background-color: var(--public-color);opacity: .2;}
    .all-pagination span.swiper-pagination-bullet-active{opacity: 1 !important;}
    .all-hover-prev{left: -20px;}
    .all-hover-next{right: -20px;}
    .all-hover{width: 30px;height: 40px;margin-top: 0;}
    .all-hover::after {font-size: 24px}

    .row-line::after {bottom: -10px;margin-bottom: 35px;}

    .home-banner{justify-content: flex-end}
    .home-banner h1{font-size: 22px;line-height: 32px;width: 100%;letter-spacing: -.2px;margin-bottom: 20px;}
    .home-banner>img {height: 300px;}
    .home-banner .small-img img{margin-left: 0;}
    .home-product .top-head{padding-bottom: 30px;}
    .home-product .top-head-box{margin-top: 20px;grid-template-columns: repeat(1, 1fr);}
    .home-product .h5{font-size: 20px;line-height: 28px;letter-spacing: 0;}
    .home-product .content{padding: 30px 0;}
    .home-product .items{flex-direction: column !important;margin-bottom: 40px;}
    .home-product .items .left{margin-bottom: 20px;}
    .home-product .pro-app {width: 55%;}
    .home-product .pro{padding: 0 15px;}
    .home-product .items .t1{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .home-product .items li{padding-left: 30px;}
    .home-product .items li::before {widows: 16px;height: 16px;}
    .home-product .items .box p{margin-bottom: 20px;}
    .home-solutions{padding: 30px 0;}
    .home-solutions .a{margin-top: 20px;}
    .home-solutions .max-1920px{padding: 0 15px;}
    .home-solutions .content{flex-wrap: wrap;gap: 30px;}
    .home-solutions .list{position: relative;display: block;flex: none;width: 100%;}
    .home-solutions .list .box-cont{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(0, 0, 0, 0.4) !important;flex-direction: column !important;justify-content: space-between !important;}
    .home-solutions .h5{color: #fff !important;}
    .home-solutions .list .cont{color: #fff !important;font-size: 16px !important;line-height: 28px !important;}
    .home-solutions .list .symbaol{filter: brightness(0) invert(1) !important;transform: rotate3d(1, 0, 0, 180deg) !important;}
    .home-solutions .list .box-cont>div{width: 95%;}
    .home-choose{padding: 30px 0;}
    .home-choose .content{flex-direction: column;}
    .home-choose .list{min-height: auto;flex: none;}
    .home-choose .img {margin-bottom: 20px;}
    .home-choose .h5{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .home-about{padding: 30px 0;}
    .home-about .content{flex-direction: column-reverse;gap: 20px;}
    .home-about .h5{font-size: 16px;line-height: 24px;letter-spacing: 0;}

    .all-big-faq{padding: 30px 0;}
    .all-big-faq .content{flex-direction: column;gap: 30px;}
    .all-faqs .items{padding: 20px 15px 20px 10px !important;}
    .all-faqs .item{gap: 10px;}
    .all-faqs .symbol{min-width: 16px;width: 16px;height: 16px;font-size: 14px;top: 2px;}
    .all-faqs .quen-q{letter-spacing: -.2px;font-size: 16px !important;line-height: 24px !important;}
    .all-faqs .quen-a{margin-top: 15px;line-height: 24px !important;}
    .home-faq .all-faqs .quen-a{font-size: 14px;line-height: 20px;margin-left: 0;}
    .all-big-faq .aside{width: 100%;min-width: 100%;padding: 25px 10px;}
    .all-big-faq .content{flex-direction: column-reverse;}
    .home-faq .all-big-faq .aside .text{margin-bottom: 0;}
    .all-big-faq .h2{font-size: 22px;line-height: 32px;margin-bottom: 15px;}
    .home-customized .top-head{margin-top: 25px;}
    .home-customized .top-head .text{margin-bottom: 30px;}
    .home-customized .content{margin-bottom: 40px;}
    .home-customized .img{margin-bottom: 20px;}
    .home-customized .a-jd-1{width: auto;}
    .home-cust-logo span {padding: 0;width: 30%;}
    .all-news{padding: 30px 0;}
    .all-news .content{grid-template-columns: repeat(1, 1fr);gap: 30px;}
    .all-news .list .box{padding: 25px 10px 25px 15px;min-height: auto;}
    .all-news .t1{font-size: 20px;line-height: 28px;}

    .footer .h2{font-size: 20px;line-height: 28px;letter-spacing: 0;text-align: left;}
    .footer .top{margin-bottom: 30px;}
    .footer .top{font-size: 18px;line-height: 26px;}
    .footer .logo {width: 85%;}
    .footer .footer-top .content{flex-direction: column;}
    .footer .list-1{min-width: 100%;}
    .footer .list-3{width: 100%;}
    .footer-bottom .container-xl{flex-direction: column;gap: 20px;}
    .footer .t1{margin-bottom: 15px;}
    .footer .footer-top{padding-bottom: 30px;}
    .footer .footer-bottom{height: auto;}


    .all-banner{display: flex;justify-content: flex-end;align-items: center;overflow-x: clip;}
    .all-banner>img {width: auto;height: 120px;}
    .all-banner .content{width: 100%;margin: 20px auto 0;}
    .all-banner h1, .all-banner h1{font-size: 20px;line-height: 28px;letter-spacing: -.2px;}
    .col-line::after {left: -15px;height: calc(100% - 10px);top: 5px;}
    .ul li::before {width: 16px;height: 16px;background-size: contain;}
    .all-hover-1::after {font-size: 20px;}


    .about-paper{font-size: 14px;line-height: 20px;padding: 30px 0;}
    .about-zhu{margin-bottom: 30px;}
    .about-zhu .content{flex-direction: column-reverse;gap: 20px;}
    .about-zhu .title span{display: inline;}
    .about-zhu .text{text-align: left;}
    .about-zhu .text p{margin-bottom: 10px;}
    .about-technology {background-color: #333333;position: relative;background-image: none;margin-bottom: 30px;}
    .about-philosophy .content{grid-template-columns:repeat(1,1fr);gap: 25px;}
    .about-technology .left{margin-bottom: 0;}
    .about-technology .left img{opacity: .4;}
    .about-technology .right{height: auto;padding: 25px 15px;color: rgba(255, 255, 255, 0.8);justify-content: flex-end;background-color: transparent;z-index: 1;}
    .about-technology .right-xl{width: 100%;margin-left: 0;}
    .about-technology .title span{display: inline;}
    .about-technology .text p{margin-bottom: 20px;}
    .about-technology .right-xl li{padding-left: 25px;}
    .about-philosophy .list{padding:10px !important;border: 1px solid #dddddd;}
    .about-philosophy .list-xl{width: 100% !important;}
    .about-philosophy .d{flex-direction: column;align-items: flex-start;}
    .about-philosophy .img-1 {width: 25px;height: 40px;}
    .about-philosophy .h5{font-size: 20px;line-height: 28px;letter-spacing: -.2px;margin-bottom: 10px;}
    .about-philosophy .list:first-child{border: none;padding: 0 !important;}
    .about-paper .title{margin-bottom: 0 !important;}
    .about-philosophy{margin-bottom: 60px;}
    .about-philosophy-img{padding: 0 20px;margin: 30px 0;}
    .about-philosophy-img {padding: 0 25px;}
    .about-philosophy-img .pag-phil {bottom: -35px;}
    .about-philosophy-img .pag-phil span{width: 13px;height: 13px;}
    .about-small-box {height: auto;padding: 25px 0;}
    .about-small-box .small-box{grid-template-columns: repeat(2, 1fr);gap: 25px 0px;}
    .about-small-box .list-xl{display: flex;flex-direction: column;align-items: center;}
    .about-small-box .img {margin-bottom: 20px;width: 45px;}
    .about-small-box .list + .list{border: none;}
    .about-small-box .list:nth-child(2n + 1){border-right: 1px dashed rgba(255, 255, 255, 0.4);}
    .about-small-box .h3{font-size: 22px;margin-bottom: 15px;letter-spacing: -.4px;}
    .about-geaday{margin: 30px 0;}
    .about-geaday .content{flex-direction: column-reverse;gap: 20px;}
    .about-geaday .title span{display: inline;}
    .about-partner .exhibition-slider .slider-item{width: 120px;height: 55px;padding: 5px;}
    .about-partner .exhibition-slider{gap: 15px;width: calc(120px * 7 + 15px * 3);}
    /* 无缝向左滚动 */
@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-120px * 7 - 15px * 3)); /* 正好移动一组内容 */
    }
}

    .products-list .menu-collapse{position: sticky;top: 50px;height: fit-content;z-index: 2;}
    .products-list{padding-top: 30px;}
    .p-l-products .content{flex-direction: column;}
    .p-l-products .aside{position: static;width: 100%;}
    .p-l-products .list{padding: 25px 15px;min-height: auto;}
    .p-l-products .box-2{height: auto;}
    .p-l-products .box-2 .cont{margin-bottom: 20px;}
    .p-l-products .article{width: 100%;}
    .p-l-products .items{flex-direction: column;padding: 0 15px 25px 0;gap: 20px;}
    .p-l-products .items .left{min-height: 170px;}
    .p-l-products .items .t1{font-size: 20px;line-height: 28px;}
    .p-l-products .items li{padding-left: 25px;}
    .p-l-products .items .right{padding-left: 10px;}
    .p-l-products{margin-bottom: 30px;}
    .p-l-highlights{margin-bottom: 30px;}
    .p-l-highlights .content{flex-wrap: wrap;gap: 20px;margin-bottom: 30px;}
    .p-l-highlights .left::before{left: -20px;height: calc(100% - 10px);top: 5px;}
    .p-l-highlights ul li{line-height: 24px;}
    .p-l-highlights .right{gap: 20px 10px;}
    .p-l-highlights .list{padding: 15px 5px 15px 10px;overflow: hidden;}
    .p-l-highlights .list h6 {font-size: 16px;}
    .p-l-highlights .list strong{font-size: 20px;letter-spacing: -.4px;}
    .p-l-highlights .list strong em{font-size: 14px;line-height: 20px;}
    .p-l-application{padding: 30px 0;}
    .p-l-application .top-head{flex-direction: column-reverse;gap: 20px;}
    .p-l-application .content{grid-template-columns: repeat(1, 1fr);gap: 30px 15px;}
    .p-l-special{padding: 30px 0;}
    .p-l-special .content{flex-wrap: wrap;gap: 20px;}
    .p-l-special ol li{line-height: 24px;}
    .p-l-special ol{margin-bottom: 25px;}
    .p-l-found{padding-top: 30px;}
    .p-l-found .content{grid-template-columns: repeat(1, 1fr);gap: 25px 15px;}
    .p-l-found .list{min-height: auto;padding: 25px 10px;}
    .p-l-found .h5{font-size: 20px;line-height: 28px;margin-bottom: 15px;letter-spacing: -.2px;}
    .p-l-found .title::after {margin-bottom: 30px;}
    .p-l-found::after {height: 90%;}
    .p-l-solution{margin: 40px 0 30px;background-color: rgba(255, 255, 255, .9);}
    .p-l-solution .content{flex-direction: column;height: auto;padding: 0px 10px;}
    .p-l-solution .left{position: static;padding-top: 20px;}
    .p-l-solution h6{font-size: 16px;line-height: 24px;}
    .p-l-solution .right-xl {width: 100%;}
    .p-l-solution .text p{margin-bottom: 10px;}
    .p-l-solution .right{background-color: transparent;}
    .p-l-solution .d {margin-bottom: 20px;}
    .p-l-preferred{padding: 30px 0;}
    .p-l-preferred .content{flex-direction: column-reverse;gap: 20px;}
    .p-l-preferred .img-1 {height: 70px;}
    .all-big-faq .aside .text{margin-bottom: 0;}
    .all-big-faq .aside li {padding-left: 20px;}
    .all-faqs .quen-a{margin-left: 0;font-size: 14px;line-height: 20px;}
    .all-perfect{margin-bottom: 30px;}
    .all-perfect .title{flex-wrap: wrap;}
    .menu-perfect{margin: 0;}
    .menu-perfect .collapse-title{padding: 0;gap: 10px;font-size: 20px !important;line-height: 28px !important;}
    .menu-perfect::before{bottom: 0;}
    .menu-perfect .collapse-title .btn {font-size: 16px;line-height: 24px;}
    .all-perfect{display: none;}

    .p-i-first .content{flex-direction: column;margin-top: 0;padding:30px 0;gap: 20px;}
    .p-i-first .right{min-width: 100%;padding: 20px 10px;}
    .p-i-first .right-xl{width: 100%;}
    .p-i-first .model{letter-spacing: -.2px;margin-bottom: 10px;}
    .p-i-first h1{font-size: 22px;line-height: 28px;letter-spacing: -.2px;margin-bottom: 15px;}
    .p-i-first .text p{opacity: .8;}
    .p-i-first li{line-height: 28px;}
    .p-i-first .p-i-btn{flex-wrap: wrap;margin-top: 25px;}
    .p-i-first .a-jd-all{max-width: none;width: auto;}
    .detail-nav{display: none;}
    .p-i-content{padding-top: 30px;line-height: 24px;}
    .p-i-content .container-xl>div{margin-bottom: 35px;}
    
    .table-wrapper table td{padding-left: 5px;line-height: 20px;}
    .p-i-application .content{grid-template-columns: repeat(2, 1fr);}
    .p-i-application .img{margin-bottom: 15px;}
    .p-i-application .t1{font-size: 16px;line-height: 24px;text-align: center;}
    .p-i-faq .all-big-faq .content{flex-direction: column !important;}
    .p-i-faq .all-big-faq .article{width: 100%;}
    .p-i-faq .all-big-faq .aside{min-width: 100%;width: 100%;position: static;}
    .p-i-faq .all-faqs .quen-a{line-height: 20px;}
    .p-i-faq .all-big-faq{padding-bottom: 0px;}
    .all-products .img{height: 200px;padding: 20px 15px;margin-bottom: 15px;}
    .all-products .t1{font-size: 20px;line-height: 28px;margin: 0 15px;}
    .p-i-plan{padding-top: 30px;}
    .p-i-plan .text{width: 100%;}
    .p-i-plan .content{padding: 20px 15px;}
    .p-i-plan .all-from .form-group{margin-bottom: 10px;}
    .p-i-plan .all-from .form-cap{flex-direction: column-reverse;}
    .p-i-plan .all-from .form-control {padding-left: 10px;font-size: 14px;padding-top: 7px;padding-bottom: 6px;}
    .p-i-plan .all-from .form-control::placeholder{font-size: 14px;line-height: 20px;}

    .all-banner-box .banner-text{justify-content: center;}
    .all-banner-box .all-banner h1{margin-bottom: 0;}
    .all-banner-box .small-box-xl{grid-template-columns: repeat(2, 1fr);max-width: 100%;gap: 20px 2px;}
    .all-banner-box .small-box{height: auto;padding: 25px 10px;}
    .all-banner-box .small-box{z-index: 1;}
    .all-banner-box .small-box .img-1{margin-bottom: 15px;}
    .all-banner-box .small-box .t1{width: 100%;line-height: 20px;font-size: 14px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    }
    .all-banner-box .small-box .list{padding:0 5px;text-align: center;}
    .all-banner-box .small-box .list::after{opacity: 0;}
    .all-banner-box .small-box .list:nth-child(2n + 1)::after{height: 100%;opacity: 1;width: 2px;}


    .application-paper{padding-top: 30px;}
    .app-direction{padding-top: 30px;margin-bottom: 30px;}
    .app-direction .content{flex-direction: column-reverse;gap: 35px;}
    .app-direction .list{margin-bottom: 30px;padding-left: 20px;}
    .app-direction .title span{display: inline;}
    .app-direction .right{position: static;}
    .app-direction .h3{font-size: 20px;line-height: 28px;letter-spacing: -.2px;margin-bottom: 15px;}
    .app-direction .right .a{position: static;margin-top: -25px;}
    .app-direction .list::before{height: 100%;width: 2px;top: 2px;}
    .app-industry{padding: 30px 0;}
    .app-industry .content{grid-template-columns: repeat(2, 1fr);gap: 30px 10px;margin-bottom: 25px;}
    .app-industry .list{padding: 20px 10px 15px;}
    .app-industry .d{flex-direction: column-reverse;gap: 10px;margin-bottom: 15px;}
    .app-industry .t1{font-size: 16px;line-height: 24px;letter-spacing: -.4px !important;}
    .app-industry .list-top{padding-right: 0;margin-bottom: 25px;}
    .app-success{height: auto;padding: 30px 0;margin-bottom: 0px;}
    .app-success .content{flex-wrap: wrap;gap: 20px;}
    .app-success li {padding-left: 25px;line-height: 24px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    }
    .app-success>.img-back-2{top: -25px;}


    .service-index{padding-top: 30px;line-height: 24px;}
    .service-commit{padding-top: 30px;margin-bottom: 30px;}
    .service-commit .content{flex-wrap: wrap;gap: 20px;}
    .service-commit .title span{display: inline;}
    .service-commit .img-1{margin-bottom: 15px;width: 55px;}
    .service-commit .right{gap: 35px 15px;}
    .service-commit .h5 {font-size: 18px;}
    .service-supply{height: auto;}
    .service-supply .content{flex-direction: column-reverse;gap: 20px;}
    .service-supply .title span{display: inline;}
    .service-supply li{margin-bottom: 15px;}
    .service-faq{padding: 30px 0;}
    .service-faq .title span{display: inline-block;}
    .service-faq .title-xl{font-size: 20px;line-height: 28px;}
    .service-supply .content>.img-back-2 {bottom:-35px}
    .all-big-faq .aside, .service-faq .all-big-faq .aside{min-width: 100%;padding: 25px 15px;}
    .service-faq .all-big-faq .content{flex-direction: column;}

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

    .video-paper{padding: 30px 0;}
    .video-content{grid-template-columns: repeat(1, 1fr);gap:30px 20px;margin-top: 30px;}
    .video-content .v{margin-bottom: 15px;}
    .video-content iframe{height: auto;}


    .faq-paper{padding: 30px 0;}
    .faq-paper .content{flex-direction: column;gap: 0px;}
    .faq-paper .menu-collapse{width: 100%;}
    .faq-paper .article{width: 100%;}

    .news-paper{padding: 30px 0;}
    .news-content{margin-top: 0;grid-template-columns: repeat(1, 1fr);gap: 30px 15px;}
    .news-content .img{margin-bottom: 15px;}
    .news-content .t1{padding-left: 20px;font-size: 20px;line-height: 28px;margin-bottom: 15px;}

    .contact-paper{padding: 30px 0;}
    .contact-paper .content{margin-bottom: 30px;flex-wrap: wrap;gap: 25px;}
    .contact-paper .content .list{width: 100%;padding: 25px 15px;}
    .contact-paper .content a.font-sty{font-size: 18px;line-height: 26px;}
    .contact-paper .bottom{flex-direction: column;gap: 20px;}
    .contact-paper .bottom .left .text p{margin-bottom: 10px;}
    .contact-paper .bottom .left .text h6{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
    .contact-paper .bottom .right{padding: 25px 15px;}
    .contact-paper .bottom .right .form-control{padding:7px 15px 6px;}
    .contact-paper .bottom .right .form-control::placeholder{font-size: 14px;line-height: 20px;}
    .contact-paper .bottom .right label {line-height: 24px;}
    .contact-paper .bottom .right input {height: 38px;}
    .contact-paper .bottom .form-group{margin-bottom: 15px;}
    .contact-paper .form-cap{flex-direction: column-reverse;}

}