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

/* 平滑滚动备用方案 */
@supports (scroll-behavior: smooth) {
    html {
        scroll-behavior: smooth;
        scroll-padding-top: 80px; /* 匹配header高度 */
    }
}

/* 防止滚动时布局偏移 */
html {
    overflow-x: hidden;
}

body{color:#666;font-weight: 400;font-size:16px;line-height:28px;font-family: 'Roboto', sans-serif;}
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-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*/
.in-header .header{position: relative;}

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

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

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

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

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

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

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



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

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

/*默认导航样式*/
.navbar{padding:0px;position:relative;z-index:9999}
.navbar-custom{top:0;z-index:2;justify-content:end}
.navbar-custom .navbar-nav .nav-item{margin: 0px;height: 90px;}
.navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle,.navbar-custom .navbar-nav .active .nav-link,.navbar-custom .navbar-nav .nav-item.active .dropdown-toggle::after{color: var(--public-color);}
.navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#333333;height: 100%;padding:0;display:flex;align-items: center;justify-content: center;text-transform:capitalize;font-size:20px;line-height:32px;padding: 0 10px;font-weight: bold;letter-spacing: -1px;}
.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 0px;}
.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:1330px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 18px;}
}
@media(max-width:1280px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 17px;}
        .navbar-custom .navbar-nav .nav-item {
        margin: 0 5px;
    }
}
@media(max-width:1200px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 16px;}
    .navbar-custom .navbar-nav .nav-item {
        margin: 0;
    }
    .header .header-top .toch{display: none;}
}
@media(max-width:1100px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 14px;}
    .navbar-custom .navbar-nav .nav-item{margin: 0;}
}

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

}

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

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


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

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

/*#表格*/
/* .table-wrapper table tbody tr:hover{background-color: rgba(230, 61, 51, .1);} */
.table-wrapper table thead th{text-align: center;color: #fff;padding:15px 0;vertical-align: middle;font-weight: 500;}
.table-wrapper table thead{background-color: var(--public-color);}
.table-wrapper table tr:first-child td{background-color: #101146;color: #fff;font-size: 18px;font-weight: bold;letter-spacing: -.7px;}
.table-wrapper table tr td:first-child,.table-wrapper table tr th:first-child{text-align: center;}
.table-wrapper table tr:nth-child(odd){background-color:#f3f3f6;}
.table-wrapper table tr:nth-child(even){background-color: #e7e7ec}
.table-wrapper table th{background-color: #ececec;color: #333333;padding: 30px 0;}
.table-wrapper table td { padding:15px 0; vertical-align: middle; font-size: 16px;color: #333;font-weight: 400;text-align: center;}
.table-wrapper table td + td,.table-wrapper table th + th{border-left: 1px solid #ffffff;}
.table-wrapper table td:nth-child(even){font-family: '600';}
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: solid 1px #fff;}
@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.all-from{top: 100px !important;position: fixed;}

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

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

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

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


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



/*banner*/
.index-banner{overflow: hidden;}
.index-banner h1{font-size: 56px;line-height: 64px;color: #fff;font-weight: bold;text-align: left;padding-bottom: 150px;position: relative;letter-spacing: -2px;}
.index-banner h1.row-line::before{top: 30px;}
.index-banner h1 span{display: block;}
.index-banner .banner-text{align-items: flex-end;}
.index-banner .content{position: relative;z-index: 1;}
.index-banner .content::before{content: "";background: url(../../images/sign-1.webp) no-repeat;width: 392px;height: 436px;background-size: contain;position: absolute;left: 0;bottom: 0;z-index: -1;}


.all-banner.banner {overflow: hidden;}
.all-banner .banner-text{text-align: left;}
.all-banner h1{font-size: 48px;line-height: 56px;color: #333333;font-weight: bold;letter-spacing: -2px;}

.footer{padding-top: 85px;}
.footer .logo{margin-bottom: 40px;}
.footer .t1{font-size: 20px;line-height: 32px;color: #333;font-weight: bold;margin-bottom: 40px;}
.footer .font-sty,.footer a.font-sty{font-size: 16px;color: #666;}
.footer .list-3 .box{display: flex;flex-direction: column;gap: 10px;}
.footer .d1 p{display: flex;}
.footer .d1 a.font-sty:nth-last-of-type(1){padding-left: 15px;}
.footer .list-2 .box{display: flex;flex-direction: column;gap: 10px;}
.footer .list-1 .text{font-size: 16px;line-height: 32px;color: #666;opacity: 1;margin-bottom: 50px;}
.footer .list-1{width: 33%;}
.footer .list-2{width: 16%;margin-top: 15px;}
.footer .list-3{width: 34%;margin-top: 15px;}
.footer .social-all>.social{gap: 8px;}
.footer .hover-1,.footer .hover-2{background-color: #fff !important;border: 1px solid #dbdbdb;color: #000 !important;width: 40px;height: 40px;font-size: 16px !important;display: inline-flex;justify-content: center;align-items: center;}
.footer .hover-1::before,.footer .hover-2::before{font-size: 16px;width: inherit;}
.footer .footer-top{padding-bottom: 70px;}
.footer .footer-bottom{font-size: 16px;line-height: 25px;background-color: var(--public-color);color: #fff;font-weight: 300;padding: 5px 0;}

@media(max-width:1420px){
    .footer .list-2 {width: 18%;}
    .footer .list-3 {width: 38%;}
}
@media(max-width:1270px){
    .footer .list-3 {width: 41%;}
}
@media(max-width:1230px){
    .footer .list-2 {width: 20%;}
}

.small-nav{display: flex;align-items: center;position: absolute;top:30px;}
.small-nav ul{display: flex;align-items:center;flex-wrap: wrap;position: relative;}
.small-nav ul a{font-size: 18px;font-weight: bold;color:#666666;letter-spacing: -1px;}
.small-nav ul li::before{content: ">";font-family: 'Poppins';font-weight: bold;border-radius: 100%;margin: 0 15px;color: var(--public-color);}
.small-nav ul li:first-child::before{margin-left: 0;}
.small-nav ul li:last-child a{color: #999999;}
.small-nav ul li{display: flex;align-items: center;}

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

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

.all-banner .small-nav ul a{color: #666;}
.all-banner .small-nav ul li:last-child a{color: #999;}

/*共有的类名*/
.title{font-size:36px;line-height:42px;color: #333333;font-weight: bold;letter-spacing: -1px;}
h1.h1{font-size: 48px;line-height: 64px;color: #333;font-weight: bold;}
h1.all-h1{margin-bottom: 110px;}
/* .text span{color: var(--public-color);} */
.h6{font-size: 24px;line-height: 28px;color: var(--public-color);font-weight: 400;}
.text p{margin-bottom: 25px;}
.text p:last-child{margin-bottom: 0;}
.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;}
span.o{color: var(--public-color);}
span.p{color: var(--public-color-p);}
.hr{background:url(../../images/sign-3.webp) no-repeat;width: 100%;height: 2px;background-size: 100%;margin: 135px 0 125px;}
.row-line{position: relative;}
.row-line::before{content: "";width: 80px;height: 2px;background-color: var(--public-color);display: block;position: absolute;left: -115px;top: 20px;}
.arrow{position: relative;}
.arrow::after{content: "";width: 16px;height: 19px;background: url(../../images/sign-r-2.webp) no-repeat;background-size: contain;position: absolute;right: -36px;}
.arrow-1{position: relative;}
.arrow-1::after{content: ">";font-family: 'Poppins';font-weight: bold;color: var(--public-color);position: absolute;left: 0;}


.all-more {
 padding: 0 30px;
 height: 60px;
 background: var(--public-color);
 color: #fff;
 border: 2px solid var(--public-color);
 font-size: 18px;
 font-weight: 500;
 font-style: italic;
 cursor: pointer;
 position: relative;
 z-index: 1;
 overflow: hidden;
 display: inline-flex;
 justify-content: center;
 align-items: center;
 border-radius: 10px;}
.all-more:hover {color: var(--public-color) !important;}
.all-more:after {content: "";background: #fff;position: absolute;z-index: -1;left: -20%;right: -20%;top: 0;bottom: 0;transform: skewX(-45deg) scale(0, 1);transition: all 0.5s;}
.all-more:hover:after {transform: skewX(-45deg) scale(1, 1);-webkit-transition: all 0.5s;transition: all 0.5s;}
.all-more-1 {background: var(--public-color);color: #fff;border: 6px solid var(--public-color) !important;font-size: 18px;font-weight: 600;cursor: pointer;position: relative;z-index: 1;overflow: hidden;}
.all-more-1:hover,.all-more-1.active {color: #fff !important;}
.all-more-1:after {content: "";background: var(--public-color);position: absolute;z-index: -1;left: -20%;right: -20%;top: 0;bottom: 0;transform: skewX(-45deg) scale(0, 1);transition: all 0.5s;}
.all-more-1:hover:after ,.all-more-1.active:after {transform: skewX(-45deg) scale(1, 1);-webkit-transition: all 0.5s;transition: all 0.5s;}
.all-more .arrow::after{filter: brightness(0) invert(1);}
.all-more:hover .arrow::after{filter:none}

.all-more.p{background-color: var(--public-color-p);border-color: var(--public-color-p);}
.all-more.p:hover{color: var(--public-color-p) !important;}
.all-more.p .arrow::after{content: url(../../images/sign-6.webp);}


.all-a{position: relative;display: inline-flex;justify-content: center;}
.all-a::after{content: "";width: 100%;height: 1px;background-color: var(--public-color-b);position: absolute;bottom: 5px;transition: width .5s ease-in-out;}
.all-a:hover::after{width: 0%;}

.all-style{position: relative;}
.all-hover{position: absolute;}
.all-next::after{content: url(../../images/sign-r-1.webp);display: block;position: absolute;right: -75px;animation: fadeIn .6s ease-in-out;}
.all-prev::after{content: url(../../images/sign-l-1.webp);display: block;position: absolute;left: -75px;animation: fadeIn .6s ease-in-out;}
.all-next:hover::after{content: url(../../images/sign-r-2.webp);animation: fadeIn .6s ease-in-out;}
.all-prev:hover::after{content: url(../../images/sign-l-2.webp);animation: fadeIn .6s ease-in-out;}

.dexiang{height: 50px;background-color: var(--public-color);color: #fff;font-size: 16px;font-weight: bold;padding: 0 10px;display: inline-flex;align-items: center;position: relative;z-index: 1;border: 2px solid var(--public-color);transition: all .3s ease-in-out;}
.dexiang:hover{background-color: var(--public-color-b);color: #fff !important;border: 2px solid var(--public-color-b);}
.dexiang::after{content: "";background: url(../../images/index-23.webp) no-repeat;width: 45px;height: 100%;background-size: contain;z-index: -1;opacity: .4;position: absolute;right:20px;top: 0;}

.dexiang-1{height: 50px;background-color: var(--public-color-b);color: #fff;font-size: 16px;font-weight: bold;padding: 0 40px;display: inline-flex;align-items: center;position: relative;z-index: 1;border: 2px solid var(--public-color-b);transition: all .3s ease-in-out;}
.dexiang-1:hover{background-color: var(--public-color);color: #fff !important;border: 2px solid var(--public-color);}
.dexiang-1::after{content: "";background: url(../../images/index-23.webp) no-repeat;width: 45px;height: 100%;background-size: contain;z-index: -1;opacity: .4;position: absolute;right:20px;top: 0;}


.home-top{background:linear-gradient(#f2f2f2,#fff);padding-top: 80px;padding-bottom: 135px;}
.home-pro{margin-bottom: 145px;}
.home-pro-top{margin-bottom: 100px;display: flex;justify-content: space-between;align-items: flex-end;}
.home-pro-top .left{width: 45%;position: relative;z-index: 1;}
.home-pro-top .left::before{content: url(../../images/index-1-1.webp);position: absolute;right: 30px;top: 85px;z-index: -1;mix-blend-mode: darken;}
.home-pro-top .right{width: 50%;overflow: hidden;position: relative;}
.home-pro-top .title{margin-bottom: 45px;}
.home-pro-top .title-xl{font-size: 28px;color: var(--public-color);font-weight: 500;letter-spacing: -1px;margin-bottom: 35px;}
.home-pro-top .left .text{font-size: 16px;margin-bottom: 80px;}
.home-pro-top .left .t1{font-size: 18px;color: #999;font-weight: bold;letter-spacing: -.5px;padding-left: 25px;}
.home-pro-name{position: relative;padding-left: 60px;display: flex;align-items: center;}
.home-pro-name::before{content: "";width: 2px;height: 100%;background-color: var(--public-color);position: absolute;left: 0;}
.home-pro-name li{margin-bottom: 15px;}
.home-pro-name li:last-child{margin-bottom: 0;}

.swiper-home-pro .list{position: relative;}
.swiper-home-pro a.img-1{display: block;text-align: center;background-color: #fff;}
.swiper-home-pro .img {display: flex;justify-content: center;}
.swiper-home-pro .img-1::after{content: "";width: 100%;height: 130px;background-color: #f3f3f3;position: absolute;left: 0;top: 0;mix-blend-mode: multiply;}
.swiper-home-pro .box{background: url(../../images/sign-5.webp) no-repeat;background-size: 100% 100%;position: relative;padding: 0px 180px 0px 40px;display: flex;flex-direction: column;justify-content: center;}
.swiper-home-pro .box{height: 160px;}
.swiper-home-pro .a1{font-size: 16px;line-height: 26px;color: #fff;font-weight: bold;margin-bottom: 10px;}
.swiper-home-pro .a1:hover{color: var(--public-color-b) !important;}
.swiper-home-pro .cont{font-size: 16px;border-inline-end-width: 30px;color: #fff;opacity: .9;}
.home-pro-top .right .home-pro-next::after{right: 40px;}
.home-pro-top .right .home-pro-prev::after{left: 40px;}

.home-pro-bottom{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 40px;}
.home-pro-bottom .list:hover{box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);transform: translateY(-10px);background-color: #fff;}
.home-pro-bottom .list{height: 100%;padding: 50px 0 0 0 ;transition: transform .4s ease-in-out;background:linear-gradient(#fff,transparent) ;}
.home-pro-bottom .img{margin-bottom: 65px;height: 210px;display: flex;justify-content: center;align-items: center;}
.home-pro-bottom .img img{mix-blend-mode: darken;}
.home-pro-bottom .box{padding: 0 40px 60px 40px;}
.home-pro-bottom .t1{font-size: 24px;font-weight: bold;color: #333333;margin-bottom: 40px;display: inline-flex;align-items: center;}
.home-pro-bottom li{position: relative;padding-left: 35px;letter-spacing: -.7px;}
.home-pro-bottom li::before{content: "\f00c";font-family: 'cmsfont';color: var(--public-color);position: absolute;left: 0;}
.home-sol-xl{position: relative;z-index: 1;}
.home-sol-xl::after{content: url(../../images/index-9-1.webp);position: absolute;right: 0px;top: -90px;z-index: -1;}
.home-sol .title{margin-bottom: 35px;}
.home-sol .top-head {width: 90%;margin-bottom: 85px;}
.home-sol .top-head .text{font-size: 16px;}
.home-sol .content{display: flex;justify-content: space-between;color: #fff;height: 505px;}
.home-sol .left{width: 55%;position: relative;}
.home-sol .right{width: 44%;display: grid;grid-template-columns: repeat(2,1fr);grid-template-rows: repeat(3,1fr);grid-gap: 10px;}
.home-sol .content .items,.home-sol .content .items>img,.home-sol .content .list,.home-sol .content .list>img{border-radius: 6px;}
.home-sol .items{background: #101146;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;top: 0;z-index: -1;overflow: hidden;opacity: 0;transition: all .4s ease-in-out;height: 100%;}
.home-sol .items.active{z-index: 1;opacity: 1;}
.home-sol .items>img{opacity: .6;width: 100%;height: 100%;}
.home-sol .items-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: grid;grid-template-columns: 80px auto;grid-gap: 30px;align-content: center;padding: 0 60px;}
.home-sol .items .img{width: 80px;height: 80px;border-radius: 100%;display: flex;justify-content: center;align-items: center;background-color: #fff;}
.home-sol .items .box{margin-top: 25px;}
.home-sol .h4{font-size: 32px;line-height: 32px;font-weight: bold;letter-spacing: -1px;margin-bottom: 40px;}
.home-sol .items .text{margin-bottom: 40px;}
.home-sol .h5{font-family: 'Poppins';font-weight: bold;margin-bottom: 25px;}
.home-sol li{font-weight: 500;padding-left: 43px;position: relative;margin-bottom: 5px;}
.home-sol li:last-child{margin-bottom: 0;}
.home-sol li::before{content: "";background: url(../../images/index-20.webp) no-repeat;width: 17px;height: 13px;background-size: contain;position: absolute;left: 0;top: 7px;}
.home-sol .list{position: relative;background-color: #101146;max-height: 160px;overflow: hidden;}
.home-sol .list>img{opacity: .6;}
.home-sol .list:last-child>img{opacity: 1;height: 100%;width: auto;max-width: none;}
.home-sol .list.active{background-color: var(--public-color);}
.home-sol .list.active>img{opacity: .17;}
.home-sol .list .img{width: 40px;height: 40px;border-radius: 100%;display: flex;justify-content: center;align-items: center;background-color: #fff;padding: 7px;position: absolute;left: 10px;top: 10px;}
.home-sol .list-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 10px;display: flex;align-items: center;justify-content: center;}
.home-sol .t1{font-weight: 500;letter-spacing: -.7px;color: #fff;}
.home-sol .t1::after{content: "";width: 64px;height: 2px;background-color: #fff;display: block;margin:15px auto 0;}
.home-cust{background-color: var(--public-color-b);height: 240px;display: flex;align-items: center;position: relative;}
.home-cust::before{content: "";background: url(../../images/index-22.webp) no-repeat;background-size: 100% 100%;width: 27%;height: 480px;position: absolute;left: 0;top: 0;}
.home-cust .content{width: 83%;float: right;}
.home-cust .d{display: flex;justify-content: space-between;padding-bottom: 25px;border-bottom: 1px solid rgba(221,221,221,.2);}
.home-cust .title{font-size: 32px;color: #fff;font-weight: 400;letter-spacing: 0;}
.home-cust .dexiang:hover{border-color: var(--public-color);}
.home-about{background-image: linear-gradient(180deg, #f4f4f4 0%, #f4f4f4 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;padding: 155px 0 0 ;margin-bottom: 150px;}
.home-about .top-head{text-align: center;margin-bottom: 75px;}
.home-about .h6{font-size: 24px;line-height: 28px;color: var(--public-color);margin-bottom: 35px;}
.home-about .title{margin-bottom: 45px;font-size: 28px;}
.home-about .top-head .text{margin-bottom: 45px;}
.home-about .all-a{color: var(--public-color-b);font-weight: bold;}
.home-about .all-a:hover{color: var(--public-color-b) !important;}
.swiper-home-about{overflow: hidden;}
.home-quality{margin-bottom: 90px;}
.home-quality .top-head{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 90px;}
.home-quality .title span{display: block;}
.home-quality .h6{margin-bottom: 30px;}
.home-quality li{position: relative;padding-left: 35px;margin-bottom: 5px;}
.home-quality li:last-child{margin-bottom: 0;}
.home-quality li::before{content: "\f00c";font-family: 'cmsfont';color: var(--public-color);position: absolute;left: 0;}
.home-quality .content{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 27px;margin-bottom: 80px;}
.home-quality .list{background-color: #ffffff;box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);display: flex;flex-direction: column;align-items: center;text-align: center;padding: 50px 35px 60px;height: 100%;transition: all .5s ease-in-out;}
.home-quality .list .img{width: 120px;height: 120px;border-radius: 100%;display: flex;justify-content: center;align-items: center;background-color: var(--public-color-b);margin-bottom: 35px;transition: all .4s ease-in-out;}
.home-quality .list .img img{filter: brightness(0) invert(1);}
.home-quality .list .t1{font-size: 18px;color: #333;font-weight: 500;letter-spacing: -.7px;margin-bottom: 30px;}
.home-quality .list .text{font-size: 16px;line-height: 28px;color: #999;letter-spacing: -.4px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.home-quality .list:hover{background:url(../../images/home-8.webp) no-repeat;background-size: 100% 100%;transform: translateY(-10px);}
.home-quality .list:hover .img{background-color: #fff;}
.home-quality .list:hover .img img{filter: none;}
.home-quality .list:hover .t1,.home-quality .list:hover .text{color: #fff !important;}
.home-quality .content-part{display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;padding: 0 45px;}
.home-quality .img-1{flex: 0 0 18%;}
.home-service .top-head{margin-bottom: 80px;position: relative;display: flex;flex-direction: column;justify-content: center;}
.home-service .top-head::after{content:url(../../images/index-9-1.webp);position: absolute;right: 0;z-index: -1;}
.home-service .top-head .text{width: 42%;}
.home-service .h6{margin-bottom: 35px;}
.home-service .title{margin-bottom: 35px;}
.swiper-home-service{overflow: hidden;}
.home-service .content{position: relative;display: flex;align-items: center;}
.home-service .h-s-btn{position: absolute;width: 100%;display: flex;justify-content: center;}
.home-service .h-s-btn .container-xl{position: relative;}
.home-service .h-s-next::after{right: 0;content: url(../../images/home-21.webp);}
.home-service .h-s-prev::after{left: 0;content: url(../../images/home-22.webp);}
.home-service .all-hover:hover::after{filter: brightness(0) invert(1);}
.home-faq{background-image: linear-gradient(180deg, #fff 0%, #f4f4f4 100%), linear-gradient(#ffffff, #ffffff);padding-top: 140px;position: relative;}
.home-faq::before{content:url(../../images/home-23.webp);position: absolute;left: 0;bottom: -7px;}
.home-faq .title{margin-bottom: 55px;}
.home-faq .content{display: flex;justify-content: space-between;}
.home-faq .left{width: 45%;}
.home-faq .right{width: 50%;}
.home-faq .right .title{color: var(--public-color);}
.home-faq .form-row{margin: 0 -10px;}
.home-faq .form-row:nth-last-of-type(2) .col-md-12{margin-bottom: 40px;}
.home-faq .col-md-6,.home-faq .col-md-12{padding: 0 10px;margin-bottom: 20px;}
.home-faq .form-control{border: 1px solid #dddddd;border-radius: 4px;padding: 15px 20px 10px 20px;}
.home-faq .form-control::placeholder{font-size: 16px;line-height: 32px;color: #999;}
.home-faq .form-control:focus{border-color: var(--public-color);}
.home-faq .btn-box{display: flex;flex-direction: column;align-items: flex-end;}
.home-faq .dexiang{width: 200px;display: flex;justify-content: center;align-items: center;font-size: 18px;}

.all-from{background-color: #ffffff;box-shadow: 0px 60px 150px 0px rgba(0, 0, 0, 0.1);padding:100px 80px 80px 75px}
.all-from .right .title{color: var(--public-color);}
.all-from .form-row{margin: 0 -10px;}
.all-from .form-row:nth-last-of-type(2) .col-md-12{margin-bottom: 40px;}
.all-from .col-md-6,.all-from .col-md-12,all-from .col-md-8{padding: 0 10px;margin-bottom: 20px;}
.all-from .form-control{border: 1px solid #dddddd;border-radius: 4px;padding: 15px 20px 10px 20px;}
.all-from .form-control::placeholder{font-size: 16px;line-height: 32px;color: #999;}
.all-from .form-control:focus{border-color: var(--public-color);}
.all-from .btn-box{display: flex;flex-direction: column;align-items: flex-end;}
.all-from .dexiang{width: 200px;display: flex;justify-content: center;align-items: center;font-size: 18px;}

.all-faq .items:last-child{margin-bottom: 0;}
.all-faq .items{margin-bottom: 35px;}
.all-faq .circle-icon{color: var(--public-color);font-weight: bold;font-size: 18px;}
.all-faq .circle-icon .icon{font-weight: bold;}
.all-faq .items.active{margin-bottom: 25px;}
.all-faq .items.active .quen-q{color: var(--public-color);margin-bottom: 25px;}
.all-faq .items.active .plus{display: none;}
.all-faq .items.active .minus{display: inline-block;}
.all-faq .plus{display: inline-block;}
.all-faq .minus{display: none;}
.all-faq .quen-q{display: flex;justify-content: space-between;font-size: 16px;line-height: 32px;color: #333;font-weight: bold;}
.all-faq .quen-q p{width: 90%;}
.all-faq .quen-a{font-size: 16px;line-height: 32px;}

.home-news{padding: 130px 0;}
.home-news .title{margin-bottom: 100px;}
.all-news .content{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 40px;}
.all-news .list:hover .t1{color: var(--public-color);}
.all-news .list:hover .box{border-color: var(--public-color);}
.all-news .t1{font-size: 18px;line-height: 26px;color: #333;font-weight: bold;margin-bottom: 30px;}
.all-news .box{border-top: 1px solid #dddddd;padding-top: 30px;}
.all-news .time{font-size: 16px;line-height: 19px;color: #666;position: relative;padding-left: 80px;margin-bottom: 25px;display: flex;align-items: center;}
.all-news .time span{position: relative;display: inline-flex;align-items: center;}
.all-news .time span::after{content: "";width: 4px;height: 4px;background-color: var(--public-color);border-radius: 100%;display: inline-block;margin: 0 7px;}
.all-news .time::before{content: "";width: 50px;height: 1px;background-color: var(--public-color);position: absolute;left: 0;top: 8px;}
.all-news .text{font-size: 16px;line-height: 26px;color: #999;}
.home-blog{background-color: #28297d;padding:0;height: 450px;}
.home-blog .container-xl{height: 100%;}
.home-blog .content::after{content: "";background: url(../../images/home-24.webp) no-repeat right;width: -webkit-fill-available;;height: 100%;background-size: contain;position: absolute;right: 0;top: 0;}
.home-blog .content{display: flex;justify-content: space-between;align-items: center;color: #fff;position: relative;height: 100%;}
.home-blog .left{width: 45%;}
.home-blog .right{width: 48%;}
.home-blog .title{color: #fff;margin-bottom: 30px;}
.home-blog .text{margin-bottom: 60px;}
.home-blog .dexiang{width: 200px;display: flex;justify-content: center;align-items: center;}
.home-blog .dexiang::after{right: 13px;}
.home-blog .h5{font-size: 24px;color: var(--public-color);letter-spacing: -1px;margin-bottom: 50px;}
.home-blog ul{border-top: 1px solid rgba(255,255,255,.1);padding-top: 45px;}
.home-blog ul li{position: relative;padding-left: 55px;margin-bottom: 5px;font-size: 16px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.home-blog ul li::before{content: "\f00c";font-family: 'cmsfont';color: var(--public-color);position: absolute;left: 0;}

.swiper-pro-index{overflow: hidden;}
.content-pro-index{position: relative;z-index: 1;}
.content-pro-index .swiper-slide{height: auto;}
.product-index-paper{margin-bottom: 495px;}
.product-index-paper .content{margin-bottom: 150px;}
.product-index-paper .content .title{margin-bottom: 75px;font-weight: 400;}
.product-index-paper .row{margin: 0 -5px;gap: 10px 0;}
.product-index-paper .col-md-4,.product-index-paper .col-md-6{padding: 0 5px;}
.product-index-paper .list{background-color: #f8f8f8;height: 100%;transition: all .3s ease-in-out;}
.product-index-paper .img{display: flex;justify-content: center;padding:20px 20px 10px;mix-blend-mode: darken;}
.product-index-paper .box{border-top: 1px solid #ebebeb;padding:25px 35px 25px 20px;position: relative;transition: all .3s ease-in-out;}
.product-index-paper .t1{font-size: 20px;color: #666;letter-spacing: -1px;}
.product-index-paper .t1::after{content: "";background: url(../../images/sign-r-2.webp) no-repeat;width: 14px;height: 15px;background-size: contain;position: absolute;right: 20px;top: 30px;}
.product-index-paper .list:hover{background-color: #fff;box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);transform: translateY(-5px);}
.product-index-paper .list:hover .box{background-color: var(--public-color);}
.product-index-paper .list:hover .t1{color: #fff !important;}
.product-index-paper .list:hover .box::after{content: "";background: url(../../images/pro_9.webp) no-repeat right;width:-webkit-fill-available;height: 80px;background-size: contain;position: absolute;right: 40px;top: 0;}

.all-top-head{padding-top: 125px;position: relative;width: 94%;margin-bottom: 130px;}
.all-top-head::before{content: url(../../images/pro-1.webp);position: absolute;left: 0;top: 0;z-index: -1;}
.all-top-head .title{margin-bottom: 85px;font-size: 48px;line-height: 56px;letter-spacing: -2px;}
.all-top-head .text{font-size: 16px;line-height: 30px;}

.every-footer{background-color: #28297d;height: 560px;}
.every-footer .container-xl{height: 100%;}
.every-footer .content{display: flex;justify-content: space-between;}
.every-footer .all-from{margin-top: -190px;}
.every-footer .title{color: var(--public-color);margin-bottom: 60px;}
.every-footer .left{width: 50%;}
.every-footer .right{width: 37%;position: relative;display: flex;align-items: center;position: relative;z-index: 1;}
.every-footer .right::after{content: "";background: url(../../images/every-1.webp) no-repeat;background-repeat: right bottom;width: 100%;height: -webkit-fill-available;position: absolute;right: 0;top: -88px;z-index: -1;}
.every-footer .title-xl{font-size: 42px;line-height: 64px;color:#fff;font-weight: bold;letter-spacing: -2px;position: absolute;right: -120px;}

.pro-child-content{margin-bottom: 30px;}
.pro-child-content .content{display: grid;grid-template-columns: repeat(5,1fr);grid-gap: 30px 40px;}
.pro-child-content .list{box-shadow: 0px 13px 34px 0px rgba(0, 0, 0, 0.05);border-radius: 10px;background-color: #fff;transition: all 0.3s ease-in-out;padding:0px 10px 10px;display: inline-flex;flex-direction: column;align-items: center;}
.pro-child-content .img{height: 150px;}
.pro-child-content .img img{height: 100%;width: auto;max-width: none;}
.pro-child-content .t1{text-align: center;margin-top: 10px;}

.products-list-paper{padding-bottom: 150px;border-bottom: 1px solid var(--public-color);}
.pro-list-content {margin-top: -55px;}
.pro-list-content .content{display: flex;justify-content: space-between;gap: 60px;padding-bottom: 115px;}
.pro-list-content .row{margin: 0 -15px;gap: 30px 0;}
.pro-list-content .col-md-6{padding: 0 15px;}
.pro-list-content .list{border: solid 2px rgba(221, 221, 221, 0.6);padding: 0 30px 35px;transition: all 0.3s ease-in-out;overflow: hidden;height: 100%;}
.pro-list-content .list .img{display: flex;justify-content: center;max-height: 330px;overflow: hidden;}
.pro-list-content .list .pro-img{position: relative;}
.pro-list-content .list .pro-compare{position: absolute;left: 0px;bottom: 10px;border-radius: 120px;background-color: var(--public-color);color: #fff;font-size: 16px;font-weight: bold;width: 100px;height: 32px;display: flex;align-items: center;justify-content: center;cursor: pointer;border: 1px solid var(--public-color);}
.pro-list-content .list .pro-compare:hover{background-color: #fff;}
.pro-list-content .model{font-size: 16px;color: var(--public-color);font-weight: bold;margin-bottom: 5px;}
.pro-list-content .t1{font-size: 18px;line-height: 26px;color: #333;letter-spacing: -1px;font-weight: bold;}
.pro-list-content .t1.row-line-1::after{content: "";width: 80px;height: 2px;background-color: var(--public-color);display: block;margin: 15px 0 25px;}
.pro-list-content .list .cont{color: #999;font-size: 16px;line-height: 28px;}
.pro-list-content .list:hover{border-color: var(--public-color);}
.pro-list-content .aside{min-width: 290px;position: sticky;top: 80px;height: fit-content;}
.pro-list-content .aside ul{display: flex;flex-direction: column;gap: 1px;}
.pro-list-content .aside ul.pro-name>li.active{margin-bottom: 10px;}
.pro-list-content .aside ul li.active .a1,.pro-list-content .aside ul li:hover .a1{background-color:#28297d;position: relative;color: #fff !important;}
.pro-list-content .aside ul li.active .a1::after,.pro-list-content .aside ul li:hover .a1::after{content: "";background: url(../../images/index-23.webp) no-repeat right;width: -webkit-fill-available;height: 50px;background-size: contain;position: absolute;right: 20px;opacity: 0.2;}
.pro-list-content .aside ul li a{display: flex;align-items: center;padding-left: 28px;line-height: 50px;letter-spacing: -.7px;width: 100%;height: 50px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.pro-list-content .aside .a1{font-size: 16px;font-weight: bold;color: #fff;background-color: var(--public-color);letter-spacing: -.5px;}
.pro-list-content .aside .a2{background-color: #f8f8f8;color: #666666;font-size: 15px;}
.pro-list-content .pro-nav-child li{display: none;}
.pro-list-content .pro-nav-child {height: 0;transition: height .5s ease-in-out;}
.pro-list-content .pro-nav>.active .pro-nav-child{height: 100%;}
.pro-list-content .pro-nav>.active .pro-nav-child li{display: block;}
.pro-list-content .pro-nav>.active .pro-nav-child li.active a{color: var(--public-color);}
.pro-top-head{position: relative;}
.pro-top-head::before{content: "";background: url(../../images/p-l-2.webp) no-repeat;width: 115px;height: 126px;background-size: 100% 100%;position: absolute;left: 0;top: -50px;}
.pro-top-head .title{font-size: 32px;letter-spacing: -2px;position: relative;display: flex;align-items: center;margin-bottom: 60px;}
.pro-top-head .text{font-size: 16px;line-height: 30px;}
.pro-advantage {background-image: linear-gradient(180deg, #f4f4f4 0%, #fff 100%), linear-gradient(#ffffff, #ffffff);padding-top: 170px;padding-bottom: 125px;}
.pro-advantage .pro-top-head{margin-bottom: 80px;}
.pro-advantage .content{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 27px;}
.pro-advantage .list{position: relative;box-shadow: 0px 13px 34px 0px rgba(0, 0, 0, 0.05);border-radius: 10px;background-color: #fff;transition: all 0.3s ease-in-out;}
.pro-advantage .list-xl{display: flex;flex-direction: column;justify-content: space-between;align-items: center;overflow: hidden;padding: 75px 20px 45px;text-align: center;height: 100%;height: 100%;}
.pro-advantage .sign{position: absolute;left: 20px;top: 20px;border-radius: 100%;width: 41px;height: 41px;background-color: var(--public-color-b);display: flex;align-items: center;justify-content: center;transition: all 0.3s ease-in-out;}
.pro-advantage .sign img{filter: brightness(0) invert(1);transition: all 0.3s ease-in-out;}
.pro-advantage .h5{font-size: 18px;line-height: 30px;color: #333;letter-spacing: -1px;font-weight: 500;margin-bottom: 10px;transition: all 0.3s ease-in-out;}
.pro-advantage .list .text{font-size: 16px;line-height: 23px;margin-bottom: 20px;letter-spacing: -.5px;transition: all 0.3s ease-in-out;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.pro-advantage .list .line{width: 120px;height: 2px;background-color: var(--public-color);margin:0 auto;border-radius: 1px;}
.pro-advantage .list:hover{background: url(../../images/p-l-3.webp) no-repeat;background-size: 100% 100%;color: #fff;position: relative;transform: translateY(-5px);animation: fadeIn 0.5s;}
.pro-advantage .list:hover .sign{background-color: #fff;}
.pro-advantage .list:hover .sign img{filter: none;}
.pro-advantage .list:hover .h5{color: #fff;}
.pro-advantage .list:hover .line{background-color: #fff;}
.pro-guide{margin-bottom: 150px;}
.pro-guide .pro-top-head{width: 93%;margin-bottom: 45px;}
.pro-guide .content .name div{height: 56px;background-color: #101146;color: #fff;font-size: 18px;font-weight: bold;letter-spacing: -1px;display: flex;align-items: center;justify-content: center;}
.pro-guide .content .name,.pro-guide .content .box{display: grid;grid-template-columns: repeat(3,1fr);align-items: center;}
.pro-guide .content .name div:last-child{background-color: var(--public-color);}
.pro-guide .all-box div{display: grid;grid-template-columns: 30px auto;align-items: center;text-align: left;grid-gap: 18px;font-size: 16px;line-height: 24px;letter-spacing: -1px;color: #666;font-weight: 400;padding-left: 55px;}
.pro-guide .all-box .img{height: 110px;border-radius: 100%;position: relative;display: flex;align-items: center;}
.pro-guide .all-box div ,.pro-guide .box-1 div{height: 120px;}
.pro-guide .content .name div + div{border-left: 2px solid #dddddd;}
.pro-guide .box>div div + div{border-top: 1px solid #dddddd;}
.pro-guide .box>div + div{border-left: 2px solid #dddddd;}
.pro-guide .box{border-right:1px solid #dddddd;border-left: 1px solid #dddddd;}
.pro-guide .content{border-bottom: 6px solid var(--public-color);}
.pro-guide .box-1 div{display: grid;grid-template-columns: 110px auto;align-items: center;text-align: left;grid-gap: 30px;font-size: 18px;line-height: 26px;letter-spacing: -1px;color: #333;font-weight: 600;padding-left: 40px;}
.pro-guide .box-1 .img{height: 110px;border-radius: 100%;position: relative;display: flex;align-items: center;}
.pro-guide .box-1 .img img{border-radius: 100%;}
.pro-guide .box-1 .img::after{content: url(../../images/p-l-10.webp);position: absolute;right: -20px;}

.pro-optional{margin-bottom: 175px;}
.pro-optional .pro-top-head{margin-bottom:  40px;}
.pro-optional .content{display: flex;justify-content: space-between;}
.pro-optional .aside{width: 33%;}
.pro-optional .aside .h2{font-size: 28px;color: #333;font-weight: bold;letter-spacing: -2px;margin-bottom: 35px;}
.pro-optional .aside .box{border-top: 2px solid rgba(221, 221, 221, .6);margin-bottom: 35px;min-width: 360px;width: 360px;}
.pro-optional .aside p{font-size: 18px;color: #666;letter-spacing: -.6px;font-weight: 500;height: 50px;display: flex;align-items: center;padding-left: 10px;border-bottom:2px solid rgba(221, 221, 221, .6);border-radius: 1px;position: relative;padding-right: 40px;transition: all 0.3s ease-in-out;}
.pro-optional .aside p::after{content:"";background: url(../../images/sign-r-2.webp) no-repeat;width: 16px;height: 19px;background-size: contain;position: absolute;right: 20px;filter: brightness(0) invert(1);}
.pro-optional .aside p.active{background-color: var(--public-color);color: #fff;border-bottom-color: var(--public-color);}
.pro-optional .aside p.active::after{filter: brightness(0) invert(1);}
.pro-optional .aside .t5{font-size: 18px;line-height: 28px;color: var(--public-color);font-weight: 500;margin-bottom: 35px;}
.pro-optional .aside .dexiang-1{display: inline-flex;}
.pro-optional .article{background: url(../../images/p-l-12.webp) no-repeat right;background-size: auto;padding: 105px 0 0 0;width: 56%;}
.pro-optional .article .img img{mix-blend-mode: darken;}
.pro-optional .article .img{margin-bottom: 40px;}
.pro-optional .article .h5{font-size: 24px;font-weight: bold;letter-spacing: -1px;color: var(--public-color);margin-bottom: 10px;}
.pro-optional .article .text{font-size: 16px;color:#666;font-weight: 400;}
.pro-optional .article .list{display: inline-flex;flex-direction: column;align-items: center;text-align: center;}
.pro-used{margin-bottom: 170px;}
.pro-used .pro-top-head{margin-bottom: 70px;}
.pro-used .content{display: grid;grid-template-columns: repeat(6, 1fr);grid-template-rows: repeat(2,1fr);grid-gap: 10px;padding: 0 20px;}
.pro-used .list{position: relative;overflow: hidden;transition: all 0.3s ease-in-out;background-color: #101146;}
.pro-used .list>img{width: auto;height: 100%;opacity: .6;}
.pro-used .list-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;z-index: 2;}
.pro-used .t1{font-size: 18px;line-height: 32px;color: #fff;font-weight: 500;letter-spacing: -.8px;cursor: default;padding: 0 10px;text-align: center;line-height: 24px;}
.pro-used .t1::after{content: "";width: 64px;height: 2px;background-color: #fff;border-radius: 1px;display: block;margin: 10px auto 0;}
.pro-used .list,.pro-used .list>img{border-radius: 6px;}
.pro-used .list:hover::after{content: "";background: url(../../images/p-l-25.webp) no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: .8;}
.pro-used .t1:hover{color: #fff !important;}
.pro-used .list:hover{transform: translateY(-5px);}
.pro-used .list:hover>img{opacity: 1;}
.pro-faq {margin-bottom: 400px;}
.pro-faq .pro-top-head .text{margin-bottom: 55px;}
.pro-faq .dexiang{display: inline-flex;width: 230px;}
.pro-faq .content{display: flex;justify-content: space-between;}
.pro-faq .pro-top-head{width: 33%;}
.pro-faq .right{width: 65%;}
.pro-every{margin-bottom: 150px;}
.pro-every li{font-weight: 400;padding-left: 43px;position: relative;margin-bottom: 5px;color: #fff;font-size: 24px;letter-spacing: -.8px;margin-bottom: 25px;}
.pro-every li:last-child{margin-bottom: 0;}
.pro-every li::before{content: "";background: url(../../images/index-20.webp) no-repeat;width: 17px;height: 13px;background-size: contain;position: absolute;left: 0;top: 7px;}
.pro-every .every-footer .right::after{background: url(../../images/p-l-26.webp) no-repeat;}
.pro-every .every-footer .title-xl{position: relative;left: 0;margin-bottom: 35px;}
.pro-every .every-footer .right{flex-direction: column;align-items: normal;justify-content: center;width: 45%;}
.pro-every .row-line::before{top: 30px;}

.pro-content{padding-bottom: 370px;}
.pro-content .title{font-size: 36px;font-weight: 500;}
.p-c-zhu{margin-bottom: 100px;background-image: linear-gradient(180deg, #f2f2f2 0%, #ffff 100%)}
.p-c-zhu .in-banner{margin-bottom: 65px;}
.p-c-zhu .content{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 140px;}
.p-c-zhu .left{width: 47%;}
.p-c-zhu .right{width: 48%;position: relative;background-color: #fff;overflow: hidden;z-index: 1;}
.p-c-zhu .right::after{content: "";background: #f3f3f3;width: 100%;height: 20%;position: absolute;top: 0;right: 0;z-index: -1;}
.p-c-zhu h1{font-size: 36px;line-height: 56px;color: #333;letter-spacing: -1px;font-weight: bold;margin-bottom: 80px;position: relative;display: flex;align-items: center;padding-top: 137px;}
.p-c-zhu h1 span{display: flex;position: relative;z-index: 1;}
.p-c-zhu h1 span::before{top: 30px;}
.p-c-zhu h1::after{content: url(../../images/p-i-2.webp);position: absolute;left: 0;}
.p-c-zhu .text{margin-bottom: 50px;font-size: 16px;line-height: 30px;color: #666;}
.p-c-zhu .size{margin-bottom: 60px;}
.p-c-zhu .size h5{font-size: 16px;color: #666;letter-spacing: -.6px;font-weight: 400;width: 200px;}
.p-c-zhu .size ul{border-top: 1px solid rgba(221, 221, 221, .6);border-bottom: 1px solid rgba(221, 221, 221, .6);}
.p-c-zhu .size li{display: flex;border-bottom: 1px solid rgba(221, 221, 221, .6);padding: 10px 0;gap: 20px;}
.p-c-zhu .size li:last-child{border-bottom: none;}
.p-c-zhu .size strong{font-weight: 400;color: #333333;font-size: 16px;letter-spacing: -.7px;}
.p-c-zhu .a-btn{display: flex;gap: 20px;margin-bottom: 30px;}
.p-c-zhu .a-btn .down{padding: 0 50px;}
.p-c-zhu .share ul,.p-c-zhu .share{display: flex;}
.p-c-zhu .share p{font-size: 16px;color: #666;letter-spacing: -.7px;}
.p-c-zhu .share ul{gap: 0 10px;padding-left: 21px;}
.p-c-zhu .share li{width: 30px;height: 30px;border-radius: 100%;display: flex;justify-content: center;align-items: center;border: 2px solid #e8e8e8;}
.p-c-zhu .product-thumb{/*height: 500px;*/display: flex;align-items: center;margin-bottom: 50px;}
.p-c-zhu .product-thumb>a{mix-blend-mode: darken;}
.p-c-zhu .product-thumb>div{mix-blend-mode: darken;}
/* .p-c-zhu .product-thumb .magiczoom{background: #fff;mix-blend-mode: darken;} */
.p-c-zhu .swiper-container{width: 100%;}
.p-c-zhu .an-btn{width: 100%;position: absolute;left: 0;bottom: 80px;display: flex;align-items: center;justify-content: space-between;flex-direction: row-reverse;padding: 0 30px;}
.p-c-zhu .product-thumbs{display: flex;justify-content: space-between;padding: 0 85px 50px;}
.p-c-zhu .product-thumbs a{background-color: #d5d5d5;display: flex;justify-content: center;align-items: center;padding: 6px;position: relative;}
.p-c-zhu .product-thumbs img{mix-blend-mode: darken;border: none;}
.p-c-zhu .product-thumbs .mz-thumb-selected::before{content: "";width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);position: absolute;left: 0;top: 0;}
.p-c-zhu .product-thumbs .mz-thumb-selected img{mix-blend-mode: color-burn;}
.p-c-zhu .swiper-button-product-prev::after{content: url(../../images/sign-r-1.webp);}
.p-c-zhu .swiper-button-product-next::after{content:url(../../images/sign-l-1.webp);}
.p-c-zhu .swiper-button-product-prev:hover::after{content: url(../../images/sign-r-2.webp);}
.p-c-zhu .swiper-button-product-next:hover::after{content:url(../../images/sign-l-2.webp);}
.p-c-zhu .all-hover-xl{position: static;}
.p-c-img{gap: 0 26px;position: relative;margin-bottom: 110px;}
.p-c-img .all-prev::after{left: -55px;}
.p-c-img .all-next::after{right: -55px;}
.p-c-img .swiper-img{overflow: hidden;}
.p-c-img .img-prev{left: 0;}
.p-c-img .img-next{right: 0;}
.p-c-img .list{position: relative;}
.p-c-img .list-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.p-c-img .t1{font-size: 20px;line-height: 32px;font-weight: 500;letter-spacing: -.7px;color: #fff;}
.p-c-img .line{width: 73px;height: 3px;background-color: #fff;border-radius: 1px;margin: 15px auto 0;display: block;}
.p-c-img .list,.p-c-img .list>img{border-radius: 6px;}
.p-c-img .list>img{width: 100%;height: auto;}

.detail-nav{border-bottom: 6px solid var(--public-color);padding-bottom: 25px;margin-bottom: 120px;}
.detail-nav ul{display: flex;justify-content: space-between;border-left: 2px solid var(--public-color);border-right: 2px solid var(--public-color);line-height: 0;}
.detail-nav li{text-align: center;flex: 1;}
.detail-nav li + li{border-left: 2px solid var(--public-color);}
.detail-nav li a{width: 100%;height: 100%;font-size: 20px;line-height: 20px;color: #333;letter-spacing: -1px;font-weight: bold;display: inline-flex;justify-content: center;align-items: center;}
.detail-nav li.active a,.detail-nav li:hover a{color: var(--public-color) !important;}
.detail-nav.fadeInDown{
    max-width: 1920px;
    background-color: #fff;z-index: 10;position: sticky;
    left: 0;right: 0;
    top: 75px;
    height: 60px;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0;
    /* animation: fadeInDown 0.5s ease-in-out; */
    display: flex;
}
.detail-nav.fadeInDown ul{max-width: 1430px;margin: auto;width: 100%;}

.p-d-content{line-height: 32px;}
.p-d-content>div{margin-bottom: 145px;}
.p-d-content .title{position: relative;display: flex;align-items: center;font-weight: 500;margin-bottom: 110px;}
.p-d-content .title::after{z-index: -1;content: "";background: url(../../images/p-i-3.webp) no-repeat;width: 115px;height: 125px;background-size: contain;position: absolute;left: 0;}
.p-d-desc .content{font-size: 16px;line-height: 30px;color: #666;font-weight: 400;}
.p-d-desc .content strong{color: var(--public-color);font-weight: 400;}
.p-d-desc .content p{margin-bottom: 15px;}
.p-d-desc .content p:last-child{margin-bottom: 0;}
.p-d-features li{margin-bottom: 15px;font-size: 16px;}
.p-d-features li strong{font-weight: 400;color: var(--public-color);}
.p-d-features li::before{content: url(../../images/index-20.webp);display: inline-block;margin-right: 10px;}
.p-d-options .top-head {margin-bottom: 70px;}
.p-d-options .top-head .text{font-size: 16px;line-height: 30px;}
.p-d-options .content{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 40px;}
.p-d-options .list{background-color: #f8f8f8;padding: 10px 10px 30px;}
.p-d-options .img{margin-bottom: 20px;}
.p-d-options .img::after{content: "";width: 64px;height: 2px;background-color: var(--public-color);border-radius: 1px;display: block;margin:0 auto;}
.p-d-options .h5{font-size: 18px;line-height: 32px;color: #666;font-weight: 400;letter-spacing: -1px;text-align: center;}
.p-d-faq {padding-bottom: 80px;	background-image: linear-gradient(#fff 0%, #f4f4f4 100%)}
.p-d-faq .content{display: flex;justify-content: space-between;}
.p-d-faq .left{width: 45%;}
.p-d-faq .left .text{font-size: 16px;line-height: 30px;margin-bottom: 55px;}
.p-d-faq .left .dexiang{width: 230px;}
.p-d-faq .right{width: 50%;}
.p-d-faq .title,.p-d-product .title{position: relative;display: flex;align-items: center;font-weight: 500;margin-bottom: 110px;}
.p-d-faq .title::after,.p-d-product .title::after{content: "";background: url(../../images/p-i-3.webp) no-repeat;width: 115px;height: 125px;background-size: contain;position: absolute;left: 0;}
.p-d-product{padding-top: 160px;}
.p-d-product {margin-bottom: 170px;}
.p-d-product .row{margin: 0 -5px;gap: 10px 0;}
.p-d-product .col-md-4,.p-d-product .col-md-6{padding: 0 5px;}
.p-d-product .list{background-color: #f8f8f8;height: 100%;transition: all .3s ease-in-out;}
.p-d-product .img{display: flex;justify-content: center;padding:20px 20px 10px;mix-blend-mode: darken;}
.p-d-product .box{border-top: 1px solid #ebebeb;padding:25px 35px 25px 20px;position: relative;transition: all .3s ease-in-out;}
.p-d-product .t1{font-size: 20px;color: #666;letter-spacing: -1px;}
.p-d-product .t1::after{content: "";background: url(../../images/sign-r-2.webp) no-repeat;width: 14px;height: 15px;background-size: contain;position: absolute;right: 20px;top: 30px;}
.p-d-product .list:hover{background-color: #fff;box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);transform: translateY(-10px);}
.p-d-product .list:hover .box{background-color: var(--public-color);}
.p-d-product .list:hover .t1{color: #fff !important;}
.p-d-product .list:hover .box::after{content: "";background: url(../../images/pro_9.webp) no-repeat right;width:-webkit-fill-available;height: 80px;background-size: contain;position: absolute;right: 40px;top: 0;}
.p-d-news .title{margin-bottom: 120px;}



.service-index{padding-top: 95px;padding-bottom: 370px;}
.service-top-head{margin-bottom: 120px;}
.service-top-head .text{font-size: 16px;line-height: 28px;margin-bottom: 45px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.service-top-head ul{font-size: 16px;color: #333;letter-spacing: -1px;font-weight: 500;}
.service-top-head li{margin-bottom: 10px;position: relative;padding-left: 50px;}
.service-top-head li:last-child{margin-bottom: 0;}
.service-top-head li::before{content: url(../../images/s-14.webp);display: inline-block;position: absolute;left: 0;top: 0;}
.service-index .content{margin-bottom: 140px;}
.service-index .title{font-size: 36px;margin-bottom: 50px;}
.service-index .items{display: flex;justify-content: space-between;align-items: center;margin-bottom: 120px;}
.service-index .items:last-child{margin-bottom: 0;}
.service-index .left{width: 50%;}
.service-index .right{width: 45%;}
.service-index .items .text{font-size: 16px;line-height: 28px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.service-index .items ul{margin-top: 20px;}
.service-index .items li{position: relative;padding-left: 35px;font-size: 16px;line-height: 28px;}
.service-index .items li::before{content: url(../../images/sign-2.webp);position: absolute;left: 0;top: 0;}
.service-index .items:nth-child(even){flex-direction: row-reverse;}
.service-index .content-part{display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;padding: 0 45px;}
.service-index .img-1{flex: 0 0 18%;}
.service-part .top-head{text-align: center;}
.service-part .title{margin-bottom: 40px;}
.service-part .text{font-size: 16px;line-height: 28px;}
.service-part .line{width: 80px;height: 3px;background-color: var(--public-color);border-radius: 1px;display: block;margin: 40px auto 55px;}
.service-part .img-1{box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.05);}

.quality-index{padding-top: 240px;padding-bottom: 440px;}
.quality-index .title{font-size: 36px;margin-bottom: 50px;}
.quality-index .items{display: flex;justify-content: space-between;align-items: center;margin-bottom: 120px;}
.quality-index .items:last-child{margin-bottom: 0;}
.quality-index .left{width: 50%;}
.quality-index .right{width: 45%;}
.quality-index .items .text{font-size: 16px;line-height: 28px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.quality-index .items:nth-child(odd){flex-direction: row-reverse;}



.solutions-top {background-image: linear-gradient(#fff 0%, #f4f4f4 100%);padding-top: 100px;padding-bottom: 120px;position: relative;}
.solutions-top::before{content: "";background: url(../../images/sol-4.webp) no-repeat;background-size: contain;width: 950px;height:-webkit-fill-available;position: absolute;left: 0;top: 0;}
.solutions-top .top-head{text-align: center;width: 76%;margin:0 auto 85px;}
.solutions-top h1{font-size: 48px;line-height: 56px;color: #333;font-weight: bold;letter-spacing: -2px;margin-bottom: 5px;}
.solutions-top .title{color: var(--public-color);letter-spacing: -1px;font-weight: 500;margin-bottom: 50px;}
.solutions-top .top-head .text{font-size: 16px;line-height: 28px;color: #666;font-weight: 400;}
.solutions-top .content{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 40px;}
.solutions-top .items{background-color: #ffffff;}
.solutions-top .box{padding: 75px;}
.solutions-top .t1{font-size: 36px;color: #333;letter-spacing: -1px;font-weight: bold;margin-bottom: 35px;}
.solutions-top .row-line::before{top: 10px;}
.solutions-top .dexiang{width: 330px;font-size: 18px;padding: 5px 0 0 20px;}
.solutions-top .a{margin-bottom: 25px;display: inline-flex;flex-direction: column;}
.solutions-top .dexiang{font-size: 18px;line-height: 22px;color: #333;font-weight: bold;position: relative;background-color: #fff;border-color: #fff;padding:5px 80px 0 0;width: auto;}
.solutions-top .dexiang:last-child{margin-bottom: 0;}
.solutions-top .dexiang::before{content: url(../../images/sol-3.webp);position: absolute;left: -45px;top: 17px;transition: all .4s ease-in-out;}
.solutions-top .dexiang:hover::before{content: "";}
.solutions-top .dexiang:hover{background-color: var(--public-color);border-color: var(--public-color);padding-left: 20px;}
.solutions-bottom .content-1{display: flex;justify-content: space-between;padding-top: 140px;margin-bottom: 55px;}
.solutions-bottom .content-1 .left{width: 46%;}
.solutions-bottom .content-1 .title{display: flex;align-items: center;margin-bottom: 85px;}
.solutions-bottom .content-1 .title::after{content: url(../../images/p-l-2.webp);position: absolute;left: 0;}
.solutions-bottom .content-1 .text{font-size: 16px;line-height: 28px;color: #666;}
.solutions-bottom .content-1 .right{width: 43%;height: 300px;background: url(../../images/sol-5.webp) no-repeat;background-size: 100%;border-radius: 20px;display: flex;flex-direction: column;justify-content: center;padding-left: 65px;padding-right: 40px;}
.solutions-bottom .content-1 .title-2{font-size: 32px;color: #fff;letter-spacing: -1px;font-weight: bold;margin-bottom: 30px;}
.solutions-bottom .content-1 .cont{font-size: 16px;line-height: 28px;color: #fff;margin-bottom: 35px;}
.solutions-bottom .content-1 .dexiang{background-color: #fff;color:var(--public-color);display: inline-flex;width: 230px;border:none;font-size: 18px;padding-left: 34px;cursor: pointer;}
.solutions-bottom .content-1 .dexiang::after{content: "";background: url(../../images/sol-6.webp) no-repeat;}
.solutions-bottom .content-1 .dexiang:hover{background-color: var(--public-color-b);color: #fff;}
.solutions-bottom .content-1 .dexiang:hover::after{background: url(../../images/index-23.webp) no-repeat;height: 100%;opacity: 1;}
.solutions-bottom .content-2 {padding-bottom: 330px;}
.solutions-bottom .content-2 .img{text-align: center;margin-bottom: 130px;}
.solutions-bottom .content-2 .items{display: flex;justify-content: space-between;gap: 110px;}
.solutions-bottom .content-2 .list{flex: 1;}
.solutions-bottom .content-2 .img-1{margin-bottom: 30px;}
.solutions-bottom .content-2 .title{margin-bottom: 50px;}
.solutions-bottom .content-2 .text{font-size: 16px;line-height: 28px;}
.solutions-bottom .big-content{background: url(../../images/sol-9.webp) no-repeat bottom;background-size: 100% auto;}


.solutions-list-paper{padding-bottom: 430px;}
.sol-top-head{width: 85%;}
.sol-list-pro {display: flex;justify-content: space-between;gap: 70px;margin-bottom: 155px;}
.sol-list-pro .aside{min-width: 290px;width: 290px;;position: sticky;top: 80px;height: fit-content;}
.sol-list-pro .aside ul{display: flex;flex-direction: column;gap: 1px;}
.sol-list-pro .aside ul li.active .a1,.sol-list-pro .aside ul li:hover .a1{background-color:#28297d;position: relative;color: #fff !important;}
.sol-list-pro .aside ul li.active .a1::after,.sol-list-pro .aside ul li:hover .a1::after{content: "";background: url(../../images/index-23.webp) no-repeat right;width: -webkit-fill-available;height: 50px;background-size: contain;position: absolute;right: 20px;opacity: 0.2;}
.sol-list-pro .aside ul li a{display: flex;align-items: center;padding-left: 19px;line-height: 50px;letter-spacing: -.7px;width: 100%;height: 50px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sol-list-pro .aside .a1{font-size: 16px;font-weight: bold;color: #666;background-color: #f4f4f4;letter-spacing: -.5px;}
.sol-list-pro .sol-nav{margin-bottom: 30px;}
.sol-list-pro .aside-box{background: url(../../images/s-l-1.webp) no-repeat;background-size: 100% 100%;height: 316px;display: flex;flex-direction: column;justify-content: center;}
.sol-list-pro .aside-box .h5{font-size: 18px;line-height: 32px;font-weight: bold;letter-spacing: -.5px;color: #fff;font-style: italic;text-align: center;margin-bottom: 55px;}
.sol-list-pro .aside-box span{display: block;}
.sol-list-pro .aside-box .s2{text-decoration: underline;text-decoration-skip-ink: none;}
.sol-list-pro .aside-box .dexiang{border-radius: 25px;background-color: #fff;color: var(--public-color);display: inline-flex;}
.sol-list-pro .aside-box .dexiang::after{background: url(../../images/sol-6.webp) no-repeat;}
.sol-list-pro .aside-box .dexiang:hover::after{background: url(../../images/index-23.webp) no-repeat;}
.sol-list-pro .aside-box .dexiang:hover{background-color: var(--public-color-b);}
.sol-list-pro .aside-box .a{display: flex;justify-content: center;}
.sol-list-pro .article{width: 100%;}
.sol-list-pro .content{margin-bottom: 80px;}
.sol-list-pro .items{display: flex;justify-content: space-between;align-items: flex-end;padding: 50px 40px;background-color:#f8f8f8;margin-bottom: 30px;gap: 0 70px; }
.sol-list-pro .items .left{max-width: 360px;}
.sol-list-pro .items .right{width: 63%;}
.sol-list-pro .items .t1{font-size: 28px;color: #333;letter-spacing: -1px;font-weight: bold;display: inline-flex;align-items: center;margin-bottom: 45px;}
.sol-list-pro .items .row-line::before{top:auto;}
.sol-list-pro .items .text,.sol-list-pro .items ul{font-size: 16px;line-height: 28px;color: #666;}
.sol-list-pro .items .text p{margin-bottom: 35px;}
.sol-list-pro .items li{padding-left: 43px;position: relative;margin-bottom: 5px;}
.sol-list-pro .items li:last-child{margin-bottom: 0;}
.sol-list-pro .items li::before{content: url(../../images/sign-2.webp);position: absolute;left: 0;}
.sol-list-pro .row{margin: 0 -10px 0px;}
.sol-list-pro .row:nth-last-of-type(1){margin-bottom: 0;}
.sol-list-pro .col-md-4{padding: 0 10px;}
.sol-list-pro .list{background-color: #f8f8f8;padding: 10px 10px 30px;height: 100%;}
.sol-list-pro .list .img{margin-bottom: 40px;position: relative;max-height: 300px;background-color: #fff;display: flex;justify-content: center;align-items: center;padding: 20 0px;text-align: center;}
.sol-list-pro .list .pro-img{width: 80%;}
.sol-list-pro .list .pro-compare{position: absolute;left: 20px;bottom: 20px;border-radius: 120px;background-color: var(--public-color);color: #fff;font-size: 16px;font-weight: bold;width: 120px;height: 40px;display: flex;align-items: center;justify-content: center;cursor: pointer;border: 1px solid var(--public-color);}
.sol-list-pro .list .pro-compare:hover{background-color: #fff;}
.sol-list-pro .list .t2{font-size: 18px;line-height: 22px;color: #333;font-weight: 400;position: relative;padding-left: 12px;margin-bottom: 25px;}
.sol-list-pro .list .t2::before{content: "";width: 2px;height: 18px;background-color: var(--public-color);border-radius: 1px;position: absolute;left: 0;top: 0;}
.sol-list-pro .list li{display: flex;justify-content: space-between;font-size: 15px;padding:10px 10px 5px;}
.sol-list-pro .list li:nth-child(odd){background-color: #fff;}
.sol-list-pro .list h5{font-weight: 400;letter-spacing: -.7px;font-size: 15px;line-height: inherit;}
.sol-list-pro .list strong{font-weight: 400;letter-spacing: -.7px;}
.solutions-list-paper .title-3{display: flex;align-items: center;margin-bottom: 120px;}
.solutions-list-paper .title-3::after{content: "";background: url(../../images/p-i-3.webp) no-repeat;width: 115px;height: 125px;background-size: contain;position: absolute;left: 0;}
.sol-list-material {margin-bottom: 160px;}
.sol-list-material .content{display: flex;justify-content: space-between;gap: 50px;}
.sol-list-material .left{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 10px;}
.sol-list-material .left .list{position: relative;flex: 10px;}
.sol-list-material .list-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.sol-list-material .list .t2{font-size: 18px;line-height: 32px;color: #fff;font-weight: 500;letter-spacing: -1px;text-align: center;}
.sol-list-material .list .t2::after{content: "";width: 64px;height: 2px;border-radius: 1px;background-color: #fff;display: block;margin: 15px auto;}
.sol-list-material .list,.sol-list-material .list>img{border-radius: 6px;}
.sol-list-material .right{min-width: 300px;width: 300px;}
.sol-list-material .right .list{background-color: var(--public-color);width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.sol-list-material .right .h5{font-size: 22px;line-height: 32px;font-weight: 500;letter-spacing: -1px;color: #fff;font-style: italic;text-decoration: underline;text-decoration-skip-ink: none;margin-bottom: 20px;}
.sol-list-material .right .h5:hover{text-decoration: none;color: #fff !important;}
.sol-list-material .right .dexiang{border-radius: 20px;background-color: #fff;color: var(--public-color);display: inline-flex;justify-content: center;width: 140px;height: 40px;font-size: 14px;padding: 0;}
.sol-list-material .right .dexiang::after{background: url(../../images/sol-6.webp) no-repeat;}
.sol-list-material .right .dexiang:hover::after{background: url(../../images/index-23.webp) no-repeat;}
.sol-list-material .right .dexiang:hover{background-color: var(--public-color-b);}
.sol-list-other .content{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 45px}
.sol-list-other .list{background-color: #ffffff;box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);transition: all 0.3s ease-in-out;}
.sol-list-other .list:hover{transform: translateY(-5px);}
.sol-list-other .list:hover .cont{background: url(../../images/s-l-12.webp) no-repeat;background-size: 100% 100%;animation: fadeIn 1s;}
.sol-list-other .list:hover .t1{color: #fff;}
.sol-list-other .list:hover .t1::after{background-color: #fff;}
.sol-list-other .cont{height: 160px;padding: 40px;}
.sol-list-other .t1{font-size: 24px;color: #333;letter-spacing: -1px;font-weight: bold;position: relative;}
.sol-list-other .t1::after{content: "";width: 80px;height: 2px;background-color: var(--public-color);border-radius: 1px;display: block;margin-top: 35px;}


.about-index{padding-bottom: 340px;}
.about-zhu {padding-top: 175px;padding-bottom: 140px;background-image: linear-gradient(#fff 0%, #f2f2f2 100%);}
.about-zhu .content{display: flex;justify-content: space-between;align-items: center;margin-bottom: 105px;}
.about-zhu .left{width: 58%;}
.about-zhu .right{width: 38%;}
.about-zhu .h5{font-size: 24px;line-height: 24px;letter-spacing: -1px;font-weight: bold;color: var(--public-color);margin-bottom: 10px;}
.about-zhu .title{font-size: 40px;line-height: 56px;letter-spacing: -1px;margin-bottom: 60px;}
.about-zhu .title::before{top: 30px;}
.about-zhu .text{font-size: 16px;line-height: 28px;color: #666;letter-spacing: -.1px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.about-zhu .items{display: flex;justify-content: space-between;gap: 40px;}
.about-zhu .list{border: solid 3px rgba(237, 143, 38, 0.6);height: 320px;padding: 90px 40px 0;position: relative;flex: 1;transition: all 0.3s ease-in-out;background-color: #fff;}
.about-zhu .list .sign{width: 60px;height: 60px;border-radius: 100%;display: flex;justify-content: center;align-items: center;background-color: var(--public-color-b);position: absolute;right: 30px;top: 30px;}
.about-zhu .list .sign img{filter: brightness(0) invert(1);}
.about-zhu .list .t1{font-size: 24px;color: #333;font-weight: bold;letter-spacing: -1px;margin-bottom: 40px;}
.about-zhu .list .text{font-size: 18px;line-height: 32px;color: #666;}
.about-zhu .list:hover{background: url(../../images/about-5.webp) no-repeat;background-size: 100% 100%;animation: fadeIn 1s;transform: translateY(-5px);border-color: var(--public-color);}
.about-zhu .list:hover .t1,.about-zhu .list:hover .text{color: #fff;}
.about-zhu .list:hover .sign{background-color: #fff;}
.about-zhu .list:hover .sign img{filter: none;}
.about-cer{padding-top: 125px;margin-bottom: 140px;}
.about-cer .top-head{text-align: center;margin-bottom: 150px;}
.about-cer .top-head .title{margin-bottom: 35px;}
.about-cer .top-head .text{font-size: 16px;line-height: 28px;color: #666;margin-bottom: 35px;}
.about-cer .top-head::after{content: "";width: 160px;height: 2px;background-color: var(--public-color);border-radius: 1px;display: block;margin: 0 auto;}
.about-cer .content{display: flex;justify-content: space-between;gap: 80px;}
.about-cer .items{flex: 1;display: flex;justify-content: space-between;padding-bottom: 30px;border-bottom: 10px solid var(--public-color);}
.about-cer .title-1{font-size: 28px;font-weight: bold;letter-spacing: -2px;color: #333;display: flex;align-items: center;margin-bottom: 60px;}
.about-cer .title-1::after{content: url(../../images/about-8.webp);position: absolute;z-index: -1;}
.about-cer .items .cont{font-size: 18px;line-height: 32px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.about-cer .items .left{width: 65%;padding-top: 10px;}
.about-cer .items .right{width: 30%;}
.about-quality {padding-bottom: 130px;}
.about-quality .content{display: flex;justify-content: space-between;align-items: center;margin-bottom: 100px;}
.about-quality .left{width: 457;}
.about-quality .right{width: 48%;}
.about-quality .right .title{margin-bottom: 55px;}
.about-quality .right .text{font-size: 16px;line-height: 28px;color: #666;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.about-qua-img{display: grid;grid-template-columns: repeat(5,1fr);grid-gap: 20px 25px;}
.about-qua-img .img{background-color: #ffffff;box-shadow: 0px 10px 20px 0px rgba(99, 99, 99, 0.1);}
.about-production{background-image: linear-gradient(#f2f2f2 0%, #ffff 100%);padding-top: 160px;margin-bottom: 130px;}
.about-production .top-head{text-align: center;}
.about-production .top-head .text{margin-bottom: 45px;}
.about-production .top-head::after{content: "";width: 160px;height: 3px;background-color: var(--public-color);border-radius: 1px;display: block;margin: 0 auto 60px;}
.about-production .title{margin-bottom: 35px;}
.about-production .content{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 25px;border-bottom: 6px solid var(--public-color-b);}
.about-production .list{position: relative;padding-bottom: 80px;height: 100%;}
.about-production .list::after{content: "";width: 0%;height: 6px;background-color: var(--public-color);position: absolute;left: 0;bottom: -6px;transition: width .3s ease-in-out;}
.about-production .list:hover::after{width: 100%;}
.about-production .img{margin-bottom: 45px;}
.about-production .t1{font-size: 28px;color: #333;font-weight: bold;letter-spacing: -2px;margin-bottom: 30px;}
.about-production .list .cont{font-size: 18px;line-height: 32px;color: #666;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.about-cust{margin-bottom: 145px;}
.about-cust .top-head{width: 42%;margin-bottom: 80px;}
.about-cust .top-head .title{margin-bottom: 40px;}
.about-cust .content{position: relative;}
.about-cust .h-s-btn{position: absolute;width: 100%;top: 50%;display: flex;justify-content: center;}
.about-cust .h-s-btn .container-xl{position: relative;}
.about-cust .h-s-next::after{right: 0;content: url(../../images/home-21.webp);}
.about-cust .h-s-prev::after{left: 0;content: url(../../images/home-22.webp);}
.about-cust .all-hover:hover::after{filter: brightness(0) invert(1);}
.about-service .content{display: flex;justify-content: space-between;align-items: flex-end;}
.about-service .left{width: 45.5%;}
.about-service .right{width: 50%;}
.about-service .title{margin-bottom: 50px;}
.about-service .left .text{font-size: 16px;line-height: 28px;text-align: justify;margin-bottom: 45px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.about-service .left ul{margin-bottom: 65px;}
.about-service .left li{line-height: 32px;font-size: 18px;padding-left: 45px;position: relative;}
.about-service .left li::before{content: url(../../images/index-20.webp);position: absolute;left: 0;}
.about-service .dexiang{display: inline-flex;width: 260px;font-size: 18px;}


.all-nav{gap: 1px;}
.all-nav .dexiang{border: none;}
.all-nav .dexiang::after{opacity: 0;}
.all-nav li.active a,.all-nav li:hover a{background-color: var(--public-color-b);}
.all-nav li.active .dexiang::after,.all-nav li:hover .dexiang::after{opacity: 1;opacity: .4;}

h1.all-row-line{font-size: 48px;line-height: 56px;color: #333;font-weight: bold;letter-spacing: -2px;display: flex;align-items: center;position: relative;}
h1.all-row-line::after{content: url(../../images/news-3.webp);top: auto;position: absolute;left: 0;z-index: -1;}

.news-list-paper,.video-paper,.certificates-paper{padding-top: 90px;padding-bottom: 390px;}
.news-list-paper .top-head,.video-paper .top-head,.certificates-paper .top-head{display: flex;justify-content: space-between;align-items: center;margin-bottom: 170px;}
.news-list-paper .row{margin: 0 -20px;gap: 40px 0;}
.news-list-paper .col-md-4{padding: 0 20px;}
.news-list-paper .list{padding: 20px 20px 40px;background-color: #ffffff;border: solid 2px rgba(221, 221, 221, 0.6);height: 100%;transition: all .4s ease-in-out;}
.news-list-paper .list .img{margin-bottom: 40px;}
.news-list-paper .list .box{padding-left: 10px;}
.news-list-paper .list .time{font-size: 16px;line-height: 19px;color: #666;position: relative;padding-left: 80px;margin-bottom: 25px;display: flex;align-items: center;}
.news-list-paper .list .time span{position: relative;display: inline-flex;align-items: center;}
.news-list-paper .list .time span::after{content: "";width: 4px;height: 4px;background-color: var(--public-color);border-radius: 100%;display: inline-block;margin: 0 7px;}
.news-list-paper .list .time::before{content: "";width: 50px;height: 1px;background-color: var(--public-color);position: absolute;left: 0;top: 8px;}
.news-list-paper .list .t1{font-size: 18px;line-height: 26px;font-weight: bold;margin-bottom: 25px;}
.news-list-paper .list .cont{font-size: 16px;line-height: 26px;color: #999;}
.news-list-paper .list:hover{border-color: var(--public-color);transform: translateY(-5px);}


.contact-index{padding-top: 85px;}
.contact-index .content{display: flex;justify-content: space-between;padding-bottom: 100px;}
.contact-index .left{width: 45%;font-size: 16px;line-height: 30px;padding-top: 125px;}
.contact-index .left .text{margin-bottom: 40px;}
.contact-index .left .d{display: grid;grid-template-columns:40px auto;grid-gap: 30px;align-items: center;margin-bottom: 10px;}
.contact-index .left .d:hover .img-1{background-color: var(--public-color);}
.contact-index .left .img-1{width: 40px;height: 40px;border-radius: 100%;background-color: var(--public-color-b);display: flex;justify-content: center;align-items: center;transition: all .3s ease-in-out;}
.contact-index .left .font-sty{font-size: 18px;line-height: 30px;color: #666;}
.contact-index .left .d1{display: flex;gap: 10px;}
.contact-index .left .cont-box{margin-bottom: 80px;}
.contact-index .left li{font-size: 18px;color: #666;letter-spacing: -.5px;padding-left: 35px;position: relative;margin-bottom: 15px;}
.contact-index .left li:last-child{margin-bottom: 0;}
.contact-index .left li::before{content: url(../../images/sign-2.webp);position: absolute;left: 0;}
.contact-index .right {width: 50%;box-shadow: 0px 60px 150px 0px rgba(0, 0, 0, 0.1);background-color: rgba(255, 255, 255, 0.6);padding: 105px 80px 80px 75px;position: relative;}
.contact-index .right::before{content: "";background:url(../../images/con-4.webp) no-repeat bottom;background-size: contain;position: absolute;left: -80px;bottom: -100px;width: 545px;height: -webkit-fill-available;z-index: -1;}
.contact-index .right .title{color: var(--public-color);margin-bottom: 60px;}
.contact-index .right .form-control{border: 1px solid #ddd;border-radius: 4px;padding: 15px 20px;}
.contact-index .right .form-control::placeholder{font-size: 16px;color: #999;}
.contact-index .right .form-control:focus{border-color: var(--public-color);}
.contact-index .right .form-control:focus::placeholder{color: #333333;}
.contact-index .right .form-row{margin: 0 -10px;}
.contact-index .right .col-md-6,.contact-index .right .col-md-12{padding: 0 10px;margin-bottom: 20px;}
.contact-index .right .form-row:nth-last-of-type(2){margin-bottom: 40px;}
.contact-index .right .btn-box{display: flex;justify-content: flex-end;}
.contact-index .right .dexiang{width: 200px;font-size: 18px;padding: 0;justify-content: center;}

.contact-blog .home-blog .content::after{display: none;}

.faq-paper{padding-top: 85px;padding-bottom: 435px;}
.faq-paper h1{margin-bottom: 145px;}
.faq-paper .content{display: flex;justify-content: space-between;gap: 130px;}
.faq-paper .aside{min-width: 220px;width: 220px;}
.faq-paper .aside li{width: 100%;}
.faq-paper .aside .dexiang{width: 100%;display: flex;justify-content: center;padding: 0;}
.faq-paper .article{width: 90%;}
.faq-paper .items{background-color: #ffffff;box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);padding: 20px 45px 30px 30px;margin-bottom: 20px;}
.faq-paper .items.active{padding-bottom: 50px;}
.faq-paper .all-faq .circle-icon{color: #000;font-weight: bold;}
.faq-paper .all-faq .quen-q{font-size: 24px;color: #666;font-weight: 500;letter-spacing: -1px;}
.faq-paper .all-faq .quen-a{font-size: 18px;line-height: 32px;color: #666;}


.downlist-paper{padding-top: 85px;padding-bottom: 125px;position: relative;}
.downlist-paper::after{content: "";background: url(../../images/down-2.webp) no-repeat right bottom;background-size: contain;width: 545px;height: -webkit-fill-available;position: absolute;right: 50px;bottom: 0;z-index: -1;}
.downlist-paper h1{font-size: 48px;line-height: 56px;letter-spacing: -2px;display: flex;align-items: center;margin-bottom: 35px;}
.downlist-paper h1::before{top: auto}
.downlist-paper .content{display: flex;justify-content: space-between;}
.downlist-paper .left{width: 45%;padding-top: 105px;}
.downlist-paper .right{width: 50%;}
.downlist-paper .left p{font-size: 16px;line-height:30px;color: #666;margin-bottom: 55px;}
.downlist-paper .form-feedback{border-top: 2px solid rgba(43, 28, 0, .08);}
.downlist-paper .form-row{border-bottom: 2px solid rgba(43, 28, 0, .08);}
.downlist-paper .form-row:last-child{border-bottom: none;}
.downlist-paper .form-control{border: none;padding: 15px 0;}
.downlist-paper .form-control::placeholder{font-size: 16px;}
.downlist-paper .col-md-6,.downlist-paper .col-md-12{margin-bottom: 0;}
.downlist-paper .form-row:nth-last-of-type(2){margin-bottom: 50px;}
.downlist-paper .form-row:nth-last-of-type(2) .form-group{margin-top: 15px;}
.downlist-paper .dexiang-1{font-size: 18px;}
.downlist-paper .left{width: 44%;}
.downlist-paper .right{width: 45%;}
.downlist-paper .right .img{margin-left: -80px;}
.downlist-paper .right .img img{mix-blend-mode: darken;}
.downlist-paper .col-md-8.form-group .form-control{border: 1px solid #ced4da;}


.certificates-paper .row{margin: 0 -13px;gap: 60px 0;}
.certificates-paper .col-md-3{padding: 0 13px;}
.certificates-paper .list:hover{transform: translateY(-5px);}
.certificates-paper .list{transition: all .5s ease-in-out;}
.certificates-paper .list:hover .img{background-color: #ffffff;box-shadow: 0px 0px 50px 0px rgba(0, 65, 120, 0.1);}
.certificates-paper .img{padding: 20px;background-color: rgba(9, 60, 115, .05);margin-bottom: 40px;transition: all .3s ease-in-out;}
.certificates-paper .t1{font-size: 18px;line-height: 32px;letter-spacing: -1px;color: #333;font-weight: 400;display: inline-flex;align-items: center;padding-left: 60px;position: relative;}
.certificates-paper .t1::before{content: "";width: 40px;height: 3px;background-color: var(--public-color);border-radius: 1px;position: absolute;left: 0;}


.video-paper{padding-bottom: 230px;overflow: hidden;}
.video-paper .v{border-radius: 14px;overflow: hidden;}
.video-paper .v iframe{border-radius: 14px;}
.video-paper .t1{font-size: 16px;line-height: 26px;color: #333;letter-spacing: -1px;font-weight: 500;margin-top: 20px;}
.video-paper .row{margin: 0 -20px;gap: 40px 0;}
.video-paper .col-md-4{padding: 0 20px;}
.video-paper .content{margin-bottom: 60px;}


/*news-in-paper*/
.news-in-banner.in-banner .small-nav{max-width: 1630px;width: 100%;}
.news-in-paper{margin-top:115px;margin-bottom:360px}
.news-in-paper .h1{font-size:36px;line-height:48px;color:#333;font-weight:bold;margin-bottom: 50px;letter-spacing: -2px;}
.news-in-paper .type-time{border-bottom:1px solid #e5e5e5;color: var(--public-color);padding-bottom: 25px;display: flex;gap: 30px;font-size: 16px;}
.news-in-paper .time{font-size: 16px;line-height: 19px;color: #666;position: relative;padding-left: 80px;display: flex;align-items: center;}
.news-in-paper .time span{position: relative;display: inline-flex;align-items: center;}
.news-in-paper .time span::after{content: "";width: 4px;height: 4px;background-color: var(--public-color);border-radius: 100%;display: inline-block;margin: 0 7px;}
.news-in-paper .time::before{content: "";width: 50px;height: 1px;background-color: var(--public-color);position: absolute;left: 0;}
.news-in-paper .article .content{color:#999;line-height:28px;font-size:16px;border-bottom:1px solid #e5e5e5;padding-bottom:40px;padding-top:40px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.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: 36px;color: #333;margin-bottom: 25px;font-weight: bold;letter-spacing: -1px;}
.news-in-paper .article h4{font-size: 24px;line-height: 32px;color: #333;font-weight: 500;margin-bottom: 15px;}
.news-in-paper .box-tail{font-size:18px;line-height:30px;margin-top:54px;display:flex;justify-content:space-between}
.news-in-paper .box-tail .left{width:75%}
.news-in-paper .box-tail .right{width:20%;display:flex;justify-content:flex-end}
.news-in-paper .box-tail .right .dexiang{width: 200px;min-width: 200px;font-size: 18px;font-weight: 500;padding: 0;display: flex;justify-content: center;}
.news-in-paper .box-tail .left p{display:flex}
.news-in-paper .box-tail .left p a{display:inline-flex;transition:all .6s;color:#666;font-size:18px;line-height:30px;}
.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 a:hover span{color: var(--public-color);}
.news-in-paper .box-tail .left p span{color:#000;display:block;font-weight:bold;font-size: 18px;letter-spacing: -1px;padding-right:0px;}
.news-in-paper .box-tail .left p:first-child{margin-bottom:10px}
/* .news-in-paper .aside{padding:0px;position:sticky;top:90px;height:fit-content;overflow: auto;}
.news-in-paper .aside::-webkit-scrollbar{
    background-color: transparent;
    width: 5px;
}
.news-in-paper .aside:hover::-webkit-scrollbar-thumb{background-color: rgba(0, 116, 160, 1);border-radius: 10px;}    */
.news-in-paper .aside>div{background-color: #f8f8f8;padding:30px;border-bottom: 4px solid var(--public-color);}
.news-in-paper .other-news .h4{margin-bottom: 40px;}
.news-in-paper .aside-con{margin-bottom: 40px;}
.news-in-paper .h4{font-size: 32px;color: var(--public-color);font-weight: bold;letter-spacing: -2px;padding: 45px 0;position: relative;display: flex;align-items: center;}
.news-in-paper .h4::before{content: "";background: url(../../images/p-l-2.webp) no-repeat;background-size: contain;width: 96px;height: -webkit-fill-available;position: absolute;left: 0;}
.news-in-paper .aside .all-more{font-size: 20px;margin-bottom: 10px;}
.news-in-paper .aside img.b{display: none;}
.news-in-paper .aside img.g{display: inline-block;}
.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 .aside .a-box{display: inline-flex;flex-direction: column;}
.news-in-paper .aside .a-box a{margin-bottom: 15px;font-size: 18px;color: #666666;border-bottom:rgba(221, 221, 221, .4);}
.news-in-paper .aside .a-box a:last-child{margin-bottom: 0;}
.news-in-paper .aside .a-box a:hover{color: var(--public-color-p);}
.news-in-paper .aside .a-box{margin-bottom: 40px;}
.news-in-paper .aside .dexiang{margin-bottom: 45px;}
.news-in-paper span.img-small{width: 24px;display: inline-block;text-align: center;margin-right: 15px;}
.news-in-paper .other-news .t1{font-size: 18px;line-height: 24px;color: #666;letter-spacing: -1px;font-weight:400;margin-bottom: 15px;}
.news-in-paper .other-news .t1:hover{color: var(--public-color-p);}
.news-in-paper .other-news .time{font-size: 16px;line-height: 30px;color: #666;font-weight: 300;margin-bottom: 10px;}
.news-in-paper .other-news .list:last-child{padding-bottom: 0;}
.news-in-paper .a-news{height: 15px;display: flex;align-items: center;line-height: auto;}
.news-in-paper .a-news .line{display: block;}
.news-in-paper .other-news .list:hover .line{display: none;animation: bounceIn .6s ease-in-out;}
.news-in-paper .a-news .arrow{display: none;}
.news-in-paper .other-news .list:hover .arrow{display:flex;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;}

.news-in-paper .all-product .col-md-4{padding-left: 30px;padding-right: 30px;}
/* .news-in-paper .all-product .row{margin-left: -30px;margin-right: -30px;} */
.news-in-paper .main-top{display: flex;justify-content: space-between;align-items: flex-start;;margin-bottom: 155px;}

.news-products .title{display: flex;align-items: center;margin-bottom: 60px;}
.news-products .title::after{content: url(../../images/p-l-2.webp);position: absolute;left: 0;}
.news-products .content{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 27px;border-top: 2px solid  rgba(221, 221, 221, .6);padding-top: 50px;}
.news-products .list{border: solid 2px rgba(221, 221, 221, 0.6);padding: 0 30px 0px;transition: all 0.3s ease-in-out;overflow: hidden;}
.news-products .list .img{display: flex;justify-content: center;}
.news-products .list .img img{max-width: 130%;width: 130%;}
.news-products .model{font-size: 16px;color: var(--public-color);font-weight: bold;margin-bottom: 5px;}
.news-products .t1{font-size: 18px;line-height: 26px;color: #333;letter-spacing: -1px;font-weight: bold;}
.news-products .t1.row-line-1::after{content: "";width: 80px;height: 2px;background-color: var(--public-color);display: block;margin: 15px 0 25px;}
.news-products .list .cont{color: #999;font-size: 16px;line-height: 28px;}
.news-products .list:hover{border-color: var(--public-color);}

@media(max-width:1320px){
    .news-in-paper .aside-box-1{padding: 40px 35px 50px 35px}
}

.news-in-paper .all-nav .more:first-child:before{width: 15em;}
.news-in-paper .all-nav .more::before{width: 20em;}
.news-in-paper .all-nav-hr hr{width: 100%;}


.main-box{display: flex;gap:50px;margin-top: 115px;}
.main-box .main-left{position:sticky;top:90px;min-width: 330px;margin-bottom: 80px;overflow: auto;height: fit-content;margin-top: -40px;}

.main-box .main-left::-webkit-scrollbar{
    background-color: transparent;
    width: 5px;
}
.main-box .main-left:hover::-webkit-scrollbar-thumb{background-color: rgba(251,176,59, 1);border-radius: 10px;}   
.main-box .main-top{max-width:1300px;margin-left: auto;}
.main-box .aside{width:30%;border-radius:8px;}
.main-box .article{width:65%;}
.main-box .main-left-box .table-title{font-size:32px;line-height: 32px;color: var(--public-color);font-weight: bold;letter-spacing: -1px;padding: 45px 0;margin-bottom: 30px;position: relative;display: flex;align-items: center;}
.main-box .main-left-box .table-title::before{content: "";background: url(../../images/p-l-2.webp) no-repeat;background-size: contain;width: 115px;height: -webkit-fill-available;position: absolute;}
.main-box .main-left-box .h2 a{font-size: 22px;line-height: 32px;color: #333;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;
}
.main-box .main-left-box .h2{padding-bottom: 15px;}
.main-box .name-box {padding-bottom: 10px;}
.main-box .name-box ul{padding-left: 30px;margin-left: 0px;padding-top: 40px;padding-bottom: 20px;border-top: 1px solid #e5e5e5;}
.main-box .name-box li{position: relative;margin-bottom: 25px;}
.main-box .name-box li::before{content: url(../../images/sign-12.webp);width: 20px;height: 15px;text-align: right;position: absolute;left: -30px;top: 0;}
.main-box .name-box li:hover::before{content: url(../../images/sign-11.webp);}
.main-box .name-box li a{color: #666666;font-size: 20px;line-height: 26px;position: relative;display: inline-flex;justify-content: center;opacity: .9;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.main-box .name-box li::before{content:"";width: 6px;height: 6px;background-color: #999;position: absolute;left: -25px;top: 10px;}
.main-box .name-box li:hover::before{content: "\f061";width: auto;height: auto;background-color: transparent;font-family: cmsfont;top: -2px;left: -25px;margin-top: 0;color: var(--public-color);}

/* .main-box .aside .t4{font-size: 22px;line-height: 32px;margin-bottom:15px;font-weight: bold;} */
/* .main-box .aside .cont{font-size: 18px;line-height: 22px;} */
.main-box .aside .more-6{background-color: var(--public-color-red);border-color: var(--public-color-red);border-radius: 8px;margin-left: auto;margin-right: auto;margin-top:30px;height:auto;padding:7px 20px;}

@media(max-width:1570px){
    .news-in-paper .aside .dexiang{padding: 0 20px;}
}
@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;}
}
@media(max-width:1440px){
    .news-in-paper .aside>div {padding: 0 10px;}
    .news-in-paper .aside .dexiang{padding: 0 10px;}
}
@media(max-width:1380px){
    .main-box .name-box ul {padding-top: 20px}
    .main-box .name-box li:last-child{margin-bottom: 0;}
}
@media(max-width:1340px){
    .news-in-paper .other-news .t1 {font-size: 18px;line-height: 28px;}
}
@media(max-width:1330px){
    .news-in-paper .h1{font-size: 32px;line-height: 44px;margin-bottom: 36px;letter-spacing: -1px;}
    .news-in-paper .article h2 {font-size: 26px;}
    .news-in-paper .article h4 {font-size: 22px;}
}
@media(max-width:1260px){
    .main-box .main-top{max-width: 1330px;}
    .main-box .article{width: 60%;}
    .main-box .aside{width: 37%;}
    .news-in-paper .aside>div {padding: 0 25px;}
    .news-in-paper .article h4 {font-size: 20px;}
}
@media(max-width:1170px){
    .main-box .main-left {min-width: 270px;}
    .main-box .main-left-box .table-title {font-size: 20px;padding: 20px 20px 20px 25px;}
    .main-box .main-left-box .table-title::before {width: 20px;height: 20px;top: 25px;}
}
@media(max-width:768px){
    .main-box .main-left{max-width: none;width: auto;min-width: auto;}
    .news-in-paper .h1{margin-bottom: 15px;}
    .news-in-paper .type-time {padding-bottom: 15px;}
    .news-in-paper .article h2{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .news-in-paper .article h4{font-size: 16px;line-height: 24px;}
    .news-in-paper .box-tail .left p{font-size: 16px;line-height: 30px;}

    .news-in-paper{margin-bottom: 30px;margin-top: 0px;padding-top: 0px;}
    .news-in-paper .article{width: 100%;}
    .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;}
    .news-in-paper .box-tail .left p:first-child{margin-bottom: 15px;}
    .news-in-paper .box-tail .right{margin-bottom: 20px;}
    .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{flex-wrap: wrap;margin-bottom: 50px;}
    .news-in-paper .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;}

    .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: transparent;}
    .main-box .main-left-box .h2 a {font-size: 18px;line-height: 26px;}
    .main-box .main-left-box .h2{margin-bottom: 0px;padding-bottom: 15px;}
    .main-box .name-box ul {padding: 10px 0 10px 10px}
    .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: 0px;}
    .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: 75px;z-index: 2;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: 20px;padding-top: 20px;}
    .main-box .table-title .s1{display: none;color: #fff;}
    .main-box .table-title .s2{display: flex;color:#fff;}
    .main-box .table-title {background-color: var(--public-color-red);}
    .main-box .table-title.active .s1{display: flex;align-items: center;justify-content: space-between;padding-right: 15px;}
    .main-box .table-title.active .s1 strong{color: var(--public-color-red);}
    .main-box .table-title.active .s2{display: none;}
    .main-box .main-left-box{border: none;}
    .main-box .main-left-box .table-title{padding: 10px;margin-bottom: 0;}
    .main-box .main-left-box .table-title.active{left: 0;}
    .main-box .main-left{width: 0;}
    .main-box{gap: 0;}
    .main-box .main-top{width: 100%;}

    .news-in-paper .box-tail .left p a{font-size: 16px;line-height: 24px;}
    .main-box .aside .h4{padding: 10px 0;letter-spacing: -1px;}
    .news-in-paper .aside .dexiang{margin-bottom: 25px;}
    .news-in-paper .aside .a-box a {font-size: 16px;margin-bottom: 10px;}
    .news-in-paper .aside .a-box {margin-bottom: 10px;}
    .news-in-paper .other-news .h4{margin-bottom: 15px;}
    .news-in-paper .other-news .list {padding-bottom: 20px;}
    
}


.video-nr{position:relative;background:#f4f6f9;padding:30px;height:910px;display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #ddd;}
.video-nr .v-content{width:76%;height:100%;overflow:auto;}
.video-nr .v-content::-webkit-scrollbar{display:none;}
.video-nr .v-content .v-title{font-size:40px;color: #333;font-weight: 600;margin-top:15px;margin-bottom:15px;}
.video-nr .v-content .v-desc{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;height: 55px;background-color: var(--public-color);color: #666;border-radius: 16px;padding-left: 15px;margin-bottom: 65px;}
.video-nr .v-content .v-desc .left{font-size:16px;color:#fff;}
.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:#fff;border:none; display: inline-flex;padding:0px 30px 0 26px;border-radius:10px;align-items:center;color:var(--public-color);font-size: 20px;line-height: 24px;height: 55px;}
.video-nr .v-content .v-desc .right .v-ly i{margin-right:8px;}
.video-nr .v-content .v-desc .right .v-ly .icon-comment-alt-lines:before{font-size: 22px;}
.video-nr .v-content .v-desc .right .v-ly:hover{background-color: transparent;color: var(--public-color);}
.video-nr .v-content .v-desc .right .v-fx{background:transparent;border:none;display: inline-flex;margin-left:15px; padding:0 35px 0 43px;border-radius:10px;align-items:center;color:#fff;height: 55px;}
.video-nr .v-content .v-desc .right .v-fx i{margin-right:8px;}
.video-nr .v-content .v-desc .right .v-fx:hover{background:#fff;border-color:none;color:var(--public-color) !important;}
.video-nr .v-content .v-desc .right .v-fx .icon-share-alt:before {font-size: 22px;}
.video-nr .v-content .v-nr{padding:20px 0 50px;font-size:16px;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-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center; font-size:20px;line-height: 24px;font-weight:600;line-height:32px;margin-bottom:15px;padding-bottom:35px;margin-top:10px;position: relative;padding-left: 22px;color: #333;}
.video-nr .v-content .v-title2::before{content: "";width: 4px;height: 20px;background-color: var(--public-color-p);position: absolute;left: 0;top: 6px;}
.video-nr .v-content .v-title2 .right{font-size:16px;line-height:24px;color:var(--public-color-p);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{width:22%;height:100%;overflow:auto;}
.video-nr .v-side::-webkit-scrollbar{display:none;}
.video-nr .v-side .v-pro{background:#fff;padding:15px;border-radius:20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.video-nr .v-side .v-pro .img{width:30%;}
.video-nr .v-side .v-pro .text{width:67%;}
.video-nr .v-side .v-pro .text .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 .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-rel{background:#fff;padding:15px;border-radius:20px;}
.video-nr .big-t1{font-size:20px;line-height:24px;font-weight:600;margin-bottom:15px;color: #333;position: relative;padding-left: 14px;}
.video-nr .big-t1::before{content: "";width: 4px;height: 20px;background-color: var(--public-color-p);position: absolute;left: 0;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 .left iframe{border-radius: 28px;}
.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 .t2{font-size:12px;color:#999;line-height:20px;}
.video-nr .v-pro .d{display: flex;align-items: center;gap: 75px;}
.video-nr .v-pro .d>div{display: flex;align-items: center;}
.video-nr .v-pro .area::before{content: url(../../images/p-l-sign-1.webp);margin-right: 12px;line-height: 0;}

.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;}

@media(max-width:768px) {
    .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:15px;}
    .video-nr .v-content{width:100%;}
    .video-nr .v-side{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;}
}

.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:768px) {
    .reveal-modal#mb-share{left: 10%;
    margin-left: -5%;
    width: 90%;}
}

.p-l-video{padding: 80px 0;margin-bottom: 80px;background-color: #f4f4f4;}
.p-l-video .title{margin-bottom: 60px;}
.p-l-video .content{position: relative;}
.p-l-video .swiper-video{overflow: hidden;}
.p-l-video .video-item .t1{font-size: 18px;line-height: 30px;color: #666;font-weight: 500;padding: 20px 15px;}
.p-l-video .video-item{transition: transform .4s ease-in-out;background-color: #fff;height: 100%;position: relative;}
.p-l-video .video-item::after{content: "";width: 100%;height: 4px;background-color: var(--public-color);position: absolute;left: 0;bottom: 0;}
.p-l-video .video-item:hover{transform: translateY(-10px);}
.p-l-video .swiper-slide{height: auto;}

.p-d-details .content{display: grid;grid-template-columns: repeat(3,1fr);gap: 35px;}
.p-d-details .content .list{overflow: hidden;}
.p-d-details .img{margin-bottom: 40px;}
.p-d-details .h5{font-size: 24px;color: #333;font-family: '600';}



@media(max-width:1840px){
    .home-cust::before {width: 25%;}
}
@media(max-width:1710px){
    .home-cust{height: 196px;}
    .home-cust::before {width: 20%;height: 390px;}
}
@media(max-width:1640px){
    .product-index-paper .content .row-line::before {width: 65px;left: -75px;}
    .pro-top-head .row-line::before {width: 65px;left: -75px;}
    .p-l-video{padding-left: 75px;padding-right: 75px;}
    .row-line::before{
        position: absolute;
        top: -30px !important;
        left: 0 !important;
    }
    .home-quality .row-line::before,.home-service .row-line::before{top: -10px !important;left: 0 !important;}
    .sol-list-pro .items .row-line::before{top: auto !important;left: -115px !important;}
    .all-banner h1{font-size: 42px;margin-top: 30px;}
    .all-banner .row-line::before{display: none;}

    .about-quality .title::before{top: 20px !important;left:-115px !important;}
    .every-footer .right {width: 45%;}
}  
@media(max-width:1620px){
    .every-footer .title-xl {font-size: 38px;line-height: 56px;right: -76px;}
}
@media(max-width:1590px){
    .about-zhu .title {margin-bottom: 35px;}
    .about-zhu .left {width: 55%;}
    .about-zhu .right {width: 42%;}
}
@media(max-width:1560px){
    .product-index-paper .content .row-line::before{width: 55px;left: -65px;}
    .pro-used .pro-top-head{padding-left: 75px;}
} 
@media(max-width:1550px){
    .home-about .content,.p-c-img{padding: 0 55px;}
    .home-about .all-prev::after{left: -20px;}
    .home-about .all-next::after{right: -20px;}
    .product-index-paper .content{padding: 0 55px;}
    .p-c-img .all-prev::after{left: -20px;}
    .p-c-img .all-next::after{right: -20px;}
}
@media(max-width:1510px){
    .home-cust{height: 160px;}
    .home-cust::before {height: 320px;}
    .sol-list-pro .list .pro-compare{left: 5px;bottom: 5px;}
    .sol-list-pro {gap: 45px;}
}
@media(max-width:1500px){
    .every-footer .right{width: 40%;}
    .every-footer .title-xl {font-size: 38px;line-height: 56px;right: 0px;}
}
@media(max-width:1460px){
    .home-cust::before {width: 18%;}
    .home-about .all-prev::after{left: 0px;}
    .home-about .all-next::after{right: 0px;}
    .p-c-img .all-prev::after{left: 0px;}
    .p-c-img .all-next::after{right: 0px;}
    .p-d-details .img{margin-bottom: 25px !important;margin-bottom: 20px;}
    .p-d-details .h5 {font-size: 22px !important;}
    .sol-list-pro .items {gap: 0 30px;}
    .sol-list-pro .items .t1{margin-bottom: 30px;}
    .sol-list-pro .items .text p {margin-bottom: 20px;}
    .sol-list-pro .items .row-line::before{left: -85px !important;}
}
@media(max-width:1430px){
    .every-footer .left {width: 42%;}
    .every-footer .right{width: 46%;}
    .every-footer .title-xl {font-size: 38px;line-height: 56px;right: 0px;}
    .about-zhu .left{width: 52%;}
    .about-zhu .right{width: 50%;}
    .about-quality .content{gap: 0 55px;}
    .about-quality .right .title{margin-bottom: 30px;}
    .about-quality .right .text p{margin-bottom: 15px;}
    .index-banner h1{font-size: 52px;line-height: 60px;}
}
@media(max-width:1340px){
    .every-footer .all-from{padding: 90px 55px 55px 54px;}
    .p-l-video .video-item .t1{font-size: 17px;}
}
@media(max-width:1300px){
    .home-cust::before{width: 16%;}
    .home-cust .title {font-size: 30px;}
    .home-cust .content{width: 85%;}
    .solutions-bottom .content-1 .right {background-size: 100% 100%;}
}
@media(max-width:1230px){
    .sol-list-pro .list li{gap: 0 10px;}
    .sol-list-pro .list strong {font-size: 14px;}
}
@media(max-width:1000px){
    .detail-nav,.detail-nav.fadeInDown{display: none;}
}

@media(max-width:768px){
    .title{font-size: 22px !important;line-height: 32px !important;margin-bottom: 15px !important;}
    .left,.right{width: 100% !important;}
    .row-line::before {top: -15px !important;}
    .text{font-size: 14px !important;line-height: 20px !important;}
    .text p{margin-bottom: 10px !important;}
    .text p:last-child{margin-bottom: 0 !important;}
    .all-pag{bottom: 10px !important;left: 0 !important;}
    .dexiang{padding: 0 20px !important;height: 42px !important;}
    .all-prev{left: 0;}
    .all-next{right: 0;}
    .home-pro-next{top: 30%;}
    .home-pro-prev{top: 30%;}
    .h6{font-size: 16px !important;line-height: 24px !important;margin-bottom: 10px !important;}

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

    .index-banner h1{font-size: 24px !important;line-height: 32px !important;padding-bottom: 15px;letter-spacing: 0px;}
    .index-banner h1 span{display: inline;}
    .index-banner .content::before{width: -webkit-fill-available;height: 117px;}
    .home-top {padding-top: 50px;padding-bottom: 30px;}
    .home-pro{margin-bottom: 55px;}
    .home-pro-top{flex-wrap: wrap;margin-bottom: 45px;}
    .home-pro-top .title-xl{font-size: 22px;line-height: 32px;margin-bottom: 15px;}
    .home-pro-top .left .text{font-size: 14px;line-height: 20px;margin-bottom: 25px;}
    .home-pro-name{padding-left: 15px;}
    .home-pro-name li {margin-bottom: 10px;}
    .home-pro-top .left .t1{font-size: 16px;line-height: 24px;padding-left: 15px;}
    .home-pro-top .left .t1.arrow-1::after{top: 0;}
    .swiper-home-pro .box{padding: 20px 15px;}
    .home-pro-top .right .home-pro-next::after{right: 0px;}
    .home-pro-top .right .home-pro-prev::after{left: 0px;}
    .home-pro-bottom{grid-template-columns: repeat(1, 1fr);}
    .home-pro-bottom .list {padding: 10px 0 0 0 ;}
    .home-pro-bottom .img{margin-bottom: 25px;height: 190px;}
    .home-pro-bottom .t1 {font-size: 20px;margin-bottom: 20px;}
    .home-pro-bottom li {padding-left: 22px;}
    .home-pro-bottom .box{padding: 0 20px 0;}
    .home-sol .top-head{width: 100%;margin-bottom: 25px;}
    .home-sol .content{flex-wrap: wrap;align-items: flex-start;height: auto;}
    .home-sol-xl::after{top: 0;}
    .home-sol .left{position: relative;}
    .home-sol .items{z-index: 1;opacity: 1;position: relative;}
    .home-sol .items>img{width: auto;height: 100%;max-width: none;}
    .home-sol .items-xl{padding: 20px;display: block;}
    .home-sol .items .img{width: 65px;height: 65px;padding: 10px;}
    .home-sol .h4{font-size: 20px;margin-bottom: 15px;}
    .home-sol .items .text{margin-bottom: 25px;}
    .home-sol .h5{margin-bottom: 15px;}
    .home-sol li {padding-left: 27px;}
    .home-sol li::before{top: 0px;}
    .home-sol .left{margin-bottom: 20px;}
    .home-cust{height: auto;flex-wrap: wrap;padding: 30px 0;}
    .home-cust::before{display: none;}
    .home-cust .content{width: 100%;}
    .home-cust .d{flex-direction: column;align-items: flex-start;padding-bottom: 0;border-bottom: none;}
    .home-about{padding: 30px 0;margin-bottom: 30px;}
    .home-about .h6{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
    .home-about .top-head .text{margin-bottom: 25px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    }
    .home-about .top-head{margin-bottom: 30px;}
    .home-about .content, .p-c-img {padding: 0 35px;}
    .home-quality .top-head{flex-wrap: wrap;margin-bottom: 25px;}
    .home-quality .h6{font-size: 16px;margin-bottom: 25px !important;}
    .home-quality .title span{display: inline;}
    .home-quality li{padding-left: 25px;}
    .home-quality .content{grid-template-columns: repeat(1, 1fr);margin-bottom:40px}
    .home-quality .list{padding: 20px 15px;}
    .home-quality .list .img{width: 80px;height: 80px;padding: 20px;margin-bottom: 15px;}
    .home-quality .list .t1{margin-bottom: 15px;}
    .home-quality .content-part{padding: 0px;gap: 10px;}
    .home-quality .img-1{flex: 0 0 30%;}
    .home-quality{margin-bottom: 30px;}
    .home-service .top-head .text{width: 100%;}
    .home-service .h6{margin-bottom: 25px !important;}
    .home-service .top-head{margin-bottom: 25px;}
    .home-faq{padding-top: 60px;overflow: hidden;}
    .home-faq .content{flex-wrap: wrap;}
    .home-faq .left{margin-bottom: 25px;}
    .all-faq .quen-q p{line-height: 24px;}
    .all-faq .quen-a{font-size: 14px;line-height: 20px;}
    .all-faq .items.active{margin-bottom: 20px;}
    .all-faq .items{margin-bottom: 25px;}
    .all-from{padding: 20px 15px;}
    .all-from .form-control::placeholder{font-size: 14px;line-height: 20px;}
    .home-news{padding: 60px 0 30px ;}
    .all-news .content{grid-template-columns: repeat(1, 1fr);}
    .all-news .t1{margin-bottom: 15px;}
    .all-news .box{padding-top: 15px;}
    .home-blog{height: auto;padding: 30px 0;}
    .home-blog .content{flex-wrap: wrap;}
    .home-blog .text{margin-bottom: 20px;}
    .home-blog .left{margin-bottom: 30px;}
    .home-blog .h5{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .home-blog ul{margin-top: 0;padding-top: 20px;}
    .home-blog ul li{padding-left: 25px;}
    

    .footer{padding-top: 30px;}
    .footer .footer-top{flex-wrap: wrap;}
    .footer .list-1,.footer .list-2,.footer .list-3{width: 100%;}
    .footer .logo{margin-bottom: 20px;}
    .footer .list-1 .text{margin-bottom: 20px;}
    .footer .t1{margin-bottom: 15px;}
    .footer .list-2 .box{gap: 5px;}
    .footer .font-sty, .footer a.font-sty{font-size: 14px;line-height: 20px;}
    .footer .footer-top{padding-bottom: 30px;}
    .footer .d1 p .font-sty:nth-child(1){width: 55px;margin-right: 5px;text-align: right;}
    .footer .d1 a.font-sty:nth-last-of-type(1){padding-left: 0;}

    .in-banner{padding-top: 10px;margin-bottom: 10px;}
    .small-nav ul li::before{margin: 0 5px;}
    .small-nav ul a{font-size: 14px;}

    .all-top-head{padding-top: 20px;width: 100%;margin-bottom: 30px;}
    .product-index-paper .content{padding: 0 ;margin-bottom: 50px;}
    .swiper-pro-index {padding-bottom: 30px;}
    .content-pro-index .all-pag{bottom: 0 !important;}
    .content-pro-index .all-pag span{background-color: var(--public-color);opacity: .2;}
    .content-pro-index .all-pag span.swiper-pagination-bullet-active{opacity: 1;}
    .product-index-paper .t1{font-size: 16px;line-height: 20px;}
    .product-index-paper .box{padding: 20px 15px;    }
    .product-index-paper{margin-bottom: 30px;}

    .every-footer{height: auto;}
    .every-footer .all-from{margin-top: 15px;padding: 20px 15px;}
    .every-footer .content{flex-wrap: wrap;flex-direction: column-reverse;padding: 30px 0;}
    .every-footer .title-xl{position: static;font-size: 22px;line-height: 32px;letter-spacing: -1px;}
    .every-footer .right::after{display: none;}
    .all-from .col-md-6, .all-from .col-md-12,.all-from .col-md-8 {margin-bottom: 10px;}
    .all-from .form-control{padding: 10px 5px;}
    .product-index-paper .list{display: flex;flex-direction: column;justify-content: space-between;}
    .all-from .col-md-8 {padding: 0 10px;}

    .pro-child-content .content{grid-template-columns: repeat(2, 1fr);grid-gap: 15px 20px;}
    .pro-child-content .list{overflow: hidden;}
    .pro-child-content .img{height: auto;}
    .pro-child-content .img img{width: 100%;max-width: 100%;height: auto;}
    .pro-child-content .t1{font-size: 12px;line-height: 16px;}
    .pro-child-content {margin-bottom: 80px;display:none;}
    .pro-list-content .content{flex-direction: column-reverse;padding-bottom: 30px;gap: 25px;}
    .all-top-head .title {letter-spacing: -1px;}
    .pro-list-content .list{padding: 0 15px 15px;}
    .pro-list-content .t1.row-line-1::after{margin: 10px 0 10px;}
    .pro-list-content .t1 {font-size: 16px;line-height: 24px;}
    .pro-list-content .list .cont {font-size: 14px;line-height: 20px;}
    .pro-list-content .list .pro-compare{bottom: 0;font-size: 14px;height: 30px;}
    .pro-list-content .menu-collapse{position: sticky;top: 50px;height: fit-content;}
    .pro-advantage{padding: 30px 0 50px;}
    .pro-advantage .pro-top-head{margin-bottom: 25px;}
    .pro-advantage .content {grid-template-columns: repeat(1, 1fr);}
    .pro-advantage .list-xl{padding: 20px 15px;}
    .pro-advantage .sign{width: 32px;height: 32px;top: 16px;}
    .pro-top-head .title{flex-wrap: wrap;letter-spacing: -1px;display: inline;}
    .pro-guide .pro-top-head{width: 100%;margin-bottom: 25px;}
    .pro-guide .content{overflow-x: scroll;}
    .pro-guide .box-1 div{display: flex;flex-direction: column;font-size: 14px;line-height: 20px;letter-spacing: -1px;padding:10px;grid-gap: 0px;text-align: center;}
    .pro-guide .all-box div{display: flex;flex-direction: column;align-items: normal;grid-gap: 5px;padding: 10px 15px;font-size: 14px;
        line-height: 20px;
        letter-spacing: 0px;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word;
    }
    .pro-guide .box-1 .img {width: 65px;height: auto;align-items: center;justify-content: center;flex-direction: column;}
    .pro-guide .content .name, .pro-guide .content .box {grid-template-columns:160px 160px 160px}
    .pro-guide .box-1 .img::after{display: block;position: static;transform: rotate(90deg);margin-left: -10px;}
    .pro-guide .all-box div, .pro-guide .box-1 div{height: 200px;}
    .pro-guide .box{border:none}
    .pro-guide{margin-bottom: 50px;}
    .pro-optional .aside{width: 100%;}
    .pro-optional .aside .h2{letter-spacing: -1px;font-size: 20px;line-height: 28px;}
    .pro-optional .content{flex-wrap: wrap;}
    .pro-optional .article{width: 100%;padding: 0;background-size: 100% 100%;}
    .pro-optional .article .img {margin-bottom: 15px;}
    .pro-optional .article .h5{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .pro-optional{margin-bottom: 50px;}
    .pro-used .pro-top-head{padding-left: 0;margin-bottom: 25px;}
    .pro-used .content{grid-template-columns: repeat(2, 1fr);grid-template-rows:none}
    .pro-used .t1 {font-size: 14px;line-height: 20px;letter-spacing: -.2px;}
    .pro-used{margin-bottom: 30px;}
    .p-l-video{padding: 40px 0;margin-bottom: 40px;}    
    .p-l-video .all-prev::after{left: 0;}
    .p-l-video .all-next::after{right: 0;}
    .pro-top-head{margin-bottom: 15px;}
    .p-l-video .video-item .t1 {font-size: 16px;line-height: 24px;padding: 15px 10px;}
    .pro-faq .pro-top-head{width: 100%;}
    .pro-faq .content{flex-wrap: wrap;}
    .pro-faq .pro-top-head .text{margin-bottom: 20px;}
    .all-faq .items.active .quen-q {margin-bottom: 10px;}
    .all-faq .quen-a p{text-align: left !important;}
    .pro-faq{margin-bottom: 30px;}
    .pro-every{margin-bottom: 30px;}
    .pro-every .every-footer .content{flex-direction: row}
    .pro-every .every-footer .title-xl{margin-bottom: 20px;}
    .pro-every li{font-size: 16px;margin-bottom: 10px;}
    .pro-every li::before{top: 0;}
    .products-list-paper{padding-bottom: 30px;padding-top: 50px;}

    .p-c-zhu .in-banner{margin-bottom: 0;}
    .p-c-zhu .content{flex-wrap: wrap;flex-direction: column-reverse;margin-bottom: 30px;}
    .p-c-zhu h1{font-size: 24px;line-height: 32px;margin-bottom: 15px;padding-top: 30px;}
    .p-c-zhu .text{margin-bottom: 20px;}
    .p-c-zhu h1::after{display: none;}
    .p-c-zhu .size h5 {width: 140px;}
    .p-c-zhu .size{margin-bottom: 25px;}
    .p-c-zhu .a-btn{flex-wrap: wrap;}
    .p-c-zhu .product-thumb{margin-bottom: 0;}
    .p-c-zhu .product-thumb>div{padding-bottom: 30px;}
    .p-c-zhu .swiper-pagination span{background-color: var(--public-color);opacity: .2;}
    .p-c-zhu .swiper-pagination span.swiper-pagination-bullet-active{opacity: 1;}
    .p-c-zhu .right{margin-bottom: 30px;}
    .p-c-zhu .a-btn .dexiang{padding: 0 15px !important;}
    .p-c-zhu .a-btn .down {padding: 0 40px;}
    .dexiang-1{height: 42px;}
    .p-c-img{padding: 0 25px;margin-bottom: 30px;}
    .detail-nav,.detail-nav.fadeInDown{display: none;}
    .p-c-zhu{margin-bottom: 55px;}
    .p-d-desc .content{font-size: 14px;line-height: 20px;}
    .p-d-desc .content h3{font-size: 18px;line-height: 26px;}
    .p-d-content>div{margin-bottom: 40px;}
    .table-wrapper table td{font-size: 14px;line-height: 20px;padding: 10px 0;}
    .p-d-content{line-height: 20px;}
    .p-d-features li {font-size: 14px;line-height: 20px;}
    .p-d-details .content {grid-template-columns: repeat(2, 1fr);grid-gap: 20px 25px;}
    .p-d-details .img{margin-bottom: 15px !important;}
    .p-d-details .h5{font-size: 16px !important;}
    .p-d-options .top-head{margin-bottom: 25px;}
    .p-d-options .content{grid-template-columns: repeat(2, 1fr);grid-gap: 20px 25px;}
    .p-d-options .h5{font-size: 16px;line-height: 24px;}
    .p-d-faq .content{flex-wrap: wrap;}
    .p-d-faq .left{margin-bottom: 30px;}
    .p-d-faq .left .text {margin-bottom: 25px;}
    .p-d-faq{padding-bottom: 30px}
    .p-d-product{padding-top: 40px;margin-bottom: 40px;}
    .p-d-product .box{padding: 15px 10px;}
    .p-d-product .t1{font-size: 16px;letter-spacing: -1px;}
    .p-d-product .t1::after{display: none;}
    .p-d-product .col-md-4{width: 50%;}
    .pro-content{padding-bottom: 30px;}
    .p-d-options .list{padding: 10px 10px 20px;}

    .solutions-top{padding-top: 30px;padding-bottom: 30px;}
    .solutions-top h1{font-size: 24px;line-height: 32px;letter-spacing: -1px;}
    .solutions-top .top-head{width: 100%;margin-bottom: 20px;}
    .solutions-top .content{grid-template-columns: repeat(1, 1fr);}
    .solutions-top .box{padding: 35px 15px 20px;font-size: 20px;margin-bottom: 0px;}
    .solutions-top .dexiang{font-size: 16px;line-height: 24px;}
    .solutions-top .dexiang::before{left: -15px;top: 8px;}
    .solutions-top .a{margin-bottom: 10px;}
    .solutions-top .t1{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .solutions-bottom .content-1{padding-top: 30px;flex-wrap: wrap;gap: 30px;}
    .solutions-bottom .content-1 .left{margin-bottom: 0px;}
    .solutions-bottom .content-1 .right{padding: 20px;height: auto;}
    .solutions-bottom .content-1 .title-2{font-size: 22px;line-height: 32px;margin-bottom: 15px;}
    .solutions-bottom .content-1 .cont{font-size: 14px;line-height: 20px;}
    .solutions-bottom .content-2 .img{margin-bottom: 25px;}
    .solutions-bottom .content-2 .items{gap: 40px;flex-wrap: wrap;}
    .solutions-bottom .content-2 .list{flex: auto;}
    .solutions-bottom .content-2{padding-bottom: 30px;}
    .solutions-bottom .content-2 .img-1{margin-bottom: 15px;}

    .sol-list-pro{flex-wrap: wrap;margin-bottom: 30px;}
    .sol-list-pro .items{padding: 0;flex-wrap: wrap;gap: 30px;}
    .sol-list-pro .items .t1{font-size: 20px;line-height: 28px;margin-bottom: 15px;padding-left: 50px;}
    .sol-list-pro .items li{padding-left: 30px;}
    .sol-list-pro .content{margin-bottom: 30px;}
    .sol-list-pro .items .row-line::before{width: 40px;left: 0 !important}
    .sol-list-material{margin-bottom: 50px;}
    .sol-list-material .content{flex-wrap: wrap;gap: 30px}
    .sol-list-material .left{grid-template-columns: repeat(2, 1fr);}
    .sol-list-material .list .t2 {font-size: 16px;line-height: 24px;}
    .sol-list-material .list .t2::after{margin: 6px auto;width: 46px;}
    .sol-list-material .right .list{padding: 20px;}
    .sol-list-other .cont{height: auto;padding: 10px;}
    .sol-list-other .t1 {font-size: 16px;}
    .sol-list-other .content{grid-gap: 16px;grid-template-columns: repeat(2, 1fr);}    
    .sol-list-other .t1::after{margin-top: 20px;}
    .solutions-list-paper{padding-bottom: 30px;}

    .all-banner h1 {font-size: 24px;line-height: 32px;letter-spacing: -1px;}
    .about-zhu{padding: 30px 0;}
    .about-zhu .content{flex-direction: column;}
    .about-zhu .left {margin-bottom: 20px;}
    .about-zhu .h5{font-size: 16px;line-height: 24px;}
    .about-zhu .content{margin-bottom: 25px;}
    .about-zhu .items{flex-wrap: wrap;gap: 25px;}
    .about-zhu .list{flex: none;height: auto;padding: 30px 20px;width: 100%;}
    .about-zhu .list .sign {width: 50px;height: 50px;top: 20px;}
    .about-zhu .list .t1 {font-size: 20px;margin-bottom: 30px;}
    .about-cer{padding-top: 30px;margin-bottom: 30px;}
    .about-cer .top-head .text{margin-bottom: 25px;}
    .about-cer .top-head{margin-bottom: 25px;}
    .about-cer .content{gap: 30px;flex-direction: column;gap: 40px;}
    .about-cer .items .cont{font-size: 14px;line-height: 20px;}
    .about-cer .title-1{font-size: 22px;margin-bottom: 20px;letter-spacing: -1px;}
    .about-cer .items .left{width: 67% !important;}
    .about-cer .items .right{width: 30% !important;}
    .about-quality .content{margin-bottom: 30px;gap: 25px;flex-direction: column;}
    .about-qua-img{grid-template-columns: repeat(2, 1fr);grid-gap: 15px 10px;}
    .about-quality{padding-bottom: 30px;}
    .about-production{padding-top: 30px;margin-bottom: 50px;}
    .about-production .top-head .text{margin-bottom: 25px;}
    .about-production .top-head::after{margin-bottom: 30px;}
    .about-production .content{grid-template-columns: repeat(1, 1fr);}
    .about-production .img{margin-bottom: 15px;}
    .about-production .t1{font-size: 20px;line-height: 28px;letter-spacing: -1px;margin-bottom: 15px;}
    .about-production .list{padding-bottom: 20px;}
    .about-cer .items{align-items: center;}
    .about-production .list .cont{font-size: 14px;line-height: 20px;}
    .about-cust .top-head{width: 100%;margin-bottom: 30px;}
    .about-cust{margin-bottom: 50px;}
    .about-service .content{flex-direction: column-reverse;gap: 30px;}
    .about-service .left .text{margin-bottom: 25px;}
    .about-service .left li {padding-left: 30px;}
    .about-service .left ul{margin-bottom: 25px;}
    .about-index{padding-bottom: 30px;}

    .all-banner>img{height: 130px;width: auto;}
    .all-banner .small-nav {top: 15px;}
    .all-banner h1{margin-top: 15px;}

    .quality-index{padding: 30px 0;}
    .quality-index .items{flex-direction: column !important;margin-bottom: 50px;gap: 30px;}

    .news-list-paper, .video-paper, .certificates-paper{padding: 30px 0;}
    h1.all-row-line{font-size: 24px;line-height: 32px;letter-spacing: -1px;}
    .news-list-paper .top-head, .video-paper .top-head, .certificates-paper .top-head{margin-bottom: 25px;flex-direction: column;}
    .certificates-paper .col-md-3 {width: 50%;padding: 0 7px;}
    .certificates-paper .img{padding: 10px 5px;margin-bottom: 25px}
    .certificates-paper .t1::before {top: -10px;left: 0;}
    .certificates-paper .t1{font-size: 16px;line-height: 24px;padding-left: 0;}
    .certificates-paper .row{gap: 30px 0;margin: 0 -7px;}
    .certificates-paper .menu-collapse{width: 100%;}
    .certificates-paper h1{margin-bottom: 20px;}

    .video-paper h1{margin-bottom: 25px;}
    .video-paper .row{margin: 0 -7px;gap: 25px;}
    .video-paper .col-md-4{padding: 0 7px;}
    .video-paper .content{margin-bottom: 30px;}

    h1.row-line::before{width: 42px;}

    .service-index{padding: 30px 0;}
    .service-top-head .text{margin-bottom: 25px;}
    .service-top-head li{padding-left: 30px;}
    .service-top-head li::before{content: "";background: url(../../images/s-14.webp) no-repeat;background-size: contain;width: 20px;height: 20px;}
    .service-top-head{margin-bottom: 45px;}
    .service-index .items{flex-direction: column !important;gap: 30px;margin-bottom: 40px;}
    .service-index .content{margin-bottom: 40px;}
    .service-part .line{margin: 20px auto 25px;}
    .service-index .content-part{padding: 0;gap: 25px 15px;}

    .faq-paper{padding: 30px 0;}
    .faq-paper h1{margin-bottom: 25px;}
    .faq-paper .content{flex-wrap: wrap;gap: 20px;}
    .faq-paper .items {padding: 15px 10px;}
    .faq-paper .items.active{padding-bottom: 20px;margin-bottom: 25px;}
    .faq-paper .all-faq .quen-q{font-size: 18px;line-height: 26px;}
    .faq-paper .all-faq .quen-a{font-size: 14px;line-height: 20px;}
    .faq-paper .article{width: 100%;}
    .all-faq .circle-icon {font-size: 16px;}

    .downlist-paper{padding: 30px 0;}
    .downlist-paper .content{flex-direction: column-reverse;}
    .downlist-paper .right .img{margin-left: -20px;}
    .downlist-paper .left{padding-top: 20px;}
    .downlist-paper .left p{font-size: 14px;line-height: 20px;margin-bottom: 20px;}
    .downlist-paper .form-row {border-bottom: none;}
    .downlist-paper .form-control{margin-bottom: 10px;padding: 10px 10px;border: 1px solid #dddddd;}
    .downlist-paper .col-md-8.form-group .form-control{margin-bottom: 0;}
    .downlist-paper .form-feedback{border-top: none;}
    .downlist-paper .form-row:nth-last-of-type(2){margin-bottom: 20px;}

    .news-list-paper h1{margin-bottom: 25px;}
    .news-list-paper .list{padding: 15px 10px;}
    .news-list-paper .list .img{margin-bottom: 15px;}
    .news-list-paper .list .time{padding-left: 40px;margin-bottom: 10px;}
    .news-list-paper .list .time::before {width: 30px}
    .news-list-paper .list .t1{margin-bottom: 10px;}
    .news-list-paper .list .cont{font-size: 14px;line-height: 20px;}
    .news-products .list .img img {width: 100%;max-width: 100%;}

    .news-in-paper .main-box{margin-top: 30px;}
    .news-in-paper .h1{font-size: 22px;line-height: 32px;}
    .news-in-paper .time::before{width: 30px;}
    .news-in-paper .time{padding-left: 40px;}
    .news-products .content {grid-template-columns: repeat(2, 1fr);padding-top: 30px;}
    .news-products .list {padding: 15px 10px;}
    .news-products .t1 {font-size: 16px;line-height: 24px;}
    .news-products .t1.row-line-1::after {width: 30px;margin: 10px 0 15px}
    .news-products .content{grid-gap:25px 15px}

    .table-wrapper table tr:first-child td {font-size: 16px;letter-spacing: -.4px;}

    .search-group .form-control,.search-group .btn {height: 33px;line-height: 33px;}
    .search-group i{font-size: 16px;}

    #mb-feedback {top: 50px !important;}


    .video-nr .v-content iframe{height: auto !important;}
    .video-nr .v-content .v-title{font-size: 22px;line-height: 32px;}
    .video-nr .v-content .v-desc{gap: 20px 0;padding: 20px 15px;height: auto;margin-bottom: 30px;}
    .video-nr .v-content .v-desc .right .v-ly,.video-nr .v-content .v-desc .right .v-fx{height: 42px;padding:0 20px;}
    .video-nr .v-content .v-title2{flex-wrap: wrap;padding-left: 0;padding-bottom: 10px;}
    .video-nr .v-content .v-title2 .left {font-size: 20px;}
    .video-nr .v-content .v-title2 .left::before,.video-nr .v-side .v-rel .big-t1::before{content: "";background: url(../../images/video-in-1.png);width: 10px;height: 15px;display: inline-block;background-size: cover;margin-right: 5px;}
    .video-nr .v-side .v-rel{padding: 15px;}
    .video-nr{margin-bottom: 0px;}
    .video-nr .v-content .v-title2 .left,.video-nr .v-content .v-title2 .right{width: auto !important;}
    .video-nr .v-content .v-title2 .right {font-size: 10px;}
    .video-nr .v-content .v-nr{padding: 0px 0 25px;}
    .video-nr .v-content .v-desc .left i:nth-last-of-type(1){margin-left: 0;}
    .main-box .main-left{display: none;}
    
}




/*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;}
.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;}
}



.content-cost{background-color:#ffffff;padding:0;position:fixed;z-index:999;right:90px;bottom:135px;transition:all 0.5s;overflow:hidden;width:800px;padding:10px;display:none;}
.content-cost .tj-jt{position:absolute;bottom:20px;right:30px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;}
.content-cost .tj-jt::before{content:'';width:12px;height:12px;border-top:2px solid #666;border-right:2px solid #666;transform:rotate(45deg);}
.content-cost p{font-size:13px;font-weight:400;line-height:27px;color:#000000;margin-right:10px}
.content-cost span{flex:1;display:block;text-align:center;font-size:15px;font-weight:500;line-height:27px;color:#000000;margin:0px 0;}
.content-cost input{flex:1;display:block;text-align:left;width:100%;background-color:#ffffff;border:solid 1px #dddddd;margin:8px 0}
.content-cost .jieguo{background-color:#ffffff;border:solid 1px #dddddd}
.content-cost.active{display:block;}

@media(max-width:768px){
	.content-cost{bottom:30px;right:55px}
}
.content-cost{box-shadow:4px 4px 8px 2px rgba(0,0,0,0.1);border-radius:20px;background-color:#ffffff;padding:40px}
.content-cost .form-feedback  .form-control{position:relative}
.content-cost .form-feedback .t5{position:absolute;background:#fff;position:absolute;z-index:1;top:0;left:20px;transform:translateY(-15%);font-size:16px;line-height:23px;color:#000000;padding:0 10px}
.content-cost .form-feedback .contact-textarea{padding:20px}
.content-cost .form-feedback .btn{background-color:var(--public-color);box-shadow:2px 2px 7px 1px rgba(0,160,233,0.28);padding-top:5px;padding-bottom:5px;font-size:16px}
.content-cost .form-feedback .btn:hover{background:#00b5ff}
.content-us{width:520px}
.content-us .us-he{font-size:20px;line-height:30px;color:#2c2c2c;margin:0 0 20px 0}

@media(max-width:768px){
.content-cost{padding:50px 20px 20px 20px;width:300px;height:auto;overflow-y:visible}
.content-cost .tj-jt{position:relative;bottom:0;right:20px;cursor:pointer;top:-20px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;}
.content-cost .tj-top .tj-right{font-size:18px;line-height:20px;color:#ffffff;padding:6px 20px;position:absolute;right:-25px;top:-60px}
.content-cost .tj-top .tj-t1{font-size:16px;line-height:16px}
.content-cost .form-feedback .form-control{font-size:12px;padding-bottom:5px;}
.content-cost.content-us{padding:30px 20px 20px 20px}
.content-cost.content-us .tj-jt{top:0}
.content-us .us-he{margin:10px 0;font-size:16px;line-height:22px}
.content-cost .form-feedback .t5{font-size:16px}
.content-cost .form-group{margin-bottom:10px}
}