/*通用样式*/
:root{
    --public-color:#f08400;
    --public-color-g:#8dc332;
    --public-color-b:#039edb;
    --public-color-p:#6662db;
    --max:1430px;
}
html {
  scroll-behavior: smooth;
}
.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;} */

.reveal-modal .btn-box .more-7:hover{color:var(--public-color)}

body{color:#666666;font-size:18px;line-height:32px;letter-spacing:-1px;font-weight: 400;font-family: 'Poppins', 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}
}

/* @font-face {
    font-family: "Urbanist-Bold";
    src: url("../../style/Fontss/seguiemj.ttf");
  } */

.max-1920px{max-width: 1920px;margin-left: auto;margin-right: auto;}
.max-1830px{max-width: 1830px;}
.max-1790px{max-width: 1790px;}
.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-1480px{max-width: 1480px;}
.max-1430px{max-width: 1430px;}

/*header*/
.header{/*height: 86px;*/position: static;left: 0;top: 0;width: 100%;z-index: 99;}
.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-right: 25px;}
.header .header-top .toch a{background-color: var(--public-color-g);border-radius: 25px;color: #fff;font-size: 20px;width: 180px;height: 50px;letter-spacing: -1px;font-weight: 600;display: flex;align-items: center;justify-content: center;}
.header .header-top .toch a:hover{background-color: var(--public-color);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: var(--public-color);}
.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: bold;color:#333;font-size: 18px;}
.public-social span,.public-social a{border-radius:5px;}
.navbar-expand-lg .navbar-collapse{justify-content: flex-end;padding-right: 20px;}

.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: 30px;padding-bottom: 20px;}
.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 .header-top {background-color: #fff;padding-top: 15px;padding-bottom: 10px;}
/* .header.fadeInDown .header-top {padding:0;z-index:999;width:100%;position:fixed;top: 0;left:0;background-color: #000;} */


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

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

/*默认导航样式*/
.navbar{padding:0px;position:relative;z-index:9999}
.navbar-custom{top:0;z-index:2;justify-content:end}
.navbar-custom .navbar-nav .nav-item{margin: 0 17px;}
.navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle{color: var(--public-color-1);}
.navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#333;padding:0;display:flex;align-items: center;justify-content: center;text-transform:capitalize;font-size:20px;line-height:32px;font-weight: bold;}
.navbar-custom .navbar-nav .nav-link:before {content:"";width:0px;height:3px;margin-left:0!important;background:var(--public-color-1);position:absolute;bottom:-15px;border-radius: 2px;transition: all .6s;}
.navbar-custom .navbar-nav .nav-item:hover .nav-link:before,.navbar-custom .navbar-nav .active .nav-link:before{width:100%;transition:all .6s}
.navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{padding:0 5px 0 10px;}
.dropright .dropdown-toggle::after{margin-top:0;}
.navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotateX(180deg);color:var(--public-color-1)}
.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{display: flex;align-items: center;justify-content: space-between;letter-spacing: 0;}
.navbar-custom .dropdown-item{letter-spacing: 0;}

.navbar-custom .navbar-nav .nav-item.active .nav-link{color: var(--public-color);}
.navbar-custom .navbar-nav .nav-item.active>.dropdown-menu>.active .dropdown-item{color: var(--public-color);}


@media(max-width:1640px) {
    .navbar-custom .navbar-nav .nav-item {
        margin: 0 15px;
    }
    .navbar-custom .navbar-nav .nav-link {font-size: 19px;}
}
@media(max-width:1570px) {
    .navbar-custom .navbar-nav .nav-item {
        margin: 0 10px;
    }
    .navbar-custom .navbar-nav .nav-link {font-size: 18px;}
}
@media(max-width:1470px) {
    .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after {padding: 0 5px;}
    .navbar-custom .navbar-nav .nav-link {font-size: 17px;}
}
@media(max-width:1420px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 16px;}
    .navbar-custom .navbar-nav .nav-item {margin: 0 7px;}
}
@media(max-width:1320px) {
    .header .header-nav .top-logo{width: 30%;}
    .header .header-nav .top-logo a{width: 45%;}
}
@media(max-width:1260px) {
    .header .header-nav .top-logo {width: 25%;}
    .navbar-custom .navbar-nav .nav-link{font-size: 15px;}
}
@media(max-width:1180px) {
    .header .header-nav .top-logo {width: 21%;}
    .header .header-top .toch a {width: 150px;height: 42px;font-size: 16px;}
    .navbar-custom .navbar-nav .nav-link{font-size: 14px;}
}
@media(max-width:1100px) {
    .header .header-top .toch {margin-right: 10px;}
}



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

}

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

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


/* 浮窗 */
#float{position:fixed;right:0;bottom:165px;margin-top:-60px;z-index:55;transform:translateX(0);transition:.3s ease-in-out}
#float .ico{display:block;width:46px;height:46px;text-align:center;position:relative;cursor:pointer;background:var(--public-color)}
#float .ico>i{font-size:24px;line-height:46px;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:46px;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:46px;font-size:16px;height:46px;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:46px}
#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(46px)}
#float.hide .scale-ico{width:calc(46px / 2);transform:translateX(calc(-46px / 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 tr:hover,.table-wrapper table tr:first-child{background-color: var(--public-color);}
.table-wrapper table tr:hover td,.table-wrapper table tr:first-child td{border-color: #fff;color: #ffffff;}
.table-wrapper table tr{background-color: #fff;}
.table-wrapper table th, .table-wrapper table td { padding:7px 15px 7px 50px; vertical-align: middle; font-size: 16px;color: #333;font-weight: 400;text-align: left;border: 1px solid #dddddd;}
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 1500.98px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}

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

/*#留言表单*/
/* .form-feedback .btn{margin-top: 55px;
    width: 301px;
    height: 46px;
    background-image: linear-gradient(-90deg, #24b66f 0%, #88ca4e 100%), linear-gradient(#ffffff, #ffffff);
    background-blend-mode: normal, normal;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-underline-offset: 3px;
    transition: all .6s;
}

.form-feedback .btn:hover{background-image: linear-gradient(-90deg, #88ca4e 0%, #24b66f 100%), linear-gradient(#ffffff, #ffffff);
    text-decoration: none;} */
    
     .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;
    }
/* .form-feedback .btn{color:#fff;background-image: linear-gradient(-90deg, #24b66f 0%, #88ca4e 100%), linear-gradient(#ffffff, #ffffff);
    background-blend-mode: normal, normal;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-underline-offset: 3px;
    transition: all .6s;} */


@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: 20px;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: 80px;top: 59px;z-index: 99;padding:0;background-color: #fff;display: block;} 
.top-search-box .top-search.show {opacity: 0;overflow: hidden;transition: all 0.9s;display: none;}
.in-header .top-search-box i{color: var(--public-color-1);}
.in-header .header.fadeInDown .top-search-box i{color: #fff;}

.all-shu{position: relative;}
.all-shu:last-child::after{display: none;}
.all-shu::after{content: "";width: 1px;height: 15px;background-color: #ccc;position: absolute;right: 0;top:8px;}
.down-list{margin-top:60px;}
@media(max-width:768px){.down-list{margin-top: 25px;}}


/*banner*/
.banner .banner-text{text-align: left;}
.banner .h1{font-size: 46px;line-height: 58px;margin-bottom: 0px;color: #fff;font-weight: 500;letter-spacing: -3px;margin-bottom: 20px;}
.banner .cont-box{width: 50%;}
.index-banner .cont-box{text-align: center;}
.index-banner h1 span{display: block;}
.index-banner .text{margin-bottom: 55px;}
.all-banner .banner-text{display: block;}
.all-banner .container-xl{height: 100%;display: flex;align-items: center;}
.all-banner .content{width: 100%;}
.all-banner .circle-container{justify-content: flex-start;}
.all-banner{overflow: hidden;}
/* .all-banner .content{position: relative;} */


/*every-footer*/
.every-footer{position: relative;height: 450px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.every-footer>img{width: auto;height: 100%;max-width: none;}
.every-footer .circle-container{justify-content: flex-start;}
.every-footer .circle:nth-child(3){border-color: #fff;}
.every-footer-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;}
.every-footer .left{width: 50%;padding-left: 85px;}
.every-footer .right{width: 41%;background-color: #fff;border-radius: 40px;padding: 80px ;}
.every-footer .title{color: #fff;margin-bottom: 15px;}
.every-footer .text{color: #fff;font-size: 16px;margin-bottom: 20px;}
.every-footer .ul{height: 130px;display: flex;flex-direction: column;flex-wrap: wrap;}
.every-footer .ul p{margin-bottom: 10px;line-height: 32px;}
.every-footer .ul p:last-child{margin-bottom: 0;}
.every-footer .ul p::before{content: url(../../images/sign_3.png);color: var(--public-color);font-size: 20px;font-weight: 400;top: 3px;}
.every-footer .h2{font-size: 26px;line-height: 32px;color: #333;font-weight: bold;letter-spacing: -2px;margin-bottom: 35px;}
.every-footer .more-7{font-size: 20px;height: 42px;border-width: 4px;margin-top: 10px;background-color: #fff;border:0;color: #333;font-weight: bold;letter-spacing: -2px;cursor: pointer;transition: all .5s ease-in-out;}
.every-footer .more-7:hover{background-color: #333;color: #fff !important;}

.adv-img{padding-top: 90px;padding-bottom: 70px;}


.footer{padding-top: 90px;background-color: #f4f4f4;}
.footer .title{font-size: 34px;font-weight: bold;letter-spacing: -2px;margin-bottom: 55px;}
.footer .content{display: flex;justify-content: space-between;border-top: 1px solid rgba(102, 102, 102, .1);padding-top: 60px;padding-left: 20px;}
.footer .footer-top{padding-bottom: 100px;padding-bottom: 100px;}
.footer .list-1 .logo{margin-bottom: 60px;}
.footer .list-1 .box-1 {display: flex;align-items: center;justify-content: space-between;margin-bottom: 50px;}
.footer .list-1 .icon{width: 16px;height: 18px;display: block;padding-top: 10px;margin-right: 20px;opacity: .6;}
.footer .list-1 .d1{margin-bottom: 10px;}
.footer .list-1 .d1 p{display: flex;align-items: flex-start;}
.footer .list-1 .box,.footer .list-2 .box{display: flex;flex-direction: column;align-content: space-between;flex-wrap: wrap;height: 140px;}
.footer .list-1 {width:36%;}
.footer .list-2{width: 18%}
.footer .list-3{width: 39%;}
.footer .list-3 .box{display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer .list-1 a::before,.footer .list-2 .box a::before{content: "⇒";font-size: 14px;display: inline-block;padding-right: 15px;font-weight: 500;}
.footer .t1{font-size: 22px;line-height: 26px;color:#333333;font-weight: bold;margin-bottom: 40px;}
.footer .font-sty{font-size: 16px;line-height: 36px;margin-bottom: 5px;letter-spacing: -1px;color: #666;}
.footer .list-3 .d1{width: 48%;}
.footer .list-3 .d1:last-child{width: 100%;}
.footer .box-3 a{border: 2px solid #404040;border-radius: 100%;}
.footer .box-3 .a1{display: inline-flex;justify-content: center;align-items: center;width: 42px;height: 42px;color: #fff;}
.social>span,.social>a,.social>span.share-twitter,.social>span.share-nstagram{background-color: transparent !important;padding: 0 !important;color: #333 !important;}
.social>span.share-twitter::before,.social>a.social-youtube::before,.social>a.social-nstagram::before{font-size: 26px;width: auto;}
.social>span,.social>a.social-pinterest {width: 24px;height: 25px;background-color: #333 !important;color: #e9e9e9 !important;border-radius: 2px !important;display: flex;justify-content: center;align-items: center;}
.footer-top .social>div{margin-left: 18px;font-size: 26px;width: 24px;height: 25px;}
.footer-top .social>div:first-child{margin-left: 0;}
.social>a{font-size: 28px;}
.social>span.share-twitter{font-size: 25px !important;}
.social .hover-2:hover{color:#fff !important;background-color: transparent !important;}
.social .hover-1:hover{background-color: #fff !important;}
.footer-img{display: flex;margin-right: 120px;}
.footer-img a{margin-left: 10px;}
.social-all {display: flex;align-items: center;margin-left: 60px;}
.social-all .social{width: 25px;height: 24px;display: inline-flex;justify-content: center;align-items: center;}
.social-all .social + .social{margin-left: 25px;}
.footer-bottom {border-top: 1px solid rgba(190, 202, 216, .1);padding-top: 17px;padding-bottom: 13px;font-size: 16px;line-height: 25px;color: #666;letter-spacing: -1px;background-color: #e9e9e9;}
.footer-bottom .container-xl{display: flex;align-items: center;}
.footer-bottom img{border-radius: 4px;}

@media(max-width:1430px){
    .footer .content{padding-left: 0;}
    .footer .list-3 .d1 {width: 50%;}
}
@media(max-width:1330px){
    .footer .list-3 .d1 {width: 100%;}
    .footer .list-1 {width: 40%;}
    .footer .list-3 {width: 35%;}

}
@media(max-width:1260px){
    .footer .list-1{width: 42%;}
}
@media(max-width:1200px){
    .footer .content{flex-wrap: wrap;}
    .footer .list-3 .d1 {width: auto;}
    .footer .list-3 {width: 50%;}
    .footer .list-2 {width: 15%;}
    .footer .list-1 {width: 25%;}
    .footer-bottom .container-xl{justify-content: space-between;flex-wrap: wrap;}
    .footer-img{margin-right: 20px;}
    .footer-bottom .social-all{margin-left: 20px;margin-top: 30px;}
    .footer .list-1 .box{height: auto;}
}
@media(max-width:1100px){
    .footer .content{padding-right: 0;}
}
@media(max-width:1000px){
    .footer .list-1 {width: 28%;}
    .footer .list-3 .d1 {width: 100%;}
}
@media(max-width:1000px){
    .footer .list-3 {width: 45%;}
    .footer .list-2 {width: 16%;}
    .footer .list-1 {width: 30%;}
}
@media(max-width:1000px){
    .footer .list-3{width: 100%;}
    .footer .list-1 {width: 40%;}
    .footer .list-2 {width: 35%;}
    .footer .footer-top{padding-bottom: 60px;}
}

.small-nav{display: flex;align-items: center;padding-top: 15px;margin-bottom: 0px }
.small-nav ul{display: flex;align-items:flex-start;flex-wrap: wrap;}
.small-nav ul a{font-size: 18px;line-height: 32px;color:#fff;}
.small-nav ul li::after{content: "→";padding:0 15px;font-size: 18px;line-height: 35px;font-weight: bold;}
.small-nav ul li:last-child::after{display: none;}
.small-nav ul li{display: flex;}
.small-nav ul li:last-child a{color: #dddddd;}
.in-banner .small-nav ul a,.in-banner .small-nav ul li::after{color: #666666;}
.in-banner .small-nav ul li:last-child a{color: #666666;}

.all-banner .small-nav{position: absolute;bottom: 0;width: 100%;margin-bottom: 40px;padding-left: 15px;}
.in-banner .small-nav{position: static;}
.in-banner .small-nav a{color: #666666;}

/*共有的类名*/
.title{font-size:45px;line-height:61px;color: #333333;font-weight: 600;letter-spacing: -2px;}
.title span.red{color: var(--public-color);}
.title span{display: block;}
/* .text span{color: var(--public-color);} */
.h6{font-size: 18px;line-height: 26px;color: var(--public-color);font-weight: 500;}
.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 p{position: relative;padding-left: 35px;margin-bottom: 0px;}
.ul p::before{content: "\f00c";font-family: 'cmsfont';line-height: 32px;position: absolute;left: 0;top: 0px;color: var(--public-color);}
.top-head.t-h-c{text-align: center;margin-left: auto;margin-bottom: auto;}
.img img.block{display: block;animation: bounceIn 1s;}
.img img.red{display: none;animation: bounceIn 1s;}
.row-line::after{content: url(../../images/row-1.png);display: block;}
.row-line-1::after{content: url(../../images/row-2.png);display: block;}
.row-line-2::after{content: url(../../images/every-sign-1.png);display: block;}
.row-line.r-l-c::after,.row-line-2.r-l-c::after{margin-left: auto;margin-right: auto;}
.col-line::before{content: "";width: 2px;height: 19px;background-color: var(--public-color);position: absolute;left: 0;top: 7px;}
.img-2 img{mix-blend-mode: multiply;}
span.o{color: var(--public-color);}
span.g{color: var(--public-color-g);}
span.b{color: var(--public-color-b);}
span.p{color: var(--public-color-p);}

.col-line{position: relative;padding-left: 14px;}
@font-face {
    font-family: "Urbanist-SemiBold";
    src: url("../../style/Fontss/Urbanist-SemiBold.ttf");
}
.more-7 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    color: #fff;
    background-color: var(--public-color);
    border: solid 2px var(--public-color);
    height: 50px;
    padding: 0 50px 0 58px;
    border-radius: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.more-7:hover{background-color: #fff}
.more-7:hover span{padding-left: 0;padding-right: 15px;}
.more-7 span{padding-left: 15px;transition: all .4s ease-in-out;}
.more-7 .arrow::after{content: url(../../images/banner-sign-1.png);display: inline-block;}
.more-7:hover .arrow::after{content: url(../../images/banner-sign-c.png);}

.circle-container {display: flex;justify-content: center;margin-bottom: 15px;gap: 0 10px;}
.circle {width: 28px;height: 28px;border-radius: 100%;margin: 0px;
    /* animation: circle-bounce .9s infinite alternate; */
    /* animation: loading 1.6s linear infinite; */
    border: 6px solid transparent;
    opacity: 1;
}
.circle:nth-child(1){border-color: var(--public-color);}
.circle:nth-child(2) {border-color: var(--public-color-g);}
.circle:nth-child(3) {border-color: var(--public-color-b);}
/* @keyframes circle-bounce {
    to{
        transform: translateY(-10px);
    }
    form{
        transform: translateY(0px);
    }
} */
  @keyframes loading{
    from{
        transform: scale(1);
        opacity: 1;

    }
    to{
        transform: scale(.5);
        opacity: .2;
    }
  }


.index-parper{padding-top: 165px;}
.index-sol{margin-bottom: 140px;}
.index-sol .top-head{text-align: center;margin-bottom: 60px;}
.index-sol .top-head .text{font-display: 16px;}
.index-sol .content{align-items: flex-start;}
.index-sol .list{display: flex;flex-direction: column;align-items: center;text-align: center;color: #fff;width: calc(calc(100% - 20px * 3) / 4);}
.index-sol .list .cont{border-radius: 30px;height: 340px;padding: 85px 30px 30px;}
.index-sol .img-1{margin-bottom: 20px;opacity: 0;}
.index-sol .img{display: inline-block;border-radius: 100%;position: relative;margin-bottom: -40px;}
.index-sol .img-xl{border-radius: 100%;}
.index-sol .img::after{content: "";width: 108%;height: 108%;border-radius: 100%;border: 10px solid transparent;position: absolute;left: -4%;top: -4%;}
.index-sol .img:hover img{transform: scale(1.1);}
.index-sol .img img{transition: all .4s ease;}
.index-sol .list:nth-child(1) .img::after{border-color: var(--public-color);}
.index-sol .list:nth-child(2) .img::after{border-color: var(--public-color-g);}
.index-sol .list:nth-child(3) .img::after{border-color: var(--public-color-b);}
.index-sol .list:nth-child(4) .img::after{border-color: var(--public-color-p);}
.index-sol .list:nth-child(1) .cont{background-color: var(--public-color);}
.index-sol .list:nth-child(2) .cont{background-color: var(--public-color-g);}
.index-sol .list:nth-child(3) .cont{background-color: var(--public-color-b);}
.index-sol .list:nth-child(4) .cont{background-color: var(--public-color-p);}
.index-sol .h2{font-size: 20px;line-height: 32px;font-weight: 600;margin-bottom: 20px;}
.index-sol .cont .text{line-height: 30px;font-weight: 300;}
.index-sol .list:hover .img-1{opacity: 1;animation: bounce .6s ease-in-out;}
.index-pro .top-head{text-align: center;width: 85%;margin: 0 auto 105px;}
.index-pro .title span{display: inline;}
.index-pro .list{background-color: #f4f4f4;border-radius: 25px;padding: 15px;height: 100%;}
.index-pro .list .img{background-color: #fff;padding: 15px 0;}
.index-pro .list .img,.index-pro .list .img img{border-radius: 25px;}
.index-pro .cont{text-align: center;margin-bottom: 30px;}
.index-pro .t1{font-size: 22px;line-height: 32px;color: #333;font-weight: 600;margin-top: 30px;margin-bottom: 20px;}
.index-pro .cont .text{font-size: 16px;line-height: 30px;}
.index-pro .row{gap: 40px 0px;margin: 0 -20px;}
.index-pro .col-md-4{padding: 0 20px;}
.index-pro {margin-bottom: 180px;}
.index-about{position: relative;margin-bottom: 170px;}
.index-about-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.index-about .orange{display: none;}
.index-about .right:hover  .orange{display: block;}
.index-about .right:hover .blue{display: none;}
.index-about .right img{cursor: pointer;}
.index-about .container-xl{height: 100%;display: flex;align-items: center;}
.index-about .left{text-align: center;width: 43%;}
.index-about .right{width:57%;padding-right: 30px;}
.index-about .title{color: #fff;margin-bottom: 15px;}
.index-about .text{color: #fff;font-size: 16px;margin-bottom: 30px;}
.index-about .more-7{background-color: transparent;border-color: #fff;color: #fff;}
.index-about .more-7:hover{background-color: #fff;}
.index-about .circle:nth-child(1){border-color: #fff;}
.index-cust-list{display: flex;justify-content: space-between;width: 90%;margin: 0 auto 145px;}
.index-cust-list .h3{font-size: 24px;line-height: 32px;font-weight: 600;color: #333;letter-spacing: -2px;}
.index-cust .img-1{border-radius: 100%;width: 180px;height: 180px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
.index-cust .list{display: flex;flex-direction: column;align-items: center;position: relative;flex: 1;}
.index-cust .list::after{content: url(../../images/sign_2.png);position: absolute;right: -7%;top: 35%;}
.index-cust .list:last-child::after{display: none;}
.index-cust .list:nth-child(1) .img-1{background-color: rgba(67, 0, 110, .06);}
.index-cust .list:nth-child(2) .img-1{background-color: rgba(141,195,50, .15);}
.index-cust .list:nth-child(3) .img-1{background-color: rgba(240,132,0, .15);}
.index-cust .list:nth-child(4) .img-1{background-color: rgba(3,158,219, .15);}
.index-cust .left{width: 33%;background: url(../../images/index-20.jpg) no-repeat;background-size: auto 100%;border-radius: 40px;overflow: hidden;padding: 80px 80px 100px;display: flex;flex-direction: column;justify-content: space-between;}
.index-cust .right{width: 63%;}
.index-cust .circle:nth-child(2){border-color: #fff;}
.index-cust .title{color: #fff;}
.index-cust .d2 a{color: #fff;font-size: 20px;font-weight: 600;letter-spacing: -1.5px;margin-bottom: 30px;}
.index-cust .d2 a span{padding-left: 10px;transition: all .6s ease-in-out;}
.index-cust .d2 a:hover span{padding-left: 0;padding-right: 10px;}
.index-cust .d2 .more-7{background-color: #fff;color: #333333;border: 0;cursor: pointer;margin-left: 20px;font-size: 20px;}
.index-cust .d2 .more-7:hover{background-color: #333;color: #fff !important;}
.index-cust .d2 .more-7 .arrow::after{content: url(../../images/banner-sign-2.png)}
.index-cust .d2 .more-7:hover .arrow::after{content: url(../../images/banner-sign-1.png);}
.index-cust .all-cust{display: flex;flex-wrap: wrap;justify-content: space-between;padding-right: 85px;gap: 55px 0;}
.all-cust .items{width: 46%;}
.all-cust .img{position: relative;margin-bottom: 30px;}
.all-cust .img p{position: absolute;left: 30px;bottom: 20px;color: #fff;font-weight: bold;font-size: 22px;}
.all-cust .img p img{padding-right: 12px;}
.all-cust .img-xl{position: relative;}
.all-cust .img-xl::after{content: "";width: 100%;height: 100%;background-color: rgb(0,0,0);position: absolute;left: 0;top: 0;border-radius: 20px;opacity: .2;transition: all .6s ease-in-out;}
.all-cust .img-xl img{border-radius: 20px;}
.all-cust .items:hover .img .img-xl::after{opacity: 0;}
.all-cust .items:hover .img p{color: var(--public-color);}
.all-cust .items:hover .img .white{display: none;animation: bounceIn .6s;}
.all-cust .img .orange{display: none;}
.all-cust .img .white{display: inline-block;}
.all-cust .items:hover .img .orange{display: inline-block;animation: bounceIn .6s;}
.all-cust .site{font-size: 17px;line-height: 32px;color: #f39c33;font-weight: 500;}
.all-cust .cont .text{font-size: 20px;line-height: 32px;color: #333;font-weight: 600;letter-spacing: -1.5px;}
.index-cust .circle-container{justify-content: flex-start;margin-bottom: 20px;}
.index-cust{margin-bottom: 155px;}
.index-news {background-color: #f4f4f4;padding-top: 105px;padding-bottom: 155px;}
.index-news .top-head{text-align: center;margin-bottom: 70px;}
.all-news .img,.all-news .img img{border-radius: 20px;}
.all-news .img{margin-bottom: 35px;}
.all-news .cont{text-align: center;}
.all-news .time{font-size: 18px;line-height: 32px;color: var(--public-color);font-weight: 600;margin-bottom: 5px;}
.all-news .t1{font-size: 20px;line-height: 36px;color: #333;font-weight: 700;}
.all-news .col-md-4{padding: 0 36px;}
.all-news .row{margin: 0 -36px;}


.about-paper{padding: 175px 0;}
.about-paper .text{font-size: 16px;}
.about-paper .ul p::before{font-weight: bold;font-size: 20px;}
.about-zhu .circle-container{justify-content: flex-start;}
.about-zhu .top-head{margin-bottom: 40px;}
.about-zhu .left{width: 33%;}
.about-zhu .text{margin-bottom: 20px;}
.about-zhu .ul{margin-bottom: 60px;}
.about-zhu .ul p{font-size: 16px;}
.about-zhu p{margin-bottom: 0;}
.about-zhu .right{width: 65%;margin-top: -25px;}
.about-zhu .h3{font-size: 22px;font-weight: 600;color: #333;letter-spacing: -2px;margin-bottom: 70px;}
.about-zhu{margin-bottom: 70px;}
.about-com .top-head{text-align: center;margin-bottom: 50px;}
.about-com .items{width: calc(calc(100% - 40px) / 2);}
.about-com .img img,.about-com .img{border-radius: 25px;}
.about-com .img{margin-bottom: 40px;}
.about-com .cont{text-align: center;line-height: 30px;}
.about-com .cont span{display: block;}
.about-com .h5{font-size: 22px;line-height: 32px;color: #333;font-weight: bold;margin-bottom: 30px;}
.about-com{margin-bottom: 120px;}
.about-dis .circle-container{justify-content: flex-start;}
.about-dis .left{width: 65%;}
.about-dis .right{width: 32%;}
.about-dis .title{margin-bottom: 40px;}
.about-dis .h3{font-size: 20px;font-weight: 600;color: #666666;letter-spacing: -1px;margin-bottom: 20px;}
.about-dis .ul{font-size: 16px;line-height: 32px;padding-left: 5px;margin-bottom: 40px;}
.about-dis .more-7{background-color: var(--public-color-b);border-color: var(--public-color-b);padding: 0 45px;border-radius: 6px;cursor: pointer;transition: all .3s ease;height: 60px;}
.about-dis .more-7:hover{background-color: #fff;color: var(--public-color-b);}
.about-dis .more-7 .white{display: inline-block;}
.about-dis .more-7 .blue{display: none;}
.about-dis .more-7:hover .white{display: none;}
.about-dis .more-7:hover .blue{display: inline-block;}
.about-dis .more-7 img{padding-left: 10px;}
.about-dis{margin-bottom: 160px;}
.about-memories .top-head{text-align: center;margin-bottom: 75px;}
.about-memories .mySwiper-zhu{margin-bottom: 35px;}
.about-memories .mySwiper-zhu img{border-radius: 25px;}
.about-memories .mySwiper-man img{border-radius: 10px;}
.about-memories .content{position: relative;}
.about-memories .all-hover{width: 56px;height: 56px;background-color: rgba(0,0,0,.2);border-radius: 4px;color: #fff;font-size: 20px;font-weight: bold;font-family: 'cmsfont';transition: all .4s ease-in-out;top: 40%;}
.about-memories .all-hover:hover{background-color: var(--public-color);}
.about-memories .all-hover::after{display: none;}
.about-memories .prev-man{left: -75px;}
.about-memories .next-man{right: -75px;}
.about-memories .mySwiper-man .swiper-slide{position: relative;}
.about-memories .swiper-slide-thumb-active::after{content: "";width: 100%;height: 100%;border: 4px solid var(--public-color);position: absolute;left: 0;top: 0;transition: all .3s;border-radius: 10px;}

.service-paper{padding-top: 175px;}
.service-paper .text{font-size: 16px;}
.service-zhu .content{gap: 0 27px;}
.service-zhu .text{margin-bottom: 25px;}
.service-zhu .list{border-radius: 10px;display: flex;align-items: center;padding: 35px 30px;flex: 1;}
.service-zhu .list:nth-child(1){background-color: var(--public-color);}
.service-zhu .list:nth-child(2){background-color: var(--public-color-g);}
.service-zhu .list:nth-child(3){background-color: var(--public-color-b);}
.service-zhu .list:nth-child(4){background-color: var(--public-color-p);}
.service-zhu .h5{font-size: 16px;line-height: 26px;color: #fff;font-weight: 500;width: 75%;padding-left: 20px;}
.service-zhu .img-1{width: 20%;}
.service-zhu{margin-bottom: 110px;}
.service-adv .top-head{margin-bottom: 110px;text-align: center;}
.service-adv .h6{font-weight: 600;margin-bottom: 10px;}
.service-adv .title{margin-bottom: 20px;}
.service-adv .top{margin-bottom: 150px;}
.service-adv .top .items{display: flex;justify-content: space-between;align-items: center;}
.service-adv .num {
    width: 110px;
    height: 110px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--public-color);
    border-radius: 100%;
    color: #fff;
    border: 15px solid #fff;
    box-shadow: 0px 2px 30px 0px rgba(51, 51, 51, 0.1);
    font-size: 34px;
    font-weight: 600;
}
.service-adv .d{display: flex;align-items: center;margin-bottom: 15px;}
.service-adv .h2{font-size: 30px;line-height: 48px;color: #333;font-weight:600;padding-left: 20px;width:80%;}
.service-adv .text,.service-adv .ul{color: #999;}
.service-adv .text {margin-bottom: 30px;}
.service-adv .ul{font-size: 16px;}
.service-adv .items .left{width: 36%;}
.service-adv .items .right{width: 55%;}
.service-adv .items:nth-child(even){flex-direction: row-reverse;}
.service-adv .items{margin-bottom: 80px;}
.service-adv .items:last-child{margin-bottom: 0;}
.service-adv .ul p::before{font-size: 20px;font-weight: bold;}
.service-adv .bottom{background-color: #f4f4f4;padding-top: 110px;padding-bottom: 130px;position: relative;z-index: 1;}
.service-adv .bottom .left{text-align: center;display: flex;flex-direction: column;align-items: center;width: 70%;margin: 0 auto 60px;}
.service-adv .bottom .text{color: #666666;margin-bottom: 0;}
.service-adv .list{padding: 0 15px 40px;position: relative;width: calc(calc(100% - 40px * 2) / 3);}
.service-adv .list::after{content: "";width: 100%;height: 280px;border-radius: 25px;position: absolute;left: 0;bottom: 0;z-index: -1;transition: height .6s ease-in-out;}
.service-adv .list:hover::after{height: 105%;}
.service-adv .list.list:nth-child(1)::after{background-color: var(--public-color);}
.service-adv .list.list:nth-child(2)::after{background-color: var(--public-color-g);}
.service-adv .list.list:nth-child(3)::after{background-color: var(--public-color-b);}
.service-adv .h3{color: #fff;font-size: 24px;font-weight: 600;text-align: center;margin-top: 40px;}
.service-adv .h3 span{text-decoration: underline;text-underline-offset: 5px;text-decoration-skip-ink: none;}
.service-adv .list .img,.service-adv .list .img img{border-radius: 20px;}
.service-acc{padding-top: 105px;}
.service-acc .circle-container{justify-content: flex-start;}
.service-acc .top-head{margin-bottom: 100px;}
.service-acc .aside{width: 24%;background-color: var(--public-color);border-radius: 25px;padding: 60px 48px 75px;position: sticky;top: 17%;height: fit-content;}
.service-acc .accessory{width: 74%;overflow: hidden;}
.service-acc .content{align-items: flex-start;}
.service-acc .h3{font-size: 26px;color: #fff;font-weight: 600;margin-bottom: 20px;}
.service-acc .aside p{font-size: 17px;line-height: 32px;color: #fff;font-weight: 400;border-bottom: 2px dashed rgba(255,255,255,.15);padding: 10px 0;display: flex;;justify-content: space-between;align-items: center;padding-right: 5px;transition: all .2s;cursor: pointer;}
.service-acc .aside p:hover,.service-acc .aside p.active{color: #fff !important;font-weight: 600;}
.service-acc .icon::before{font-size: 14px;}
.service-acc .list{background-color: #f4f4f4;border-radius: 10px;padding: 15px;}
.service-acc .img{margin-bottom: 20px;}
.service-acc .img,.service-acc .img img{border-radius: 6px;}
.service-acc .t2{font-size: 18px;line-height: 32px;font-weight: 600;color: #333;text-align: center;letter-spacing: -1.5px;margin-bottom: 30px;}
.service-acc .row{gap: 30px 0;display: none;}
.service-acc .row.active{display: flex;animation: fadeInDown .5s ease-in-out;}
.service-acc {margin-bottom: 245px;}

.product-paper{padding-top: 175px;padding-bottom: 180px;}
.product-paper .text{font-size: 16px;}
.product-paper .top-head{text-align: center;width: 70%;margin: 0 auto 80px;}
.product-paper .title{margin-bottom: 20px;}
.product-paper .img,.product-paper .img img{border-radius: 25px;}
.product-paper .img{margin-bottom: 40px;}
.product-paper .cont{text-align: center;padding:  0 10px;}
.product-paper .t1{font-size: 20px;line-height: 32px;color: #333;font-weight: 600;margin-bottom: 35px;}
.product-paper .row{gap: 75px 0;}

#p-l-top{background-color: #f8f8f8;}
.product-list-paper{padding-top: 0px;}
.product-list-paper .text{font-size: 16px;line-height: 32px;}
.product-list-paper .title{font-size: 36px;letter-spacing: -3px;}
.p-l-zhu .circle-container{justify-content: flex-start;}
.p-l-zhu .left{width: 42%;}
.p-l-zhu .right{width: 55%;}
.p-l-zhu h1{color: #333;font-size: 39px;font-weight: bold;letter-spacing: -2px;margin-bottom: 40px;}
.p-l-zhu ul{font-size: 18px;font-weight: 400;color: #333333;}
.p-l-zhu ul li{margin-bottom: 10px;}
.p-l-zhu ul li::before{content: "\f00c";font-family: 'cmsfont';font-weight: 600;color: var(--public-color);margin-right: 20px;font-size: 22px;}
.p-l-zhu .right,.p-l-zhu .right img{border-radius: 25px;}
.p-l-zhu {padding:70px 0;}
.all-product .img,.all-product .img-xl img{border-radius: 20px;}
.all-product .img{position: relative;background-color: #fff;padding: 60px 10px 20px;}
.all-product .img-logo{position: absolute;left: 40px;top: 27px;z-index: 2;}
.all-product .list{background-color: #fff;border-radius: 30px;border: 15px solid #f8f8f8;height: 100%;}
.all-product .list-xl{background-color: #fff;border-radius: 20px;}
.all-product .t1{font-size: 18px;color: #333;font-weight: bold;margin-bottom: 35px;}
.all-product .t1::after{content: "\f061";font-family: 'cmsfont';font-size: 16px;font-weight: bold;padding-left: 15px;transition: all .6s ease-in-out;}
.all-product .t1:hover::after{padding-left: 5px;}
.all-product .param-xl{display: block;width: 100%;}
.all-product .param{display: flex;justify-content: space-between;}
.all-product .param>div{display: flex;flex-direction: column-reverse;font-size: 15px;line-height: 16px;text-align: left;position: relative;flex: 1;text-align: center;}
.all-product .param>div::after{content: "";width:1px;height: 100%;background-color: #aaa;opacity: 0.6;position: absolute;right: 0;top: 0;}
.all-product .param>div:last-child::after{display: none;}
.all-product .param>div p:first-child{color: #aaa;}
.all-product .param>div p:last-child{color: #666;margin-bottom: 15px;}
/* .all-product .param>div:nth-child(odd){color: #666;margin-bottom: 20px;}
.all-product .param>div:nth-child(even){color: #aaaaaa;}*/
/* .all-product .param>div:first-child{width: auto;padding-right: 15px;padding-left: 5px;}
.all-product .param>div:nth-child(2){width: auto;padding:0 15px}
.all-product .param>div:last-child{width: auto;padding-left: 15px;padding-right: 5px;}  */
/* .all-product .param{position: relative;}
.all-product .param::after{content: "";width:1px;height: 100%;background-color: #aaa;opacity: 0.6;position: absolute;left: 25%;top: 0;} */
.all-product .cont{padding: 0 10px 30px;}
.all-product .cont .text{display: none;}
.all-product .row{margin: 0 -10px;gap: 25px 0;}
.all-product .col-md-4{padding: 0 10px;}
.p-l-products{margin-bottom: 120px;}
.p-l-sol .circle-container{justify-content: flex-start;}
.p-l-sol .left{width: 55%;}
.p-l-sol .right{width: 35%;}
.p-l-sol .left .text{margin-bottom: 60px;}
.p-l-sol .a a,.p-l-cust .a a{font-size: 20px;line-height: 32px;color: var(--public-color);font-weight: 600;position: relative;display: inline-flex;justify-content: center;}
.p-l-sol .a a::after,.p-l-cust .a a::after{content: "";width: 100%;height: 1px;background-color: var(--public-color);position: absolute;bottom: 5px;margin: 0 auto;transition: width 0.5s ease-in-out;margin-left: 0;}
.p-l-sol .a a:hover::after,.p-l-cust .a a:hover::after{width: 0;}
.p-l-sol .ul p::before{font-size: 22px;font-weight: bold;}
.p-l-sol .ul{font-size: 16px;margin-bottom: 30px;}
.p-l-sol .ul:last-child{margin-bottom: 0;}
.p-l-sol{margin-bottom: 95px;background-color: #f8f8f8;padding-top: 70px;padding-bottom: 80px;}
.p-l-cust {background-color: #f8f8f8;padding-top: 70px;padding-bottom: 80px;}
.p-l-cust .circle-container{justify-content: flex-start;}
.p-l-cust .title{margin-bottom: 10px;}
.p-l-cust .top-head{margin-bottom: 60px;display: flex;justify-content: space-between;align-items: flex-end;}
.p-l-cust .left{width: 60%;}
.p-l-cust .right{width: 30%;display: flex;flex-direction: row-reverse;margin-bottom: -10px;}
.p-l-cust .all-cust .items{width: 100%;}
.p-l-cust .all-hover{position: static;width: 56px;height: 56px;border-radius: 100%;background-color: #ccc;margin-top: 0;font-size: 20px;font-weight: bold;color: #fff;transition: all .3s ease-in-out;}
.p-l-cust .all-hover + .all-hover{margin-right: 20px;}
.p-l-cust .all-hover:hover{background-color: var(--public-color);}
.p-l-cust .all-hover::after{display: none;}
.p-l-faq{padding-top: 120px;padding-bottom: 140px;}
.p-l-faq .top-head{text-align: center;margin-bottom: 65px;}
.p-l-faq .row{gap: 20px 0;margin: 0 -20px;}
.p-l-faq .col-md-6{padding: 0 20px;}
.p-l-faq .row-col{position: relative;width: 100%;display: flex;justify-content: space-between;}
.all-faq .items{background-color: #f8f8f8;border-radius: 10px;padding:20px 30px;height: 100%;}
.all-faq .circle-icon{width: 42px;height: 42px;background-color: var(--public-color);border-radius: 6px;color: #fff;display: flex;align-items: center;justify-content: center;}
.all-faq .row-col.active .quen-q p{color: var(--public-color);}
.all-faq .row-col.active .plus{display: none;}
.all-faq .row-col.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: 18px;line-height: 32px;color: #333;font-weight: bold;}
.all-faq .quen-q p{width: 90%;}
.all-faq .quen-a{font-size: 16px;line-height: 30px;padding-top: 20px;}
.all-faq .quen-a p{margin-bottom: 25px;}
.p-l-news .title{font-size: 48px;}
.p-l-news .index-news{padding-top: 125px;padding-bottom: 195px;}

.product-list-paper .p-d-service .title{text-align: center;margin-bottom: 65px;}
.product-list-paper .p-d-service {margin-bottom: 90px;}

.p-l-special{margin-bottom: 120px;}
.p-l-special .content{gap: 27px;}
.p-l-special .list{flex: 1;border-radius: 10px;display: flex;align-items: center;padding: 35px 30px 35px 75px;position: relative;}
.p-l-special .num {
    width: 60px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--public-color);
    border-radius: 100%;
    color: #fff;
    border: 8px solid #fff;
    box-shadow: 0px 2px 30px 0px rgba(51, 51, 51, 0.1);
    font-size: 22px;
    font-weight: 600;
    position: absolute;
    left: 20px;
}
.p-l-special .list:nth-child(1) .num{background-color: var(--public-color);}
.p-l-special .list:nth-child(2) .num{background-color: var(--public-color-g);}
.p-l-special .list:nth-child(3) .num{background-color: var(--public-color-b);}
.p-l-special .list:nth-child(4) .num{background-color: var(--public-color-p);}
.p-l-special .list:nth-child(1){background-color: var(--public-color);}
.p-l-special .list:nth-child(2){background-color: var(--public-color-g);}
.p-l-special .list:nth-child(3){background-color: var(--public-color-b);}
.p-l-special .list:nth-child(4){background-color: var(--public-color-p);}
.p-l-special .h5{font-size: 16px;line-height: 26px;color: #fff;font-weight: 500;width: 100%;padding-left: 20px;}

.product-detail-paper{padding-top: 60px;}
.product-detail-paper .text{font-size: 16px;line-height: 32px;}
.p-d-zhu h1{font-size: 30px;line-height: 42px;color:#333;font-weight: 600;letter-spacing: -2px;margin-bottom: 30px;}
.p-d-zhu .left{width: 42%;}
.p-d-zhu .right{width: 54%;}
.p-d-zhu .param{border-top: 1px solid rgba(51, 51, 51, .1);margin-top: 35px;margin-bottom: 35px;}
.p-d-zhu .param>div{display: flex;justify-content: space-between;border-bottom: 1px solid rgba(51, 51, 51, .1);}
.p-d-zhu .param p:first-child{width: 25%;color: #aaaaaa;}
.p-d-zhu .param p:last-child{width: 73%;}
.p-d-zhu .param p{margin-bottom: 0;padding: 15px 0;}
.p-d-zhu .all-a{display: flex;margin-bottom: 30px;}
.p-d-zhu .all-a>div:first-child{margin-right: 20px;}
.p-d-zhu .more-7{transition: all .3s ease-in-out;background-color: var(--public-color);border-radius: 6px;border: 0;font-size: 20px;}
.p-d-zhu .more-7:hover,.p-d-zhu .video:hover{background-color: var(--public-color-g);color: #fff !important;cursor: pointer;}
.p-d-zhu .video{background-color: var(--public-color);width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 6px;}
.p-d-zhu .share .h3{color: #999;font-weight: 600;margin-right: 20px;}
.p-d-zhu .share,.p-d-zhu .share ul{display: flex;align-items: center;}
.p-d-zhu .share ul{gap: 0 6px;}
.p-d-zhu .share ul a{background-color: #d6d6d6;border-radius: 2px;line-height: 0;}
.p-d-zhu .product-thumb{border-radius: 25px;}
.p-d-zhu .right figure{background-color: #f8f8f8;mix-blend-mode: darken;border-radius: 25px;}
.p-d-zhu .product-thumb a{background-color: #f8f8f8;border-radius: 25px;padding: 15px 0 10px;}
.p-d-zhu{margin-bottom: 80px;}
.p-d-zhu .all-hover::after{display: none;}
.p-d-zhu .swiper-container{width: 65%;}
.p-d-zhu .mz-thumb{position: relative;}
.p-d-zhu .mz-thumb::after{content: "";width: 100%;height: 100%;background-color: #cdcdcd;opacity: .4;border-radius: 10px;position: absolute;left: 0;top: 0;}
.p-d-zhu .mz-thumb.mz-thumb-selected::after{opacity: 0;}
.p-d-zhu .mz-thumb.mz-thumb-selected img{border-color: var(--public-color);}
.p-d-zhu .mz-thumb img{border-radius: 10px;border-color: transparent;border-width: 4px;}
.p-d-zhu .product-thumbs{margin-top: 20px;}

.detail-nav {
    background-color: #f4f4f4;
    margin-bottom: 120px;
}
.detail-nav.fadeInDown{
    max-width: 1920px;
    background-color: #fff;z-index: 10;position: fixed;
    left: 0;right: 0;
    top: 120px;
    height: 52px;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    animation: fadeInDown 0.5s ease-in-out;
    border-bottom: 0;
}
.detail-nav .detail-box{max-width: 1430px;margin: 0 auto;background-color: #f4f4f4; }
/* .detail-nav-xl{
    position: sticky;
    left: 0;right: 0;
    top: 17%;
    height: fit-content;
} */
/* .detail-nav.fadeInDown .detail-nav-xl{border-bottom: 1px solid var(--public-color);} */
.detail-nav.fadeInDown li{height: 50px;}
.detail-nav-xl{display: flex;justify-content: space-between;height: 100%;width: 100%;}
.detail-nav-xl{
    max-width:1400px;
    width:90%
}
.detail-nav li{
    flex: 1;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    transition: height .5s ease-in-out;
}
.detail-nav li a{
    font-size: 17px;
    line-height: 32px;
    background-color: #f4f4f4;
    color:#333;
    font-weight: 600;
    letter-spacing: -1.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.detail-nav li a:hover,.detail-nav li a.active{color: #fff !important;background-color: var(--public-color);}

.p-i-content img{max-width: 100%;height: auto;}
.p-i-content .circle-container{justify-content: flex-start;margin-right: 28px;}
.p-i-content .h2,.p-i-content .h2-xl{display: flex;margin-bottom: 50px;}
.p-i-content .h2 span,.p-i-content .h2-xl span{color: var(--public-color);font-size: 26px;line-height: 32px;font-weight: 600;}
.p-i-content>div{margin-bottom: 75px;}
.p-d-design .img ,.p-d-design .img img{border-radius: 25px;}
.p-d-design .row{margin: 0 -10px;}
.p-d-design .design-img{margin-top: 60px;}
.p-d-design .col-md-6{padding: 0 10px;}
.p-d-design .h5{font-size: 20px;line-height: 32px;color: #333;font-weight: 600;text-align: center;margin-top: 35px;}

.p-d-design .items{display: flex;justify-content: space-between;gap: 20px;margin-bottom: 60px;}
.p-d-design .items .list{flex: 1;}

.p-d-picture .text{margin-bottom: 20px;}
.p-d-material .img,.p-d-material .img img{border-radius: 20px;}
.p-d-material .img{margin-bottom: 25px;position: relative;}
.p-d-material .img::after{content: "";width: 100%;height: 100%;border: solid 6px #ef8100;position: absolute;left: 0;top: 0;border-radius: 20px;}
.p-d-material .h5{font-size: 20px;line-height: 32px;color: #333;font-weight: 600;margin-bottom: 15px;}
.p-d-material .cont{text-align: center;}
.p-d-material .row{margin: 0 -35px;gap: 45px 0;}
.p-d-material .col-md-4{padding: 0 35px;}
.p-d-material .cont p{margin-bottom: 0;}
.p-d-material .text{line-height: 30px;}
.p-d-cust .items{display: flex;gap: 0 27px;margin-bottom: 28px;position: relative;}
.p-d-cust .items:last-child{margin-bottom: 0;}
.p-d-cust .items:nth-child(even){flex-direction: row-reverse;}
.p-d-cust .list{border: solid 4px rgba(239, 129, 0, .2);border-radius: 40px;display: flex;align-items: center;height: 80px;padding: 14px 0 16px 17px;width: calc(calc(100% - 27px * 3) / 4);;position: relative;}
.p-d-cust .items:nth-child(odd) .list::after{content: "→";font-family: 'Urbanist-Bold';font-weight: bold;font-size: 20px;color: var(--public-color);position: absolute;right: -23px;}
.p-d-cust .items:nth-child(odd) .list:last-child::after{display: none;}
.p-d-cust .items:nth-child(odd)::after{content: "→";transform: rotate(90deg);font-family: 'Urbanist-Bold';font-weight: bold;font-size: 20px;color: var(--public-color);position: absolute;right:11%;bottom: -28px;}
.p-d-cust .items:nth-child(even) .list::after{content: "→";transform: rotate(-180deg);font-family: 'Urbanist-Bold';font-weight: bold;font-size: 20px;color: var(--public-color);position: absolute;right: -23px;}
.p-d-cust .items:nth-child(even) .list:first-child::after{display: none;}
.p-d-cust .items:nth-child(even)::after{content: "→";transform: rotate(90deg);font-family: 'Urbanist-Bold';font-weight: bold;font-size: 20px;color: var(--public-color);position: absolute;left:11%;bottom: -28px;}
.p-d-cust .items:last-child::after{display: none;}
.p-d-cust .num{width: 42px;height: 42px;color: #fff;background-color: var(--public-color);font-size: 18px;line-height: 30px;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.p-d-cust .h5{font-size: 16px;line-height: 24px;width: 80%;padding-left: 20px;}
@font-face {
  font-family: "Urbanist-Bold";
  src: url("../../style/Fontss/Urbanist-Bold.ttf");
}
.p-d-service .list{display: flex;flex-direction: column;align-items: center;text-align: center;}
.p-d-service .list.list:nth-child(1) .img-1{background-color: var(--public-color);}
.p-d-service .list.list:nth-child(2) .img-1{background-color: var(--public-color-g);}
.p-d-service .list.list:nth-child(3) .img-1{background-color: var(--public-color-b);}
.p-d-service .list.list:nth-child(4) .img-1{background-color: var(--public-color-p);}
.p-d-service .img-1{width: 162px;height: 162px;border-radius: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 55px;}
.p-d-service .h5{font-size: 17px;line-height: 28px;font-weight: 600;}
.p-d-service .content{gap: 0 20px;}
.p-d-standard .img{position: relative;}
.p-d-standard .img::after{content: "";width: 100%;height: 100%;border: 15px solid var(--public-color);position: absolute;left: 0;top: 0;}
.p-d-standard .img-1{text-align: center;margin-top: 50px;}
.package-details .img,.package-details .img img{border-radius: 20px;}
.package-details .row{gap: 30px 0;}
.p-d-products .top-head{text-align: center;margin-bottom: 70px;}
.p-d-products {margin-bottom: 95px;}
.product-detail-paper .title{font-size: 44px;}
.product-detail-paper i.icon:before{color: #333;}


.faq-paper{padding-top: 0px;padding-bottom: 180px;}
.faq-paper .text{font-size: 16px;line-height: 32px;}
.faq-paper .circle-container{justify-content: flex-start;}
.faq-paper .top-head .img-2{margin-bottom: 20px;}
.faq-paper .top-head{width: 75%;margin-bottom:75px;}
.faq-paper .aside{width: 16%;position: sticky;top: 17%;height: fit-content;/*padding-top: 40px;*/}
.faq-paper .aside .aside-box.fadeInDown{position: fixed;left: 0;top: 76px;width:100%;}
.faq-paper .aside p {
    margin-bottom: 30px;
    width: 100%;
    height: 60px;
    padding: 0;
    border-radius: 30px;
    font-size: 16px;
    border: solid 4px rgba(239,129,0, .3);
    background-color: #fff;
    color: #888;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.faq-paper .more-7.active,.faq-paper .more-7:hover{background-color: var(--public-color);color: #fff !important;}

.faq-paper .aside p:last-child{margin-bottom: 0;}
.faq-paper .article{width: 82%;overflow: hidden;}
.faq-paper .all-faq{display: none;}
.faq-paper .all-faq.active{display: block;animation: fadeInDown 0.5s ease-in-out;}
.faq-paper .items{margin-bottom: 10px;}
.faq-paper .all-faq .active .quen-q p{color: var(--public-color);}
.faq-paper .all-faq .active .plus{display: none;}
.faq-paper .all-faq .active .minus{display: inline-block;}
.faq-paper .all-faq .plus{display: inline-block;}
.faq-paper .all-faq .minus{display: none;}
.faq-paper .all-faq .quen-q{font-size: 22px;line-height: 32px;font-weight: 600;}
.faq-paper .all-faq .quen-a{font-size: 16px;line-height: 28px;}

.video-paper {padding-top: 175px;padding-bottom: 150px;}
.video-paper .text{font-size: 16px;line-height: 32px;}
.video-paper .top-head{text-align: center;margin-bottom: 110px;}
.video-paper .v,.video-paper iframe{border-radius: 20px;overflow: hidden;}
.video-paper .h5{font-size: 20px;line-height: 36px;color: #333;font-weight: 600;margin-top: 20px;text-align: center;}
.video-paper .row{margin: 0 -36px;gap: 110px 0;}
.video-paper .col-md-4{padding: 0 36px;}


.contact-paper{padding-top: 140px;padding-bottom: 160px;}
.cont-top .list{width: calc(calc(100% - 40px * 2) / 3);height: 200px;position: relative;padding: 45px 45px 20px 50px;}
.cont-top .img-1{position: absolute;right: 50px;top: 25%;}
.cont-top .list .h3{font-size: 20px;font-weight: 600;margin-bottom: 35px;}
.cont-top .list:nth-child(1) p{font-size: 16px;line-height: 28px;}
.cont-top .list:nth-child(1){background-color: rgba(240, 132, 0, .1);border-radius: 15px;}
.cont-top .list:nth-child(2){background-color: rgba(141,195,50, .1);border-radius: 15px;}
.cont-top .list:nth-child(3){background-color: #e5f5fb;border-radius: 15px;}
.cont-top .list:nth-child(1) .h3{color: var(--public-color);}
.cont-top .list:nth-child(2) .h3{color: var(--public-color-g);}
.cont-top .list:nth-child(3) .h3{color: var(--public-color-b);}
.cont-top{margin-bottom: 125px;}
.cont-bottom .circle-container{justify-content: flex-start;}
.cont-bottom .title{font-size: 35px;letter-spacing: -3px;}
.cont-bottom .text{font-size: 16px;color: #999999;margin-bottom: 60px;}
.cont-bottom .form-control{border-radius: 6px;border:0;background-color: #fff;line-height: 32px;padding: 15px 30px;}
.cont-bottom .form-control::placeholder{color: #999;font-size: 16px;}
.cont-bottom .btn-box{display: flex;flex-direction: column;align-items: flex-end;}
.cont-bottom .more-7{font-size: 20px;padding: 0;width: 100%;height: 60px;border-width: 4px;margin-top: 10px;background-color: var(--public-color-g);border-color: var(--public-color-g);transition: all .3s  ease-in-out;}
.cont-bottom .more-7:hover{background-color: var(--public-color);border-color: var(--public-color);}
.cont-bottom .left{width: 48%;padding-top: 45px;}
.cont-bottom .right{width: 48%;background-color: #f8f8f8;padding: 85px 70px;}
.cont-bottom .ul{font-size: 18px;line-height: 30px;}
.cont-bottom .ul p{margin-bottom: 20px;}
.cont-bottom .ul p:last-child{margin-bottom: 0;}

.download-paper {padding-top: 0px;padding-bottom: 150px;}
.download-paper .text{font-size: 16px;line-height: 30px;}
.download-paper .top-head{text-align: center;width: 85%;margin: 0 auto 80px;}
.download-paper .form-control::placeholder{font-size: 16px;line-height: 30px;color: #999999;opacity: 1;font-weight: 400;letter-spacing: -1px;}
.download-paper .form-feedback .form-group{margin-bottom: 10px;}
.download-paper .form-feedback .form-row{border-bottom: 1px solid #e5e5e5;padding-top: 10px;}
.download-paper .form-feedback .form-row:last-child{border-bottom: 0;}
.download-paper .form-feedback .form-control{padding-left: 0;border: 0;background-color: transparent;}
.download-paper .form-feedback .col-md-12{margin-bottom: 0px;}
.download-paper .form-feedback{border-top: 1px solid #e5e5e5;}
.download-paper .form-feedback .btn-box {margin-top: 35px;}
.download-paper .left{width: 45%;margin-left: -50px;}
.download-paper .right{width: 49%;}
.download-paper .h2{font-size: 36px;line-height: 48px;color: #333;font-weight: 600;letter-spacing: -2px;}
.download-paper .right .text{margin-bottom: 50px;}
.download-paper .max-1310px{max-width: 1310px;}
.download-paper .form-feedback{width: 90%;}
.download-paper .right .more-7{font-size: 20px;letter-spacing: -2px;background-color: var(--public-color-g);border-color: var(--public-color-g);transition: all .3s  ease-in-out;}
.download-paper .right .more-7:hover{background-color: var(--public-color);border-color: var(--public-color);}

.all-nav{gap: 0 10px;}
.all-nav a:hover,.all-nav a.active{background-color: var(--public-color);border-color: var(--public-color);color: #fff !important;}
.all-nav a{background-color: #fff;border:4px solid rgba(239, 129, 0, .2);color: #999;font-weight: 600;font-size: 17px;letter-spacing: -1px;height: 60px;border-radius: 30px;}
.news-in-paper .banner-nav{padding: 65px 0 0;}
.news-in-paper {padding-bottom: 110px;}
.news-in-paper .h1 {font-size: 42px;line-height: 56px;color: #333;font-weight:bold;letter-spacing: -3px;margin-bottom: 40px;}
.news-in-paper .type{display: flex;align-items: center;margin-bottom: 50px;}
.news-in-paper .type .time {font-size: 16px;color: var(--public-color);font-weight: bold;margin-right: 55px;}
.news-in-paper .share .h3{color: #999;font-weight: 600;margin-right: 20px;}
.news-in-paper .share,.news-in-paper .share ul{display: flex;align-items: center;}
.news-in-paper .share ul{gap: 0 6px;}
.news-in-paper .share ul a{background-color: #333333;border-radius: 2px;}
.news-in-paper .share{font-size: 16px;line-height: 24px;padding-right: 10px;}
.news-in-paper .social + .social{margin-left: 8px;}
.news-in-paper .main-top {display: flex;justify-content: space-between;padding-top: 80px;}
.news-in-paper .article{width: 66%;margin-bottom: 120px;}
.news-in-paper .aside{width: 31%;}
.news-in-paper .article .content{border-bottom: 3px solid rgba(221, 221, 221, .6);padding-bottom: 90px;font-size: 16px;line-height: 30px;}
.news-in-paper .article .content p{margin-bottom: 25px;}
.news-in-paper .article .content img{max-width: 100%;height: auto;}
.news-in-paper .article p:last-child{margin-bottom: 0;}
.news-in-paper .article .content ul,.news-in-paper .article .content ul li{list-style-type: disc;}
.news-in-paper .article .content ul{padding-left: 20px;}
.news-in-paper .box-tail{font-size: 18px;line-height: 28px;margin-top: 60px;display: flex;justify-content: space-between;}
.news-in-paper .box-tail .left{width: 70%;}
.news-in-paper .box-tail .right{width: 20%;display: flex;justify-content: flex-end;}
.news-in-paper .box-tail p a{display: inline-block;transition: all .6s;color: #999;font-weight: 600;font-size: 19px;}
.news-in-paper .box-tail p a:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;color: #000000 !important;}
.news-in-paper .box-tail p span{color:var(--public-color);display: inline-block;}
.news-in-paper .box-tail p:first-child{margin-bottom: 25px;}
.news-in-paper .box-tail .more-7{height: 46px;font-size: 16px;padding: 0;width: 160px;background-color: var(--public-color-g);border-color: var(--public-color-g);}
.news-in-paper .box-tail .more-7:hover{background-color: var(--public-color);border-color: var(--public-color);color: #fff !important;}
.news-in-paper .main-bottom .title{margin-bottom: 50px;}
.news-in-paper .aside .h2{font-size: 42px;line-height: 57px;letter-spacing: -3px;margin-bottom: 45px;color: var(--public-color);font-weight: 600;}
.news-in-paper .aside-box{margin-bottom: 65px;}
.news-in-paper .items{margin-bottom: 20px;border-bottom: 1px solid rgba(184, 184, 184, .4);padding-bottom: 15px;}
.news-in-paper .items:last-child{margin-bottom: 0;}
.news-in-paper .items .time{margin-bottom: 10px;color: var(--public-color);font-weight: 600;}
.news-in-paper .items .t1{margin-bottom: 10px;font-size: 18px;color: #333;font-weight: bold;}
.news-in-paper .items .text{font-size: 16px;line-height: 28px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 10px;
}
.news-in-paper .items .a{justify-content: flex-start;}
.news-in-paper .aside-box-1{background:url(../../images/news-1.jpg) no-repeat;background-size: cover;padding: 45px 45px 60px 45px;border-radius: 20px;position: sticky;top: 130px;height: fit-content;}
.news-in-paper .aside-box-1 .t1{font-size: 30px;line-height: 42px;font-weight: 500;color:#fff;margin-bottom: 30px;letter-spacing: -2.5px;}
.news-in-paper .aside-box-1 .form-control::placeholder{color:#999;opacity: .6;font-size: 16px;line-height: 36px;font-weight: 400;}
.news-in-paper .aside-box-1 .form-control:focus::placeholder{color:#333333;opacity: 1;}
.news-in-paper .aside-box-1 .form-control{border: solid 1px #dddddd;border-radius: 2px;padding: 10px 20px;}
.news-in-paper .form-group{margin-bottom: 10px;}
.news-in-paper .form-group:last-child{margin-bottom: 40px;}
.news-in-paper .aside-box-1 .more-7{width: 100%;border-color: #fff;background-color: var(--public-color);color: #fff;height: 60px;font-size: 20px;transition: all .6s ease-in-out;border-radius: 0;padding: 0;letter-spacing: -1.5px;}
.news-in-paper .aside-box-1 .more-7:hover{background-color: #fff;color: var(--public-color) !important;}
.news-in-paper .aside-box-1 .more-7 .arrow::after{content: url(../../images/sign_2.png);display: inline-block;}
.news-in-paper .aside-box-1 .more-7:hover .arrow::after{content: url(../../images/sign_1.png);}
.main-bottom .index-pro .t1{font-weight: bold}
.main-bottom .index-pro{margin-bottom: 0;}
.main-bottom .index-pro .img{max-height: 290px;padding: 0;margin: 15px 0;}
/* .main-bottom .index-pro .img img{mix-blend-mode: multiply;} */
.main-bottom .index-pro .list .img{background-color: transparent;}

.news-list-paper{padding-bottom: 130px;}
.news-list-paper .cont .t1{margin-bottom: 20px;}
.news-list-paper .cont .text{font-size: 16px;line-height: 30px;}
.news-list-paper .row{gap: 75px 0;}

.certificates-paper{padding-top: 165px;padding-bottom: 170px;}
.certificates-paper .top-head{text-align: center;font-size: 16px;line-height: 32px;margin: 0 auto 75px;width: 80%;}
.certificates-paper .list{background-color: #f4f4f4;padding: 15px;}
.certificates-paper .h5{font-size: 18px;color: #333;text-align: center;font-weight: bold;margin-top: 15px;margin-bottom: 15px;}
.certificates-paper .row{gap: 30px 0;}

.contact-footer .every-footer,.contact-footer .adv-img{display: none;}

.case-paper{padding-top: 165px;padding-bottom: 100px;}
.case-paper .items{width: 100%;}
.case-paper .row{gap: 50px 0;}




@media(max-width:1780px){
    /* index-paper */
    .index-about .right {width: 53%;}
}
@media(max-width:1710px){
    .every-footer .left{padding-left: 45px;}
}
@media(max-width:1670px){
    .max-1650px{padding: 0 15px !important;margin: 0 auto !important;}

    /* index-paper */
    .index-about .left {width: 47%;}
    .index-about .right {width: 50%;}

    /* every-footer  */
    .every-footer .left{padding-left: 0px;}

}

@media(max-width:1590px){
    .about-memories .all-hover{background-color: #fff;color: #000;}
    .about-memories .prev-man{left: 15px;}
    .about-memories .next-man{right: 15px;}
}
@media(max-width:1490px){
    .index-cust .left{padding: 80px 60px 100px;}
    /* every-footer  */
    .every-footer .right {width: 45%;padding: 80px 50px;}

    .news-list-paper .all-nav a{height: 50px;padding: 0 40px;}
    .all-news .row{margin: 0 -20px;}
    .all-news .col-md-4{padding: 0 20px;}
}
@media(max-width:1430px){
    .news-in-paper .h1{font-size: 38px;line-height: 52px;}
    .title {font-size: 42px;line-height: 56px;}
    .row{overflow: hidden;margin: 0 -15px !important;}
    .col-md-4{padding: 0 15px !important;}
    .all-banner .small-nav {margin-bottom: 15px;}
    .banner .h1 {font-size: 42px;line-height: 52px;}
    .index-banner .text{margin-bottom: 30px;}
    /* index-paper */
    .index-sol .list .cont{padding: 85px 20px 30px;}
    .index-about .content{padding: 0 15px;}
    .index-about .right{padding-right: 0;}
    .footer .list-2 {width: 20%;}

}
@media(max-width:1390px){
    .banner .cont-box {width: 56%;}

    /* service-paper */
    .service-adv .items .left{width: 41%;}

    /* contact-paper */
    .cont-top .list .h3 {margin-bottom: 15px;}
}
@media(max-width:1370px){
    /* index-paper */
    .index-about .left {width: 55%;}
    .index-about .right{width: 44%;}
    .index-cust .left {padding-left: 40px;padding-right: 0;width: 30%;}
    .index-cust .right {width: 67%;}
    .header .header-nav .top-logo{width: 25%;}
}
@media(max-width:1350px){
    /* index-paper */
    .index-sol .list .cont{height: 360px;}

    /* product-list-paper */
    .all-product .cont {padding: 0 25px 40px;}

    /* service-paper */
    .service-acc .aside{padding: 60px 30px 75px;}
}
@media(max-width:1320px){
    .detail-nav.fadeInDown{top: 110px;}
}
@media(max-width:1300px){
    .index-cust .left{padding-left: 0;align-items: center;}
    .index-cust .left .d2{display: flex;flex-direction: column;align-items: center;}
    .index-cust .all-cust {padding-right: 30px;}
    .all-cust .items {width: 47%;}
    /* every-footer  */
    .every-footer .content{justify-content: space-around;}
    .every-footer .right{padding: 40px 30px;display: flex;flex-direction: column;align-items: center;width: 38%;}
    .every-footer .ul{height: auto;}

     /* product-list-paper  */
     .p-l-cust .swiper-slide{margin-right: 40px !important;}

     .all-product .param{flex-direction: column;}
     .all-product .param>div{flex-direction: row;justify-content: space-between}
     .all-product .param>div::after{display: none;}
     .all-product .param>div {font-size: 14px;}


}
@media(max-width:1285px){
    .footer .list-2{width: 21%;}
    .footer .list-3 {width: 33%;}
}
@media(max-width:1240px){
    /* index-paper */
    .index-sol .h2 {font-size: 19px;line-height: 31px;}
    .index-sol .list .cont .text{font-size: 17px;line-height: 27px;}
    .index-about .left {width: 60%;}
    .index-about .right {width: 40%;}
    .index-cust .all-cust {padding-right: 0px;}
    .all-cust .items {width: 48%;}

    /* contact-paper */
    .cont-bottom .right{padding: 65px 45px;}

    .header .header-top .toch a {width: 155px;height: 42px;font-size: 18px;}
    .footer .list-2 .box{height: auto;}
    .footer .list-2{width: 14%;}
    .detail-nav.fadeInDown{top: 105px;}
}
@media(max-width:1200px){
    .title {font-size: 36px;line-height: 46px;}
    /* index-paper */
    .index-sol .list .cont{height: 100%;}
    .index-about .content{padding-right: 0;}
    .index-about .left{width: 70%;}
    .index-about .right{width: 30%;}
    .index-cust-list{width: 100%;}
    .all-news .t1{font-size: 19px;line-height: 30px;}

    /* faq-paper */
    .faq-paper .top-head{width: 100%;}

    /* service-paper */
    .service-zhu .list{padding: 20px 10px;}

    /* service-paper */
    .service-adv .num {width: 100px;height: 100px;}
    .service-adv .h2 {font-size: 28px;line-height: 38px;}
    .service-acc .aside {padding: 45px 10px 60px;}
    .service-acc .aside p{line-height: 28px;font-size: 16px;}

    /* contact-paper */
    .cont-top .list {padding: 45px 30px 20px 30px;}

    .detail-nav.fadeInDown {top: 120px;}
    .detail-nav li a{font-size: 14px;}
    .detail-nav-xl{width: 100%;}
    .detail-nav.fadeInDown{top: 105px;}
    .p-d-cust .h5{font-size: 14px;line-height: 20px;}

}
@media(max-width:1180px){
    .p-l-pro-name-xl{top: 106px;}
    .navbar-custom .navbar-nav .nav-link{font-size: 14px;}
    .header .header-top .toch {margin-right: 5px;}
    .footer .list-1 .box{height: auto;}
    .footer .list-1 {width: 25%;}
}
@media(max-width:1100px){
    .index-banner{display: flex;justify-content: flex-end;position: relative;}
    .index-banner::after{content: "";width: 100%;height: 100%;background-color: #000;opacity: .4;position: absolute;left: 0;top: 0;}
    .banner .banner-text{z-index: 1;}
    .index-banner>img{width: auto;height: 100%;}
    .index-banner.banner .cont-box{width: 100%;letter-spacing: 0px;}
    .index-banner.banner .h1{letter-spacing: -1px;}
    .index-cust .d2 a{text-align: center;}
    .index-cust .d2 .more-7{width: 90%;margin: 0 20px;padding: 0;}
    .navbar-custom .navbar-nav .nav-link{font-size: 14px;}
    /* .header .header-top .toch{display: none;} */
    .header .header-top .toch a{width: auto;font-size: 14px;padding: 0 20px;}
    .detail-nav.fadeInDown{top: 100px;}
    .news-in-paper .aside-box-1 {padding: 20px;}
    .news-in-paper .aside-box-1 .t1{font-size: 28px;}
}
@media(max-width:1035px){
    .header .header-nav .top-logo {width: 20%;}
}
@media(max-width:1000px){
    /* index-paper */
    .index-about{overflow: hidden;}
    .index-about .content{flex-direction: column;}
    .index-about .content{flex-direction: column;align-items: center;}
    .index-about>img{height: 100%;width: auto;}
    .index-about .left{width: 100%;margin-bottom: 30px;}
    .index-about .right{width: 35%;}
    .index-sol .list{width: calc(calc(100% - 20px * 3) / 2);}
    .index-sol .content{flex-wrap: wrap;}
    .index-cust .img-1 {width: 140px;height: 140px;}
    .index-cust-list .h3 {font-size: 21px;}

    /* product-paper */
    .product-paper .top-head{width: 90%;}

    /* service-paper */
    .service-adv .items .left {width: 50%;}
    .service-adv .items .right{width: 45%;}
    .service-adv .text {margin-bottom: 20px;}
    /* .service-adv .top .items{flex-wrap: wrap;flex-direction: column-reverse !important;}
    .service-adv .items .left{width: 100%;}
    .service-adv .items .right{width: 100%;} */

    .detail-nav{display: none;}

    .all-nav a{padding: 0 20px;}
}
@media(max-width:768px){
    .text p{margin-bottom: 10px;}
    .title span{display: inline;}
    .title{font-size: 22px !important;line-height: 32px !important;margin-bottom: 10px !important;letter-spacing: -2px !important;}
    .dfrsb,.dfrsbc{flex-wrap: wrap !important;}
    .left,.right{width: 100% !important;}
    .text{font-size: 14px !important;line-height: 20px !important;}
    .top-head{margin-bottom: 25px !important;width: 100% !important;}
    .h6{font-size: 16px !important;line-height: 24px !important;}
    .all-hover {width: 35px;height: 35px;}
    .all-hover .iconfont {font-size: 16px;}
    .ul p{padding-left: 25px;}
    .ul p::before {font-size: 16px !important;line-height:20px !important;}
    ul li{font-size: 16px !important;line-height: 24px !important;}
    .h1{font-size: 24px !important;line-height: 32px !important;letter-spacing: -2px !important;margin-bottom: 15px !important;}
    .text p{margin-bottom: 10px !important;}
    .text p:last-child{margin-bottom: 0 !important;}
    .more-7{height: 42px !important;padding: 0 25px;font-size: 16px;line-height: 24px;}
    .row{margin-left: -7px !important;margin-right: -7px !important;gap: 0 !important;}
    .col-md-4,.col-md-3,.col-md-6{padding-left: 7px !important;padding-right: 7px !important;margin-bottom: 25px !important;}
    .img-2{margin-bottom: 10px !important;}

    .app-name .box-1{display: none;}
    .app-name.active .box-1{display: block;animation: fadeInDown .6s;}
    .app-name .h2{display:flex;justify-content: space-between;align-items: center;width: 100%;padding-right: 20px;position: relative;font-size: 1.25rem !important; font-weight: 6 !important; }
    .app-name .h2 span{font-size: 18px;line-height: 26px;}
    .app-name .h2 .icon{font-size: 18px;}
    .app-name p{height: auto;display: block;}
    .app-name{background-color: transparent !important;}
    .app-name p,.app-name a{height: auto !important;justify-content: normal !important;font-size: 16px !important;font-weight: 400 !important;}
    .app-name .collapse-title{position: relative;z-index: 2;}

    .mySwiper-all{padding-bottom: 30px;}
    .mySwiper-all .pagination-pro{left: 0;bottom: 0;}
    .mySwiper-all .pagination-pro span{background-color: var(--public-color);opacity: .3;}
    .mySwiper-all .pagination-pro span.swiper-pagination-bullet-active{opacity: 1;}
    .mySwiper-cust{padding-bottom: 30px;}
    .mySwiper-cust .pagination-pro{left: 0;bottom: 0;}
    .mySwiper-cust .pagination-pro span{background-color: var(--public-color);opacity: .3;}
    .mySwiper-cust .pagination-pro span.swiper-pagination-bullet-active{opacity: 1;}

    .index-banner>img{width: auto;height: 400px;}
    .index-banner h1 span{display: inline;}
    .all-banner{display: flex;justify-content: flex-end;}
    .all-banner>img{height: 140px;width: auto;}
    .all-banner{position: relative;}
    .all-banner::after{content: "";width: 100%;height: 100%;background-color: #000;opacity: .3;position: absolute;left: 0;top: 0;}
    .all-banner .banner-text{z-index: 1;}

    /* 首页 */
    .index-parper{padding-top: 30px;}
    .index-sol{margin-bottom: 50px;}
    .index-sol .list{width: 100%;}
    .index-sol .img-1{opacity: 1;}
    .index-sol .list .cont {padding-top: 65px;}
    .index-sol .swiper-slide:nth-child(1) .list .cont{background-color: var(--public-color);}
    .index-sol .swiper-slide:nth-child(2) .list .cont{background-color: var(--public-color-g);}
    .index-sol .swiper-slide:nth-child(3) .list .cont{background-color: var(--public-color-b);}
    .index-sol .swiper-slide:nth-child(4) .list .cont{background-color: var(--public-color-p);}
    .index-sol .swiper-slide:nth-child(1) .list .img::after{border-color: var(--public-color);}
    .index-sol .swiper-slide:nth-child(2) .list .img::after{border-color: var(--public-color-g);}
    .index-sol .swiper-slide:nth-child(3) .list .img::after{border-color: var(--public-color-b);}
    .index-sol .swiper-slide:nth-child(4) .list .img::after{border-color: var(--public-color-p);}
    .index-pro{margin-bottom: 30px;}
    .index-pro .t1 {font-size: 19px;line-height: 27px;margin-top: 15px;margin-bottom: 15px;}
    .index-about .content{padding: 0;}
    .index-about {margin-bottom: 40px;}
    .index-cust-list{flex-wrap: wrap;gap: 50px 0;margin-bottom: 40px;}
    .index-cust .list {width: 49%;flex: auto;}
    .index-cust .img-1{width: 100px;height: 100px;margin-bottom: 10px;}
    .index-cust .img-1 img{max-width: 47%;}
    .index-cust .list .h3{font-size: 16px;letter-spacing: -1px;}
    .index-cust .list:after{content: "";background: url(../../images/sign_2.png) no-repeat;background-size: contain;width: 29px;height: 19px;}
    .index-cust .list:nth-child(2)::after{transform: rotate(90deg);bottom: -35px;top: auto;right: 39%;}
    .index-cust .list:nth-child(3)::after{transform: rotate(180deg);}
    .index-cust .left{background-size: cover;padding: 20px;margin-bottom: 30px;}
    .index-cust .title {letter-spacing: -1px;text-align: center;margin-bottom: 20px;}
    .index-cust .d2 a {font-size: 16px;letter-spacing: -1px;margin-bottom: 10px;}
    .index-cust .circle-container{justify-content: center;}
    .index-cust .d2 .more-7 {font-size: 16px;}
    .index-cust .d2 .more-7 .arrow::after{content: "";background:  url(../../images/banner-sign-2.png)  no-repeat;background-size: contain;width: 17px;height: 14px;}
    .index-cust{margin-bottom: 30px;}
    .all-cust .items{width: 100%;}
    .all-cust .img{margin-bottom: 15px;}
    .all-cust .site{font-size: 16px;}
    .all-cust .cont .text {letter-spacing: -1px;}
    .index-news{padding-top: 30px;padding-bottom: 30px;}
    .all-news .img{margin-bottom: 15px;}
    .all-news .time{font-size: 16px;line-height: 24px;}
    .all-news .t1{font-size: 18px;line-height: 26px;}

    .every-footer{height: auto;}
    .every-footer>img{height: 600px;}
    .every-footer .left{margin-bottom: 15px;}
    .every-footer .right {padding: 20px;}
    .every-footer .h2{font-size: 22px;margin-bottom: 20px;}
    .adv-img{padding: 20px 0;}

    .footer{padding-top: 30px;}
    .footer .content {padding-top: 20px;}
    .footer .list-1{width: 100%;}
    .footer .list-1 .box, .footer .list-2 .box{height: auto;}
    .footer .t1{font-size: 18px;margin-bottom: 10px;}
    .footer .font-sty {line-height: 28px;}
    .footer .content>div{margin-bottom: 30px;}
    .footer .list-2 .box{flex-direction: row;}
    .footer .list-2 .font-sty{width: 49%;}
    .footer .list-2{width: 100%;}
    .footer .list-3{width: 100%;}
    .footer .list-3 .d1{width: 100%;margin-bottom: 5px;}
    .footer .footer-top{padding-bottom: 0;} 
    .footer-img{margin-bottom: 15px;}
    .footer-img a:first-child{margin-left: 0;}  
    .footer-bottom .social-all{margin-left: 0;margin-top: 15px;}
    .social-all .social + .social {margin-left: 16px;}

    .small-nav ul a{color: #666;font-size: 16px;line-height: 24px;}
    .small-nav ul li:last-child a{color: #666;font-weight: 500;}
    .small-nav ul li::after{font-size: 16px;line-height: 24px;padding: 0 10px;}

    /* 产品中心页 */
    .product-paper{padding-top: 30px;padding-bottom: 30px;}
    .product-paper .img{margin-bottom: 15px;}
    .product-paper .t1{margin-bottom: 10px;}

    /* 产品系列页 */
    .product-list-paper{padding-top: 0px;}
    .p-l-zhu .left {margin-bottom: 20px;}
    .p-l-zhu{margin-bottom: 50px;padding: 30px 0 0 }
    .all-product .t1{font-size: 18px;line-height: 30px;margin-bottom: 20px;}
    .all-product .param>div {font-size: 14px;}
    .p-l-products{margin-bottom: 40px;}
    .p-l-sol .left .text{margin-bottom: 30px;}
    .p-l-sol .a a, .p-l-cust .a a{font-size: 16px;line-height: 24px;}
    .p-l-sol .a{margin-bottom: 15px;}
    .p-l-sol .ul p{margin-bottom: 10px;}
    .p-l-sol{margin-bottom: 30px;}
    .p-l-cust{padding: 30px 0 0}
    .p-l-cust .top-head{flex-direction: column;}
    .p-l-cust .left{margin-bottom: 20px;}
    .p-l-cust .all-hover {width: 46px;height: 46px;}
    .p-l-cust .all-hover + .all-hover {margin-right: 10px;}
    .p-l-cust .swiper-slide{margin-right: 30px !important;}
    .p-l-faq{padding: 30px 0;}
    .p-l-faq .row-col{display: block;}
    .all-faq .items {padding: 20px 15px;}
    .all-faq .quen-q{line-height: 26px;}
    .all-faq .quen-q p{-moz-hyphens: auto;-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;word-wrap: break-word;}
    .all-faq .circle-icon {width: 36px;height: 36px;}
    .all-faq .quen-a {font-size: 14px;line-height: 20px;padding-top: 20px;}
    .all-faq .quen-a p{margin-bottom: 10px;}
    .p-l-news .index-news{padding: 30px 0;}

    /* 产品详情页 */
    .product-detail-paper{padding-top: 30px;}
    .p-d-zhu .video{width: 42px;height: 42px;}
    .p-d-zhu{flex-direction: column-reverse;margin-bottom: 30px;}
    .p-d-zhu .right{margin-bottom: 30px;}
    .p-d-zhu .right .swiper-pagination-bullet{background-color: var(--public-color);opacity: .2;}
    .p-d-zhu .right .swiper-pagination-bullet-active{opacity: 1;}
    .p-d-zhu .swiper-container {padding-bottom: 0px;width: 100%;}
    .p-d-zhu .swiper-pagination{bottom: 0;}
    .detail-nav{display: none;}
    .p-i-content .h2 span {font-size: 20px;line-height: 28px;}
    .p-i-content .h2{margin-bottom: 20px;flex-direction: column;}
    .table-wrapper table th, .table-wrapper table td{padding: 7px 15px;}
    .p-d-design .col-md-6{width: 50%;}
    .p-d-design .h5 {font-size: 16px;line-height: 24px;margin-top: 10px;}
    .p-d-design .design-img{margin-top: 20px;}
    .price-range{margin-top: 30px !important;}
    .p-i-content>div{margin-bottom: 30px;}
    .p-d-material .h5{font-size: 18px;line-height: 26px;margin-bottom: 10px;}
    .p-d-material .img{margin-bottom: 15px;}
    .p-d-cust .items{flex-wrap: wrap;gap: 27px;justify-content: flex-end;}
    .p-d-cust .list {border-radius: 25px;padding: 14px 0 16px 5px;width: 46%;height: 100%;}
    .p-d-cust .h5{padding-left: 10px;font-size: 14px;line-height: 20px;}
    .p-d-cust .num{width: 30px;height: 30px;font-size: 16px;}
    .p-d-cust .items:nth-child(1) .list:nth-child(2)::after{transform: rotate(90deg);right: 45%;bottom: -28px;}
    .p-d-cust .items:nth-child(odd)::after{right: 21%}
    .p-d-cust .items:nth-child(even){flex-direction: row;}
    .p-d-cust .items .list.list:nth-child(3){order: 2;}
    .p-d-cust .items .list.list:nth-child(4){order: 1;}
    /* .p-d-cust .items:nth-child(odd) .list::after,.p-d-cust .items:nth-child(even) .list::after{content: "";} */
    /* .p-d-cust .items .list:nth-child(1)::after {
        content: "→";
        font-family: 'Urbanist-Bold';
        font-weight: bold;
        font-size: 20px;
        color: var(--public-color);
        position: absolute;
        right: -23px;
    }
    .p-d-cust .items:nth-child(1) .list:nth-child(3)::after{transform: rotate(180deg);right: auto;left: -23px;}
    .p-d-cust .items:nth-child(1)::after{right: auto;left: 21%;}
    .p-d-cust .items:nth-child(2) .list:nth-child(2)::after{transform: rotate(0deg);right: auto;left: -23px;}
    .p-d-cust .items:nth-child(2) .list:nth-child(3)::after{transform: rotate(0deg);} */
    .p-d-cust .items .list::after,.p-d-cust .items::after{display: none;}
    .p-d-cust .items .list::before{
        content: "→";
        font-family: 'Urbanist-Bold';
        font-weight: bold;
        font-size: 20px;
        color: var(--public-color);
        position: absolute;
        display: none;
    }
    .p-d-cust .items:nth-child(odd) .list:nth-child(2)::before{display: block;right: auto;left: -25px;}
    .p-d-cust .items:nth-child(odd) .list:nth-child(2)::after{display: block;right: 70px;left: auto;bottom: -28px;transform: rotate(90deg);}
    .p-d-cust .items:nth-child(odd) .list:nth-child(4)::before{display: block;transform: rotate(180deg);right:-25px}
    .p-d-cust .items:nth-child(odd)::after{transform: rotate(90deg);top: auto;bottom: -15px;left: 21%;;right:auto;line-height: 0;display: block;}
    .p-d-cust .items:last-child::after{display: none;}
    .p-d-cust .items:nth-child(even) .list:nth-child(2)::before{display: block;right: auto;left: -25px;}
    .p-d-cust .items:nth-child(even) .list:nth-child(2)::after{display: block;right: 70px;left: auto;bottom: -28px;transform: rotate(90deg);}
    .p-d-cust .items:nth-child(even) .list:nth-child(4)::before{display: block;transform: rotate(180deg);right:-25px}
    .p-d-cust .items:nth-child(even)::after{transform: rotate(90deg);top: auto;bottom: -15px;left: 21%;;right:auto;line-height: 0;display: block;}
    .p-d-service .img-1 {width: 100px;height: 100px;margin-bottom: 20px;}
    .p-d-service .img-1 img{width: 45%;}
    .p-d-service .h5{font-size: 14px;line-height: 20px;}
    .p-d-service .list{width: 48%;}
    .p-d-service .content{gap: 20px 0;}
    .p-d-standard .col-md-3,.package-details .col-md-3{width: 50%;}
    .p-d-standard .img::after {border-width: 10px;}
    .p-d-standard .img-1{margin-top: 0px;}

    /* 关于我们页 */
    .about-paper{padding: 30px 0;}
    .about-zhu .top-head{margin-bottom: 0 !important;}
    .about-zhu .ul p{line-height: 24px;}
    .about-zhu .ul{margin-bottom: 20px;}
    .about-zhu .h3{font-size: 18px;line-height: 26px;letter-spacing: -1px;margin-bottom: 20px;}
    .about-zhu .right{margin-top: 0;}
    .about-zhu .content{flex-direction: column-reverse;}
    .about-zhu{margin-bottom: 30px;}
    .about-com .items {width:100%;}
    .about-com .img{margin-bottom: 10px;}
    .about-com .h5 {font-size: 18px;line-height: 26px;margin-bottom: 10px;}
    .about-com .content{gap: 30px 0;}
    .about-com{margin-bottom: 30px;}
    .about-dis .left{margin-bottom: 20px;}
    .about-dis .h3{font-size: 17px;margin-bottom: 10px;}
    .about-dis .ul{line-height: 24px;margin-bottom: 20px;}
    .about-dis .ul p{margin-bottom: 5px;}
    .about-dis{margin-bottom: 30px;}
    .about-memories .all-hover{width: 36px;height: 36px;top: 56%;}
    .about-memories .mySwiper-man{display: none;}

    /* 证书页 */
    .certificates-paper{padding: 30px 0;}
    .certificates-paper .col-md-3{width: 50%;}
    .certificates-paper .h5 {font-size: 14px;line-height: 20px;margin-bottom: 0px;}
    .certificates-paper .list {padding: 10px;}

    /* 下载页 */
    .download-paper{padding: 30px 0;}
    .download-paper .h2{font-size: 22px;line-height: 32px;}
    .download-paper .right .text {margin-bottom: 20px;}
    .download-paper .form-feedback .form-group{border-bottom: 1px solid #e5e5e5;}
    .download-paper .form-feedback .col-md-6{margin-bottom: 10px !important;}
    .download-paper .form-feedback .form-row{border: 0;padding-top: 0px;}
    .download-paper .form-feedback .col-md-6:first-child{margin-bottom: 0 !important;}
    .download-paper .more-7 {font-size: 16px;letter-spacing: -1px;}

    /* 视频 */
    .video-paper{padding: 30px 0;}
    .video-paper .h5{font-size: 16px;line-height: 24px;}

    /* FAQ */
    .faq-paper{padding: 30px 0;}
    .faq-paper .aside p{border: 0;border-bottom: 1px solid #e7e7e7;border-radius: 0;margin-bottom: 0;padding: 12px 16px;}
    .faq-paper .aside{width: 100%;}
    .faq-paper .article{width: 100%;}
    .faq-paper .all-faq .quen-q{font-size: 18px;line-height: 26px;}
    .faq-paper .all-faq .quen-a{font-size: 14px;line-height: 20px;}

    .case-paper{padding: 30px 0;}

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

    .news-in-paper .aside .h2{font-size: 25px;line-height: 32px;letter-spacing: -1px;margin-bottom: 20px;}
    .news-in-paper .aside-box{margin-bottom: 30px;}
    .news-in-paper .aside-box-1 .t1 {letter-spacing: -1px;}

    .news-in-paper{padding-bottom: 30px;}
    .news-in-paper .main-top{padding-top: 0px !important;flex-wrap: wrap;}
    .news-in-paper .article,.news-in-paper .aside{width: 100%;}
    .news-in-paper .type{margin-bottom: 20px;}
    .news-in-paper .article .content{font-size: 14px;line-height: 20px;padding-bottom: 15px;}
    .news-in-paper .article .content p{margin-bottom: 10px;}
    .news-in-paper .box-tail{flex-wrap: wrap;margin-top: 20px;}
    .news-in-paper .box-tail p:first-child {margin-bottom: 15px;}
    .news-in-paper .box-tail p a{font-size: 16px;line-height: 24px;}
    .news-in-paper .box-tail .left{margin-bottom: 10px;}
    .news-in-paper .article{margin-bottom: 30px;}
    .news-in-paper .aside-box-1 {padding: 15px 20px 30px 20px;}
    .news-in-paper .aside-box-1 .t1{font-size: 20px;line-height: 28px; margin-bottom: 7px;}
    .news-in-paper .main-top{margin-bottom: 30px;}

    /* 服务业 */
    .service-paper{padding-top: 30px;}
    .service-zhu .content{gap: 10px;}
    .service-zhu .img-1{margin-bottom: 10px;}
    .service-zhu .h5{font-size: 14px;line-height: 20px;padding-left: 0;width: 100%;-moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;}
    .service-zhu .list{width: 48%;flex: auto;display: block;}
    .service-zhu{margin-bottom: 30px;}
    .service-adv .h6{margin-bottom: 0;}
    .service-adv .top .items{flex-direction: column-reverse !important;margin-bottom: 40px;}
    .service-adv .num{width: 70px;height: 70px;font-size: 22px;}
    .service-adv .h2{font-size: 18px;line-height: 26px;padding-left: 15px;}
    .service-adv .items .right{margin-bottom: 20px;}
    .service-adv .ul{line-height: 24px;}
    .service-adv .text{margin-bottom: 15px;}
    .service-adv .top{margin-bottom: 30px;}
    .service-adv .bottom{padding: 30px 0;}
    .service-adv .list{width: 48%;margin-bottom: 20px;padding: 0 15px 11px;}
    .service-adv .list:last-child{margin-bottom: 0;}
    .service-adv .list:hover::after,.service-adv .list::after{height:70%;}
    .service-adv .h3{font-size: 16px;margin-top: 7px;}
    .service-adv .bottom .left{margin-bottom: 20px;}
    .service-acc{margin-bottom: 30px;padding-top: 30px;}
    .service-acc .aside {width: 100%;padding: 0 10px;border-radius: 0 0 25px 25px;}
    .service-acc .menu-collapse{border: 0;position: sticky;height: fit-content;top: 50px;left: 0;right: 0;z-index: 1;}
    .service-acc .accessory{width: 100%;}
    .service-acc .accessory .col-md-4{width: 50%;}
    .service-acc .list {padding: 10px;}
    .service-acc .t2{font-size: 14px;line-height: 20px;margin-bottom: 0;letter-spacing: -1px;}
    .service-acc .img {margin-bottom: 15px;}

    /* 联系我们页*/
    .contact-paper{padding: 30px 0;}
    .cont-top .list {width: 100%;padding: 20px;height: 100%;}
    .cont-top .list:nth-child(1) p{font-size: 14px;line-height: 20px;}
    .cont-top{gap: 20px 0;margin-bottom: 30px;}
    .cont-top .img-1 img{width: 45%;}
    .cont-top .img-1{right: 0;display: flex;justify-content: flex-end;}
    .cont-bottom .text{margin-bottom: 20px;}
    .cont-bottom .ul {font-size: 16px;line-height: 24px;}
    .cont-bottom .ul p{margin-bottom: 10px;}
    .cont-bottom .left{margin-bottom: 20px;padding-top: 10px;}
    .cont-bottom .right{padding: 20px;}


.all-product .cont{padding-bottom: 20px;}
.p-d-products{margin-bottom: 30px;}

.p-l-special{margin-bottom: 40px;}
.table-wrapper table th, .table-wrapper table td{font-size: 14px;line-height: 20px;}
.p-i-content .h2, .p-i-content .h2-xl{flex-wrap: wrap;}
.p-i-content .h2 span, .p-i-content .h2-xl span{font-size: 20px;line-height: 28px;}
.circle{width: 22px;height: 22px;}
.p-d-app .content {grid-gap: 20px !important;grid-template-columns: repeat(2, 1fr) !important;}
.p-d-fact .content-1{grid-gap: 20px !important;grid-template-columns: repeat(2, 1fr) !important;}
.p-i-content .h2, .p-i-content .h2-xl{margin-bottom: 15px;}
.p-l-pro-name-xl{display: none !important;}

}


.p-l-pro-name-xl .fc-t1 i {width: 30px;height: 30px;color: var(--public-color);background: #fff;border-radius: 50%;border: 1px solid var(--public-color);margin-right: 5px;display: flex;align-items: center;justify-content: center;}
.p-l-pro-name-xl .fc-t1 i:after {content: "\f060";font-family: 'cmsfont';transform: rotate(-90deg);}
.p-l-pro-name-xl .fc-t1.active i::after{transform: rotate(90deg);}
.p-l-pro-name-xl.active.on {right: -300px;transition: all 1s;}
.p-l-pro-name-xl.active {display: block;}
.p-l-pro-name-xl .fc-t1 {transition: all 0.5s;cursor: pointer;display: flex;transform: rotate(-90deg);transform-origin: center center;position: absolute;left: -105px;top: 75px;z-index: 20;}
.p-l-pro-name-xl .fc-t1 span{background: var(--public-color);color: #fff;font-size: 15px;line-height: 30px;display: block;padding: 0 5px;}
.p-l-pro-name-xl{background-color: #fff;position: fixed;height: fit-content;z-index: 20;top:18%;right:5px;max-width: 320px;border-radius: 15px;transition: all 1s;display: none;}
.p-l-pro-name{background-color: rgba(240, 132, 0, .5);overflow: hidden;padding:  0 10px;border-radius: 15px;}
.p-l-pro-name .pro-name{gap: 0 15px;position: relative;}
.p-l-pro-name .pro-name>li{padding: 5px 0 5px;}
.p-l-pro-name .t1{font-size: 16px;line-height: 32px;padding: 0px 16px;border-radius: 50px;display: block;position: relative;letter-spacing: 0;}
.p-l-pro-name .pro-name>li.active .t1::before,.p-l-pro-name .pro-name>li:hover .t1::before{display: block;animation: fadeIn .6s ease-in-out;}
.p-l-pro-name .pro-name>li.active .t1,.p-l-pro-name .pro-name>li:hover .t1{color: #fff !important;background-color: var(--public-color);}
.p-l-pro-name li>.container-xl{position: absolute;left: 0;top: 72px;width: 100%;z-index: 10;list-style: none;padding: 0 50px;max-width: 1650px;}
.p-l-pro-name .sub-menu{display: none;padding: 15px 10px;margin: auto;gap:20px 30px;letter-spacing: 0;background: var(--public-color);border-radius: 10px;}
.p-l-pro-name .t2{font-size: 14px;line-height: 26px;color:#fff}
.p-l-pro-name .t2::before{content: "●";display: inline-block;margin-right: 10px;font-size: 12px;}
.p-l-pro-name .sub-menu>li:hover .t2,.p-l-pro-name .sub-menu>li.active .t2{color: var(--public-color-g) !important;}

.p-l-pro-name .pro-name>li.active .t1{margin-bottom: 10px;padding: 5px 16px;}
.p-l-pro-name .pro-name>li.active .sub-menu{display: block;}
.p-l-pro-name .sub-menu-3{border-radius: 15px;background-color: #fff;display: inline-flex;flex-direction: column;width: 100%;padding-left: 20px;margin: 8px 0;}
.p-l-pro-name .sub-menu-3 .t3{font-size: 14px;line-height: 16px;color: var(--public-color);}
.p-l-pro-name .sub-menu-3 li.active .t3,.p-l-pro-name .sub-menu-3 li .t3:hover{color: var(--public-color-g) !important;}
.p-l-pro-name .sub-menu-3 li.active .t3::before,.p-l-pro-name .sub-menu-3 li:hover .t3::before{color: var(--public-color-g);}
.p-l-pro-name .t3::before{content: "●";display: inline-block;margin-right: 10px;font-size: 8px;color: var(--public-color)}

@media(max-width:1390px){
    .p-l-pro-name .t1 {font-size: 16px;line-height: 36px;}
    .p-l-pro-name .t2{font-size: 14px;line-height: 32px;}
    .p-l-pro-name li>.container-xl {top: 66px;}
}
@media(max-width:1260px){
    .p-l-pro-name .t1 {padding: 5px 10px;}
    .p-l-pro-name .pro-name{gap: 0 10px;}
}
@media(max-width:1170px){
    .p-l-pro-name-xl{display: none;}
}

/* products下拉 */
.header.fadeInDown .nav-dropdown-content{top: 100px;}
.navbar-custom .navbar-nav > .nav-item:hover .nav-dropdown-content{display: block;height: auto;}
.nav-dropdown-content {
    height: 0px;
    /* overflow: hidden; */
    position: fixed;
    z-index: 10;
    top: 115px;
    left: 0;
    right: 0;
    width: calc(100% - 100px);
    max-width: 1100px;
    margin: -1px auto 0;
    display: none;
}
.nav-dropdown-content .dropdown-content-inner {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 5px 8px 51px 0px rgba(35, 88, 94, 0.06);
    position: relative;
}
.nav-dropdown-content .nav-dropdown-row{
    display: flex;
    min-height: 465px;
}
.nav-dropdown-left{
    width: 300px;
    background-color: var(--public-color);
    position: relative;
    padding: 34px 25px 158px;
    border-radius: 12px 0 0 12px;
}
.nav-dropdown-right {
    width: calc(100% - 300px);
    padding: 23px 22px 26px 0;
}
.heading24{font-size: 24px;line-height: 31px;color: #fff;}
.nav-dropdown-left .dropdown-description{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    margin-top: 16px;
    color: #fff;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.nav-dropdown-left .btn{margin-top: 40px;}
.btn.btn-links {
    position: relative;
    padding:5px 15px 5px 10px;
    border: none;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    border-radius: 30px;
    color: #fff;
}
.btn.btn-links:before {
    content: "\f105";
    font-family: "cmsfont";
    font-size: 10px;
    line-height: 10px;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
}
.btn.btn-links:hover{background-color: #fff;color: var(--public-color);}
.nav-dropdown-right .dropdown-right-inner{display: flex;}
.nav-dropdown-right .tabs-left{width: 400px;}
.nav-dropdown-right .tabs-right {
    width: calc(100% - 400px);
    padding-left: 24px;
    font-size: 14px;
}

.nav-dropdown-right .tabs-right .tab-content {display: none;}
.nav-dropdown-right .tabs-right .tab-content.active{display: block}

.nav-dropdown-right .tabs-left .tab-menu-item.active{background-color: #f2f2f2;}
.nav-dropdown-right .tabs-left .tab-menu-item a{font-weight: 600;}

.circle-arrow-links::before {
    position: absolute;
    content: "\f105";
    font-family: "cmsfont";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    right: 26px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 8px;
    line-height: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s linear;
    background: transparent;
    z-index: 1;
}
.nav-dropdown-right .tabs-left .tab-menu-item.active .circle-arrow-links::before,.nav-dropdown-right .tabs-right .tab-menu-item.active>.circle-arrow-links::before, .circle-arrow-links:hover::before {
    background-color: #FFCC02;
}

.nav-dropdown-right .tabs-right .menu-link {
    padding: 12px 30px 12px 0;
    border-top: 1px solid #f2f2f2;
    display: block;
    position: relative;
    font-size: 16px;
    letter-spacing: 0px;
}
.nav-dropdown-right .tabs-list-wrap li .menu-link{
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: #231F20;
    padding: 14px 55px 14px 25px;
    border-radius: 0 8px 8px 0;
    transition: all 0.3s linear;
    display: block;
    position: relative;

}
.circle-arrow-links {
    position: relative;
    display: block;
}
.tabs-right .tab-menu-item{position: relative;}
.tab-pro-3{position: absolute;right: -225px;top: 0;height: auto;min-width: 200px;padding:0px 15px;background-color: #fff;z-index: -1;display: none;} 
.tab-pro-3 a{letter-spacing: 0;}
.tab-pro-3.active{display: block;}

.nav-dropdown-right .tabs-right .circle-arrow-links::before{right: 0;top: 26px;}

.pro-tie{border-bottom: 1px solid #f2f2f2;color: var(--public-color);margin-top: 20px;padding-bottom: 15px;}

.swiper-about-cer{overflow: hidden;}


.swiper-about-cer .swiper-slide-active{z-index:3;}
.swiper-about-cer .swiper-slide-next{z-index:2;}
#nav-dropdown-content{display: none;}

@media(max-width:1540px){
    .nav-dropdown-content {left: -15%;}
    .nav-dropdown-left{width: 265px;}
    .nav-dropdown-right{width: calc(100% - 265px);}
    .nav-dropdown-content {max-width: 940px;width: calc(100%);}
    .nav-dropdown-right .tabs-left {width: 310px;}
    .nav-dropdown-right .tabs-right{width: calc(100% - 310px);}
    .nav-dropdown-right .tabs-list-wrap li .menu-link {font-size: 15px;}
    .nav-dropdown-right .tabs-right .menu-link {font-size: 14px;}
    .tab-pro-3 {right: -220px;}
}
@media(max-width:1200px){
    /* .nav-dropdown-content{max-width: 1000px;}
    .nav-dropdown-right .tabs-left {width: 350px;}
    .nav-dropdown-right .tabs-right{width: calc(100% - 350px);}
    .nav-dropdown-right .tabs-list-wrap li .menu-link{font-size: 16px;}
    .nav-dropdown-right .tabs-right .menu-link{font-size: 14px;line-height: 24px;} */
    .nav-dropdown-right .tabs-list-wrap li .menu-link{padding: 10px 15px;}
    .nav-dropdown-right .tabs-right {padding-left: 15px;}
    .nav-dropdown-right .tabs-right .menu-link{padding: 10px 15px;}
    .nav-dropdown-left{padding: 20px;}
    .nav-dropdown-right{padding: 20px;}
    .circle-arrow-links::before {right: 10px;}
    .nav-dropdown-right .tabs-left {width: 285px;}
    .nav-dropdown-right .tabs-right {width: calc(100% - 285px);}
    .nav-dropdown-content {max-width: 910px;}
}
@media(max-width:1150px){
    /* #nav-dropdown-content{display: block;} */
    .nav-dropdown-content{display: none !important;}
.navbar-custom .navbar-nav .nav-item:hover #nav-dropdown-content{display: block !important;}
}


.p-l-accessory {margin-bottom: 100px;padding-top: 50px;}
.p-l-accessory .top-head{text-align: center;margin-bottom: 50px;}
.p-l-accessory .title{margin-bottom: 30px;}
.p-l-accessory .row{margin: 0 -25px;gap: 45px 0;margin-bottom: 40px;}
.p-l-accessory .col-md-4{padding: 0 25px;}
.p-l-accessory  .img,.p-l-accessory  .img img{border-radius: 20px;}
.p-l-accessory .img{margin-bottom: 25px;position: relative;}
.p-l-accessory .img::after{content: "";width: 100%;height: 100%;border: solid 6px #ef8100;position: absolute;left: 0;top: 0;border-radius: 20px;}
.p-l-accessory .t1{font-size: 16px;line-height: 28px;color: #333;font-weight: 600;margin-bottom: 15px;text-align: center;}
.p-l-accessory .a{display: flex;justify-content: center;}
.p-l-products .all-product {padding-top: 80px;}
.p-l-products .all-product .title{text-align: center;margin-bottom: 40px;}

.p-l-compar{margin-bottom: 80px;}
.p-l-compar .title{text-align: center;margin-bottom: 35px;}
.p-l-compar .content{display: flex;border:1px dashed #333;}
.p-l-compar .content>div{flex: 1;text-align: center;}
.p-l-compar .content>div + div{border-left:1px dashed #333;}
.p-l-compar .name{font-size: 30px;font-weight: bold;padding: 10px;border-bottom: 1px dashed #333;}
.p-l-compar .wanzhu .name{color: #fff;background-color: var(--public-color);}
.p-l-compar .wanzhu .name span{text-decoration: underline;}
.p-l-compar .others .name{color: #333;}
.p-l-compar .list + .list{border-top:1px dashed #333;}
.p-l-compar .list{display: grid;grid-template-columns: auto 160px;align-items: center;grid-gap: 45px;padding:30px;}
.p-l-compar .list .cont{font-size: 18px;line-height: 26px;}
.p-l-compar .list .img{position: relative;display: flex;align-items: center;width: 160px;height: 160px;border-radius: 100%;box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2);}
.p-l-compar .list .img-xl{overflow: hidden;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;border-radius: 100%;}
.p-l-compar .list .img img{max-width: none;height: 100%;width: auto;}
.p-l-compar .list .img::before{content: "▲";transform: rotate(-90deg);color: var(--public-color);position: absolute;left: -30px;font-size: 30px;}


.p-d-fact .content-1{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 30px 50px;}
.p-d-fact .content{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 30px 50px;}
.p-d-fact .list{overflow: hidden;}
.p-d-fact .img,.p-d-fact .img img{border-radius: 20px}
.p-d-fact .img{margin-bottom: 20px;position: relative;}
.p-d-fact .img::after{content: "";width: 100%;height: 100%;border: solid 6px #ef8100;position: absolute;left: 0;top: 0;border-radius: 20px;}
.p-d-fact .h5{font-size: 20px;line-height: 32px;color: #333;font-weight: 600;margin-bottom: 15px;text-align: center;}

.p-d-app .content{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 30px 50px;}
.p-d-app .content-1{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 30px 50px;}
.p-d-app .list{overflow: hidden;}
.p-d-app .img,.p-d-app .img img{border-radius: 20px}
.p-d-app .img{margin-bottom: 20px;}
.p-d-app .h5{font-size: 20px;line-height: 32px;color: #333;font-weight: 600;margin-bottom: 15px;text-align: center;}

.case-in-paper .news-in-paper .aside{top: 130px;position: sticky;height: fit-content;}