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

body{color:#1f273d;font-size:16px;line-height:24px;font-family: 'Rubik', sans-serif;}
a{color:#1f273d;display:inline-block;}
a:hover{color:var(--public-color)}
.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}
}

/*header*/
.header{/*height: 86px;*/background-color: #fff;}
.header .header-nav{display: flex;align-items: center;}
.header .header-top {padding: 0px 0;}
.header .header-nav .top-logo{width:10%;}
/* .header .header-top{padding-top: 6px;} */
.header .header-top .toch{margin-left: 30px;}
.header .header-top .toch a{background-color: var(--public-color);border-radius: 15px;color: #1f273d;font-size: 13px;line-height: 32px;padding:0px 26px 0px 18px;}
.header-top .row-nav{display: flex;align-items: center;justify-content: flex-end;width: 89%;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{margin-left: 30px;}
.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:#1f273d;font-size: 18px;}
.public-social span,.public-social a{border-radius:5px;}
.navbar-expand-lg .navbar-collapse{justify-content: flex-end;padding-right: 20px;}

.header .header-nav .nav-item:hover .sol-nav{display:flex;}
.sol-nav{display:none;position:absolute;box-shadow: 0 6px 12px rgba(0,0,0,.175);top: 100%;left: -250px;z-index: 1000;background:#fff;width:600px;padding:30px;}
.sol-nav .sol-nav-item{width:50%;}
.sol-nav .sol-nav-item .sol-t1{font-size:20px;line-height:28px;margin-bottom:20px;}
.sol-nav .sol-nav-item .sol-p{font-size:16px;line-height:30px;}
.sol-nav .sol-nav-item .sol-p:before{content:"●";display:inline-block;margin-right:10px;color:var(--public-color);}

/*默认pc头部样式*/
.header.fadeInDown{animation: fadeInDown .6s;}
.header.fadeInDown{z-index:999;width:100%;position:fixed;top: 0;left:0;}
.header.fadeInDown .header-desc .logo img{height:70px;width:auto;}
.header.fadeInDown .header-top .nav-item{cursor:pointer;font-size:18px}
.header.fadeInDown .header-top{background-color: #fff;border-bottom: 2px solid var(--public-color);padding:4px 0;}

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

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

@media(max-width:1300px){
    .navbar-custom .navbar-nav .nav-item{margin:0 8px}
}
@media(max-width:1200px){
    .navbar-custom .navbar-nav .nav-link{font-size:17px}
    .navbar-custom .navbar-nav .nav-item{margin:0 7.5px}
}
@media(max-width:1120px){
    .navbar-custom .navbar-nav .nav-link{font-size:16px}
    .navbar-custom .navbar-nav .nav-item{margin:0 5px}
}
@media(max-width:1050px){
    .navbar-custom .navbar-nav .nav-link{font-size:14px}
    .navbar-custom .navbar-nav .nav-item{margin:0 5px}
}
@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 var(--public-color);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;margin-bottom:-1px;position:relative;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: #5bb44e; 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: #5bb44e }
.menu-collapse .menu-link:hover { background: #f8f9fa; }
.menu-collapse .drop { }
.menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }


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

/*默认详情设置*/
.content-wrapper { line-height: 1.7;  margin-bottom: 1.5rem; }
.content-wrapper h2 { font-size: 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 tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.content-wrapper table p{ margin-bottom: 0;line-height: 32px;}
.content-wrapper tbody th{color:#2980c7}

/*#表格*/
.table-wrapper table tbody tr:first-child:hover{background-color: #59ae3a;color: #fff;}
.table-wrapper table tbody tr:first-child{background-color: #59ae3a;color: #fff;}
.table-wrapper table tbody tr td:hover{background-color: #3d8a1d;color: #fff;}
.table-wrapper table th, .table-wrapper table td { padding: 5px; vertical-align: middle; font-size: 16px; border: 1px solid #dcdcdc; text-align: center; }
.table-wrapper table { display: block; 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;
}

.form-feedback .btn:hover{background-image: linear-gradient(-90deg, #88ca4e 0%, #24b66f 100%), linear-gradient(#ffffff, #ffffff);
    text-decoration: none;} */

.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;}
.form-feedback .btn:hover{background-image: linear-gradient(-90deg, #88ca4e 0%, #24b66f 100%), linear-gradient(#ffffff, #ffffff);
    text-decoration: none;color:#fff}
@media(max-width:768px){
    .form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px}
    .form-feedback .btn{padding-top:10px;padding-bottom:10px}
    .contact-wrapper .feedback-box .form-control{margin-bottom:0}
}
.form-row>.col,.form-row>[class*="col-"]{padding:0 15px}
.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:#000;height:40px;line-height:40px;}
.search-group .form-control::-webkit-input-placeholder{color:#000}
.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:#fff;font-size:1.5rem}
.top-search-box li .top-search {border-radius:10px;}
.top-search-box{cursor:pointer;z-index: 1;margin-left:0px;border-radius:5px;overflow: hidden;}
.top-search-box i{color: var(--public-color);font-size: 19px;font-weight: bold;}
.top-search-box i.icon-1{color: #ffffff;}
.top-search-box li .top-search{opacity: 1; height: auto;overflow: hidden;width: auto;padding:0}
.top-search-box .top-search{opacity: 1;transition: all 0.8s;position: absolute;right: 0px;top: 60px;z-index: 99;padding:0;background-color: #fff;display: flex;} 
.top-search-box .top-search.show {display:none;overflow: hidden;transition: all 0.9s;}

.down-list{margin-top: 75px;}
.down-list .container-xl {display: flex;justify-content: center;}

/*banner*/
.banner{/*margin-top: 86px;*/margin-bottom: 175px;z-index: 0;}
.banner>img{height: 350px;}
.banner .banner-text{text-align: inherit;}
.banner .banner-text{position: absolute;top: 0;display: flex;align-items: center;height: 100%;justify-content: space-between;}
.banner .banner-text .img-box{width: 193px;height: 150px;border-radius: 0px 50px 0px 50px;;background-color: rgba(77,164,90,.95);margin-left: -223px;margin-right: 30px;}
.banner .banner-text .box{background-image: url(../../images/banner-back-1.png);background-repeat: no-repeat;padding-left: 60px;padding-bottom: 20px;position: relative;z-index:3;height: 100%;display: inline-flex;flex-direction: column;justify-content: space-between;padding-top: 123px;width: 100%;}
.banner .banner-text .container-xl{position: relative;;height: 100%;margin-bottom: -130px;display: flex;align-items: flex-end;}
.banner .banner-text .container-xl>img{position: absolute;bottom:-130px;left: 150px;}
.banner .banner-text h1{font-size: 64px;line-height: 73px;font-weight: bold;font-family: 'Rubik-Bold';position: relative;}
.banner .banner-text h1.all-inline-1:after{bottom: 8px;z-index: 0;width: 200px;}
.nav-banner{display: flex;}
.nav-banner a{text-transform: capitalize;font-size: 16px;font-family: 'Rubik-Regular';}
.nav-banner::before{content: url(../../images/sign-2.png);padding-right: 20px;}
.nav-banner li::after{content: "⇀";font-size: 20px;padding: 0 10px;}
.nav-banner li:last-child:after{content: " ";}
.nav-banner-xl .nav-banner::before{content: url(../../images/sign-3.png);}
.nav-banner-xl .nav-banner a{color: #666666;}
.nav-banner-xl{ margin-bottom: 45px;}
.nav-banner-xl a.active{color: #999999;}

.index-banner.banner .banner-text .container-xl{margin-bottom: 0;}
.index-banner.banner .banner-text .box{background-image:none;justify-content: center;position: relative;z-index:3;padding-top: 0;padding-bottom: 0;}
.index-banner.banner .banner-text .container-xl>img{bottom: 0;left: -250px;}
.index-banner.banner>img{height: 700px;}
.index-banner.banner .banner-text h1.all-inline-1:after{bottom: 85px;z-index: 0;width: 694px;}
.index-banner.banner .banner-text h1{width: 65%;margin-bottom: 30px;}
.index-banner.banner .banner-text .a a.f-s{transition: all .6s;color:#fff;border: 2px solid #fff;border-radius: 50px;padding: 5px 35px;display: inline-flex;align-items: center;font-size: 13px;}
.index-banner.banner .banner-text .a span{font-size: 12px;display: inline-block;margin-left: 10px;transition: all .2 s;}
.index-banner.banner .banner-text .a  a.f-s:hover{border: 2px solid transparent;background-color: #fff;color: var(--public-color);}
.index-banner.banner .banner-text .text{font-size: 24px;line-height: 36px;opacity: .8;margin-bottom: 50px;}


@media(max-width:1810px){
    .index-banner.banner .banner-text .container-xl > img{left: -180px;}
}
@media(max-width:1725px){
    .banner .banner-text .img-box{margin-left: 0;}
    .banner .banner-text .container-xl>img{left: inherit;right: 0;}
}
@media(max-width:1670px){
    .index-banner.banner .banner-text .container-xl > img{left: -110px;}
}
@media(max-width:1540px){
    .index-banner.banner .banner-text .container-xl > img{left: -40px;}
}
@media(max-width:1540px){
    .index-banner.banner .banner-text .container-xl > img{left: 0px;}
}

/*all-news*/
.all-news .top {text-align: center;width: 80%;margin: auto;margin-bottom: 59px;}
.all-news .top .h2{overflow: hidden;position: relative;;display: inline-block;font-size: 52px;line-height: 52px;font-weight: bold;margin-bottom:35px;}
.all-news .top .h2 span{color: var(--public-color);}
.all-news .top .text{font-size: 18px;line-height: 30px;color: #666666;}
.all-news .bottom.row{margin: 0 -21px;}
.all-news .col-md-4{padding:0 21px}
.all-news .col-md-4 .img{display: none;}
.all-news .items{background-color: #ffffff;box-shadow: 0px 20px 50px 0px rgba(10, 68, 132, 0.1);padding: 40px;}
.all-news .bottom .h5{transition: all .6s;font-size: 18px;line-height: 48px;font-weight: bold;margin-bottom: 5px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}
.all-news .bottom .time{font-size: 16px;line-height: 32px;color:#6a6a6a;margin-bottom: 10px;}
.all-news .bottom .text{font-size: 16px;line-height: 28px;color: #666666;margin-bottom: 10px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.all-news .items:hover .h5{color: var(--public-color);}
.all-news .items:hover .a a.f-s span{padding-left: 15px;}



/*all-product*/
.all-product .h3{font-size: 42px;line-height: 57px;font-family: 'Rubik-Bold';font-weight: bold;display: inline-block;position: relative;margin-bottom: 75px;}
.all-product .h3.all-inline:after{bottom: 10px;width: 100%;}
.all-product .h2{display: inline-block;position: relative;;font-size: 52px;line-height: 52px;color: #1f273d;font-weight: bold;}
.all-product .h2 span{color: var(--public-color);}
.all-product .h2.all-inline:after{width: 105%;}
.all-product .content a{transition: all .6s;display: flex;justify-content: space-between;background-color: #f4f4f4;display: block;height: 100%;padding: 35px 50px 25px 35px;}
.all-product .content .h5{font-weight: bold;font-size: 22px;line-height: 27px;text-decoration: underline;text-decoration-thickness: 2px;text-decoration-color: #a3a3a3;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
height:85px;
}
.all-product .content .box{display: flex;justify-content: space-between;margin-top: 16px;}
.all-product .content .box .btn-1{transition: all .6s;border: 2px solid transparent;margin-top: 34px;background-color: var(--public-color);width: 61px;height: 36px;text-align: center;color: #fff;font-size: 36px;line-height: 36px;font-weight: bold;border-radius: 18px;}
.all-product .content .box .btn-1:hover{border: 2px solid var(--public-color);background-color: #fff;color: var(--public-color);}
.all-product .content .box .img{width: 60%;/*height: 125px;*/}
.all-product .content .box .img img{mix-blend-mode:multiply}
.all-product .content.row{margin: 0 -16px;}
.all-product .content .col-md-4{padding: 0 16px;}

.all-text{font-size: 18px;line-height: 36px;}







/*all-nav*/
/* .all-nav{border-bottom: 4px solid rgba(77,164,90,.2);display: flex;margin-bottom:80px;}
.all-nav a{font-size: 24px;line-height: 39px;color: rgba(77,164,90,.2);position: relative;transition: all .6s;}
.all-nav  a.active,.all-nav .active a,.all-nav a:hover{color: var(--public-color);}
.all-nav a span{opacity: 0;transition: opacity .6s;padding-left: 10px;}
.all-nav a.active span,.all-nav .active a span,.all-nav a:hover span{opacity: 1;}
.all-nav a:after{content: "";width: 100%;height: 4px;background-color: transparent;position: absolute;bottom: -4px;left: 0;}
.all-nav a.active:after,.all-nav .active a:after,.all-nav a:hover:after{background-color: var(--public-color);}
.all-nav li{margin-right: 30px;}
.all-nav li:last-child{margin-right: 0px;}
.all-nav .all-nav-child .menu-horizontal-child{display:none;}
.all-nav .all-nav-child.active .menu-horizontal-child{display:flex;}
.all-nav .all-nav-child.active .menu-horizontal-child .nav-item-child a{color: rgba(77,164,90,.2);}
.all-nav .all-nav-child.active .menu-horizontal-child .nav-item-child a:after{background-color: rgba(77,164,90,.2);}
.all-nav .all-nav-child.active .menu-horizontal-child .nav-item-child.active a{color: var(--public-color);}
.all-nav .all-nav-child.active .menu-horizontal-child .nav-item-child.active a:after{background-color: var(--public-color);} */
.all-nav-child{position: relative;}
.pro-con-child{position: absolute;top:80px;width: max-content;}
.pro-con-child a{font-size: 16px;line-height: 24px;}

.all-nav{display: flex;gap:10px;color:#878787;margin-bottom: 100px;}
.all-nav .all-nav-child>a{padding:10px 50px;background-color: rgb(241,241,241);position: relative;transition: all .6s;}
.all-nav .all-nav-child:nth-child(1)>a{padding:10px 30px;}
.all-nav .all-nav-child.active>a::before{content:'';position:absolute;bottom:-7.5px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--public-color);}
.all-nav .all-nav-child.active>a{background-color:rgb(58,154,72);color: #fff;}
.all-nav .pro-con-child{display: none;}
.all-nav .all-nav-child:nth-child(1).active>.pro-con-child{display: flex;gap:40px;color:#878787;}
.all-nav .pro-con-child .nav-item-child{display: flex;align-items: center;justify-content: center;}
.all-nav .pro-con-child .nav-item-child a{line-height: 30px;}
.all-nav .pro-con-child .nav-item-child::before{content:'·';font-size:30px;padding-right:5px;font-weight: bold;line-height:30px;display: inline-block;}
.all-nav .pro-con-child .nav-item-child:hover::before{color:var(--public-color);}
.all-nav .pro-con-child .nav-item-child.active::before{color:var(--public-color);}
.all-nav .pro-con-child .nav-item-child.active a{color:var(--public-color);text-decoration: underline;}

/*every-footer*/
.every-footer{background-color: var(--public-color);padding-top: 75px;padding-bottom: 85px;}
.every-footer .content{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
.every-footer .h2{font-size: 52px;line-height: 59px;font-weight: bold;margin-top: 25px;margin-bottom: 30px;}
.every-footer .h2 span:first-child{display: inline-block;position: relative;z-index: 3;}
.every-footer .h2 span:last-child{color: #fff;display: inline-block;position: relative;z-index: 3}
.every-footer .text{font-size: 18px;line-height: 29px;color: #fff;margin-bottom: 45px;}

/*footer*/
.footer{font-size: 16px;line-height: 40px;color: #333333;padding-top: 70px;}
.footer .footer-logo{width: 121px;height: 108px;}
.footer .list:first-child{display: flex;flex-direction: column;justify-content: space-between;}
.footer a{font-size: 16px;line-height: 40px;color: #333333;}
.footer a:hover{text-decoration: underline;color: var(--public-color);}
.footer .list-sty li::before{content: "> >";font-family: 'Poppins';font-size: 16px;padding-right:15px}
.footer>.container-xl{display: flex;justify-content: space-between;padding-bottom: 60px}
.footer .list-1{width: 29%;}
.footer .list-2{width: 11%;}
.footer .h6{font-size: 20px;line-height: 32px;color: #333333;font-weight: bold;font-family: 'Poppins';margin-bottom: 40px;}
.footer .share{width:auto;display: flex;flex-wrap: wrap;padding-right: 30px;}
.footer .share ul{display: flex;justify-content: space-between;}
.footer .share ul li{margin-right: 5px;}
.footer .share ul li a{display: inline-block;}
.footer .share ul li img{width: 100%;height: auto;}
.footer .share ul li:last-child{margin-right: 0;}
.footer .footer-tail{height: 71px;background-color: #1f273d;color: #fff;font-size: 14px;line-height: 71px;}


/*faq-paper*/
.faq-paper{margin-top:126px;margin-bottom:155px}
.faq-paper .faq-paper-xl{display:flex;justify-content:flex-end;margin-bottom:160px}
.faq-paper .faq-paper-xl .left{width:20%}
.faq-paper .faq-paper-xl .left ul{border-left:4px solid rgba(77,164,90,.2)}
.faq-paper .faq-paper-xl .left a{color:#dddddd;font-size:20px;line-height:45px;font-weight:bold;letter-spacing:1;text-decoration:underline;text-underline-offset:5px;display:inline-flex;align-items:center;width:100%;padding-left:32px;position:relative}
.faq-paper .faq-paper-xl .left a.active,.faq-paper .faq-paper-xl .left a:hover{color:var(--public-color)}
.faq-paper .faq-paper-xl .left a::before{content:"";height:100%;width:4px;position:absolute;left:-4px;background-color:transparent;opacity:0;transition:opacity .6s}
.faq-paper .faq-paper-xl .left a.active::before{opacity:1;background-color:var(--public-color)}
.faq-paper .faq-paper-xl .left a:hover::before{opacity:1;background-color:var(--public-color)}
.faq-paper .faq-paper-xl .left a::after{content:"⇀";font-weight:bold;font-size:20px;opacity:0;transition:opacity .6s}
.faq-paper .faq-paper-xl .right .content{display:none}
.faq-paper .faq-paper-xl .right .content.active{display:block}
.faq-paper .faq-paper-xl .left a.active{text-decoration:underline !important}
.faq-paper .faq-paper-xl .left a.active:after{overflow:visible;opacity:1}
.faq-paper .faq-paper-xl .left a:hover:after{overflow:visible;opacity:1}
.faq-paper .faq-paper-xl .left a:hover{text-decoration:none}
.faq-paper .faq-paper-xl .left li{margin-bottom:20px}
.faq-paper .faq-paper-xl .right{width:80%}
.faq-paper .right .items{padding-right:14px;cursor:pointer}
.faq-paper .right .items .quen-q{font-size:18px;line-height:42px;color:#333333;font-weight:bold;display:flex;justify-content:space-between;align-items:center;margin-top:15px;border-bottom:4px solid rgba(77,164,90,.2);padding-right:20px;padding-bottom:10px}
.faq-paper .right .items .quen-q .q2{color:var(--public-color)}
.faq-paper .right .items .quen-a{font-size:18px;line-height:32px;color:#666666;padding-top:25px}
.faq-paper .right .items .up{display:none}
.faq-paper .right .items .up,.faq-paper .right .items .down{font-size:20px;line-height:42px;transition:all 0.6s ease-in-out}
.faq-paper .right .items.active .up{display:block}
.faq-paper .right .items.active .down{display:none}
.faq-paper .right .items.active{padding-bottom:20px;border-bottom:1px solid transparent}
.faq-paper .justify-content-center{justify-content:flex-start !important}
.n-c-paper{margin-bottom:180px}
.n-c-paper .content.row{margin:0 -20px;margin-bottom:-60px;margin-top:93px}
.n-c-paper .col-md-4{padding:0 20px;margin-bottom:60px}
.n-c-paper .col-md-4 a{display:block}
.n-c-paper .col-md-4 .h4:hover{color:var(--public-color)}
.n-c-paper .img{position:absolute;top:0;left:0;right:0;opacity:0;transition:ease-in-out .6s;display:none}
.n-c-paper .box{background-color:#ffffff;box-shadow:0px 20px 50px 0px rgba(10,68,132,0.1);padding:40px 40px 55px;position:absolute;bottom:0;left:2px;right:0}
.n-c-paper .time,.news-in-paper .time{color:var(--public-color);font-weight:bold;padding-left:9px;border-left:4px solid var(--public-color);font-size:16px}
.n-c-paper .time{margin-bottom:20px}
.n-c-paper .box .h4{font-size:20px;line-height:32px;color:#333333;font-family:'Rubik-SemiBold';font-weight:bold;margin-bottom:10px;transition:ease-in-out .6s;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.n-c-paper .box .text{font-size:16px;line-height:28px;color:#666666;font-family:'Rubik-Light';text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.n-c-paper .items{position:relative}

/*news-in-paper*/
.news-in-paper{margin-bottom:164px}
.news-in-paper .main-top{margin-bottom:120px}
.news-in-paper .top-content{margin-bottom:50px;padding-bottom:30px;border-bottom:2px solid rgba(10,68,132,.1)}
.news-in-paper h1{font-size:42px;line-height:48px;font-weight:bold;color:#333333;margin-bottom:50px;font-family:Rubik-Bold}
.news-in-paper .type{display:flex;align-items:center;font-size:16px;line-height:32px;color:#666666}
.news-in-paper .share{display:flex}
.news-in-paper .time{margin-right:40px}
.news-in-paper .share{margin-left:48px}
.news-in-paper .share ul{display:flex;margin-left:8px}
.news-in-paper .share ul a{color:#fff;font-size:16px;background-color:var(--public-color);display:inline-flex;justify-content:center;align-items:center;height:100%;width:100%;border-radius:2px;border:1px solid transparent;transition:ease-in-out .6s}
.news-in-paper .share ul a:hover{border:1px solid var(--public-color);background-color:transparent;color:var(--public-color)}
.news-in-paper .share ul li{font-size:0;margin-right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center}
.news-in-paper .share ul li:last-child{margin-right:0}
.news-in-paper .bottom-content{display:flex;justify-content:space-between;font-size:18px}
.news-in-paper .article{width:65%}
.news-in-paper .article .content{color:#666;line-height:32px;border-bottom:2px solid rgba(10,68,132,.1);padding-bottom:90px}
.news-in-paper .article .content p{margin-bottom:25px}
.news-in-paper .article .content p:last-child{margin-bottom:0px}
.news-in-paper .article .content img{max-width:100%;height:auto}
.news-in-paper .box-tail{font-size:18px;line-height:28px;margin-top:54px;display:flex;justify-content:space-between}
.news-in-paper .box-tail .left{width:70%}
.news-in-paper .box-tail .right{width:20%}
.news-in-paper .box-tail .a a.b-k{padding:5px 15px 5px 35px;border:2px solid var(--public-color);display:inline-flex}
.news-in-paper .box-tail .a a.b-k:hover{background-color:var(--public-color);border:2px solid transparent}
.news-in-paper .box-tail p{display:flex}
.news-in-paper .box-tail p a{display:block;transition:all .6s;color:#999}
.news-in-paper .box-tail p a:hover{color:#000000;text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:#a3a3a3}
.news-in-paper .box-tail p span{background-image:linear-gradient(to right,#88ca4e,#24b66f);background-clip:text;color:transparent;margin-right:36px;width:56px;display:block}
.news-in-paper .box-tail p:first-child{margin-bottom:40px}
.news-in-paper .box-tail p:hover{}
.news-in-paper .aside{width:31%}
.news-in-paper .aside .all-nav{display:flex;flex-direction:column;border-bottom:none;font-weight:bold;margin-bottom:95px}
.news-in-paper .aside .all-nav a:after{background-color:rgba(77,164,90,.2);transition:all .6s}
.news-in-paper .aside .all-nav a.active:after,.news-in-paper .aside .all-nav a:hover:after{background-color:var(--public-color)}
.news-in-paper .aside .all-nav a span{opacity:1;color:rgba(77,164,90,.2);padding-left:8px}
.news-in-paper .aside .all-nav a.active span,.news-in-paper .aside .all-nav a:hover span{color:var(--public-color)}
.news-in-paper .aside li{margin-bottom:50px}
.news-in-paper .aside li:last-child{margin-bottom:0}
.news-in-paper .aside .items-2 .h2{font-size:42px;line-height:52px;font-weight:bold;color:#333;display:inline-block;position:relative;margin-bottom:50px}
.news-in-paper .aside .items-2 .h2.all-inline:after{bottom:10px}
.news-in-paper .aside .items-2 .list{background-color:#f8f8f8;padding:40px 30px 30px 40px;margin-bottom:40px}
.news-in-paper .aside .items-2 .list:last-child{margin-bottom:0}
.news-in-paper .aside .items-2 .h6{font-size:18px;line-height:26px;color:#333;font-family:'Rubik-SemiBold';font-weight:bold;margin-bottom:20px;transition:all .6s;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.news-in-paper .aside .items-2 .date,.news-in-paper .aside .items-2 .text{font-size:18px;color:#6a6a6a;margin-bottom:15px}
.news-in-paper .aside .items-2 .text{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}
.news-in-paper .aside .list:hover .h6{color:var(--public-color)}
.news-in-paper .aside .list:hover span{padding-left:15px}

/*service-paper*/
.service-paper{margin-bottom:153px}
.service-paper .content-1{font-size:18px;color:#1f273d;position:relative;max-width:1920px;margin:auto}
.service-paper .content-1:after{content:url(../../images/service-back-1.png);position:absolute;right:0;bottom:-200px}
.service-paper .content-1 .text{line-height:32px;margin-bottom:40px}
.service-paper .content-1 li::before{content:"❈";color:var(--public-color);display:inline-block;padding-right:15px}
.service-paper .content-1 li{line-height:50px}
.service-paper .content-2{margin-top:75px;margin-bottom:172px}
.service-paper .content-2 .top{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:45px}
.service-paper .all-h2{position:relative;display:inline-block;font-size:52px;line-height:43px;font-family:'Rubik-Bold';font-weight:bold}
.service-paper .all-h2 span{color:var(--public-color)}
.service-paper .content-2 .h2{margin-bottom:30px}
.service-paper .all-h2.all-inline:after{width:100%;left:-2px}
.service-paper .content-2 .top .text{width:60%;text-align:center}
.service-paper .content-2 .bottom .img{position:relative;padding:5px}
.service-paper .content-2 .bottom p{position:absolute;bottom:0;left:0;right:0;color:#fff;font-size:16px;line-height:43px;text-decoration:underline;padding-left:19px}
.service-paper .content-2 .bottom.row{margin:0 -13px;margin-bottom:-30px}
.service-paper .content-2 .col-md-3{padding:0 -13px;margin-bottom:30px}
.service-paper .content-2 .img:hover{position:relative;padding:5px}
.service-paper .content-2 .img:hover::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid var(--public-color);transition:all .4s;animation:clippath .6s linear;animation-iteration-count:1}
@keyframes clippath{0%,100%{clip-path:inset(0 0 95% 0)}
25%{clip-path:inset(0 95% 0 0)}
50%{clip-path:inset(95% 0 0 0)}
75%{clip-path:inset(0 0 0 95%)}
}.service-paper .content-3 .top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:80px}
.service-paper .content-3 .h2{width:38%;position:relative}
.service-paper .content-3 .text{width:52%;font-size:18px;line-height:36px;color:#1f273d}
.service-paper .content-3 .text p{margin-bottom:20px}
.service-paper .content-3 .text p:last-child{margin-bottom:0}
.service-paper .content-3 .bottom{display:flex}
.service-paper .content-3 .bottom .mySwiper-1{overflow:hidden}
.service-paper .content-3 .bottom .box-img{margin-right:90px}
.service-paper .content-3 .next-1::after,.service-paper .content-3 .prev-1::after{content:""}
.service-paper .content-3 .all-hover{width:70px;height:70px;background-color:#ffffff;border-radius:20px 0px 20px 0px;border:solid 3px var(--public-color);color:var(--public-color);transition:all .6s;top:inherit}
.service-paper .content-3 .all-hover:hover{border:3px solid var(--public-color);color:#fff;background-color:var(--public-color)}
.service-paper .content-3 .prev-1{border-radius:0px 20px 0px 20px}
@media(max-width:1920px){.service-paper .content-3{position:relative}
.service-paper .content-3::before{content:url(../../images/service-back-1.png);position:absolute;left:0;top:-180px}
.service-paper .content-3 .next-1{right:30%;bottom:83px;left:inherit !important}
.service-paper .content-3 .prev-1{left:inherit !important;right:30%;bottom:0}
.service-paper .content-3 .swiper-slide.swiper-slide-active img{border-radius:360px 0px 360px 0px}
.service-paper .content-3 .swiper-slide img{border-radius:0px 360px 0px 360px;height:100%}
}@media(max-width:3751px){.service-paper .content-3 .swiper-slide.swiper-slide-active img{border-radius:360px 0px 360px 0px}
.service-paper .content-3 .swiper-slide img{border-radius:0px 360px 0px 360px;height:100%}
.service-paper .content-3 .next-1{left:38.5%;bottom:83px}
.service-paper .content-3 .prev-1{left:38.5%;bottom:0}
}.service-paper .content-4{margin-top:125px}
.service-paper .content-4 .top{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:90px}
.service-paper .content-4 .text{font-size:18px;line-height:36px;color:#1f273d;margin-top:25px;text-align:center}

@media(max-width:1600px){
    .service-paper .content-3 .bottom .box-img img{height: 90%;}
    .service-paper .content-3 .swiper-slide img{height: 90%;}
    .service-paper .content-3 .prev-1 {bottom: 40px;}
    .service-paper .content-3 .next-1 {bottom: 120px;}
}
@media(max-width:1500px){
    .service-paper .content-3 .bottom .box-img img{height: 85%;}
    .service-paper .content-3 .bottom .box-img{margin-right: 45px;}
    .service-paper .content-3 .swiper-slide img{height: 85%;}
}
@media(max-width:1400px){
    .service-paper .content-3 .bottom .box-img{display: none;}
    .service-paper .content-3 .next-1{right: 48%;}
    .service-paper .content-3 .prev-1{right: 48%;}
    .service-paper .content-3 .bottom{padding-left: 15px;}
    .service-paper .content-3 .all-hover {width: 60px;height: 60px;}
    .service-paper .content-3 .prev-1 {bottom: 60px;}
    .service-paper .content-3 .next-1 {bottom: 140px;}
}


.certify-paper.pro-capacity .h6{margin-top:15px}
.certify-paper.pro-capacity .content{margin-left:-15px;margin-right:-15px;margin-bottom:-30px}
.certify-paper.pro-capacity .col-md-4{padding-right:15px;padding-left:15px;margin-bottom:30px}
.p-c-paper .justify-content-center{justify-content:flex-start !important}
.p-c-paper{margin-bottom:220px}
.p-c-paper .top{margin-bottom:95px}
.p-c-paper .top .text{font-size:18px;line-height:30px;color:#1f273d}
.p-c-paper .content-1{margin-bottom:113px;position:relative;max-width:1920px}
.p-c-paper .content-1 .swiper-button-lock{display:block}
.p-c-paper .content-1::before{content:url(../../images/p-c-back-2.png);position:absolute;left:0px;top:-150px}
.p-c-paper .content-1::after{content:url(../../images/p-c-back-1.png);position:absolute;top:0;right:0;z-index:-1}
.p-c-paper .content-1 .box{display:flex;justify-content:space-between;align-items:center;margin-bottom:85px;padding-top:80px}
.p-c-paper .content-1 .left{width:30%}
.p-c-paper .content-1 .l-r-btn{position:relative;margin-top:86px}
.p-c-paper .content-1 .all-hover{top:inherit;width:70px;height:70px;background-color:#ffffff;border-radius:0px 20px 0px 20px;border:solid 3px var(--public-color);color:var(--public-color);transition:all .6s;font-size:32px}
.p-c-paper .content-1 .all-hover:hover{background-color:var(--public-color);color:#fff;border:3px solid transparent}
.p-c-paper .content-1 .all-hover::after{content:""}
.p-c-paper .content-1 .next-2{right:inherit;left:88px;border-radius:20px 0px 20px 0px}
.p-c-paper .content-1 .right{width:55%;font-size:18px;line-height:36px;color:#1f273d}
.p-c-paper .content-1 .right p{margin-bottom:20px}
.p-c-paper .content-1 .right p:last-child{margin-bottom:0}
.p-c-paper .all-h2{font-size:52px;line-height:40px;font-weight:bold;color:#1f273d;position:relative}
.p-c-paper .content-2{max-width:1920px;padding-top:75px;position:relative}
.p-c-paper .content-2::before{content:url(../../images/p-c-back-3.png);position:absolute;left:0;top:0}
.p-c-paper .content-2::after{content:url(../../images/p-c-back-2.png);position:absolute;right:0px;top:-50px}
.p-c-paper .content-2 .h2{width:43%;margin-bottom:56px}
.p-c-paper .content-2 .text{font-size:18px;line-height:36px;color:#1f273d;margin-bottom:85px}
.p-c-paper .content-2 .col-md-4{margin-bottom:40px;padding:0 20px}
.p-c-paper .content-2 .box-img.row{margin-left:-20px;margin-right:-20px;margin-bottom:-40px}
.p-c-paper .content-1,.p-c-paper .content-2{overflow:hidden}
@media(max-width:1670px){.p-c-paper .content-2::before,.p-c-paper .content-1::after{width:67%}
}@media(max-width:1345px){.p-c-paper .content-1,.p-c-paper .content-2{max-width:var(--max)}
.p-c-paper .content-2 .h2{width:48%}
}@media(max-width:1270px){.p-c-paper .content-1 .left{width:inherit}
}.all-text{font-size:18px;line-height:36px;color:#1f273d}

/*solution-paper*/
.solution-paper{margin-bottom:135px}
.solution-paper .top .text{margin-bottom:65px}
.solution-paper .top .l-r-btn{position:relative}
.solution-paper .top .all-hover{top:inherit}
.solution-paper .mySwiper-3{padding-bottom:40px}
.solution-paper .top .box{display:flex;justify-content:space-between;align-items:center;width:100%}
.solution-paper .top>.content-1.max-1920px{max-width:1920px;padding-right:0;margin-right:0;margin:auto}
.solution-paper .top .box-img.container-xl{max-width:1590px;padding-right:0;margin-right:0}
.solution-paper .top .l-r-btn{display:flex;justify-content:flex-end;margin-right:-8px;width:14%}
.solution-paper .top .l-r-btn .all-hover:after{content:""}
.solution-paper .top .l-r-btn .all-hover{width:70px;height:70px;background-color:#ffffff;border-radius:0px 20px 0px 20px;border:solid 3px var(--public-color);color:var(--public-color);top:inherit;left:inherit;right:inherit;bottom:inherit;position:inherit;margin-right:8px;margin-top:inherit;transition:all .6s}
.solution-paper .top .l-r-btn .all-hover:hover{color:#fff;background-color:var(--public-color);border:3px solid transparent}
.solution-paper .top .l-r-btn .next-3{border-radius:20px 0px 20px 0px}
.solution-paper .top .swiper-pagination-3{position:inherit;width:86%;height:4px;display:flex}
.solution-paper .swiper-pagination-3 .swiper-pagination-bullet{flex:1;border-radius:0;width:inherit;height:4px;opacity:1;background-color:rgba(77,164,90,.2);margin:0}
.solution-paper .swiper-pagination-3 .swiper-pagination-bullet-active{background-color:var(--public-color)}
.solution-paper .content-1{position:relative;padding-top:65px;overflow:hidden;padding-bottom:85px}
.solution-paper .content-1::before{content:url(../../images/solution-back-1.png);position:absolute;left:0;top:120px}
.solution-paper .content-1::after{content:url(../../images/p-c-back-1.png);position:absolute;top:0;right:0}
.solution-paper .content-2{position:relative;max-width:1920px;margin:auto;margin-bottom:103px}
.solution-paper .content-2 .h2{margin-bottom:65px}
.solution-paper .content-2:after{content:url(../../images/solution-back-2.png);position:absolute;right:0;top:-30px;z-index:-1}
.solution-paper .content-2 .all-product{max-width:1510px;margin:auto;position:relative}
.solution-paper .content-2 .all-product .content{padding:0 130px}
.solution-paper .content-2 .all-product .content .l-r-btn{width:100%;position:absolute;left:0;right:0;top:50%;display:flex;justify-content:space-between}
.solution-paper .content-2 .all-product .content .l-r-btn .all-hover{position:relative}
@media(max-width:768px){.solution-paper .content-2 .all-product .content{padding:0px}
.solution-paper .content-2 .all-product .content .l-r-btn{display:none}
}.solution-paper .mySwiper-4{padding-bottom:85px}
.solution-paper .mySwiper-4 .swiper-pagination-4{bottom:10px;left:inherit}
.solution-paper .mySwiper-4 .swiper-pagination-4 .swiper-pagination-bullet{width:10px;height:10px;margin:0 10px;background-color:#40ae5d;opacity:1}
.solution-paper .mySwiper-4 .swiper-pagination-lock{display:block}
.solution-paper .mySwiper-4 .swiper-pagination-4 .swiper-pagination-bullet.swiper-pagination-bullet-active{width:7px;height:7px;position:relative}
.solution-paper .mySwiper-4 .swiper-pagination-4 .swiper-pagination-bullet.swiper-pagination-bullet-active:after{content:"";width:31px;height:31px;display:block;border-radius:100%;border:1px solid var(--public-color);position:absolute;top:-12px;left:-12px}
.solution-paper .content-3{margin-bottom:140px}
.all-faq .left{font-size:42px;line-height:57px;color:#333333;font-weight:bold}
.all-faq .right .quen{display:flex;align-items:center;justify-content:space-between;overflow:hidden}
.all-faq .right .h5{font-size:18px;line-height:42px;font-weight:bold}
.all-faq .right .answer{display:none;font-size:18px;line-height:32px;color:#1f273d;padding-right:22px}
.all-faq .right .list{height:70px;transition:height .4s;display:flex;flex-direction:column;justify-content:center}
.all-faq .right .list.active{margin-bottom:45px}
.all-faq .right .list .quen{padding-bottom:26px;margin-bottom:25px;padding-right:22px}
.all-faq .right .quen{position:relative;cursor:pointer}
.all-faq .right .quen::after{content:"";width:100%;height:4px;background-color:rgba(77,164,90,.2);position:absolute;bottom:0;right:0;left:0}
.all-faq .right .list:last-child:after{display:none}
.all-faq .right .list.active .answer{display:block}
.all-faq{display:flex;justify-content:space-between;border-top:4px solid var(--public-color);padding-top:80px}
.all-faq .left{width:22%}
.all-faq .right{width:78%}
.all-faq .right .list.active{height:150px;overflow:hidden}
.all-faq .right .list.active .up{display:block;font-weight:bold}
.all-faq .right .list.active .down{display:none}
.all-faq .right .list .up{display:none}
.all-faq .right .list i{color:var(--public-color);font-size:24px;line-height:42px;font-weight:bold}
.all-case{background-color:var(--public-color);margin-bottom:128px;height:490px;display:flex;align-items:center;justify-content:space-between}
.all-case .container-xl{display:flex;justify-content:space-between;align-items:center}
.all-case .h2{font-size:52px;line-height:64px;margin-bottom:20px;font-weight:bold;letter-spacing:1.5px}
.all-case .text{color:#fff;opacity:.8;margin-bottom:35px}
.all-case .a a.b-k-1{display:inline-block}
.all-case .left{width:47%;color:#fff;margin-inline-start:auto}
.all-case .right{width:53%;margin-right:-94px}
.all-case .right img{display:inline-block}
.solution-paper .all-news .top .text{margin-bottom:0}
@media(max-width:1670px){.solution-paper .content-1::after{width:67%}
}@media(max-width:1475px){.all-case .right{margin-right:-40px}
}@media(max-width:1365px){.all-case .right{margin-right:0px}
}@media(max-width:1330px){.solution-paper .top>.content-1.max-1920px{max-width:var(--max);padding-right:15px;margin-right:auto}
}@media(max-width:1230px){.all-case .h2{font-size:50px;line-height:62px}
}


/*about-paper*/
.about-paper{
    margin-bottom: 190px;
}
.about-paper .h2 span{
    color: var(--public-color);
}
.about-professional:after{
    content: url(../../images/about-back-1.png);
    position: absolute;
    bottom: -370px;
    right: 0;
}
.about-professional{
    margin-bottom: 120px;
    position: relative;
}
.about-professional .h2{
    font-size: 52px;
    line-height: 56px;
    font-weight: bold;
    color: #1f273d;
    position: relative;
    display: inline-block;
}
.about-professional .h2.all-inline:after{
    bottom: 10px;
    width: 100%;
}
.about-professional .content{
    margin: auto;
    max-width: 1920px;
    margin-top: 90px;
}
.about-professional .content .container-xl{
    max-width: 1600px;
    padding-left: 0;
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.about-professional .content .left{
    width: 48%;
}
.about-professional .content .right{
    width: 46%;
    font-size: 18px;
    line-height: 30px;
    color: #1f273d;
}
.about-professional .content .right p{
    margin-bottom: 25px;
}
.about-professional .content .right p:last-child{
    margin-bottom: 0;
}
@media(max-width:1500px){
    .about-professional .content .right {font-size: 17px;line-height: 28px;width: 47%;}
}
@media(max-width:1400px){
    .about-professional .content .right {font-size: 16px;line-height: 26px;width: 48%;}
}
@media(max-width:1300px){
    .about-professional .content .right {line-height: 24px;}
}
.about-history:after{
    content: url(../../images/about-back-2.png);
    position: absolute;
    bottom: -400px;
    left: 0;
}
.about-history{
    max-width: 1920px;
    margin: auto;
    margin-bottom: 113px;
    position: relative;
}
.about-history .h2{
    font-size: 52px;
    line-height: 40px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    margin-bottom: 85px;
}
.about-history .h2.all-inline:after{
    width: 100%;
}
.about-history .items .box-img{
    display: flex;
    justify-content: space-between;
}
.about-history .his-qh1{position:relative;}
.about-history .mySwiper-1{
    padding-top: 128px;
}
.about-history .mySwiper-1 hr{height:2px;background-color:  rgba(77,164,90,.2);border: 0;margin: inherit;}
.about-history .mySwiper-1 .item{
    position: absolute;
    top: -20px;
    left: 40%;
}
.about-history .mySwiper-1 .qiu{
    width: 14px;
    height: 14px;
    background-color: var(--public-color);
    border-radius: 100%;
}
.about-history .mySwiper-1 .swiper-slide.swiper-slide-active .qiu{
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: 8px solid var(--public-color);
}
.about-history .mySwiper-1 .swiper-slide.swiper-slide-active .num{
    font-size: 72px;
}
.about-history .mySwiper-1 .num{
    color: var(--public-color);
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 37px;
    line-height: 36px;
    margin-left: 40px;
}
.about-history .mySwiper-1 .swiper-wrapper{
    height: 75px;
}
.about-history .mySwiper-1 .swiper-slide .item{
    display: flex;
    align-items: center;
}
.about-history .mySwiper-1 .swiper-slide.swiper-slide-active .item{
    flex-direction: column-reverse;
    top: -115px;
}
.about-history .mySwiper-1 .swiper-slide.swiper-slide-active .num{ 
    margin-left: inherit;
    margin-bottom: 60px;
}
.about-history .mySwiper-1 .l-r-btn{
    position: absolute;
    top: 128px;
    left: 32%;
    width: 40%;
    display: flex;
    justify-content: space-between;
}
.about-history .mySwiper-1 .l-r-btn .all-hover{
    position: inherit;
}
.about-history .mySwiper-1 .l-r-btn .all-hover:after{
    content: "";
}
.about-history .mySwiper-1 .l-r-btn .all-hover{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #ffffff;
    border: solid 1px rgba(77,164,90,.7);
    color: rgba(77,164,90,.7);
    font-size: 24px;
    opacity: 1;
    transition: all .6s;
    cursor: pointer;
}
.about-history .mySwiper-1 .l-r-btn .all-hover:hover{
    border: solid 1px rgba(77,164,90,1);
    color: rgba(77,164,90,1);
}
.about-history .mySwiper-2 .text{
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    width: 60%;
    margin: auto;
    margin-bottom: 75px;
}
.about-history .mySwiper-2 .items{
    width: 960px;
    margin: auto;
}
.about-history .mySwiper-2 .items img{
    width: calc((calc(100% - 30px) / 3));
}
.about-list{
    background-color:rgba(77,164,90,.2) ;
    height: 480px;
    display: flex;
    align-items: center;
}
.about-list .content{
    display: flex;
    justify-content: space-between;
}
.about-list .content .img{
    width: 120px;
    height: 120px;
    background-color: var(--public-color);
    border-radius: 10px;
    display: flex;
    justify-content:center;
    align-items: center;
    margin-bottom: 55px;
}
.about-list .list{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 27%;
}
.about-list .list .h6{
    font-size: 24px;
    line-height:32px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}
.about-list .list .text{
    font-size: 18px;
    line-height: 28px;
    color: #1f273d;
    text-align: center;
}
.about-content{
    max-width: 1920px;
    margin: auto;
    margin-top: 129px;
}
.about-content .all-h2.all-inline:after{
    width: 100%;
    bottom: 10px;
}
.about-content .all-h2{
    font-size: 52px;
    line-height: 64px;
    position: relative;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 40px;
}
.about-content .text{
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 35px;
}
.about-content .text p{
    margin-bottom: 20px;
}
.about-content .text p:last-child{
    margin-bottom: 0;
}
.about-content .container-xl{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1630px;
}
.about-content .content:nth-child(odd) .container-xl{
    margin-left: 0;
    padding-left: 0;
}
.about-content .content:nth-child(even) .container-xl{
    margin-right: 0;
    padding-right: 0;
    flex-direction: row-reverse;
}
.about-content .content{
    margin-bottom: 50px;
}
.about-content .content:last-child{
    margin-bottom: 0;
}
.about-content .img{
    width: 55%;
}
.about-content .box-text{
    width: 36%;
}

@media(max-width:1670px){
    .about-content .container-xl{max-width: 1500px;}
    .about-content .box-text {width: 40%;}
    /* .about-content .content:nth-child(odd) .container-xl{padding-left: 15px;margin-left: auto;} */
    /* .about-content .content:nth-child(even) .container-xl{padding-right: 15px;margin-right: auto;} */
}
@media(max-width:1530px){
    .about-content .img{width: 52%;}
    .about-content .container-xl{max-width: 1400px;}
}
@media(max-width:1430px){
    .about-content .container-xl{max-width: var(--max);}
    .about-content .img{width: 50%;}
    .about-content .box-text {width: 45%;}
}



/*cust-paper*/
.cust-paper{
    margin-bottom: 138px;
}
.cust-paper .all-h2.all-inline:after{
    width: 100%;
}
.cust-paper .all-h2{
    font-size: 52px;
    line-height: 52px;
    font-weight: bold;
    position: relative;
    display:inline-block;
}
.cust-pape .all-text{
    font-size: 18px;
    line-height: 36px;
}
.cust-paper .all-h2 span{
    color: var(--public-color);
}
.cust-do {
    position: relative;
    padding-bottom: 75px;
    max-width: 1920px;
    margin-bottom: 50px;
    overflow: hidden;
}
.cust-do:after{
    content: url(../../images/cust-back-1.png);
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55%;
}
.cust-do .container-xl{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cust-do .h2{
    margin-bottom: 35px;
}
.cust-do .text{
    margin-bottom: 30px;
}
.cust-do ul{
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
    color: #333;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: #a3a3a3;
    text-underline-offset: 3px;
    display: flex;
}
.cust-do ul li{
    margin-right: 40px;
}
.cust-do ul li:last-child{
    margin-right: 0;
}
.cust-do .left{
    width: 52%;
}
.cust-do .right{
    width: 45%;
}

@media(max-width:1840px){

}

.cust-pro{
    padding-bottom: 90px;
    position: relative;
    max-width: 1920px;
    margin: auto;
}
.cust-pro:before{
    content: url(../../images/cust-back-2.png);
    position: absolute;
    left: 0;
    top: -200px;
}
.cust-pro .h2 {
    font-family: 'Rubik-Bold';
    margin-bottom: 85px;
}
.cust-pro .content{
    margin-right: -19px;
    margin-left: -19px;
    margin-bottom: -58px;
}
.cust-pro .col-md-6{
    padding-left: 19px;
    padding-right: 19px;
    margin-bottom: 58px;
    display: flex;
    justify-content: space-between;
}
.cust-pro .left{
    width: 45%;
}
.cust-pro .right{
    width :50%
}
.cust-pro .h4{
    font-size: 36px;
    line-height: 43px;
    font-weight: bold;
    border-bottom: 3px solid var(--public-color);
    margin-bottom: 25px;
    padding-top: 15px;
}
.cust-pro .text{
    font-size: 16px;
    line-height: 30px;
}



.cust-por{
    position: relative;
    padding-top: 100px;
    max-width: 1920px;
    margin: auto;
    overflow: hidden;
    background-image: url(../../images/cust-back-3.jpg);
    background-repeat: no-repeat;
    background-size: 75%  400px;
    margin-bottom: 70px;
}
.cust-por:after{
    content: url(../../images/cust-back-4.png);
    position: absolute;
    top: 0;
    right: 0;
}
.cust-por .h2{
    margin-bottom: 40px;
}
.cust-por img{
    background-color: #ffffff;
    box-shadow: 0px 20px 50px 0px 
        rgba(58, 154, 72, 0.1);
}

.cust-por .mySwiper-4 .swiper-pagination-4{
    bottom: 10px;
}
.cust-por .mySwiper-4 .swiper-pagination-4 .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    margin: 0 10px;
    background-color: #40ae5d;
    opacity: 1;
}
.cust-por .mySwiper-4 .swiper-pagination-4 .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 7px;
    height: 7px;
    position: relative;
}
.cust-por .mySwiper-4 .swiper-pagination-4 .swiper-pagination-bullet.swiper-pagination-bullet-active:after{
    content: "";
    width: 31px;
    height: 31px;
    display: block;
    border-radius: 100%;
    border: 1px solid var(--public-color);
    position: absolute;
    top: -12px;
    left: -12px;
}
.cust-por .mySwiper-4{
    padding-top: 55px;
    padding-bottom: 70px;
}

.cust-options{
    position: relative;
    max-width: 1920px;
    margin: auto;
}
.cust-options:after{
    content: url(../../images/cust-back-5.png);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.cust-options .h2{
    margin-bottom: 35px;
}
.cust-options .text{
    margin-bottom: 50px;
}
.cust-options ul{
    display: flex;
}
.cust-options li{
    font-size: 18px;
    line-height: 36px;
    font-weight: bold;
    width: 120px;
    height: 71px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 5px solid transparent;
    border-bottom: 1px solid transparent;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    transition: all .6s;
}
.cust-options li:hover{
    color: var(--public-color);
}
.cust-options li.active{
    color: var(--public-color);
    border-top: 5px solid var(--public-color);
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    border-bottom: solid 1px #fff;
    position: relative;
    transition: all .6s;
}
.cust-options li.active::after{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    bottom: -2px;z-index: 2;
}
.cust-options .big-box{
    border: solid 1px #dddddd;
    padding: 55px  90px 60px 130px;
}
.cust-options .items{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.cust-options .items .h6{
    font-size: 18px;
    line-height: 36px;
    font-weight: bold;
    color: #333333;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    text-decoration-color: #797979;
}
.cust-options .items .text{
    font-size: 16px;
    line-height: 31px;
}
.cust-options .big-content .content{
    display: none;
}
.cust-options .big-content .content.active{
    display: flex;
    justify-content: space-between;
}
.cust-options .content-1 .box-item{width: 23%;}

.cust-options .content-2 .box-item{
    width: 30%;
}
.cust-options .content-2.content.active{justify-content: space-between;align-items: flex-end;}
.cust-options .content-2 .img img{border-radius: 20px;display: block;width: 48%;
margin-bottom: 20px;}
.cust-options .content-2 .img{display: flex;justify-content: space-between;}

.cust-options .content-3 .box-item{
    width: 30%;
}
.cust-options .content-3.content.active{justify-content: space-between;align-items: center;}
.cust-options .content-3 .box-item:first-child .img img{width: 48%;}
.cust-options .content-3 .img img{border-radius: 20px;display: block;
margin-bottom: 20px;}
.cust-options .content-3 .img{display: flex;justify-content: space-between;}





/*product-center-paper*/
.product-center-paper{
    margin-bottom: 155px;
}
.product-center-paper .content{
    max-width: 1920px;
    margin: auto;
    position: relative;
}
.product-center-paper .content:nth-child(odd)::after{
    content: url(../../images/pro-cen-back-2.png);
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.product-center-paper .content:nth-child(even)::after{
    content: url(../../images/pro-cen-back-3.png);
    position: absolute;
    left: 0;
    top: 0;   z-index: -1;
}
.product-center-paper .content:nth-child(even) .list{flex-direction: row-reverse;}
.product-center-paper .list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 60px;
    padding-top: 60px;
    border-bottom: 5px solid rgba(77,164,90,.2);
}
.product-center-paper .left{
    background-image: url(../../images/pro-cen-back-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35%;
    height: 400px;
}
.product-center-paper .right{
    width: 60%;
}
.product-center-paper .h3{
    margin-bottom: 30px;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-underline-offset: 9px;
}
.product-center-paper a.h3 {    font-family: 'Rubik-Bold';}
.product-center-paper .list:hover .h3{
    text-decoration: underline;
    color: var(--public-color);
}
.product-center-paper .text p{
    margin-bottom: 25px;
}
.product-center-paper .text p:last-child{
    margin-bottom: 0;
}


/*product-list-paper*/
.product-list-paper{
    margin-bottom: 155px;
}
.product-list-paper .main-top{
    max-width: 1920px;
    margin: auto;
}
.pro-list-machine .content{
    display: flex;
    justify-content: space-between;
    margin-bottom: 105px;
}
.pro-list-machine{
    background-image: url(../../images/pro-list-back-1.png);
    background-repeat: no-repeat;
    background-position:top 152px right 0;
    position: relative;
}
.pro-list-machine:after{
    content: url(../../images/pro-cen-back-3.png);
    position: absolute;
    bottom: -200px;
    left: 0;z-index: -1;
}
.pro-list-machine h1{
    font-size: 52px;
    line-height: 56px;
    font-weight: bold;
    display: inline-block;
    text-decoration-color: rgba(77, 164, 90, .2);
    text-decoration-line: underline;
    text-decoration-skip-ink: none;
    text-underline-offset: -4px;
    text-decoration-thickness: 5px;
    margin-bottom: 35px;
}
.pro-list-machine h1 span{
    color: var(--public-color);
}
.pro-list-machine .left{
    width: 65%;
}
.pro-list-machine .right{
    width: 37%;
    margin-right: -87px;
    mix-blend-mode:multiply
}
.pro-list-machine .box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.pro-list-machine .container-xl.max-1920px{
    max-width: 1920px;
    margin: auto;
    overflow: hidden;
}
.pro-list-machine .box-img.container-xl{
    max-width: 1590px;
    padding-right: 0;
    margin-right: -15px;
}
.pro-list-machine .l-r-btn{
    display: flex;
    justify-content: flex-end;
    margin-right: -8px;
    width: 14%;
}
.pro-list-machine .l-r-btn .all-hover:after{
    content: "";
}
.pro-list-machine .l-r-btn .all-hover{
    width: 70px;
    height: 70px;
    background-color: #ffffff;
    border-radius: 0px 20px 0px 20px;
    border: solid 3px var(--public-color);
    color: var(--public-color);
    top: inherit;
    left: inherit;
    right: inherit;
    bottom: inherit;
    position: inherit;
    margin-right: 8px;
    margin-top: inherit;
}
.pro-list-machine .l-r-btn .all-hover:hover{
    background-color: var(--public-color);
    color: #fff;
}
.pro-list-machine .l-r-btn .next-3{
    border-radius: 20px 0px 20px 0px;
}
.pro-list-machine .swiper-pagination-3{
    position: inherit;
    width: 86%;
    height: 4px;
    display: flex;
}
.pro-list-machine .swiper-pagination-3 .swiper-pagination-bullet {
    flex: 1;
    border-radius: 0;
    width: inherit;
    height: 4px;
    opacity: 1;
    background-color: rgba(77,164,90,.2);
        margin: 0;
}
.pro-list-machine .swiper-pagination-3 .swiper-pagination-bullet-active{
    background-color: var(--public-color);
}
.pro-list-machine .l-r-btn{
    position: relative;
}
.pro-list-machine .all-hover{
    top: inherit;
}
.pro-list-machine .mySwiper-3{
    margin-bottom: 40px;
}
.pro-list-machine .box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}



@media(max-width:1500px){
    .pro-list-machine .right{margin-right: 0;width: 37%;}
    .pro-list-machine .left{width: 60%;}
    .pro-list-machine .box-img.container-xl{margin-right: 0;}
}
@media(max-width:1300px){
    .all-nav a{font-size: 22px;line-height: 32px;}
}
@media(max-width:1200px){
    .all-nav a{font-size: 20px;line-height: 28px;}
}

.pro-list-content {margin-top: 70px;margin-bottom: 158px;}
.pro-list-content .list{
    display: flex;
    justify-content: space-between;
    padding-bottom: 60px;
    padding-top: 60px;
    border-bottom: 4px solid rgba(77,164,90,.2);
}
.pro-list-content .left{
    background-image: url(../../images/pro-list-back-2.png);
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45%;
}
.pro-list-content .h4{
    font-size: 32px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 20px;
    text-decoration-line: underline;
    text-decoration-skip-ink:none;
    text-underline-offset: -4px;
    text-decoration-thickness: 5px;
    text-decoration-color: rgba(77,164,90,.2);
}
.pro-list-content .type{
    font-size: 14px;
    color: var(--public-color);
    font-weight: 700;
    margin-bottom: 10px;
}
.pro-list-content .h4 span{
    color: var(--public-color);
    padding-left: 0;
}
.pro-list-content .h4:hover span{
    padding-left: 0;
}
.pro-list-content .text{
    height: 105px;
    overflow: hidden;
    margin-bottom: 30px;
}
.pro-list-content .box p::before{
    content: "□";
    display:inline-block;
    color: var(--public-color);
    font-size: 23px;
    padding-right: 25px;
}
.pro-list-content .right{
    width: 50%;
}
.product-list-paper .main-middle{
    max-width: 1920px;
    margin: auto;    
    position: relative;
    margin-bottom: 150px;
    overflow: hidden;
}
.product-list-paper .main-middle::after{
    content: url(../../images/pro-cen-back-2.png);
    position: absolute;
    top: -150px;
    right: 0;
}
.product-list-paper .main-middle::before{
    content: url(../../images/pro-cen-back-3.png);
    position: absolute;
    bottom:0px;
    left: 0;
}
.product-list-paper .main-middle .text-box{
    width: 70%;
    margin: auto;
    text-align: center;
    margin-bottom: 75px;
}
.product-list-paper .main-middle .h2{
    font-size: 52px;
    line-height: 52px;
    font-weight: bold;
    position: relative;
    display:inline-block;
    margin-bottom: 20px;
}
.product-list-paper .main-middle .h2 span{
    color: var(--public-color);
}
.product-list-paper .main-middle .content{
    margin-bottom: 102px;
}
.product-list-paper .main-middle .content .list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 260px;
    margin-bottom: 60px;
}
.product-list-paper .main-middle .content .list:last-child{
    margin-bottom: 0;
}
.product-list-paper .main-middle .content .list:nth-child(even){
    flex-direction: row-reverse;
}
.product-list-paper .main-middle .content .list:nth-child(even) .left{
    margin-right: 0;
    margin-left: 100px;
}
.product-list-paper .main-middle .content .left{
    /* width: 32%; */
    margin-right: 100px;
}
.product-list-paper .main-middle .content .left img{
    height: 260px;
    width: 400px;
}
.product-list-paper .main-middle .content .right{
    border-left: 2px solid var(--public-color);
    padding-left: 49px;
    height: 100%;
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.product-list-paper .main-middle .content .h5{
    font-size: 28px;
    line-height: 40px;
    color: #333333;
    font-weight:bold;
    margin-bottom: 15px;
}
.product-list-paper .main-middle .text{
    font-size: 16px;
    line-height: 32px;
}


/*case-paper*/
.case-paper{
    margin-bottom: 250px;
}
.case-paper a.items{
    display: block;
        /* display: inline-flex; */
    position: relative;
    padding-right: 140px;
    padding-bottom: 60px;
    transition: all .6s;
}
/* .case-paper a.items:hover{
    display: table-row;
} */
.case-paper .img{
}
.case-paper .box {
    background-color: #ffffff;
    box-shadow: 0px 20px 50px 0px rgba(10, 68, 132, 0.1);
    padding: 40px 40px 55px;
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    width: 400px;
    height: 280px;
    transition: all .6s;
}
.case-paper .time,
.news-in-paper .time {
    color: var(--public-color);
    font-weight: bold;
    padding-left: 9px;
    border-left: 4px solid var(--public-color);
    font-size: 16px;
}
.case-paper .time {
    margin-bottom: 20px;
}
.case-paper .box .h4 {
    font-size: 24px;
    line-height: 36px;
    color: #333333;
    font-family: 'Rubik-SemiBold';
    font-weight: bold;
    margin-bottom: 10px;
    transition: ease-in-out .6s;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.case-paper .box .text {
    font-size: 16px;
    line-height: 28px;
    color: #666666;
    font-family: 'Rubik-Light';
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.case-paper .items:hover .h4{
    color: var(--public-color);
}
.case-paper .items:hover{
/*    padding-right: 0px;
    padding-bottom: 0px; */
}
/* .case-paper .items:hover .box{
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .7);
    padding-bottom: 40px;
} */
.case-paper .col-md-6{
    padding: 0 20px;
    margin-bottom: 60px;
}
.case-paper .content{
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -60px;
}

/*case-in-paper*/
.case-in-paper{
    margin-bottom: 195px;
}
.case-in-paper .article{
    width: 100%;
}
.case-in-paper .h2{
    font-size: 42px;
    line-height: 52px;
    font-weight: bold;
    position: relative;
    margin-bottom: 110px;
    width: 28%;
}
.case-in-paper .h2.all-inline::after{
    bottom: 10px;
    width: 100%;
}
.case-in-paper .box {
    background-color: #ffffff;
    box-shadow: 0px 20px 50px 0px rgba(10, 68, 132, 0.1);
    padding: 40px 40px 55px;
    transition: all .6s;
    box-shadow: 0px 20px 50px 0px 
        rgba(10, 68, 132, 0.1);
}
.case-in-paper .time,
.news-in-paper .time {
    color: var(--public-color);
    font-weight: bold;
    padding-left: 9px;
    border-left: 4px solid var(--public-color);
    font-size: 16px;
}
.case-in-paper .time {
    /* margin-bottom: 20px; */
}
.case-in-paper .box .h4 {
    font-size: 24px;
    line-height: 36px;
    color: #333333;
    font-family: 'Rubik-SemiBold';
    font-weight: bold;
    margin-bottom: 10px;
    transition: ease-in-out .6s;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.case-in-paper .box .text {
    font-size: 16px;
    line-height: 28px;
    color: #666666;
    font-family: 'Rubik-Light';
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.case-in-paper .items:hover .h4{
    color: var(--public-color);
}
.case-in-paper a.items{
    display: block;
} 
.case-in-paper .main-bottom .col-md-3{
    padding: 0 20px;
}
.case-in-paper .main-bottom .content{
    margin-right: -20px;
    margin-left: -20px;
}
.case-in-paper .article .content {color: #666666;}
.case-in-paper .article .content strong{
    font-size: 18px;
    line-height: 35px;
    font-family: 'Rubik-Bold';
    color: #333333;
    font-weight: bold;
}
.case-in-paper .article .content em{
    color: var(--public-color);
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 35px;
}
.case-in-paper .article .content p{
    margin-bottom: 25px;
} 
.case-in-paper .article .content p:last-child{
    margin-bottom: 0;
}
.case-in-paper .article .content p img,
.case-in-paper .article .content img{width: 100% !important;height: auto !important;margin-top: 60px;}



/*product-detail*/
.product-detail .detail-top {
    margin-top: 70px;
    margin-bottom: 70px;
}
.product-detail .detail-top .top-1{
    display: flex;
    align-items:center;
    justify-content: space-between;
}
.product-detail .detail-top .top-1 .left{
    width: 50%;
}
.product-detail .detail-top .top-1 .left .small-box{
    font-size: 18px;
    line-height: 32px;
    color: #333333;
    font-family: 'Rubik-SemiBold';
    font-weight: bold;
    margin-bottom: 20px;
    padding-left: 7px;
}
.product-detail .detail-top .top-1 .small-box p{display: flex;align-items: center;}
.product-detail .detail-top .top-1 .small-box p::before{
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--public-color);
    border-radius: 100%;
    display: inline-block;
    margin-right: 15px;
}
.product-detail .detail-top .top-1 .left .h6 a{
    display: block;
    font-size: 18px;
    line-height: 32px;
    color: #0a4484;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-underline-offset: 2px;
        width: 90%;
}
.product-detail .detail-top .top-1 .left h1{
    font-size: 36px;
    line-height: 42px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 30px;
}
.product-detail .detail-top .top-1 .left .type{
font-size: 14px;
    color: var(--public-color);
    font-weight: 700;
    margin-bottom: 15px;
}

.product-detail .detail-top .top-1 .left .text{
    color:#666666;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 20px;
}
.product-detail .detail-top .top-1 .left .box{
    margin-top: 50px;
    display: flex;
    align-items: center;
}
.product-detail .detail-top .top-1 .left .box .d1{
    margin-right: 28px;
}
.product-detail .detail-top .top-1 .left .box .d1 a{
    width: 260px;
    padding:10px 0;
    font-size: 16px;
    background-color: var(--public-color);
    color: #fff;
    font-weight: bold;
    font-family: 'Rubik-SemiBold';
    border: 3px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .6s;
}
.product-detail .detail-top .top-1 .left .box .d1 a:hover{
    background-color: #fff;
    color: var(--public-color);
    border: 3px solid var(--public-color);
}
.product-detail .detail-top .top-1 .left .box .d2{
    display: flex;
    color:#666666;
}
.product-detail .detail-top .top-1 .left .box .d2>a{
    font-size: 16px;
    width: 200px;
    font-weight: bold;
    color: var(--public-color);
    background-color: #fff;    
    border: 3px solid var(--public-color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .6s;
    padding: 10px 0;
}

.product-detail .detail-top .top-1 .left .box .d2>a:hover{
    border: 3px solid transparent;
    background-color: var(--public-color);
    color: #fff;
}
.product-detail .detail-top .top-1 .left .box .d2>a span{
    width: 23px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--public-color);
    background-color: transparent;
    font-size: 12px;
}
.product-detail .detail-top .top-1 .left .box .d2:hover a span{
    border: 2px solid #fff;
}
.product-detail .detail-top .top-1 .left ul{
    display: flex;
    align-items: center;
    margin-top: 32px;
}
.product-detail .detail-top .top-1 .left ul>p{
    color:#333333;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    margin-right: 13px;
}
.product-detail .detail-top .top-1 .left ul li{
    margin-right: 7px;
    text-align: center;
}
.product-detail .detail-top .top-1 .left ul a{
    width: 23px;
    height: 24px;
    background-color: #dddddd;
    border-radius: 2px;
    color:#fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-detail .detail-top .top-1 .right{
    width: 45%;
    padding-top: -22px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.product-detail .detail-top .right .thumb-selectors{
    display: flex;
    margin-top: 30px;
}
.product-detail .detail-top .right .thumb-selectors .swiper-slide{
    display: inline-block;
width:140px !important;
    border: none;
}
.product-detail .detail-top .right .thumb-selectors .swiper-slide{
    margin-right: 0;
}
.product-detail .detail-top .right .thumb-selectors a {
    display: inline-block;
    /* width: 100%; */
    padding: 20px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-detail .detail-top .right .thumb-selectors .swiper-container{margin-left: inherit;margin-right: inherit;}
.product-detail .detail-top .right .thumb-selectors .mz-thumb.mz-thumb-selected img{
    border: none;
    mix-blend-mode:multiply
}
/* .product-detail .detail-top .right .thumb-selectors .mz-thumb.mz-thumb-selected{
    background-color: rgba(210,210,210.3);
} */
.product-detail .detail-top .right .thumb-selectors .swiper-slide{
    background-color: #d2d2d2;
}
.product-detail .detail-top .right .thumb-selectors .swiper-slide.swiper-slide-active{
    background-color: rgba(210,210,210,.3);
}

/* .product-detail .right .big-img{margin-right: -240px;}
@media(max-width:1780px){
    .product-detail .right .big-img{margin-right: -180px;}
}
@media(max-width:1650px){
    .product-detail .right .big-img{margin-right: -100px;}
}
@media(max-width:1490px){
    .product-detail .right .big-img{margin-right: -50px;}
} */
@media(max-width:1385px){
    .product-detail .detail-top .top-1 .left{width: 45%;}
    .product-detail .detail-top .top-1 .right{width: 50%;}
    /* .product-detail .right .big-img{margin-right: 0px;} */
}



/*p-d-nav*/ 
.product-nav-xl.fadeInDown{position: fixed;z-index: 90;top: 83px;right: 0;left: 0;background-color:  #f8f8f8;border-bottom: 2px solid rgba(77,164,90,.2);animation: fadeInDown .6s;margin-bottom: 20px;}
/* .product-nav-xl.fadeInDown .container-xl{max-width: var(--max)} */
.product-nav-xl.fadeInDown .product-nav .p-d-nav{background-color: #fff;}
.product-nav-xl.fadeInDown .product-nav li a{border: 1px solid rgba(77,164,90,.2);}
.product-nav-xl.fadeInDown .product-nav{padding-top: 0px;}
.product-nav{padding-top:35;position: relative;}
.product-nav .p-d-nav{display: flex;background-color: #f0f3f7;border-bottom: 6px solid var(--public-color);}
.product-nav .p-d-nav li{display: inline-block;flex: 1;text-align: center;height: 66px;}
.product-nav .p-d-nav a:hover{color:#fff;background-color: var(--public-color);}
.product-nav .p-d-nav a{display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;color: #333333;font-weight: 600;position: relative;text-transform: capitalize;font-size: 16px;transition: all .6s;}
.product-nav .p-d-nav a.active{color: #fff;background-color: var(--public-color);}
.product-nav .p-d-nav li::after{position: absolute;right: 0;top: 8px;content: "";width:1px;height: 56px;background-color: #284270;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);opacity: .1;}
.product-nav .p-d-nav li:last-child::after{content: "";background-color: transparent;}
.product-nav .p-d-nav li{position: relative;}
.product-nav .nav-text{height: 60px;background-color: #f8f8f8;overflow: hidden;padding-left: 30px;display: flex;align-items: center;}
.product-nav .nav-text a{font-size: 18px;line-height: 32px;color: #0a4484;transition: all .6s;}
.product-nav .nav-text a:after{display: block;content: "";width: 0;height: 2px;background-color: var(--public-color);transition: all .6s;}
.product-nav .nav-text a:hover{color: var(--public-color);}
.product-nav .nav-text a:hover:after{display: block;content: "";width: 100%;}
.product-nav .nav-text .content{display: none;}
.product-nav .nav-text .content.active{display: block;}
.product-nav .nav-text .content.active-1{display: block;}


.product-detail .pro-detail-app .h4{margin-bottom:5px}
.pro-detail-app .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
.pro-detail-app .l-r-btn{display:flex;justify-content:flex-end;width:5%;margin-bottom:10px}
.pro-detail-app .l-r-btn .swiper-button-lock{display:block !important}
.pro-detail-app .l-r-btn .all-hover:after{content:""}
.pro-detail-app .l-r-btn .all-hover{top:inherit;left:inherit;right:inherit;bottom:inherit;position:inherit;margin-right:8px;margin-top:inherit;font-size:26px;color:var(--public-color)}
.pro-detail-app .l-r-btn .all-hover:last-child{margin-right:0}
.pro-detail-app .swiper-pagination-3{position:inherit;width:94%;height:2px;display:flex;background-color:var(--public-color)}
.pro-detail-app .swiper-pagination-3 .swiper-pagination-bullet{display:none}
.pro-detail-app .l-r-btn{position:relative}
.pro-detail-app .all-hover{top:inherit}
.product-detail .h4-inline:after{content:"";width:100%;height:2px;background-color:var(--public-color);display:block;margin-top:30px;margin-bottom:40px}
.product-detail .all-h4{font-size:32px;line-height:42px;color:#333333;font-weight:bold;margin-bottom:15px;margin-top:55px;font-family:'Rubik-Bold'}
.pro-detail-descr .content{font-size:18px;line-height:32px;color:#666666}
.pro-detail-s .content{margin-left:-19px;margin-right:-19px;margin-bottom:-85px}
.pro-detail-s .col-md-4{padding-right:19px;padding-left:19px;margin-bottom:85px}
.pro-detail-s .text{font-size:18px;line-height:32px;color:#666666;margin-top:50px}
.product-detail .all-faq{border-top:2px solid var(--public-color);margin-top:60px;margin-bottom:40px}
.product-detail .h4{margin-bottom:0}
.product-detail .n-c-paper{margin-bottom:154px}
.product-detail .container-xl{overflow:hidden}
.download-paper{margin-bottom:168px}
.download-paper .container-xl{display:flex;justify-content:space-between;align-items:center}
.download-paper .left{width:45%}
.download-paper .right{width:47%}
.download-paper .left,.download-paper .right{display:flex;flex-direction:column;align-items:center}
.download-paper .right .h3{font-size:36px;line-height:42px;font-weight:bold;color:#333333;text-align:left;margin-bottom:20px;display:block !important;width:100%}
.download-paper .right .text{font-size:18px;line-height:28px;color:#666666;margin-bottom:50px;display:block !important;width:100%}
.download-paper form{border-top:2px solid rgba(221,221,221,.6);width:100%}
.download-paper .form-control{border:0;font-size:inherit}
.download-paper .form-control::placeholder{font-size:16px;line-height:36px;color:#666666;opacity:0.6}
.download-paper .form-row{padding-top:15px;padding-bottom:15px}
.download-paper .form-row + .form-row{border-top:2px solid rgba(221,221,221,.6)}
.download-paper .form-row:first-child{border-top:2px solid rgba(221,221,221,.6)}
.download-paper .form-feedback .form-control{padding:0}
.download-paper .form-group{margin-bottom:0}
.download-paper .form-group{padding-left:0}
.download-paper .form-row>.col,.form-row>[class*="col-"]{padding-left:0}
.download-paper .was-validated textarea.form-control:invalid,.download-paper textarea.form-control.is-invalid{background-position:top 0 right calc(.375em + .1875rem)}
.download-paper .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}
.download-paper .btn:hover{background-image:linear-gradient(-90deg,#88ca4e 0%,#24b66f 100%),linear-gradient(#ffffff,#ffffff);text-decoration:none}
.video-paper{margin-bottom:194px}
.video-paper .items-box{position:relative}
.video-paper .box{position:absolute;bottom:0;right:0}
.video-paper .box p{width:100px;height:100px;background-color:rgba(77,164,90,.89);border-radius:40px 0px 40px 0px;display:flex;justify-content:center;align-items:center;transition:all .6s;border:2px solid transparent}
.video-paper .box:hover p{background-color:#fff;border:2px solid rgba(77,164,90,.89)}
.video-paper .box:hover span{border-left:23px solid rgba(77,164,90,.89);border-top:15px solid transparent;border-bottom:15px solid transparent}
.video-paper .box span{display:inline-block;border-left:23px solid #fff;border-top:15px solid transparent;border-bottom:15px solid transparent;border-radius:3px;margin-left:8px;transition:all .6s}
.video-paper .h6{font-size:18px;line-height:32px;color:#333333;margin-top:25px;padding-left:2px;padding-right:25px}
.video-paper .content{margin-right:-20px;margin-left:-20px;margin-bottom:-55px}
.video-paper .col-md-4{padding-right:20px;padding-left:20px;margin-bottom:55px}
.video-paper .down-list{margin-bottom:155px}
.video-paper .down-list .justify-content-center{justify-content:flex-start !important}
.down-list .page-link:hover{background-color:var(--public-color);color:#fff}
.down-list .page-link{border-radius:20px 0px 20px 0px;width:48px;height:48px;color:var(--public-color);margin-right:10px;display:flex;justify-content:center;align-items:center;font-weight:bold;transition:all .6s;background-color:rgba(77,164,90,.1);border:0}
.down-list .page-item:first-child .page-link{border-radius:20px 0px 20px 0px}
.video-paper .all-news .col-md-4{padding-left:21px;padding-right:21px;margin-bottom:0px}
.video-paper .all-news .bottom{margin-bottom:0}

/*certify-paper*/
.certify-paper{margin-bottom:190px}
.certify-paper .justify-content-center{justify-content:flex-start !important}
.certify-paper .items-box{padding:18px;background-color:#f8f8f8;border-radius:4px;position:relative}
.certify-paper .box{position:absolute;bottom:0;right:-30px;display:inline;z-index:1}
.certify-paper a.img{display:block}
.certify-paper .h6{font-size:18px;line-height:32px;color:#333333;margin-top:40px;padding-left:2px}
.certify-paper .box a,.certify-paper .box p{width:130px;height:130px;background-color:rgba(77,164,90,.1);border-radius:60px 0px 60px 0px;display:flex;justify-content:center;align-items:center;transition:all .6s;border:2px solid transparent}
.certify-paper .items-box:hover .box  a,.certify-paper .items-box:hover .box p{background-color:rgba(77,164,90,.89);transition:all .6s}
.certify-paper .items-box:hover .box a::after,.certify-paper .items-box:hover .box p::after{content:url(../../images/video-10.png)}
.certify-paper .box a::after,.certify-paper .box p::after{content:url(../../images/video-11.png)}
.certify-paper .col-md-3{padding-right:30px;padding-left:30px;margin-bottom:55px}
.certify-paper .content{margin-bottom:-55px}
.contact-paper{margin-bottom:130px}
.contact-paper .h2{font-size:42px;line-height:53px;font-weight:bold;color:#333333}
.contact-paper .main-top .h2{margin-bottom:50px}
.contact-paper  .content{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:55px}
.contact-paper .list{width:48%;display:flex;align-items:center;margin-bottom:52px;font-size:18px;line-height:36px}
.contact-paper .list .img{margin-right:40px}
.contact-paper .list span{font-weight:bold;display:inline-block;margin-right:10px;color:#333333}
.contact-paper .list a{color:#666666;transition:all .6s}
.contact-paper .list a:hover{color:var(--public-color);text-decoration:underline;text-decoration-skip-ink:none}
.contact-paper .img-map{margin-bottom:100px}
.contact-paper .main-bottom .h2{position:relative;width:27%;color:#333333;margin-bottom:70px}
.contact-paper .main-bottom .h2.all-inline::after{bottom:10px}
.contact-paper .main-bottom .h2 span{font-weight:normal
}


.contact-paper form{width:100%}
.contact-paper .form-control{border:1px solid #dddddd;font-size:inherit}
.contact-paper .form-control::placeholder{font-size:16px;line-height:32px;color:#666666;opacity:0.6}
.contact-paper .form-row{padding-top:0px;padding-bottom:20px}
.contact-paper .form-feedback .form-control{padding:20px}
.contact-paper .form-group{margin-bottom:0;margin-top:0}
.contact-paper .form-group{padding-left:0}
.contact-paper .form-row>.col,.form-row>[class*="col-"]{padding-left:0;padding-right:20px}
.download-paper .was-validated textarea.form-control:invalid,.download-paper textarea.form-control.is-invalid{background-position:top 0 right calc(.375em + .1875rem)}
.contact-paper .btn{margin-top:10px;width:250px;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}
.contact-paper .btn:hover{background-image:linear-gradient(-90deg,#88ca4e 0%,#24b66f 100%),linear-gradient(#ffffff,#ffffff);text-decoration:none}


/*index-paper*/
.index-paper{overflow:hidden;max-width:1920px;margin:auto}
.index-paper .index-top{max-width:1920px;margin:auto}
.index-paper .index-top>.container-xl{max-width:1590px;padding-right:0;margin-right:0;position:relative}
.index-paper .index-top .content{display:flex;justify-content:space-between;align-items:center;margin-bottom:65px}
.index-paper .index-top .h2{font-size:52px;line-height:43px;margin-bottom:25px}
.index-paper .index-top .h2 span,.index-paper .index-top .h3 span{color:var(--public-color)}
.index-paper .index-top .left{background-image:url(../../images/index-back-2.png);background-repeat:no-repeat;background-position:top right}
.index-paper .index-top .h3{font-size:32px;line-height:43px;font-weight:bold;text-decoration-line:underline;text-decoration-skip-ink:none;text-decoration-thickness:5px;text-decoration-color:rgba(77,164,90,.2);text-underline-offset:-5px;margin-bottom:30px}
.index-paper .index-top .type{font-size:14px;color:var(--public-color);margin-top:5px;margin-bottom:5px;font-weight:600}
.index-paper .index-top .text,.index-paper .index-top .box{font-size:18px;line-height:36px}
.index-paper .index-top .text{margin-bottom:15px}
.index-paper .index-top .box p{display:flex;align-items:center}
.index-paper .index-top .box p::before{content:"□";color:var(--public-color);font-size:25px;margin-right:25px}
.index-paper .index-top .box{margin-bottom:10px}
.index-paper .index-top .left{width:55%}
.index-paper .index-top .left .img{width:95%;height:70%}
.index-paper .index-top .right{width:45%;background-color:#ffffff;box-shadow:0px 30px 64px 0px rgba(0,0,0,0.08);padding:60px 80px}
.index-paper .index-top .mySwiper .swiper-slide{display:flex;align-items:center;justify-content:center;height:95px;position:relative}
.index-paper .index-top .mySwiper .swiper-slide img.shen{display:none}
.index-paper .index-top .mySwiper .swiper-slide img.qian{display:block}
.index-paper .index-top .mySwiper .swiper-slide>img{width:initial;display:inline-block}
.index-paper .index-top .mySwiper .swiper-slide-thumb-active img.shen{display:block}
.index-paper .index-top .mySwiper .swiper-slide-thumb-active img.qian{display:none}
.index-paper .index-top .mySwiper{position:absolute;bottom:65px;left:0}
.index-paper .index-top .mySwiper .swiper-slide::after{content:"";width:61px;height:4px;background-color:rgba(77,164,90,.2);display:block;position:absolute;bottom:0px;left:10px}
.index-paper .index-top .mySwiper .swiper-slide.swiper-slide-thumb-active::after{content:"";width:61px;height:4px;background-color:var(--public-color);display:block;position:absolute;bottom:0px;left:10px}

@media(max-width:1645px){
    .index-paper .index-top .container-xl{margin-right: auto;padding-right: 15px;}
}
@media(max-width:1450px){
    .index-paper .index-top .h3{font-size: 28px;}
}
@media(max-width:1300px){
    .index-paper .index-top .right{padding: 45px 55px;}
}

.index-paper .index-product .all-product .content a{
    padding: 35px 20px 15px 20px;
    /*height: 230px;*/
height:250px;
}
.index-paper .index-product .all-product .content a .h5{
    -webkit-line-clamp: 2;
    line-clamp: 2;
height:60px
}
.index-paper .index-projects{
    background-color: #f8f8f8;
    padding-top: 60px;
    padding-bottom: 80px;
}
.index-paper .index-projects .container-xl{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.index-paper .index-projects .text{
    font-size: 18px;
    line-height: 30px;
    color: #666666;
    text-align: center;
    margin-top: 45px;
    margin-bottom: 30px;
    width: 85%;
}
.index-paper .index-projects .a a{
    font-size: 18px;
    line-height: 27px;
    color: var(--public-color);
    font-weight: bold;
    position: relative;
    font-family: 'Rubik-Bold';
}
.index-paper .index-projects .a a:after{
    content: "";
    width: 100%;
    height: 1px;
    background-color:var(--public-color);
    transition: width .6s;
    position: absolute;
    bottom: 5px;
    left: 0;
}
.index-paper .index-projects .a a:hover:after{
    content: "";
    width: 0;
    height: 1px;
    background-color:var(--public-color);
}

.index-paper .index-sol{
    max-width: 1920px;
    margin: auto;
    padding-right: 36px;
    padding-top: 58px;    
    padding-left: 27px;
    position: relative;
}
.index-paper .index-sol::before{
    content: url(../../images/index-back-3.png);
    position: absolute;
    top: 0;
    left: 0px;
    z-index: -1;
}
.index-paper .index-sol>.container-xl{
    max-width: 1570px;
    padding-right: 0;
    margin-right: 0;
    display: flex;
    justify-content: space-between;
    /* flex-wrap: wrap; */
    align-items: flex-end;

}
.index-paper .index-sol .content{
    width: calc(calc(100% - 38px) / 2)
}
.index-paper .index-sol .content-2{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: -36px;
}
.index-paper .index-sol .content-2 .img,
.index-paper .index-sol .content-1 .right .img{
    width: calc(calc(100% - 38px) / 2);
    position: relative;
}
.index-paper .index-sol p{
    position: absolute;
    bottom: 20px;
    left: 30px;
    color: #fff;
    text-decoration: underline;
}
.index-paper .index-sol .content-1 .right{
    display: flex;
    justify-content: space-between;
    margin-top: 36px;
}
.index-paper .index-sol .content-2 .img{
    margin-bottom: 36px;
}
.index-paper .index-sol .h2{
    font-size: 52px;
    line-height: 52px;
    font-weight: bold;
    position: relative;
    width: 75%;
}
.index-paper .index-sol .h2.all-inline::after{
    bottom: 5px;
    width: 100%;
    left: 0;
}
.index-paper .index-sol .left>.img{
    margin-bottom: 19px;
}
.index-paper .index-sol .h2 span{
    color: var(--public-color);
}
.index-paper .index-sol .text{
    font-size: 18px;
    line-height: 36px;
    color: #666666;
    margin-bottom: 25px;
}
.index-paper .index-sol .a{
    margin-bottom: 27px;
}

@media(max-width:1630px){
    .index-paper .index-sol>.container-xl{margin-right: auto;padding-right: 15px;}
    .index-paper .index-sol{padding-right: 11px;}
}
@media(max-width:1400px){
    .index-paper .index-sol .h2{width: 80%;}
    .index-paper .index-sol .text{font-size: 17px;line-height: 35px;}
    .index-paper .index-sol .h2 {font-size: 51px;line-height: 42px;}
    .index-paper .index-sol .a {margin-bottom: 10px;}
    .index-paper .index-top .right{padding: 50px 70px;}
    .index-paper .index-top .h3 {margin-bottom: 20px;}
    .index-paper .index-top .text {line-height: 34px;}
}
@media(max-width:1308px){
    .index-paper .index-sol .text{font-size: 16px;line-height: 34px;}
    .index-paper .index-sol .h2 {font-size: 50px;line-height: 41px;}
}
@media(max-width:1300px){
    .index-paper .index-sol .h2{width: 85%;}
    .index-paper .index-sol .a {margin-bottom: 0px;}
    .index-paper .index-top .text {font-size: 17px;line-height: 32px;}
}
@media(max-width:1240px){
    .index-paper .index-sol .text{font-size: 15px;line-height: 33px;}
    .index-paper .index-sol .h2 {font-size: 49px;line-height: 40px;}
    .index-paper .index-top .right {padding: 30px 50px;}
}
@media(max-width:1200px){
    .index-paper .index-sol .h2{width: inherit;}
}
.index-paper .index-profess{
    max-width: 1920px;
    margin: auto;
    position: relative;
    margin-bottom: 100px;
    margin-top: 129px;
    overflow: hidden;
}
.index-paper .index-profess::after{
    content: url(../../images/index-back-3.png);
    position: absolute;
    top: 0;
    right: 68px;
}
.index-paper .index-profess .container-xl{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 1600px;
    padding-left: 0;
    margin-left: 0;
}
.index-paper .index-profess .right .img{
    width: 300px;
    display: flex;
    justify-content: flex-end;
}
.index-paper .index-profess .right .h2 span{
    display: block;
}
.index-paper .index-profess .right .h2{
    font-size: 52px;
    line-height:64px ;
    font-weight: bold;
    margin-bottom: 15px;
}
.index-paper .index-profess .right .s2{
    color: var(--public-color);
    position: relative;
}
.index-paper .index-profess .right .s2.all-inline::after{
    bottom: 12px;
}
.index-paper .index-profess .right .s1,
.index-paper .index-profess .right .s3{
    text-decoration-line: underline;
    text-decoration-thickness: 6px;
    text-decoration-skip-ink: none;
    text-decoration-color:rgba(77,164,90,.2);
    text-underline-offset: -5px;
}
.index-paper .index-profess .right .text{
    font-size: 18px;
    line-height: 30px;
    color: #666;
    margin-bottom: 35px;
}
.index-paper .index-profess .right .text p{
    margin-bottom: 20px;
}
.index-paper .index-profess .right .text p:last-child{
    margin-bottom: 0px;
}
.index-paper .index-profess .right .a{display:flex;align-items:center;}
.index-paper .index-profess .right .a a{
    font-size: 18px;
    line-height: 32px;
    position: relative;
}
.index-paper .index-profess .right .a a::after{
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--public-color);
    position: absolute;
    bottom:5px;
    left: 0;
    transition: width .6s;
}
.index-paper .index-profess .right .a a:hover::after{
    width: 0;
}
.index-paper .index-profess .right{
    width:38%;
}
.index-paper .index-profess .left{
    width: 56%;
    position: relative;
}
.index-paper .index-profess .left img.look{
    display: block;
    position: absolute;
    top: 40%;
    right: 1%;transition: all .6s;
}
.index-paper .index-profess .left img.look:hover{transform: scale(1.1);}
.index-paper .index-profess.index-service{
    margin-top: 0;
    margin-bottom: 0;
}
.index-paper .index-profess.index-service .container-xl{
    flex-direction: row-reverse;
    padding-right: 0;
    margin-right: 0;
    padding-left: 15px;
    margin-left: auto;
    align-items: flex-start;
    padding-top: 55px;
}
.index-paper .index-profess.index-service::after{
    left: 108px;
    top: 0;
    right: auto;
}
.index-paper .index-service.index-profess .right .a a::after{
    content: " ";
    width: 0;
}
.index-paper .index-service.index-profess ul{
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    flex-wrap: wrap;
}
.index-paper .index-service.index-profess ul li::before{
    content: "\f00c";
    font-family: 'CmsFont';
    color: var(--public-color);
    padding-right: 10px;
}
.index-paper .index-news{
    background-color:#f4f4f4;
    padding-top: 140px;
    padding-bottom: 85px;
}
.index-paper .index-news .all-news .bottom.row{
    margin-bottom: 0;
}

@media(max-width:1800px){
    .index-paper .index-profess::after{right: 30px;}
    .index-paper .index-profess.index-service::after{left: 65px; }
}
@media(max-width:1700px){
    .index-paper .index-profess::after{right: 0px;}
    .index-paper .index-profess.index-service::after{left: 0px; }
    .index-paper .index-profess.index-service{
        padding-left: 15px;
    }
}
@media(max-width:1580px){
    .index-paper .index-profess .left img.look{right: 0;top: 39.5%;}
    /* .index-paper .index-profess .left {width: 55%;}
    .index-paper .index-profess .right{width: 40%;} */
}
@media(max-width:1500px){
    .index-paper .index-profess .left img.look{top: 39%;}
    /* .index-paper .index-profess .left {width: 55%;}
    .index-paper .index-profess .right{width: 40%;} */
}
@media(max-width:1450px){
    .index-paper .index-profess .right{width: 40%;}
    .index-paper .index-profess .left img.look{transform: scale(0.85);}
}
@media(max-width:1380px){
    .index-paper .index-profess .left img.look{top: 38%;}
    .index-paper .index-profess .left img.look{transform: scale(0.8);}
    .index-paper .index-profess .right .text{font-size: 17px;line-height: 29px;}
    .index-paper .index-profess .right .h2{font-size: 51px;line-height: 63px;}
}
@media(max-width:1335px){
    .index-paper .index-profess .left img.look{top: 38%;}
    .index-paper .index-profess .left img.look{transform: scale(0.7);}
    .index-paper .index-profess .left{width: 55%;}
}
@media(max-width:1300px){
    .index-paper .index-profess .left img.look{top: 37.5%;right: -1%;}
    .index-paper .index-profess .right .text{font-size: 16px;line-height: 28px;}
    .index-paper .index-profess .right .h2{font-size: 50px;line-height: 62px;}
}
@media(max-width:1250px){
    .index-paper .index-profess .left img.look{top: 37%;right: -1.5%;}
    .index-paper .index-profess .right{width: 41%;}
}

.index-paper .index-why .top{
    display: flex;
    justify-content: space-between;
    margin-bottom: 85px;
}
.index-paper .index-why .top .list{
    display: flex;
    align-items: center;
    background-image: url(../../images/index-back-5.png);
    background-repeat: no-repeat;
    height: 131px;
    background-position-x: 25px;
}
.index-paper .index-why .top .img{
    margin-right: 20px;
}
.index-paper .index-why .top .p1{
    font-size: 32px;
    line-height: 13px;
    color: #000;
}
.index-paper .index-why .top .p2{
    font-size: 16px;
    line-height: 18px;
    color: #999999;
    margin-top: 20px;
}
.index-paper .index-why{
    max-width: 1920px;
    margin: auto;
    overflow: hidden;
    margin-bottom: 60px;
}
.index-paper .index-why .bottom .h2{
    position: relative;
    font-size: 52px;
    line-height: 52px;
    font-weight: bold;
    display: flex;
    align-items: flex-end;
    margin-bottom: 65px;width: 1920px;
    overflow: hidden;
    
}
.index-paper .index-why .bottom .h2 span{
    color: var(--public-color);
padding-left: 10px;
}
.index-paper .index-why .bottom .h2.all-inline::after{
    bottom: 0px;
}
.index-paper .index-why .bottom .h2 img{
    display: inline-block;
    margin-right: 30px;
}
.index-paper .index-why .bottom>.text{
    font-size: 18px;
    line-height: 30px;
    color: #666666;
    margin-bottom: 95px;
}
.index-paper .index-why .bottom .items{
    font-size: 18px;
    color: #666666;
    padding-bottom: 15px;
    transition: all .6s;
}
.index-paper .index-why .bottom .items:hover{
    background-color: #ffffff;
    box-shadow: 0px 30px 64px 0px rgba(0, 0, 0, 0.08);
}
.index-paper .index-why .bottom .items .list{
    padding-left: 15px;
}
.index-paper .index-why .bottom .items .img{
    margin-bottom: 45px;
    position: relative;
}
.index-paper .index-why .bottom .items .p{
    background-color: #ffffff;
    border-radius: 24px;
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom:5px;z-index: 0;
}
.index-paper .index-why .bottom .items p{
    font-size: 28px;
    line-height: 40px;
    font-weight: bold;
    color: #333333;
    position: relative;
}
.index-paper .index-why .bottom .items p.all-inline::after{
    bottom: 10px;
    width: 100%;
}
.index-paper .index-why .bottom .items p span{
    color: var(--public-color);
}
.index-paper .index-why .bottom .list{
    padding-right: 15px;
}
.index-paper .index-why .bottom .items .text{
    line-height: 30px;
    margin-bottom: 20px;
    text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.index-paper .index-why .bottom .items ul{
    line-height: 35px;
    margin-bottom: 30px;
    padding-left: 1px;
}
.index-paper .index-why .bottom .items li{
    display: flex;
    align-items: center;
}
.index-paper .index-why .bottom .items li::before{
    content: "◇";
    color: var(--public-color);
    font-weight: bold;
    font-size: 24px;
    margin-right: 25px;
}
.index-paper .index-why .bottom .col-md-6{
    padding-left: 35px;
    padding-right: 35px;
}
.index-paper .index-why .bottom .content{
    margin-right: -35px;
    margin-left: -35px;
    margin-bottom: -15px;
}
.index-paper .index-ad{
    max-width: 1920px;
    height: 220px;
    background-color: rgba(77,164,90,.1);
    display: flex;
    align-items: center;
    margin-bottom: 55px;
    overflow: hidden;
    margin: auto;
}
.index-paper .index-ad .content{
    position: relative;
}
.index-paper .index-ad .all-hover::after{
    content: "";
}
.index-paper .index-ad .all-hover{
    width: 72px;
    height: 72px;
    background-color: #fff;
    border-radius: 50px;
    color: #1f273d;
    font-size: 20px;
    margin-top: -35px;
    transition: all .6s;
}
.index-paper .index-ad .all-hover:hover{
    background-color: var(--public-color);
    color: #fff;
}
.index-paper .index-ad .next-5{
    position: absolute;
    right: -35px;
    
}
.index-paper .index-ad .prev-5{
    position: absolute;
    left: -35px;

}
.index-paper .index-ad .mySwiper-5{
    padding: 0 70px;
}
.index-paper .index-ad .mySwiper-5{overflow: hidden;}
.index-paper .index-ad .mySwiper-5 .swiper-slide{
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.index-paper .index-ad .mySwiper-5 .swiper-slide img{  max-width: 100%;transition: 500ms;  }
.index-paper .index-ad .mySwiper-5 .swiper-slide img.shen{
    display: none;transition: all .6s;
}
.index-paper .index-ad .mySwiper-5 .swiper-slide img.qian{
    display: block;transition: all .6s;
}
.index-paper .index-ad .mySwiper-5 .swiper-slide:hover img.qian{
    display: none;
}
.index-paper .index-ad .mySwiper-5 .swiper-slide:hover img.shen{
    display: block;
}



@media(max-width:768px){
    .banner{margin-bottom: 30px;}
    .banner>img{height: 150px;}
    .banner .banner-text .container-xl>img{bottom: 0;}
    .banner .banner-text .container-xl{margin-bottom: 0;}
    .banner .banner-text h1{font-size: 20px;line-height: 28px;display: inline-block;}
    .banner .banner-text .img-box{margin-right: 15px;}
    .banner .banner-text .box{padding: 15px;justify-content: center;}
    .banner .banner-text .container-xl>img{display: none;}
    .banner .banner-text .img-box {width: 75px;height: 70px;}
    .nav-banner::before {padding-right: 5px;}
    .nav-banner a {font-size: 14px;line-height: 20px;}
    .nav-banner li::after {font-size: 14px;padding: 0 5px;}
    .nav-banner{align-items: center;margin-top: 15px;flex-wrap: wrap;}

    .all-inline-1::after {left: 0 !important;bottom: 5px !important;/*width: 100% !important;*/height: 4px !important;}
    .all-inline:after{width: 100% !important;left: 0 !important;height: 4px !important;}
    .a a.b-k{padding: 8px 20px !important;}
    .down-list{margin-top: 20px;}
    .a a.f-s {line-height: 24px !important;}
    .a a.b-k-2{padding: 5px 20px !important;}

    /*nav-banner-xl*/
    .nav-banner-xl{margin-bottom: 15px;}


    /*every-footer*/
    .every-footer{padding-top: 15px;padding-bottom: 15px;}
    .every-footer .h2{font-size: 20px;line-height: 28px;margin-bottom: 15px;margin-top: 15px;}
    .every-footer .text{font-size: 14px;line-height: 20px;margin-bottom: 25px;}

    /*footer*/
    .footer{font-size: 14px;line-height: 20px;padding-top: 15px;}
    .footer>.container-xl{padding-bottom: 15px;flex-direction: column;}
    .footer .list-1{width: 100%;}
    .footer .footer-logo {width: 20%;height: auto;margin-bottom: 15px;}
    .footer .share {padding-right: 0px;margin-top: 15px;}
    .footer .share ul li img {width: 100%;}
    .footer .share ul li{width: 10%;margin-right: 5px;}
    .footer .share ul li:last-child{margin-right: 0px;}
    .footer .share ul{justify-content: flex-start;}
    .footer .list{margin-bottom: 15px;}
    .footer .list:last-child{margin-bottom: 0px;}
    .footer .h6 {font-size: 16px;line-height: 24px;margin-bottom: 5px;}
    .footer a{font-size: 14px;line-height: 20px;}
    .footer .list:nth-child(2) li {margin-bottom: 5px;}
    .footer .list-sty li::before{content: ">>";}
    .footer .list-2 {width: 100%;}
    .footer .list:last-child li{display: flex;width: 100%;}
    .footer .footer-tail{height: inherit;line-height: 20px;padding:10px 0;}

    /*all-product*/
    .all-product .h3{font-size: 20px;line-height: 28px;}
    .all-product .h3.all-inline:after {bottom: 5px;}
    .all-product .h3 {margin-bottom: 15px;}
    .all-product .content.row{margin:0  -7px;}
    .all-product .content .col-md-4{padding: 0 7px;margin-bottom: 25px;}
    .all-product .content .col-md-4:last-child{margin-bottom: 0;}
    .all-product .content a{padding: 15px;}
    .all-product .content .h5{font-size: 16px;line-height: 24px;height:75px}
    .all-product .content .box .btn-1 {font-size: 25px;line-height: 32px;height: 36px;}
    .all-product .content .box .img{height: auto;width: 55%;}

    /*all-case*/
    .all-case{height: inherit;margin-bottom: 30px;padding-top: 15px;padding-bottom: 15px;}
    .all-case .h2{font-size: 18px;line-height: 26px;}
    .all-case .container-xl{flex-direction: column-reverse;}
    .all-case .left{width: 100%;}
    .all-case .right{width: 100%;margin-bottom: 15px;}
    .all-case .text {margin-bottom: 20px;}
    .a a.b-k-1{padding: 5px 20px !important;}

    /*contact-paper*/
    .contact-paper{margin-bottom: 15px;}
    .contact-paper .main-top .h2{font-size: 20px;line-height: 28px;margin-bottom: 20px;}
    .contact-paper .content{margin-bottom: 30px;}
    .contact-paper .list{font-size: 16px;line-height: 24px;align-items: flex-start;width: 100%;margin-bottom: 20px;}
    .contact-paper .list:last-child{margin-bottom: 0;}
    .contact-paper .list .img{margin-right: 15px;}
    .contact-paper .list .p{display: flex;flex-direction: column;}
    .contact-paper .list span{margin-right: 0;}
    .contact-paper .img-map{margin-bottom: 30px;}
    .contact-paper .main-bottom .h2{width: 50%;margin-bottom: 20px;}
    .contact-paper .h2{font-size: 20px;line-height: 28px;}
    .contact-paper .main-bottom .h2{font-size: 18px;line-height: 26px;}
    .contact-paper .form-feedback .form-control{padding: 15px;margin-bottom: 15px;}
    .contact-paper .form-feedback .form-control::placeholder{font-size: 16px;}
    .contact-paper .form-row {padding-bottom: 0;}
    .contact-paper .btn {width: 200px;height: 42px;}
    .contact-paper .main-bottom .h2.all-inline::after {bottom: 5px;}

    /*n-c-paper*/
    .n-c-paper{margin-bottom: 30px;}
    .n-c-paper .content.row{margin-left: -7px;margin-right: -7px;}
    .n-c-paper .content.row{margin-bottom: 0;margin-top: 0px;}
    .n-c-paper .col-md-4{padding: 0 7px;margin-bottom: 25px;width: 50%;}
    .n-c-paper .box{padding: 15px}
    .n-c-paper .time, .news-in-paper .time{font-size: 14px;margin-right: 15px;}
    .n-c-paper .time {margin-bottom: 10px;}
    .n-c-paper .box .h4{font-size: 16px;line-height: 24px;}
    .n-c-paper .box .text {font-size: 14px;line-height: 20px;}
    .n-c-paper .img{display: none;}

    /*news-in-paper*/
    .news-in-paper h1 {font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .news-in-paper .type{flex-wrap: wrap;font-size: 16px;line-height: 24px;}
    .news-in-paper .share{margin-left: 0;align-items: center;margin-top: 10px;}
    .news-in-paper .share ul li {width: 25px;height: 25px;}
    .news-in-paper .share ul a {font-size: 14px;}
    .news-in-paper .top-content {padding-bottom: 20px;margin-bottom: 15px;}
    .news-in-paper .bottom-content{font-size: 14px;}
    .news-in-paper .bottom-content{flex-direction: column;}
    .news-in-paper .article{width: 100%;margin-bottom: 30px;}
    .news-in-paper .aside{width: 100%;}
    .news-in-paper .article .content{line-height: 20px;padding-bottom: 20px;}
    .news-in-paper .box-tail{font-size: 14px;line-height: 20px;margin-top: 20px;flex-direction: column;}
    .news-in-paper .box-tail .left{width: 100%;margin-bottom: 20px;}
    .news-in-paper .box-tail p:first-child{margin-bottom: 15px;}
    .news-in-paper .box-tail p{flex-wrap: wrap;}
    .news-in-paper .box-tail p span {width: 35px;margin-right: 15px;}
    .news-in-paper .box-tail .right{width: 100%;}
    .news-in-paper .aside .items-2 .h2{font-size: 18px;line-height: 26px;margin-bottom: 20px;}
    .news-in-paper .aside .items-2 .h2.all-inline:after {bottom: 5px;}
    .news-in-paper .aside .items-2 .list{padding: 15px;}
    .news-in-paper .aside .items-2 .date{font-size: 16px;line-height: 24px;}
    .news-in-paper .aside .items-2 .h6{margin-bottom: 10px; -webkit-line-clamp: 2;line-clamp: 2;}
    .news-in-paper .aside .items-2 .text{font-size: 14px;line-height: 20px;}
    .news-in-paper .aside .items-2 .list{margin-bottom: 20px;}
    .news-in-paper .main-top{margin-bottom: 30px;}
    .news-in-paper{margin-bottom: 30px;}


    /*service-paper*/
    .service-paper{margin-bottom: 30px;}
    .service-paper .content-1 .text{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
    .service-paper .content-1 li{line-height: 25px;font-size: 14px;}
    .service-paper .content-2{margin-top: 30px;margin-bottom: 0px;}
    .service-paper .all-h2{font-size: 20px;line-height: 28px;}
    .service-paper .all-h2.all-inline:after{bottom: 5px;}
    .service-paper .content-2 .top .text {width: 90%;}
    .service-paper .content-2 .h2{margin-bottom: 10px;}
    .service-paper .content-2 .top {margin-bottom: 20px;}
    .service-paper .content-2 .bottom.row{margin: 0 -7px;}
    .service-paper .content-2 .col-md-3{padding: 0 7px;width: 50%;}
    .service-paper .content-2 .bottom p {font-size: 14px;line-height: 20px;padding-left: 0px;left: 15px;bottom: 15px;}
    .service-paper .content-3 .top{margin-bottom: 30px;flex-wrap:wrap;}
    .service-paper .content-3 .h2{width: 50%;margin-bottom: 20px;}
    .service-paper .content-3 .text{width: 100%;font-size: 14px;line-height: 20px;}
    .service-paper .content-3 .text p{margin-bottom: 10px;}
    .service-paper .content-3::before {top: -80px;}
    .service-paper .content-3 .bottom .box-img{display: none;}
    .service-paper .content-3 .all-hover{width: 42px;height: 42px;display: none;}
    .service-paper .content-3 .next-1 {bottom: 45px;}
    .service-paper .content-3 .pagination-1{left: 0;bottom: 0;}
    .service-paper .content-3 .pagination-1 .swiper-pagination-bullet{background-color: rgba(77,164,90,.2);}
    .service-paper .content-3 .pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--public-color);}
    .service-paper .content-3 .bottom{padding-left: 15px;padding-right: 15px;overflow: hidden;}
    .service-paper .content-3{overflow: hidden;}
    .service-paper .content-4 {margin-top: 30px;}
    .service-paper .content-4 .top{margin-bottom: 30px;}
    .service-paper .content-4 .text{font-size: 14px;line-height: 20px;margin-top: 15px;}


    /*faq-paper*/
    .faq-paper{margin-top: 0px;margin-bottom: 30px;}
    .faq-paper .right .items .quen-q {font-size: 16px;line-height: 24px;padding-right: 15px;margin-top: 5px;padding-bottom: 5px;}
    .faq-paper .faq-paper-xl .left{width: 100%;}
    .faq-paper .faq-paper-xl{margin-bottom: 30px;flex-direction: column;}
    .faq-paper .faq-paper-xl .right{width: 100%;}
    .faq-paper .right .items .quen-a{font-size: 14px;line-height: 20px;padding-top: 10px;}
    .faq-paper .right .items.active {padding-bottom: 15px;}
    .down-list .page-link {width: 40px;height: 40px;}
    .all-news .top .h2{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .all-news .top .h2.all-inline::after{bottom: 5px;}
    .all-news .top .text{font-size: 14px;line-height: 20px;}
    .all-news .top{width: 100%;margin-bottom: 0px;}
    .all-news .bottom.row{margin: 0 -7px;}
    .all-news .col-md-4{padding: 0 7px;margin-bottom: 25px;}
    .all-news .col-md-4:last-child{margin-bottom: 0;}
    .all-news .items{padding: 15px;}
    .all-news .bottom .h5{font-size: 17px;line-height: 25px;    -webkit-line-clamp: 2;line-clamp: 2;}
    .all-news .bottom .time{font-size: 16px;line-height: 24px;}
    .all-news .bottom .text{font-size: 14px;line-height: 20px;}
    .faq-paper .faq-paper-xl .left{margin-bottom: 15px;}
    .faq-paper .faq-paper-xl .left ul{display: flex;flex-wrap: wrap;justify-content: space-between;border-left: none;}
    .faq-paper .faq-paper-xl .left li{margin-bottom: 10px;}
    .faq-paper .faq-paper-xl .left a{font-size: 14px;line-height: 20px;width: inherit;padding-left: 15px;}
    .faq-paper .faq-paper-xl .left a::after{font-size: 14px;}

    /*video-paper*/
    .video-paper{margin-bottom: 30px;}
    .video-paper .content{margin-left: -7px;margin-right: -7px;margin-bottom: 0;}
    .video-paper .col-md-4{padding-right: 7px;padding-left:  7px;margin-bottom: 25px;}
    .video-paper .col-md-4:last-child{margin-bottom: 0;}
    .video-paper .items-box{padding-right: 0;}
    .video-paper .h6{line-height: 24px;font-size: 16px;margin-top: 15px;padding-right: 15px;}
    .video-paper .down-list{margin-bottom: 30px;}

    /*download-paper*/
    .download-paper{margin-bottom: 15px;}
    .download-paper .container-xl{flex-direction: column;}
    .download-paper .left, .download-paper .right{width: 100%;}
    .download-paper .left{margin-bottom: 25px;}
    .download-paper .right .h3{font-size: 18px;line-height: 26px;margin-bottom: 15px;}
    .download-paper .right .text{font-size: 14px;line-height: 20px;margin-bottom: 25px;}
    .download-paper .form-control{margin-bottom: 15px;}
    .download-paper .form-control{border: 1px solid #ced4da;;}
    .download-paper .form-feedback .form-control{padding: .375rem .75rem;}
    .download-paper .form-row{padding-top: 0;padding-bottom: 0;}
    .download-paper .form-row + .form-row{border-top: none}
    .download-paper .form-row:first-child{border-top: none}
    .download-paper form{border-top: none;}
    .download-paper .was-validated textarea.form-control:invalid,.download-paper textarea.form-control.is-invalid{background-position:top 0 right calc(.375em + .1875rem);}
    .download-paper .btn{width: 250px;margin-top: 15px;height: 42px;}

    /*about-professional*/
    .about-paper{margin-bottom: 30px;}
    .about-professional .h2{font-size: 18px;line-height: 26px;}
    .about-professional .h2.all-inline:after {bottom: 5px;}
    .about-professional .content{margin-top: 20px;}
    .about-professional .content .container-xl{flex-direction: column;padding-right: 15px;margin-right: auto;margin-right: auto;padding-left: 15px;margin-left: auto;}
    .about-professional .content .left{width: 100%;margin-bottom: 25px;}
    .about-professional .content .right{width: 100%;font-size: 14px;line-height: 20px;}
    .about-professional .content .right p{margin-bottom: 10px;}
    .about-professional{margin-bottom: 30px;}
    .about-history .h2{font-size: 18px;line-height: 26px;margin-bottom: 25px;}
    .about-history .h2.all-inline:after{bottom: 5px;}
    .about-history .mySwiper-1 .item {left: 20%;}
    .about-history .mySwiper-1 .swiper-slide.swiper-slide-active .num{font-size: 26px;line-height: 32px;margin-bottom: 20px;}
    .about-history .mySwiper-1 .swiper-slide.swiper-slide-active .item {top: -70px;}
    .about-history .mySwiper-1 .num {font-size: 20px;line-height: 28px;margin-left: 15px;}
    .about-history .mySwiper-1 .item {top: -15px;}
    .about-history .mySwiper-1 .l-r-btn{left: 27%;width: 45%;top: 70px;}
    .about-history .mySwiper-2 .text{font-size: 14px;line-height: 20px;width: 100%;margin-bottom: 25px;}
    .about-history .mySwiper-2 .items{width: 100%;}
    .about-history .mySwiper-1{padding-top: 65px;}
    /* .about-history .content{padding: 0 15px;margin: 0 auto;} */
    .about-history{overflow: hidden;margin-bottom: 10px;}
    .about-list{height: inherit;padding-top: 15px;padding-bottom: 15px;}
    .about-list .list{width: 100%;margin-bottom: 20px;}
    .about-list .list:last-child{margin-bottom: 0;}
    .about-list .content{flex-wrap: wrap;}
    .about-list .content .img{width: 70px;height:70px;margin-bottom: 10px;padding: 15px;}
    .about-list .content .img img{width: 100%;height: auto;}
    .about-list .list .h6 {font-size: 17px;line-height: 25px;margin-bottom: 0;}
    .about-list .list .text{font-size: 14px;line-height: 20px;}
    .about-content{margin-top: 30px;}
    .about-content .content{margin-bottom: 30px;}
    .about-content .content:nth-child(odd) .container-xl{margin-left: auto;padding-left: 15px;}
    .about-content .container-xl{flex-direction: column;}
    .about-content .img{width: 100%;margin-bottom: 25px;}
    .about-content .box-text{width: 100%;}
    .about-content .all-h2 {font-size: 17px;line-height: 25px;margin-bottom: 15px;}
    .about-content .all-h2.all-inline:after{bottom: 5px;}
    .about-content .text{font-size: 14px;line-height: 20px;margin-bottom: 25px;}
    .about-content .text p{margin-bottom: 10px;}
    .about-content .content:nth-child(even) .container-xl{padding-right: 15px;margin-right: auto;flex-direction: column}
    .about-history .mySwiper-2 {padding: 0 15px;margin: 0 auto;}
    .about-history .mySwiper-1 .l-r-btn .all-hover {width: 40px;height: 40px;font-size: 17px;}
    .about-history .mySwiper-1 .swiper-wrapper {height: 45px;}


    /*p-c-paper*/
    .p-c-paper{margin-bottom: 30px;}
    .p-c-paper .top .text{font-size: 14px;line-height: 20px;}
    .p-c-paper .top{margin-bottom: 30px;}
    .p-c-paper .content-1{margin-bottom: 30px;}
    .p-c-paper .content-1 .box{flex-direction: column;margin-bottom: 55px;padding-top: 0px;padding-bottom: 40px;position: relative;}
    .p-c-paper .content-1 .right{width: 100%;}
    .p-c-paper .all-h2{font-size: 18px;line-height: 26px;display: inline-block;}
     .p-c-paper .all-h2.all-inline::after{bottom: 5px;}
    .p-c-paper .content-1 .l-r-btn{position: absolute;bottom: 0;}
    .p-c-paper .content-1 .left{width: 100%;}
    .p-c-paper .content-1 .right{font-size: 14px;line-height: 20px;}
    .p-c-paper .content-1 .right p{margin-bottom: 10px;}
    .p-c-paper .content-1 .all-hover {width: 50px;height: 50px;}
    .p-c-paper .content-1 .next-2{left: 70px;}
    .p-c-paper .content-2{padding-top: 15px;}
    .p-c-paper .content-2 .h2{width: 55%;margin-bottom: 10px;}
    .p-c-paper .content-2 .h2.all-inline:after{bottom: 5px;}
    .p-c-paper .content-2 .text{margin-bottom: 30px;font-size: 14px;line-height: 20px;}
    .p-c-paper .content-2 .box-img.row{margin-left: -7px;margin-right:-7px;margin-bottom: 0;}
    .p-c-paper .content-2 .col-md-4{padding-left: 7px;padding-right: 7px;margin-bottom: 25px;width: 50%;}
    .p-c-paper .content-2 .col-md-4:last-child{margin-bottom: 0;}
    .p-c-paper .content-1>.container-xl{padding: 0;}

    /*pro-capacity*/
    .certify-paper{margin-bottom: 30px;}
    .certify-paper.pro-capacity .content{margin: 0 -7px;}
    .certify-paper.pro-capacity .col-md-4{padding: 0 7px;margin-bottom: 25px;width: 50%;}
    .certify-paper.pro-capacity .h6 {margin-top: 0;padding-left: 2px;}

    .certify-paper .content{margin-bottom: 0;}
    .certify-paper .col-md-3{padding-left: 7px;padding-right:7px; margin-bottom: 25px;}
    .certify-paper .h6 {font-size: 16px;line-height: 24px;margin-top: 10px;padding-left: 15px;}

    /*cust-do*/
    .cust-paper{margin-bottom: 30px;}
    .cust-do .h2{margin-bottom: 20px;}
    .cust-paper .all-h2{font-size: 18px;line-height: 26px;}
    .cust-paper .all-h2.all-inline:after{bottom: 5px;}
    .cust-do .text{font-size: 14px;line-height: 20px;margin-bottom: 20px;}
    .cust-do ul{flex-wrap: wrap;font-size: 16px;line-height: 24px;}
    .cust-do ul li{margin-bottom: 10px;}
    .cust-do .left{width: 100%}
    .cust-do .right{width: 100%;margin-bottom: 20px;}
    .cust-do {padding-bottom: 0px;margin-bottom: 30px;}
    .cust-do .container-xl{flex-direction: column-reverse;}
    .cust-pro .h2{margin-bottom: 20px;}
    .cust-pro .h4{font-size: 16px;line-height: 24px;margin-bottom: 15px;padding-top: 0;}
    .cust-pro .text{font-size: 14px;line-height: 20px;}
    .cust-pro .col-md-6{align-items: center;margin-bottom: 30px;}
    .cust-pro .left{width: 50%;}
    .cust-pro .right{width: 45%;}
    .cust-pro .col-md-6:nth-child(even){flex-direction: row-reverse;}
    .cust-pro {padding-bottom: 50px;overflow: hidden;}
    .cust-por{padding-top: 20px;margin-bottom: 30px;}
    .cust-por .h2{margin-bottom: 20px;}
    .all-text{font-size: 14px;line-height: 20px;}
    .cust-por .mySwiper-4{padding: 25px 0;}
    .cust-options .h2{margin-bottom: 20px;}
    .cust-options .text{margin-bottom: 25px;}
    .cust-options .big-box{padding: 15px;}
    .cust-options .big-box .img img{width: 100%;height: auto;}
    .cust-options .items .h6{font-size: 16px;line-height: 24px;}
    .cust-options .items .text{font-size: 14px;line-height: 20px;}
    .cust-options .big-content .content{flex-direction: column;}
    .cust-options .items{flex-direction: row;justify-content: space-between}
    .cust-options .col-md-4{margin-bottom: 25px;}
    .cust-options .col-md-4:last-child{margin-bottom: 0px;}
    .cust-options .items .box{display: flex;flex-direction: column;width: 70%;}
    .cust-options .items .img{width: 25%;}
    .cust-options .content-2 .items .img {width: 50%;}
    .cust-options .content-3 .items{justify-content: center;}
    .cust-options .content-3 .items .img{width: 100%;}
    .cust-options .big-content .content-3{flex-direction: row;}
    .cust-options .content-3 .col-md-4{margin-bottom: 0;}


    /*case-paper*/
    .case-paper{margin-bottom: 30px;}
    .case-paper a.items {padding-right: 0;padding-bottom: 0;}
    .case-paper .box{padding: 15px;height: auto;width: 100%;left: 0;}
    .case-paper .time {margin-bottom: 15px;}
    .case-paper .box .h4{font-size: 18px;line-height:26px;}
    .case-paper .box .text{font-size: 14px;line-height: 20px;}
    .case-paper .col-md-6{padding: 0 7px;margin-bottom: 30px;}
    .case-paper .col-md-6:last-child{margin-bottom: 0;}
    .case-paper .content{margin: 0 -7px;margin-bottom: 0;}

    /*case-in-paper*/
    .case-in-paper .h2{font-size: 18px;line-height: 26px;width: 40%;margin-bottom: 25px;}
    .case-in-paper .main-bottom .content{margin-left: -7px;margin-right: -7px;}
    .news-in-paper.case-in-paper .article{margin-bottom: 0;}
    .case-in-paper .h2{width: 45%;}
    .case-in-paper .h2.all-inline::after{bottom: 5px;}
    .case-in-paper .box{padding: 15px;}
    .case-in-paper .box .h4{font-size: 18px;line-height: 26px;}
    .case-in-paper .box .text{font-size: 14px;line-height: 20px;}
    .case-in-paper .col-md-4{margin-bottom: 25px;}
    .case-in-paper .col-md-4:last-child{margin-bottom: 0;}
    .case-in-paper .time{margin-bottom: 10px;}

    /*solution-paper*/
    .solution-paper{margin-bottom: 30px;}
    .solution-paper .content-1{padding-top: 0;padding-bottom: 0;}
    .solution-paper .top .text{margin-bottom: 25px;}
    .solution-paper .mySwiper-3 {padding-bottom: 0;}
    .all-product .h2{font-size: 18px;line-height: 26px;}
    .all-product .h2.all-inline:after{bottom: 5px;}
    .solution-paper .content-2 .h2{margin-bottom: 15px;}
    .solution-paper .mySwiper-4{padding-bottom: 50px;}
    .solution-paper .content-2 {margin-bottom: 20px;}
    .solution-paper .top .l-r-btn .all-hover{width: 45px;height: 45px;}
    .solution-paper .top .text{padding: 0;}
    .solution-paper .top .box-img.container-xl {padding: 0;margin-bottom: 25px;}
    .solution-paper .top .box{padding:0}
    .solution-paper .top .swiper-pagination-3 {width: 70%;}
    .solution-paper .top .l-r-btn {width: 30%;}
    .solution-paper .top>.content-1.max-1920px{margin-bottom: 30px;}
    .solution-paper .content-3 {margin-bottom: 20px;}
    .solution-paper .all-faq{padding-top: 30px;flex-direction: column;}
    .solution-paper .all-faq .left{font-size:20px;line-height: 28px;width: 100%;margin-bottom: 10px;}
    .solution-paper .all-faq .right{width: 100%;}
    .solution-paper .all-faq .right .answer{font-size: 14px;line-height: 20px;}
    .solution-paper .all-faq .right .list .quen{padding-right: 15px;padding-bottom: 5px;margin-bottom: 15px;}
    .solution-paper .all-faq .right .list.active{height: inherit;margin-bottom: 20px;}
    .solution-paper .all-faq .right .h5 {font-size: 16px;line-height: 24px;}
    .solution-paper .all-faq .right .list{height: inherit;}

    .product-list-paper .all-faq{padding-top: 30px;flex-direction: column;}
    .product-list-paper .all-faq .left{font-size:20px;line-height: 28px;width: 100%;margin-bottom: 10px;}
    .product-list-paper .all-faq .right{width: 100%;}
    .product-list-paper .all-faq .right .answer{font-size: 14px;line-height: 20px;}
    .product-list-paper .all-faq .right .list .quen{padding-right: 15px;padding-bottom: 5px;margin-bottom: 15px;}
    .product-list-paper .all-faq .right .list.active{height: inherit;margin-bottom: 20px;}
    .product-list-paper .all-faq .right .h5 {font-size: 16px;line-height: 24px;}
    .product-list-paper .all-faq .right .list{height: inherit;}

    .product-detail .all-faq{padding-top: 30px;flex-direction: column;}
    .product-detail .all-faq .left{font-size:20px;line-height: 28px;width: 100%;margin-bottom: 10px;}
    .product-detail .all-faq .right{width: 100%;}
    .product-detail .all-faq .right .answer{font-size: 14px;line-height: 20px;}
    .product-detail .all-faq .right .list .quen{padding-right: 15px;padding-bottom: 5px;margin-bottom: 15px;}
    .product-detail .all-faq .right .list.active{height: inherit;margin-bottom: 20px;}
    .product-detail .all-faq .right .h5 {font-size: 16px;line-height: 24px;}
    .product-detail .all-faq .right .list{height: inherit;}
.product-detail .all-faq {margin-bottom:20px}

.product-detail .all-faq {margin-top:30px}
.product-detailr .all-faq .left {
        font-size: 20px;
        line-height: 28px;
        width: 100%;
        margin-bottom: 10px;
    }



    /*product-center-paper*/
    .product-center-paper{margin-bottom: 30px;}
    .product-center-paper .list{padding-bottom: 15px;padding-top: 15px;flex-wrap: wrap;}
    .product-center-paper .left{width: 80%;background-size: contain;margin-bottom: 20px;height: 280px;margin: auto;}
    .product-center-paper .right{width: 100%;}
    .product-center-paper .h3{margin-bottom: 15px;}
    .product-center-paper .h3.f-s-1{font-size: 17px ;line-height: 25px;}
    .product-center-paper .h3.f-s-1 span{padding-left: 15px;font-size: 20px;}
    .product-center-paper .text p{margin-bottom: 10px;}

    /*pro-list-machine*/
    .product-list-paper{margin-bottom: 30px;}
    .pro-list-machine h1{font-size: 18px;line-height: 26px;margin-bottom: 15px;}
    .pro-list-machine .left{width: 100%;}
    .pro-list-machine .content{margin-bottom: 20px;flex-direction: column-reverse;}
    .pro-list-machine .right{width: 100%;}
    .pro-list-machine .box-img.container-xl{padding: 0;}
    .pro-list-machine .box{padding: 0;}
    .pro-list-machine .swiper-pagination-3{width: 70%;}
    .pro-list-machine .l-r-btn{width: 30%;}
    .pro-list-machine .l-r-btn .all-hover{width: 45px;height: 45px;}
    .pro-list-content .list {padding-top: 15px;padding-bottom: 15px;flex-direction: column;}
    .pro-list-content .h4{font-size: 17px;line-height: 25px;margin-bottom: 15px;}
    .pro-list-content .left{width: 100%;}
    .pro-list-content .right{width: 100%;}
    .pro-list-content .text{height: inherit;margin-bottom: 20px;}
    .pro-list-content .box p::before {padding-right: 15px;font-size: 20px;}
    .product-list-paper .main-middle .h2{font-size: 18px;line-height: 26px;}
    .pro-list-content{margin-top: 30px;margin-bottom: 30px;}
    .product-list-paper .main-middle .text{font-size: 14px;line-height: 20px;}
    .product-list-paper .main-middle .text-box{width: 100%;margin-bottom: 30px;}
    .product-list-paper .main-middle .content .list{flex-direction: column;height: inherit;margin-bottom: 30px;}
    .product-list-paper .main-middle .content .left{margin-right: 0;margin-bottom: 20px;}
    .product-list-paper .main-middle .content .right{width: 100%;padding-left: 15px;}
    .product-list-paper .main-middle .content .h5{font-size: 17px;line-height: 25px;}
    .product-list-paper .main-middle .content{margin-bottom: 30px;}
    .product-list-paper .main-middle .content .list:nth-child(even){flex-direction: column}
    .product-list-paper .main-middle .content .list:nth-child(even) .left{margin-left: 0;}
    .product-list-paper .main-middle{margin-bottom: 0;}
    .pro-list-machine .mySwiper-3{margin-bottom: 15px;}
.table-wrapper table th, .table-wrapper table td{font-size:14px;line-height:20px}

    /*product-detail*/

    .product-detail .n-c-paper{margin-bottom: 0;}
    .product-detail .detail-top .top-1{flex-direction: column-reverse;}
    .product-detail .detail-top .top-1 .right{width: 100%;}
    .product-detail .detail-top .top-1 .left{width: 100%;}
    .product-detail .detail-top .top-1 .left h1{font-size: 20px;line-height: 32px;margin-bottom: 15px;}
    .product-detail .detail-top .top-1 .left .text{font-size: 14px;line-height: 20px;}
    .product-detail .detail-top .top-1 .left .small-box{font-size: 16px;line-height: 24px;}
    .product-detail .detail-top .top-1 .left .h6 a {width: 100%;font-size: 16px;line-height: 24px;}
    .product-detail .detail-top .top-1  .swiper-slide>img{padding: 0 15px !important;}
    .product-detail .detail-top .top-1 .left .box{flex-wrap: wrap;margin-top: 25px;}
    .product-detail .detail-top .top-1 .left .box .d1{margin-bottom: 15px;width: 100%;margin-right: 0px;}
	.product-detail .detail-top .top-1 .left .box .d1>a{width: 100%;}
.product-detail .detail-top .top-1 .left .box .d2{width: 100%;}
    .product-detail .detail-top .top-1 .left .box .d2>a{width: 100%;}
    .product-detail .detail-top .top-1 .left ul{margin-top: 0px;}
    .product-nav{display: none;}
    .product-nav-xl.fadeInDown{display: none;}
    .product-detail .all-h4{font-size: 18px;line-height: 26px;margin-top:20px}
.pro-detail-app .all-h4{margin-top:0}
    .product-detail .detail-top{margin-top: 30px;margin-bottom: 30px;}
    .pro-detail-descr .content{font-size: 14px;line-height: 20px;}
    .pro-detail-descr .content img{max-width:100%;height:auto;}
    .product-detail .h4-inline:after{margin-top: 15px;margin-bottom: 25px;}
    .table-wrapper table{display: block;}
    .pro-detail-s .text{font-size: 14px;line-height: 20px;margin-top: 0px;box-shadow:0px 20px 50px 0px rgba(10, 68, 132, 0.1);padding: 15px;}
    .pro-detail-s .col-md-4{padding: 0 7px;margin-bottom: 30px;}
    .pro-detail-s .col-md-4:last-child{margin-bottom: 0px;}
    .pro-detail-s .content{margin: 0 -7px;}
.pro-detail-app .swiper-pagination-3 {width:87%}
.pro-detail-app .l-r-btn{width:10%;margin-bottom:0}
.pro-detail-app .top {margin-bottom:15px}

    /*index*/
    .index-paper .index-top .mySwiper .swiper-slide {height: 80px;}
    .banner .banner-text h1.all-inline-1:after{width: 100%;}
    .index-banner.banner>img {height: 250px;}
    .index-banner.banner .banner-text h1{width: 100%;margin-bottom: 20px;}
    .index-banner.banner .banner-text .text{font-size: 14px;line-height: 20px;margin-bottom: 25px;}
    .index-banner.banner .banner-text .a a.f-s {padding: 5px 20px;}
    .index-paper .index-top .content{flex-direction: column;}
    .index-paper .index-top .left{width: 100%;}
    .index-paper .index-top .right{width: 100%;padding: 15px;}
    .index-paper .index-top .h2{font-size: 20px;line-height: 28px;margin-bottom: 20px;font-weight: bold;}
    .index-paper .index-top .left .img{width: 100%;height: auto;}
    .index-paper .index-top .h3{font-size: 16px;line-height: 24px;margin-bottom: 20px;}
    .index-paper .index-top .text{font-size: 14px;line-height: 20px;}
    .index-paper .index-top .box{margin-bottom: 25px;font-size: 16px;line-height: 24px;}
    .index-paper .index-product .all-product .content a{padding: 15px;height: inherit;}
    .index-paper .index-top .content{padding-bottom: 30px;}
    .index-paper .index-projects{padding-top: 15px;padding-bottom: 15px;}
    .index-paper .index-projects .text{margin-top: 15px;margin-bottom: 20px;width: 95%;}
    .index-paper .index-projects .a a{font-size: 16px;line-height: 24px;}
    .index-paper .index-middle{margin-top: 30px;}
    .index-paper .index-sol{padding: 0px;}
    .index-paper .index-sol>.container-xl{flex-wrap: wrap;}
    .index-paper .index-sol .content{width: 100%;margin-bottom: 25px;}
    .index-paper .index-sol .h2{font-size: 20px;line-height: 28px;display: inline-block;margin-bottom: 15px;}
    .index-paper .index-sol .text{font-size: 14px;line-height: 20px;}
    .index-paper .index-sol .a a.b-k-2{padding: 5px 20px !important;}
    .index-paper .index-sol .content-1 .right .img{width: calc(calc(100% - 25px) / 2);}
    .index-paper .index-sol .content-2 .img{margin-bottom: 25px;width: calc(calc(100% - 25px) / 2); }
    .index-paper .index-profess{margin-top: 0;margin-bottom: 30px;}
    .index-paper .index-profess .container-xl{flex-direction: column;padding-left: 15px;margin-left: auto;}
    .index-paper .index-profess .left{width: 100%;margin-bottom: 25px;}
    .index-paper .index-profess .right{width: 100%;}
    .index-paper .index-profess .left img.look{top: 25%;right: -10%;transform: scale(0.5);}
    .index-paper .index-profess .right .h2 span{display: inline-block;}
    .index-paper .index-profess .right .h2{font-size: 20px;line-height: 28px;}
    .index-paper .index-profess .right .text{font-size: 14px;line-height: 20px;}
    .index-paper .index-profess .right .text p{margin-bottom: 10px;}
    .index-paper .index-profess .right .text {margin-bottom: 25px;}
    .index-paper .index-profess .right .a a{font-size: 16px;line-height: 24px;}
    .index-paper .index-why{margin-bottom: 30px;}
    .index-paper .index-why .top{flex-wrap: wrap;margin-bottom: 0px;}
    .index-paper .index-why .top .img{margin-right: 0px;width: 25%;}
    .index-paper .index-why .top .img img{width: 100%;height: auto;}
    .index-paper .index-why .top .list{width: 48%;justify-content: space-between;height: inherit;background-size: contain;padding-top: 20px;padding-bottom: 20px;margin-bottom: 25px;}
    .index-paper .index-why .top .text{width: 70%;}
    .index-paper .index-why .top .list{width: 48%;}
    .index-paper .index-why .top .p1{font-size: 16px;line-height: 24px;}
    .index-paper .index-why .top .p2{font-size: 14px;line-height: 20px;margin-top: 5px;}
    .index-paper .index-why .bottom{overflow: hidden;}
    .index-paper .index-why .bottom .h2{font-size: 20px;line-height: 28px;margin-bottom: 25px;}
    .index-paper .index-why .bottom>.text{font-size: 14px;line-height: 20px;margin-bottom: 25px;}
    .index-paper .index-why .bottom .h2 img {margin-right: 15px;width: 30px;height: auto;}
    .index-paper .index-why .bottom .items{font-size: 14px;line-height: 24px;}
    .index-paper .index-why .bottom .items .img{margin-bottom: 0px;}
    .index-paper .index-why .bottom .items .list{padding: 15px;box-shadow:0px 30px 64px 0px rgba(0, 0, 0, 0.08)}
    .index-paper .index-why .bottom .items .text{line-height: 20px;margin-bottom: 10px;}
    .index-paper .index-why .bottom .items ul{line-height: 20px;margin-bottom: 20px;}
    .index-paper .index-why .bottom .items li{margin-bottom: 10px;}
    .index-paper .index-why .bottom .items li::before{margin-right: 15px;}
    .index-paper .index-ad .all-hover{width: 45px;height: 45px;}
    .index-paper .index-ad .next-5 {right: -5px;margin-top: -24px;}
    .index-paper .index-ad .prev-5{left: -5px;margin-top: -24px;}
    .index-paper .index-ad {height: 100px;}
    .index-paper .index-ad .mySwiper-5 .swiper-slide img.qian{display: none;}
    .index-paper .index-ad .mySwiper-5 .swiper-slide img.shen{display: block;}
    .index-paper .index-profess.index-service .container-xl{padding-top: 20px;padding-bottom: 30px;}
    .index-paper .index-profess.index-service{padding-left: 0;}
    .index-paper .index-profess.index-service .container-xl{flex-direction: column;padding-right: 15px;margin-right: auto;}
    .index-paper .index-profess .left{width: 100%;}
    .index-paper .index-service.index-profess ul {margin-bottom: 20px;}
    .index-paper .index-profess.index-service .right .img{width: 210px;}
    .index-paper .index-profess .right .img img{width: 35px;}
    .index-paper .index-news{padding-top: 15px;padding-bottom: 15px;}
    .index-paper .index-profess.index-service::after{display: none;}
    .index-paper .index-profess::after{display: none;}
    .index-banner.banner .banner-text h1.all-inline-1:after{width: 100%;}
    .index-paper .index-top .mySwiper {bottom: inherit;top:0;left: 15px;}
    .index-paper .index-top .left{margin-bottom: 20px;padding-top: 115px;background-image: none;}

    .all-nav li{margin-right: 0;}
    .all-nav a:after{background-color: transparent;}
    .all-nav{flex-direction: column;}
    .all-nav a span{color: #fff;opacity: 1;}
    .all-nav a{transition: all .6s;border-bottom: 2px solid #fff;font-size: 16px;line-height: 24px;display: block;height: 50px;background-color: var(--public-color);color:#fff;display: flex;align-items: center;padding-left: 15px;}
    .all-nav a.active{background-color: #1f273d;color: #fff;}
    .all-nav a:hover{background-color: #1f273d;color: #fff;}
    .all-nav li:last-child a{border-bottom: none;}
    .all-nav a.active:after, .all-nav a:hover:after{content: "";}
    .all-nav a.active:after, .all-nav a:hover:after{content: "";background-color: transparent;}
    .pro-list{margin-bottom: 30px !important;}
    .pro-con-child{position: inherit !important;top:0 !important;flex-direction: column;width: 100% !important;}
    .pro-con-child a{background-color: #4da45a9c;padding-left: 40px !important;}
    .pro-con-child .active a{color: #1f273d;}
    .pro-con-child .active span{color: #1f273d;}

    .pro-detail-s .col-md-4{width: 50%;}
    .pro-detail-s .col-md-4 .items{height: 100%;box-shadow: 0px 20px 50px 0px rgba(10, 68, 132, 0.1);}
    .table-wrapper p img{width: 100%;height: auto;}
    .pro-detail-s .text{box-shadow: none;}
}



.navbar-expand-lg .navbar-nav .pro-head .nav-item .dropdown-menu{position: fixed !important;position: relative;z-index: 9999;}
.pro-head{display: flex;align-items: center;}
.pro-head .nav-item{position: inherit;}
.pro-head .nav-item .dropdown-menu{width: 100%;top:98px;left: 0px;right: 0;border-bottom: solid 0px #e60012;}
.fadeInDown .pro-head .nav-item .dropdown-menu{top: 82px;}
.pro-head .nav-item .dropdown-menu .row{margin: auto;justify-content: space-between;}
.pro-head .nav-item .dropdown-menu .dd-box-left{flex: 0 0 27%;}
.pro-head .nav-item .dropdown-menu .dd-box-right{flex: 0 0 42%;}
.pro-head .nav-item .dropdown-menu .nav-child-t1 a{font-size: 18px;font-weight: bold;color: #333333;margin-bottom: 40px;transition: all 0.5s;padding: 0 8px;border-bottom: 1px solid transparent;}
.pro-head .nav-item .dropdown-menu .nav-child-t1 a:hover{color: var(--public-color);border-bottom: 1px solid var(--public-color);}
.pro-head .nav-item .dropdown-menu .dd-box-left .nav-child-t1 a:hover{color: #db2d24;}
.pro-head .nav-item .dropdown-menu .dd-box-left .nav-child-list a{font-size: 15px;color: #76797d;margin: 7px 0;transition: all 0.5s ease;display: inline-block;}
.pro-head .nav-item .dropdown-menu .dd-box-left .nav-child-list a:hover{color: #db2d24;text-decoration: underline;}
.pro-head .nav-item .dropdown-menu .dd-box-left .dd-heb{border-right: solid 1px  #bfbfbf;}
.pro-head .nav-item .dropdown-menu .dd-box-left .dd-heb .nav-child-list{display: flex;flex-direction: column;position: absolute;left: 35%;top: 0;}
.pro-head .nav-item .dropdown-menu .dd-box-right .nav-child-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro-head .nav-item .dropdown-menu .dd-box-right .nav-child-list a{flex: 0 0 49%;}
.navbar-custom .navbar-nav .nav-item:hover>.dropdown-menu.dd-box{padding: 30px;}
.dd-content{position: relative;width: 100%;display: flex;justify-content:space-between;height: 315px;padding-top: 15px;}
.dd-content .dd-left{width: 20%;border-right: 2px solid #f5f5f5;}
.dd-content .dd-right{width: 75%;}
.dd-content .dd-heb{display: flex;justify-content: space-between;position: relative;}
.dd-content .dd-heb .nav-child-t1 {width:100%;}
.dd-content .dd-big-list{width: 100%;display: none;}
.dd-content .dd-big-list.active{display: block;}
.dd-content .dd-big-list:nth-child(1) .dd-list-box.active .nav-child-img{display: block;}
.dd-content .dd-big-list:nth-child(1) .dd-list-box .nav-child-img{display: none;}
.dd-content .dd-big-list a:hover{color: #333333;cursor: inherit;}
.dd-content .dd-big-list:nth-child(1) a:hover{color: var(--public-color);cursor: pointer;}
 
.dd-content .dd-list-box{width: 100%;display: flex;justify-content: space-between;}
.dd-content .dd-right{position: relative;}
.dd-content .dd-list-box .nav-child-img{position: absolute;right: 0;top: 0;cursor: pointer;}

.dd-content .dd-big-list:nth-child(1) .nav-child-list{}
.dd-content .nav-child-list{width: 40%;font-size: 16px;line-height: 32px;color: #333333;margin-bottom: 25px;}
.dd-content .nav-child-list a{text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    line-clamp: 7;
    -webkit-box-orient: vertical;}

.dd-content .nav-child-img{width: 50%;height: 250px;}
.dd-content .nav-child-img img{width: 100%;height: auto;}
/* .nav-list-box{position: absolute;top: 0;left: 35%;} */
/* .nav-child-img{position: absolute;top: 0;left: 75%;} */


.navigation__dropdown {
    border-radius: 0;
    left: 0;
    position: fixed !important;
    width: 100vw;
    height: 0;
    top: 112px;
    overflow: hidden;
    background-color: #fff;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.navigation__dropdown  .nav_box1{
    padding-right: 80px;
}
.navigation__dropdown  .nav_box1 p {
    font-size: 16px;
    line-height: 32px;
    font-weight: 700;
    color: #333333;
}
.middle{padding-top: 112px !important;}
@media (max-width: 768px) {
    .middle{padding-top: 0 !important;}
}
.navigation__dropdown  .nav_box2 {}

.navigation__dropdown .nav_box2 a {
    width: 80%;
    position: relative;
    color: #333333;
    font-size: 18px;
    margin-bottom: 40px;
    padding-right: 20px;
    border-bottom: 1px solid transparent;
    transition: 0.5s;
    padding: 0 8px;
}
.navigation__dropdown .nav_box2 a.active{
    background: linear-gradient(to left, #24b66f, #88ca4e);
    padding: 8px;
}
.navigation__dropdown .nav_box2 a.active:hover{
    text-decoration: underline;
}
.navigation__dropdown .nav_box2 a.active::before{
    right: 8px;
}
.navigation__dropdown .nav_box2 a:hover {
    color: var(--public-color);
}
.navigation__dropdown .nav_box2 a:hover::after{
    opacity: 1;
}
.navigation__dropdown .nav_box2 a::before {
    position: absolute;
    content: "\f061";
    font-family: "CmsFont";
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
}

.navigation__dropdown .nav_box2 a::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: 0;
    transition: 0.5s;
    background: linear-gradient(to left, #24b66f, #88ca4e);
}
.navigation__dropdown .nav_box3{
}
.navigation__dropdown .nav_box3 .mySwiperx{
    overflow: hidden;
}
.navigation__dropdown .nav_box3 .mySwiperx .image img{
    
}
.navigation__dropdown .nav_box1 p:nth-child(1){
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
}
.navigation__dropdown .nav_box1 p:nth-child(3){
    margin-top: 35px;
    display: flex;
}
.navigation__dropdown .nav_box1 p:nth-child(3) a{
    position: relative;
    font-size: 16px;
    line-height: 32px;
    font-weight: 700;
    color: #333333;
    padding-right: 40px;
    transition: .5s;
}
.navigation__dropdown .nav_box1 p:nth-child(3) a:hover{
    color: var(--public-color);
}
.navigation__dropdown .nav_box1 p:nth-child(3) a::after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: 0;
    transition: 0.5s;
    background: linear-gradient(to left, #24b66f, #88ca4e);
}
.navigation__dropdown .nav_box1 p:nth-child(3) a:hover::after{
    opacity: 1;
}
.navigation__dropdown .nav_box1 p:nth-child(3) a:hover::before{
    background: url(../../images/lpo1.png) no-repeat;
    background-size: 24px 24px;
}

.navigation__dropdown .nav_box1 p:nth-child(3) a::before{
    position: absolute;
    content: "";
    background: url(../../images/lpo.png) no-repeat;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .5s;
}
.dropdown-item{
    font-size: 15px;
}

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


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

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

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



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

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


.x1-title{font-size:36px;text-align:center;margin-bottom:45px;font-weight:bold;}
.x1-sol{padding:0;}
.x1-sol .box1{display:flex;justify-content:space-between;margin-bottom:50px;flex-wrap:wrap;}
.x1-sol .box1 .left{width:52%;}
.x1-sol .box1 .left p{font-size:18px;line-height:30px;margin-bottom:20px;}
.x1-sol .box1 .right{width:40%;}

.x1-sol .list2{padding:40px 0;}
.x1-sol .list2 .title{font-size:21px;margin-top:25px;margin-bottom:40px;text-align:center;}

.x1-sol .contact{padding:40px 0 100px;}
.x1-sol .contact .contact-box{display:flex;justify-content:space-between;background:#f2f2f2;border-radius:15px;overflow:hidden;padding:40px 60px;flex-wrap:wrap;}
.x1-sol .contact .contact-box .left{width:43%;background:#fff;border-radius:15px;overflow:hidden;padding:25px 40px 0}
.x1-sol .contact .contact-box .right{width:55%;border-radius:15px;overflow:hidden;}
.x1-sol .contact .contact-box .left p{font-size:20px;line-height:40px;margin:5px 0;display:flex;}
.x1-sol .contact .contact-box .left p i{width:40px;margin-right:15px; min-width:40px;height:40px;border:1px solid #d0dfeb;display:flex;align-items:center;justify-content:center;color:#3a9a48;border-radius:50%;}
.x1-sol .contact .contact-box .left p:last-child{line-height:30px;}

@media(max-width:768px) {
    .x1-title{font-size:24px;margin-bottom:30px;}
    .x1-sol .box1 .left{width:100%;}
    .x1-sol .box1 .left p{font-size:14px;line-height:22px;margin-bottom:10px;}
    .x1-sol .box1 .right{width:100%;}
    .x1-sol .list2{padding:5px 0;}
    .x1-sol .list2 .title{font-size:16px;margin-top:10px;margin-bottom:20px;}

    .x1-sol .contact{padding:15px 0}
    .x1-sol .contact .contact-box{padding:15px;}
    .x1-sol .contact .contact-box .left{width:100%;padding:15px;}
    .x1-sol .contact .contact-box .right{width:100%;margin-top:15px;}
    .x1-sol .contact .contact-box .left p{font-size:16px;line-height:30px;}
    .x1-sol .contact .contact-box .left p i{width:30px;margin-right:10px; min-width:30px;height:30px;}

}

.x1-solnr{padding:0 0 80px;}
.x1-solnr .container-xl{display:flex;justify-content:space-between;flex-wrap:wrap;}
.x1-solnr .container-xl .left{width:66%;}
.x1-solnr .container-xl .right{width:25%;}
.x1-solnr .container-xl .left .t1{font-size:46px;line-height:53px;margin-bottom:30px;}
.x1-solnr .container-xl .left .t2{font-size:32px;line-height:36px;font-weight:bold;margin-bottom:40px;}
.x1-solnr .container-xl .left .content img{max-width:100%;height:auto;}
.x1-solnr .container-xl .left .content p{font-size:21px;line-height:29px;}
.x1-solnr .container-xl .right .x1-solnav .title{font-size:20px;padding:28px;padding:10px 25px;background:#4da45a;color:#fff;}
.x1-solnr .container-xl .right .x1-solnav .title:before{content:"●";display:inline-block;margin-right:10px;}
.x1-solnr .container-xl .right .x1-solnav .list{padding:25px;}
.x1-solnr .container-xl .right .x1-solnav .list p{font-size:16px;line-height:30px;}
.x1-solnr .container-xl .right .x1-solnav .list p:before{content:"●";display:inline-block;margin-right:10px;color:#4da45a;}

@media(max-width:768px) {
    .x1-solnr{padding:0 0 30px;}
    .x1-solnr .container-xl .left{width:100%;}
    .x1-solnr .container-xl .right{width:100%;margin-top:35px;}
    .x1-solnr .container-xl .left .t1{font-size:22px;line-height:30px;margin-bottom:15px;}
    .x1-solnr .container-xl .left .t2{font-size:18px;line-height:28px;margin-bottom:20px;}
    .x1-solnr .container-xl .left .content p{font-size:14px;line-height:22px;}
    .x1-solnr .container-xl .right .x1-solnav .title{font-size:18px;padding:10px 15px;}
    .x1-solnr .container-xl .right .x1-solnav .list{padding:15px;}
    .x1-solnr .container-xl .right .x1-solnav .list p{font-size:14px;line-height:24px;}
}