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

.all-header .header .header-top{padding: 10px 0;}
.small-nav.blue ul li:last-child a{color: var(--public-color);}

body{color:#1f273d;font-size:16px;line-height:24px;font-family: "Poppins", 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}
}

.more-8{
    background-color: var(--public-color);
    border-radius: 24px;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    font-family: 'Poppins-SemiBold';
    font-weight: bold;
    padding: 10px 35px;
    transition: all .6s;
    border:2px solid var(--public-color)
}
.more-8:hover{background-color: #fff;color: var(--public-color);}


/*header*/
.header{/*height: 86px;*/position: relative;}

.header .header-nav{display: flex;align-items: center;}
.header .header-top {padding: 20px 0;z-index:999;width:100%;position:relative;top: 0;left:0;background-color: var(--public-color);}
.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{text-transform:uppercase;margin-left: 30px;}
.dropdown.lang .dropdown-toggle:after{color: #fff;}
.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:#fff;font-size: 18px;}
.public-social span,.public-social a{border-radius:5px;}
.navbar-expand-lg .navbar-collapse{justify-content: flex-end;padding-right: 20px;}



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

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

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

/*默认导航样式*/
.navbar{padding:0px;position:relative;z-index:9999}
.navbar-custom{top:0;z-index:2;justify-content:end}
.navbar-custom .navbar-nav > .nav-item{font-size:18px;margin:0 22.5px}
.navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#fcfffc;padding:0;/*height:86px;*/display:flex;align-items:center;justify-content:center;font-weight:500;text-transform:capitalize;font-size:18px;line-height:32px;font-family: 'Instrument Sans';}
.navbar-custom .navbar-nav .nav-link:before{content:"";width:0px;height:2px;margin-left:0!important;background:#fff;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);content:""}
.navbar-custom .navbar-nav .nav-item .dropdown-toggle:hover::after{content:"";position: absolute;left: -23px;width: 15px;height: 20px;background-image: url(../../images/service-10.png);background-size: contain;background-repeat: no-repeat;}
.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:#00f5b3;transition:.6s ease-in-out;transform: none !important;}
.navbar-custom .navbar-nav .nav-link.disabled{color:rgba(0,0,0,0.3)}
.navbar-custom .navbar-nav .show > .nav-link,.navbar-custom .navbar-nav .active > .nav-link,.navbar-custom .navbar-nav .nav-link.show,.navbar-custom .navbar-nav .nav-link.active{}
.navbar-custom .navbar-text{color:rgba(0,0,0,0.5)}
.navbar-custom .navbar-text a{color:rgba(0,0,0,0.9)}
.navbar-custom .navbar-text a:hover,.navbar-custom .navbar-text a:focus{color:rgba(0,0,0,0.9)}

/* @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 15px;
    }
}

@media(max-width:1200px) {
    /* .navbar-custom .navbar-nav .nav-link {font-size: 17px;} */
    .navbar-custom .navbar-nav .nav-item {
        margin: 0 12px;
    }
    .navbar-custom .navbar-nav .nav-item .dropdown-toggle:hover::after{left: -15px;}
}
@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 10px;
    }
}

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

}

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

/*#region 移动端栏目列表*/
.menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; }
.menu-collapse .collapse-title { padding: 0.875rem; background: #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 }


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

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


/* 浮窗 */
#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: var(--public-color);color: #fff;}
.table-wrapper table tbody tr:first-child{background-color: var(--public-color);color: #fff;}
.table-wrapper table tbody tr td:hover{background-color: rgba(11,65,129,.3);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: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 1500.98px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}

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

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


    text-decoration: none;} */
    
     .form-feedback .btn {
        font-size: 18px;
        line-height: 23px;
        color: #fff;
        font-family: 'Archivo';
        width: 188px;
        height: 48px;
        border-radius: 8px;
        background-color: var(--public-color);
        transition: none;
    }
     .form-feedback .btn:hover{
        background-color: #2f3d5b;
        color:#fff;
    }
/* .form-feedback .btn{color:#fff !important;background-image: linear-gradient(-90deg, #24b66f 0%, #88ca4e 100%), linear-gradient(#ffffff, #ffffff);
    background-blend-mode: normal, normal;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-underline-offset: 3px;
    transition: all .6s;} */


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


/*#搜索*/
.search-group{width:180px;height:40px;overflow:hidden;border:1px solid var(--public-color);border-radius:10px;overflow: hidden;}
.search-group .form-control{border:none;border-radius:0px;background:transparent;color:#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;padding-left: 1px;padding-top: 1px;}
.top-search-box i{color: #fcfffc;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: -13px;top: 35px;z-index: 99;padding:0;background-color: #fff;} 
.top-search-box .top-search.show {opacity: 0;overflow: hidden;transition: all 0.9s;}

/* .down-list{margin-top: 75px;} */

/*banner*/
.banner{/*margin-bottom: 175px;*/color: #fcfffc;}
.banner>img{height: 530px;}
.banner .first{width: 20%;height: auto;}
.banner .last{width: 30%;height: auto;}
.banner .banner-text .h6{font-size: 24px;line-height: 32px;margin-bottom: 10px;}
.banner .banner-text{text-align: inherit;font-family: 'Instrument Sans', sans-serif;padding-top: 115px;padding-bottom: 65px;padding-right: 80px;}
.banner .banner-text{position: absolute;top: 0;display: flex;align-items: flex-start;height: 100%;justify-content: space-between;}
.banner .banner-text .container-xl{height: 100%;display: flex;align-items: center;}
.banner .banner-text .container-xl>img{position: absolute;bottom:-130px;left: 150px;}
.banner .banner-text h1{font-size: 64px;line-height: 83px;font-weight: bold;position: relative;}
.banner .banner-text .h1{padding-left: 140px;font-size: 64px;line-height: 83px;font-weight: bold;position: relative;}

.banner .banner-text .text{font-size: 20px;line-height: 32px;margin-bottom: 60px;width: 58%;font-family: 'Poppins';}
.banner.index-banner h1{margin-bottom: 70px;}

.base-banner .box{padding-left: 97px;margin-top: 110px;}
.base-banner h1{padding-left: 0 !important;margin-bottom: 40px;}
.base-banner .text{font-size: 16px !important;line-height: 22px !important;width: 80% !important;}

.banner .a a{}

@media(max-width:1920px){
    .base-banner .box p{max-width: 100%;}
}


@media(max-width:1600px){
    .banner>img{height: 500px;}
}
@media(max-width:1450px){
    .banner>img{height: 480px;}
}
@media(max-width:1350px){
    .banner>img{height: 450px;}
    /* .base-banner .box{padding-left: 30px;margin-top: 50px;} */
}
@media(max-width:1250px){
    .banner>img{height: 435px;}
}

.banner .banner-text .container-xl{justify-content: center;}
.all-banner.banner {height: 120px;margin-bottom: 40px;margin-top: 30px;}
.all-banner.banner h1{font-size: 48px;line-height: 56px;font-weight: 500;color: var(--public-color);width: 100%;margin-bottom: 20px;}
.all-banner.banner .banner-text{padding: 0;display: block;}
.all-banner.banner .banner-text .container-xl{flex-direction: column;align-items: flex-start;position: relative;justify-content: normal;}
.all-banner.banner .small-nav{position: static;}


.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: 105px;}
.nav-banner-xl a.active{color: #999999;}

.index-banner.banner .banner-text .container-xl{align-items: flex-end;}
.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: 99*/;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{line-height: 0;}
.index-banner.banner .banner-text {z-index: 1;}
.banner.index-banner .index-video {
    display: flex;
    align-items: center;
    height: 840px;
    overflow: hidden;}
.index-banner.banner .index-video::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    top: 0;
}




@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:1492px){
    .banner.index-banner .index-video{height: 800px;}
}
@media(max-width:1425px){
    .banner.index-banner .index-video{height: auto;}
}





/*all-product*/
.all-product .list:hover .xu{
    border: 1px solid #fff;
}
  .all-product .list .xu{
    width: 23px;
    height: 23px;
    border: 1px solid var(--public-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    /* position: absolute;
    left: 0;
    top: 5px; */
    font-size: 17px;
}
.all-product .list .p{
    height: 100px;
    overflow: hidden;
}
.all-product .list:hover .box{
    background-color: var(--public-color);
    color: #fff;
    border-radius: 16px;

}
.all-product .list .box{
    border-radius: 0px;
    text-align: center;
    transition: all .6s;
    font-weight:500;
    background-color: #fff;
    font-size: 22px;
    line-height: 32px;
    color: var(--public-color);
    padding: 15px;
    text-align: left;
    align-items: flex-start;

}
.all-product .img{
    background-color: #ffffff;
	box-shadow: 0px 6px 11px 1px 
		rgba(5, 26, 58, 0.11);
	border-radius: 16px;
    overflow: hidden;
    margin-bottom: 18px;
}
.all-product a.list{
    display:block
}
.all-product a.list:hover p{
    background-color: #00f5b3;
    color: #102247;
}
.all-product .list p{
    height: 100px;
    overflow: hidden;
    background-color: #0b4181;
    color: #fff;
    border-radius: 16px;
    font-size: 24px;
    line-height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Poppins-SemiBold';
    text-align: center;
    transition: all .6s;
    padding: 0 45px;
    font-weight:500;
}

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

/* .small-nav.small-nav-xl{margin-top: 24px;} */
.small-nav{display: flex;align-items: center;position: absolute;left: 15px;bottom: 30px;}
.small-nav{}
.small-nav ul{display: flex;align-items: flex-start;padding-top: 5px;}
.small-nav ul a{font-size: 16px;line-height: 21px;color:#102247;text-transform: capitalize;}
.small-nav ul li::after{content: "-";padding:0 5px;color: #102247;}
.small-nav ul li:last-child::after{display: none;}
.small-nav ul li:last-child a{font-weight: bold;color: #102247;}
.small-nav ul li{display: flex;}

/*all-nav*/
.all-nav{border-bottom: 4px solid rgba(77,164,90,.2);display: flex;}
.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 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 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 a:hover:after{background-color: var(--public-color);}
.all-nav li{margin-right: 30px;}
.all-nav li:last-child{margin-right: 0px;}


/*every-footer*/
/* .every-footer::after{
    content: url(../../images/every-footer.png);
    position: absolute;
    right: 0;
    bottom: 0;
} */
.every-footer{display: flex;align-items: center;height: 300px;position: relative;;border-radius: 0 10px 0 10px;max-width: 1420px;margin-right: auto;margin-left:  auto;background-color: var(--public-color);margin-bottom: -110px;}
.every-footer .container-xl{max-width: 1220px;position:relative;z-index: 1;display: flex;justify-content: space-between;align-items: center;}
.every-footer .h2{letter-spacing: -1.44px;font-size: 48px;line-height: 51px;font-weight: 600;margin-top: 0px;margin-bottom: 25px;font-family: 'Poppins';color: #FFFFFF;}
.every-footer .text{font-size: 18px;line-height: 32px;color: #AED0FF;margin-bottom: 0px;}
.every-footer .left{width: 65%;}
.every-footer .right{width: 30px;}
.every-footer .a .more-8{border-color: #fff;}
/* .every-footer .a a{width: 256px;height: 64px;border-radius: 48px;background: #00F5B3;font-size: 24px;line-height: 64px;color: #102247;font-family: Poppins;font-weight: 600;text-align: center;transition: all .6s;} */
/* .every-footer .a a:hover{color: #00F5B3;background-color: #102247;} */


/*footer*/
.footer{font-size: 16px;line-height: 40px;color: #333333;padding-top: 170px;padding-bottom: 80px;background: #EFF0F8;font-family: Poppins;}
.footer .footer-logo{width: 169px;height: 72px;margin-bottom: 20px;}
.footer .left .text{font-size: 16px;line-height: 32px;color: #5B5B5B;}
.footer a{font-size: 16px;line-height: 30px;color: #5B5B5B;font-weight: 500;}
.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: 70px}
.footer .list:nth-child(1) li,.footer .list:nth-child(2) li{margin-bottom:0px}

.footer .list-1{width: 31%;}
.footer .list-2{width: 11%;}
.footer .h6{font-size: 22px;line-height: 28px;color: #071D49;font-weight: 500;font-family: 'Poppins';margin-bottom: 40px;}
/* .footer .share{width:auto;display: flex;flex-wrap: wrap;padding-right: 30px;} */
.footer .share{display: flex;margin-right: 26px;color: #5B5B5B;font-weight: bold;}
.footer .share li{margin-right: 20px;}
.footer .share li a{display: inline-block;}
.footer .share li img{width: 100%;height: auto;}
.footer .share li:last-child{margin-right: 0;}
.footer .footer-tail .container-xl{display: flex;align-items: flex-end;}
.footer .right{display: flex;justify-content: space-between;width: 76%;}
.footer .left{width: 20%;}
.footer .copy{font-size: 18px;line-height: 25px;letter-spacing: -0.54px;color: var(--public-color);font-weight: 500;}
.footer .list li{margin-bottom: 10px;}
.footer .list li:last-child{margin-bottom: 0px;}
.footer .list:last-child i{font-size: 18px;padding-right: 15px;width: 25px;padding-top: 7px;}
.footer .list:last-child{width: 40%;}
.footer .list:nth-child(2){width: 20%;}

/*index-paper*/
.index-paper{margin-top:0}
.index-about .container-xl{display:flex;justify-content:space-between;}
.index-about .left .h2{font:bold 38px/56px 'Poppins';color:#102247;margin-bottom:35px;max-width:590px;}
.index-about .left .h2 span{color:var(--public-color)}
.index-about .left .text{font-size:24px;line-height:32px;color:#233354;font-weight:500;width:65%;font-family:'Archivo'}
.index-about .left{position:relative}
.index-about .left::before{content:url(../../images/i-about-5.png);position:absolute;top:-30px;right:-55px;z-index:-1;opacity:.5}
.index-about .left .box-1{margin-bottom:45px}
.index-about .box-2{display:flex;align-items:center;margin-top: 30px;}
.index-about .box-2 .img{margin-right:40px}
.index-about .box-2 .img:last-child{margin-right:0px}
.index-about .box-2 .img img{transition:all .6s}
.index-about .box-2 .img img.qian{display:inline-block}
.index-about .box-2 .img img.shen{display:none}
.index-about .box-2 .img:hover img.qian{display:none}
.index-about .box-2 .img:hover img.shen{display:inline-block}
.index-about .a a{font-size:18px;line-height:50px;font-weight:600;color:#000000;font-family:'Archivo'}
.index-about .a{display:flex;}
.index-about .a a:hover{color:#0b4181}
.index-about .right .text{font-size:18px;line-height:30px;color:#878787}
.index-about .right .text p{margin-bottom:15px;}
.index-about .right .text p:last-child{margin-bottom:0}
.index-about .left{width:50%}
.index-about .right{width:46%}
.index-about{padding:140px 0;}
/* .index-items{background:url(../../images/i-about-back.jpg) no-repeat;background-size:cover;padding-top:180px} */
.index-items{padding-top:0;}
.index-items .top-box{background-color:#e6ecf2;padding:120px 0 140px;margin-bottom:0px;}
.index-items .top{display:flex;justify-content:space-between;z-index: 1;position: relative;}
.index-items .top img{width: 40px;}
.index-items .top img.qian{display:block}
.index-items .top img.shen{display:none}
.index-items .top a.list:hover img.qian{display:none}
.index-items .top a.list:hover img.shen{display:block}
/* .index-items .top a.list: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;border-radius:10px;opacity:.3;} */
.index-items .top a.list{display:block;transition:all .6s;font-family:'Poppins';width:calc(calc(100% - 54px * 2) / 3);background-color:#ffffff;box-shadow:0px 6px 11px 1px rgba(5,26,58,0.11);border-radius:16px;padding:30px 60px;height:fit-content;transition:all .6s !important;position: relative;}
.index-items .top a.list::after{content: "\f054";font-family: 'cmsfont';color: var(--public-color);position: absolute;right: 20px;bottom: 25px;font-size: 24px;}
.index-items .top a.list:hover{color:var(--public-color);align-items:first baseline;position:relative}
/* @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%);
    }
} */
.index-items .top .img{display:flex;justify-content:flex-end;margin-bottom:55px}
.index-items .top .h6{font-size:24px;font-weight:500;margin-bottom:20px}
.index-items .top a.list:hover .h6{position:relative}
/* .index-items .top a.list:hover .h6::before{content:url(../../images/i-about-9.png);position:absolute;left:-30px;top:-2px} */
.index-items .top a.list:hover .text{color:var(--public-color)}
.index-items .top .text{font-size:16px;line-height:28px;color:#252525;transition:all .6s}
.index-items .top .text p{margin-bottom:20px}
.index-items .top .text p:last-child{margin-bottom:0px}
.index-items .big-img{position:relative;height:115px;display:flex;justify-content:center}
.index-items .big-img::after{content:url(../../images/index-work-6.png);position:absolute;bottom:0;z-index:0}
.index-items .bottom{padding-bottom:115px}
.index-items .h2{text-align:center;margin-bottom:90px}
.index-items .content{display:flex;flex-wrap:wrap;border-radius:0 32px 0 32px;overflow:hidden;gap:30px 60px;}
.index-items .content .img{width:calc(100% / 3 - 40px);position:relative;z-index:1;overflow:hidden}
.index-items .content .img p{background-color:#0b4181;font-family:'Poppins-Medium';text-align:center;display:flex;justify-content:center;align-items:center;position:absolute;z-index:1;width:100%}
.index-items .content .img p{bottom:0;height:80px;font-size:20px;color:#fff;line-height:28px;padding:0 30px;}
.index-items .content .img img{transition:all .45s;}
.index-items .content .img:hover img{transform:scale(1.15);}
/* .index-items .content .img:nth-of-type(1) p,.index-items .content .img:nth-of-type(4) p{top:0;bottom:0;left:-100%;transition:left .6s ease-in-out}
.index-items .content .img:nth-of-type(1):hover p,.index-items .content .img:nth-of-type(4):hover p{left:0}
.index-items .content .img:nth-of-type(3) p,.index-items .content .img:nth-of-type(6) p{top:0;bottom:0;right:-100%;transition:right .6s ease-in-out}
.index-items .content .img:nth-of-type(3):hover p,.index-items .content .img:nth-of-type(6):hover p{right:0}
.index-items .content .img:nth-of-type(2) p{top:-100%;right:0;left:0;transition:top .6s ease-in-out}
.index-items .content .img:nth-of-type(2):hover p{top:0}
.index-items .content .img:nth-of-type(5) p{bottom:-100%;right:0;left:0;transition:bottom .6s ease-in-out}
.index-items .content .img:nth-of-type(5):hover p{bottom:0} */

.index-laboratory{height:auto;background-color:var(--public-color);background-size:cover;color:#fff;padding-top:140px;padding-bottom:80px}
/* .index-laboratory{height:auto;background:url(../../images/index-laboratory-back.jpg) no-repeat center;background-size:cover;color:#fff;padding-top:140px;padding-bottom:80px} */
.index-laboratory .h2{width:100%;position:relative}
.index-laboratory .h2 span{font-size:16px;line-height:49px;display:inline-block;margin-bottom:-10px;position:absolute;right:0;top:10px;font-weight:normal;opacity:.9}
.index-laboratory .top .a{width:100%;display:flex;}
.index-laboratory .top .a a{color:#fff;font-size:18px;line-height:24px;font-weight:500;font-family:'Archivo';margin-top: 30px;}
.index-laboratory .top .a a:hover{color:#00f5b3}
.index-laboratory .top .a .j_t_1:hover::after{padding-left:0;color: #00f5b3;}
.index-laboratory .top .a .j_t_1::after{padding-left:24px;font-size:20px;color:#fff;}

.index-laboratory .top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:80px}
.index-laboratory .top .cont{display:flex;width:100%;justify-content:space-between;}
.index-laboratory .top .cont .left{width: 40%;}
.index-laboratory .top .cont span{width: 60%;font-size: 16px;line-height:28px;max-width:50%;}
.index-laboratory .bottom{}
.index-laboratory .bottom img{border-radius:16px}
.index-laboratory .bottom .box-1{position:relative;margin-bottom:5px}
.index-laboratory .bottom .box-2{font-size:16px;line-height:28px;font-family:'Poppins-SemiBold';text-align: center;}
.index-laboratory .bottom .list{overflow:hidden}
.index-laboratory .bottom .list:hover .text{bottom:0;height:inherit;opacity:1;transition:all .6s}
.index-laboratory .bottom .text{opacity:0;height:0;transition:all .6s;position:absolute;bottom:-150px;right:0;left:0;background-color:var(--public-color);color:#fff;border-radius:16px;padding:30px 20px;font-size:16px;line-height:28px;font-family:'Poppins-Medium';font-weight:500;overflow:hidden;display: none;}
.index-laboratory .bottom .text .box{height:170px;overflow:hidden}
.index-laboratory .bottom .text p:first-child::before{content:"①";padding-right:5px;font-size:26px;color:var(--public-color)}
.index-laboratory .bottom .text p:nth-child(2)::before{content:"②";padding-right:5px;font-size:26px;color:var(--public-color)}
.index-laboratory .bottom .text p{margin-bottom:15px}
.index-laboratory .bottom .text p:last-child{margin-bottom:0px}
.index-laboratory .bottom{max-width:1920px;margin:auto}
/* .index-laboratory .container-xl.max-1590px{max-width:1660px;float:right;padding-right:65px} */
/* .index-laboratory .mySwiper-1 .swiper-slide:nth-child(odd){padding-top:45px} */
.index-laboratory .mySwiper-1 .l-r-btn{position:relative;display:flex;align-items:center;height:40px;width:30%;margin-left: auto;margin-right: auto;}
.index-laboratory .mySwiper-1 .all-hover{position:absolute;color:#cacaca;width:25px;height:40px;font-size:28px;font-weight:bold}
.index-laboratory .mySwiper-1 .all-hover::after{content:" "}
.index-laboratory .mySwiper-1 .next-1{right:0}
.index-laboratory .mySwiper-1 .prev-1{left:0}
.index-laboratory .mySwiper-1 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--public-color) !important;border-radius:4px}
.index-laboratory .mySwiper-1 .swiper-pagination-bullet{background-color:#f1f3f5 !important;width:inherit;height:8px;border-radius:0;margin:0 !important}
.index-laboratory .mySwiper-1 .pagination-1{position:inherit;background-color:#f1f3f5 !important;height:auto;border-radius:8px;width:100%;display:flex;overflow:hidden;margin-left:35px;margin-right:35px;left:0;bottom:0;padding:3px 4px;}
.index-laboratory .mySwiper-1 .swiper-wrapper{padding-bottom:50px}

.index-product{padding-top:135px;padding-bottom:170px}
.index-product .h2{margin-bottom:25px}
.index-product .text{font-size:20px;line-height:32px;color:#878787;text-align:center}
.index-product .bottom{max-width:1920px;margin:auto}
.index-product .container-xl.max-1780px{max-width:1690px;padding-right:0;margin-right:0}
.index-product .content{position:relative;padding-left:65px}
.all-product .mySwiper-2{padding-left:10px}
.all-product .prev-2::after{content:""}
.all-product .prev-2{color:#102247;font-size:48px;font-weight:bold;margin-top:-100px;transition:all .6s;position:absolute;left:0;width:45px;height:inherit}
.all-product .prev-2:hover{color:var(--public-color)}
.all-product .top{margin:auto;text-align:center;width:80%;margin-bottom:140px}

.index-service{background-color:#f6f7f8;padding-top:90px;padding-bottom:100px}
.index-service .left{width:40%}
.index-service .right{width:50%}
.index-service .h6{font-size:16px;line-height:32px;color:var(--public-color);margin-bottom:20px}
.index-service .h2{font-size:40px;line-height:56px;color:#102247;font-family:'Poppins-SemiBold';font-weight:bold}
.index-service .h2 span{color:var(--public-color)}
.index-service .top{display:flex;justify-content:space-between;margin-bottom:60px}
.index-service .top .right{font-size:18px;line-height:28px;color:#233354;font-weight:500}
.index-service .bottom .img{border-radius:32px;overflow:hidden;margin-bottom:15px}
.index-service .bottom .box{background-color:#ffffff;border-radius:32px;padding:40px 20px 30px;transition:all .6s}
.index-service .bottom .list:hover .box{box-shadow:0px 20px 50px 0px rgba(0,0,0,0.2)}
.index-service .bottom .h5{font-size:22px;line-height:32px;color:var(--public-color);font-family:'Poppins-SemiBold';font-weight:bold;margin-bottom:10px;display:flex;align-items:center;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.index-service .bottom .h5::before{content:"\f058";font-weight:normal;font-family:'Cmsfont';font-size:30px;padding-right:18px;opacity:.8}
.index-service .bottom .text{font-size:16px;line-height:32px;color:#878787}
.index-service .bottom .text p{margin-bottom:10px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.index-service .content{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:40px}
.index-service .content .items{width:calc(calc(100% - 32px * 2) / 3)}
/* .index-service .a a{background-color:#ffffff;border-radius:24px;font-size:24px;line-height:32px;color:#102247;font-family:'Poppins-SemiBold';font-weight:bold;padding:10px 35px;transition:all .6s} */
/* .index-service .a a:hover{background-color:var(--public-color);color:#fff} */
.index-service .a{display:flex;justify-content:center}

.index-news{padding-top:155px;padding-bottom:150px}
.all-news .left .h2{font-size:40px;line-height:48px;font-weight:500;font-family:'Poppins';color:#3D3D3D;margin-bottom:10px}
.all-news .left .a a{font-size:18px;line-height:25px;color:var(--public-color);font-weight:500;font-family:'Poppins'}
.all-news .left .a a:hover i{padding-left:20px}
.all-news .left .a i{padding-left:10px;font-weight:bold;transition:all .6s}
.all-news .time{background:#F5F5F5;font-family:'Poppins';font-size:14px;line-height:25px;color:#3D3D3D;font-weight:500;display:inline-block;padding:10px;margin-bottom:15px}
.all-news .right .title{font-family:'Poppins';font-size:16px;font-weight:600;line-height:25px;color:#3D3D3D;width:80%}
.all-news .left{width:25%}
.all-news .right{width:67%}
.all-news .list{padding-bottom:25px;border-bottom:2px solid #F5F5F5;margin-bottom:20px}
.all-news .list:last-child{margin-bottom:0}
.index-news .container-xl{display:flex;justify-content:space-between;max-width:1220px}
.all-news .box{display:flex;justify-content:space-between;align-items:center}
.all-news .i-btn{background-color:#fff;height:63px;width:63px;color:var(--public-color);border:2px solid var(--public-color);transition:all .6s;display:flex;justify-content:center;align-items:center;font-size:20px}
.all-news .i-btn:hover{background-color:var(--public-color);color:#ffffff}

.index-news{padding:60px 0;background-color:#fff}
.index-news .container-xl{display:flex;max-width:1200px;margin:0 auto;gap:50px}
.index-news .left{width:30%;display:flex;flex-direction:column;gap:30px;}
.index-news .h2{font-size:36px;font-weight:700;color:#333;line-height:1.2;margin-bottom:20px}
.index-news .h2 span{color:var(--public-color)}
.more-btn{display:inline-block;color:var(--public-color);font-size:16px;font-weight:600;text-decoration:none;transition:all 0.3s ease}
.more-btn:hover{color:#004bb8;transform:translateX(5px)}
.index-news .right{width:70%}
.news-card{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.05);padding:25px;margin-bottom:20px;transition:all 0.3s ease}
.news-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}
.news-date{color:var(--public-color);font-size:14px;font-weight:600;margin-bottom:10px}
.news-content{display:flex;justify-content:space-between;align-items:center}
.news-title{font-size:18px;font-weight:600;color:#333;line-height:1.4;flex:1}
.news-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--public-color);color:#fff;border-radius:50%;transition:all 0.3s ease}
.news-btn:hover{background-color:#fff;transform:rotate(45deg)}
@media (max-width:768px){.index-news .container-xl{flex-direction:column;padding:0 15px}
.index-news .left,.index-news .right{width:100%}
.index-news .h2{font-size:24px;text-align:center}
.index-news .left .a{text-align:center;}
.news-card{padding:15px}
.news-title{font-size:16px}
}


@media(max-width:1660px){
    .index-laboratory .container-xl.max-1590px{padding-right: 15px;}
}
@media(max-width:1400px){
    .index-service .left{width: 45%;}
    .all-product .list p{font-size: 20px;padding: 0 35px;height: 100px;}
    .index-service .h2{font-size: 38px;line-height: 56px;}
    .index-service .top .right {font-size: 22px;;}
    .index-items .top a.list {padding: 25px 45px;}
    .index-items .top .img {margin-bottom: 35px;}
    .index-items .top .text p {margin-bottom: 15px;}
    .index-laboratory .h2 {width: 50%;}
}

@media(max-width:1320px){
    .index-service .bottom .box{padding: 40px 30px 40px;}
    .index-laboratory .h2 {width: 53%;}
}
@media(max-width:1250px){
    .index-laboratory .h2 {width: 55%;}
    .all-produt .list p{font-size: 18px;line-height: 30px;padding: 0 25px;height: 90px;}
    .index-service .bottom .text{font-size: 15px;line-height: 30px;}
    .index-service .bottom .h5{font-size: 22px;}
    .index-items .top a.list {padding: 25px 30px;}
}
@media(max-width:1200px){
    .index-laboratory .h2 {width: 60%;}
}


/*product-list-paper*/
.product-list-paper .all-h2{
    font-size: 40px;
    line-height: 56px;
}
.product-list-paper .all-text{
    font-size: 20px;
    line-height: 32px;
}
.p-l-sol{
    /* background-size: contain; */
    padding-bottom: 150px;
}
.p-l-sol .h2 {
    color: #102247;
    font-family: 'Archivo';
    margin-bottom: 25px;
    width: 65%;
}
.p-l-sol .text{
    color: #252525;
}
.p-l-sol .text p{
    margin-bottom: 15px;
}
.p-l-sol .container-xl{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.p-l-sol .left{
    width: 60%;
}
.p-l-sol .right{
    width: 39%;
    border-radius: 20px;
    overflow: hidden;
    display: block;
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.1);
}
.p-l-content{
    /* padding-top: 145px; */
    padding-top: 100px;
    padding-bottom: 80px;
    margin-bottom: 60px;
    margin-top: -80px;
    background-color: #eff2f7;
    overflow: hidden;
}
.p-l-content .top{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 80px;
}
.p-l-content .h2{
    font-size: 40px;
    line-height: 49px;
    color: #102247;
    font-weight: bold;
    margin-bottom: 20px;
}
.p-l-content .text{
    color: #878787;
    text-align: center;
    width: 85%;
}
.p-l-content .col-md-4{
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 65px;
}
.p-l-content .row{
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -65px;
    padding-bottom: 60px;
}
.p-l-syringe .h2{
    color: #102247;
    font-family: 'Archivo';
    text-align: center;
    margin-bottom: 130px;
}
.p-l-syringe .content{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 130px;
}
.p-l-syringe .img {
    display: inline-flex;
    align-items: center;
    margin-bottom: 40px;    
    position: relative;
}
.p-l-syringe .text{
    font-size: 18px;
    line-height: 28px;
    color: #102247;
}
.p-l-syringe .img img{margin-right: 25px;}
.p-l-syringe .img span{
    font-size: 26px;
    line-height: 32px;
    color: var(--public-color);
    font-weight:600;
}
.p-l-syringe .text span{
    font-weight: 500;

}
.p-l-syringe .list .img::after{
    content: url(../../images/p-l-9.png);
    position: absolute;
    right: -20px;
    top: 20px;
    z-index: -1;opacity: 0;
    transition: all .6s;
}
.p-l-syringe .list:hover .img::after{
    content: url(../../images/p-l-9.png);
    position: absolute;
    right: -20px;
    top: 20px;
    z-index: -1;opacity: 1;
}
.p-l-syringe .list {
    width: 28%;
    margin-right: 8%;
    margin-bottom: 115px;
}
.p-l-syringe .list:nth-child(3),.p-l-syringe .list:last-child{
    margin-right: 0;
}
.p-l-care{
    background: url(../../images/p-l-back-3.jpg) no-repeat center;
    background-size: cover;
    height: 658px;
}
.p-l-care .container-xl{
    display:flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.p-l-care .h2{
    font-size: 40px;
    line-height: 48px;
    color: #fefeff;
    width: 39%;
    margin-bottom: 50px;
}
.p-l-care .text{
    color: #fff;
    width: 60%;
}
.p-l-care .text p{
    margin-bottom: 20px;
}
.p-l-care .text:last-child{
    margin-bottom: 0;
}
.p-l-items{
    /* background: url(../../images/p-l-back-4.png) no-repeat; */
    padding-top: 135px;
    margin-top: -80px;
    /* max-width: 19; */
    background-color: #eff2f7;
    margin-left: auto;
    margin-right: auto;
}
.p-l-items .h3{
    font-size: 32px;
    line-height: 48px;
    /* color: #0066f6; */
    color: var(--public-color);
    font-family: 'Archivo';
    font-weight: 600;
    margin-bottom: 25px;
}
.p-l-items .text{
    color: #102247;
    font-family: 'Archivo';
    margin-bottom: 55px;
    line-height: 32px;
}
.p-l-items .text p{
    margin-bottom: 15px;
}
.p-l-items .text p:last-child{
    margin-bottom: 0px;
}
.a.all-a a span{
    display: inline-block;
    background-color: #00f5b3;
    font-size: 18px;
	border-radius: 16px;
    padding: 5px 20px;
    font-family: 'Archivo';transition: all .6s;
}
.a.all-a a:hover span{
    background-color:#102247;
    color: #00f5b3;
}
.a.all-a a::after{
    content: url(../../images/sign-1.png);
    display: inline-block;
    transition: all .6s;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
}
.a.all-a a:hover::after{
    content: url(../../images/sign-1-1.png);
    transition: all .6s;
}
.a.all-a a{
    display: flex;align-items: flex-start;transition: .6s;
}
.p-l-items .container-xl{
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* max-width: 1660px; */
}
.p-l-items .items:nth-child(odd) .container-xl{
    /* padding-right: 0;
    margin-right: 0; */
}
.p-l-items .items:nth-child(even) .container-xl{
    /* padding-left: 0;
    margin-left: 0; */
    flex-direction: row-reverse;
}
.p-l-items .left{
    width: 45%;
}
.p-l-items .right{
    width: 50%;
}

@media(max-width:1920px){
    /* .p-l-content{    background: url(../../images/p-l-back-2.png) no-repeat center;background-size: cover;padding-top: 195px;padding-bottom: 125px;} */
    .p-l-care{background: url(../../images/p-l-back-3.jpg) no-repeat 100%;background-size: inherit;}
    .p-l-items .container-xl{max-width: 1660px;}
    .p-l-items .items:nth-child(odd) .container-xl{
        padding-right: 0;
        margin-right: 0;
    }
    .p-l-items .items:nth-child(even) .container-xl{
        padding-left: 0;
        margin-left: 0;
    }
    .p-l-items .left{
        width: 38%;
    }
    .p-l-items .right{
        width: 58%;
    }
    /* .p-l-items{background-color: transparent; padding-top: 256px;
        margin-top: -225px;} */
}
@media(max-width:1400px){
    .p-l-items .h3 {font-size: 30px;line-height: 46px;}
    .items .text{font-size: 18px;line-height: 30px;}

}
@media(max-width:1350px){
    .p-l-care .h2{width: 43%;}
}
@media(max-width:1315px){
    .p-l-items .left{width: 40%;}
    .p-l-items .right{width: 56%;}
    .p-l-items .text {margin-bottom: 35px;}
}
@media(max-width:1250px){
    .p-l-items .left{width: 42%;}
    .p-l-items .right{width: 54%;}
    .p-l-items .h3{font-size: 28px;line-height: 40px;margin-bottom: 20px;}
    .items .text {font-size: 18px;line-height: 28px;}

}
@media(max-width:1200px){
    .p-l-care .h2{width: 100%;}
}

/*quality-paper*/
/* .quality-paper{
    background: url(../../images/quality-back-3.jpg) no-repeat;
} */
.quality-paper .all-h2{
    font-size: 40px;
    line-height: 56px;
    color: #102247;
    font-weight: 500;
}
.quality-paper>.top{
    position: relative;
    max-width: 1920px;
    margin: auto;
    margin-bottom: 25px;
}
.quality-paper>.top::after{
    content: url(../../images/quality-back-1.jpg);
    /* background:  no-repeat; */
    /* background-position: top right; */
    position: absolute;
    top: -450px;
    right: 0;
    z-index: -1;
}
.quality-paper>.top .box{
    font-size: 20px;
    line-height: 32px;
    color: #252525;
    width: 70%;
}
.quality-paper>.top .box p{
    margin-bottom: 15px;
}
.quality-paper>.top .box p:last-child{
    margin-bottom: 0;
}
.quality-advanced{
    padding-top: 104px;
    max-width: 1920px;
    margin: auto;
    position: relative;
    margin-bottom: 160px;
}
.quality-advanced::before{
    content: url(../../images/quality-back-2.png);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.quality-advanced .top{
    display: flex;
    justify-content: space-between;
    margin-bottom: 66px;
}
.quality-advanced .top .text{
    font-size: 20px;
    line-height: 32px;
    color: #252525;
    width: 48%;
}
.quality-advanced .top .h2{
    width: 45%;
}
.quality-advanced .bottom.container-xl{
    max-width: 1650px;
    padding-left: 0;
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.quality-advanced .left{
    width: 57%;
    border-radius: 0px 64px 64px 0px;
    overflow: hidden;
}
.quality-advanced .right{
    width: 40%;
    padding-bottom: 35px;
} 
.quality-advanced .box{
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 20px;
}
.quality-advanced .right .box:nth-child(2){
    margin-bottom: 37px
}
.quality-advanced .h5{
    color: #102247;
    font-family: 'Archivo';
    font-weight: 500;
    margin-bottom: 10px;
}
.quality-advanced .text{
    font-size: 20px;
    line-height: 32px;
    color: #878787;
}
.quality-advanced .a.all-a a span{font-family: 'Poppins';}

.quality-product{
    padding-top: 185px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1920px;
}
.quality-product::after{
    content: "";
    background:url(../../images/quality-back-4.jpg) no-repeat;
    height: -webkit-fill-available;

    background-size: contain;
    position: absolute;
    margin-top: -270px;
    bottom:0px;
    right: 0;
    left: 0;
    z-index: -1;
}
.quality-regulation .top-box{
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin-bottom: 55px;
}
.all-bottom-box .list .img{
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 25px;
}
.all-bottom-box .list .h5{
    font-size: 20px;
    line-height:32px;
    color: #102247;
    font-family: 'Archivo';
    font-weight: 500;
    margin-bottom: 10px;
}
.all-bottom-box .list .text{
    font-size: 16px;
    line-height: 28px;
    color: #878787;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.all-bottom-box .list .text-box{
    padding-left: 8px;
}
.all-bottom-box .col-md-4{
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
    transition: all .6s;
}
.all-bottom-box .col-md-4:hover{
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
.all-bottom-box.row{
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -30px;
}
.all-bottom-box .items {padding-top: 15px;}
.all-bottom-box .items .box{margin-top: 30px;padding-left: 15px;padding-bottom: 30px;}
.bottom-box .col-md-6{transition: all .6s;}
.bottom-box .col-md-6:hover{
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
.all-top-box{
    margin-bottom: 70px;
}
.all-top-box .h2{
    font-family: 'Archivo';
    margin-bottom: 30px;
}
.all-top-box .text{
    font-size: 20px;
    line-height: 32px;
    color: #878787;
    width: 75%;
}


/*assurance-paper*/
.assurance-paper .quality-advanced .h2{
    font-family: 'Archivo';
    margin-bottom: 55px;
}
.assurance-paper .quality-advanced .text{
    font-size: 20px;
    line-height: 32px;
    color: #252525;
}
.assurance-paper .quality-advanced .h5{
    font-size: 20px;
    line-height: 32px;
    color: var(--public-color);
    font-weight: 500;
    margin-bottom: 30px;
}
.assurance-paper .quality-advanced .right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.assurance-paper .quality-advanced .bottom.container-xl{
    align-items: normal;
}
.assurance-paper .quality-advanced{
    padding-top: 0;
}
.assurance-paper>.top{
    padding-bottom: 104px;
}
.assurance-paper>.top::after{
    top: -130px;
}
.assurance-paper .right{
    padding-bottom: 0;
}
.quality-paper{
    margin-bottom: 154px;
}
.assurance-paper .quality-product::after{
    content: " ";
    background: none;
}
.assurance-paper .quality-product{
    padding-top: 0;
}
.assurance-paper .all-top-box{
    margin-bottom: 50px;
}
.assurance-paper .all-top-box .h2{
    margin-bottom: 0;
}
.assurance-paper .quality-product{
    margin-top: -85px;
}

@media(max-width:1690px){
    .quality-product::after{transform: translateY(-18%);margin-top: 0;}
}
@media(max-width:1600px){
    .quality-product::after{transform: translateY(-15%)}
}
@media(max-width:1500px){
    .quality-product::after{transform: translateY(-13%)}
}
@media(max-width:1400px){
    .quality-product::after{transform: translateY(-12%)}
}
@media(max-width:1300px){
    .quality-product::after{transform: translateY(-11%)}
}
@media(max-width:1200px){
    .quality-product::after{transform: translateY(-10%)}
}
@media(max-width:1100px){
    .quality-product::after{content: "";transform: translateY(0)}
}

/*team-paper*/
.team-paper{
    margin-bottom: 120px;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.team-paper::before{
    content: url(../../images/quality-back-2.jpg);
    position: absolute;
    z-index: -1;
    top: 110px;
}
.team-paper::after{
    content: url(../../images/quality-back-1.jpg);
    position: absolute;
    z-index: -1;
    right: 0;
    top: 0;
}
.team-paper .top .h2{
    font-size: 40px;
    line-height: 56px;
    color: #102247;
    font-family: 'Archivo';
    font-weight: 500;
    margin-bottom: 20px;
}
.team-paper .top .box{
    font-size: 20px;
    line-height: 32px;
    color: #878787;
    width: 75%;
}
.team-paper .content{
    padding-top: 100px;
    padding-bottom: 60px;
}
.team-paper .name{
    display: inline-block;
    background-image: linear-gradient(49deg, 
		rgba(99, 163, 255, 0.8) 0%, 
		rgba(50, 133, 250, 0.8) 0%, 
		rgba(0, 102, 245, 0.8) 0%, 
		rgba(182, 220, 255, 0.8) 50%, 
		rgba(114, 190, 255, 0.8) 100%), 
	linear-gradient(36deg, 
		#84bcd2 0%, 
		#4c93ff 100%);
	background-blend-mode: normal, 
		normal;
	border-radius: 16px 16px 16px 32px;
    position: absolute;
    bottom: 0;
    right: 0;transition: all .4s;
    z-index: 1;
}
.team-paper .list:hover .name{
    background-color: #fff;
    background-image:none;
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.1);
}
.team-paper .list:hover .po-name,.team-paper .list:hover .position{
    background-color: #fff;
    background-image: linear-gradient(49deg, 
    rgba(99, 163, 255, 0.8) 0%, 
    rgba(50, 133, 250, 0.8) 0%, 
    rgba(0, 102, 245, 0.8) 0%, 
    rgba(182, 220, 255, 0.8) 50%, 
    rgba(114, 190, 255, 0.8) 100%), 
linear-gradient(36deg, 
    #84bcd2 0%, 
    #4c93ff 100%);
    color: transparent;
    -webkit-background-clip: text;
}
.team-paper .img{

    display: inline-block;
}
.team-paper .list-a{
    padding-right: 12px;
    padding-bottom: 27px;   
    /* overflow: hidden; 
    border-radius: 8px; */
}
.team-paper .img{
    border-radius: 8px;
    overflow: hidden;
}
.team-paper .img img{
    border-radius: 8px;
}
.team-paper .list{
    position: relative;
}
.team-paper .col-md-3{
    margin-bottom: 40px;
    padding-left: 9px;
    padding-right: 9px;
}
.team-paper .row{
    margin-left: -9px;
    margin-right: -9px;
    margin-bottom: -40px;
}
.team-paper .position{
    font-size: 20px;
    line-height: 32px;
    color: #15264a;
    font-weight: 500;transition: all .6s;
}
.team-paper .po-name{
    font-size: 24px;
    line-height: 32px;
    color: #15264a;
    font-weight: 500;
    padding-left: 37px;transition: all .6s;
}
.team-paper .name{
    padding: 5px 20px 10px 20px;
    font-family: 'Archivo';transition: all .6s;
}

/*Physical-paper*/
.Physical-paper{
    margin-bottom: 170px;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.Physical-paper .all-h2{
    font-size: 40px;
    line-height: 56px;
    color: #102247;
    font-family: 'Archivo';
    font-weight: 500;
}
.Physical-paper .top .h2{
    margin-bottom: 35px;
    text-align: center;
}
.Physical-paper .top .box{
    font-size: 20px;
    line-height: 32px;
    color: #878787;
}
.all-mySwiper-3{
    padding-top: 130px;
    margin-bottom: 85px;
}
.all-mySwiper-3 .h2{
    margin-bottom: 65px;
    text-align: center;
}
.all-mySwiper-3 .container-xl{
    max-width: 1920px;
    padding-left: 25px;
    padding-right: 25px;
}
.all-mySwiper-3 .items{
    display: flex;
    /* align-items: center; */
    height: 350px;
}
.all-mySwiper-3 .right{
    background-color: #e4eff6;
	border-radius: 0px 16px 16px 0px;
    width: 50%;
    padding-left: 30px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding: 50px 15px 50px 30px;
}

.all-mySwiper-3 .right .h5{
    font-size: 24px;
    line-height: 32px;
    color: var(--public-color);
    font-family: 'Archivo';
    font-weight: 600;
    margin-bottom: 25px;
}
.all-mySwiper-3 .right .text{
    font-size: 20px;
    line-height: 32px;
    color: #252525;
}
.all-mySwiper-3 .right p{
    margin-bottom: 15px;
}
.all-mySwiper-3 .right p:last-child{
    margin-bottom: 0;
}
.all-mySwiper-3 .items .left{
    width: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.all-mySwiper-3 .left img{
    height: 100%;
    width: auto;
}
.all-mySwiper-3 .l-r-btn{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-right: 13%
}
.all-mySwiper-3 .all-hover{
    position: inherit;
    width: 56px;
    height: 56px;
    background-image: linear-gradient(36deg, 
    #84bcd2 0%, 
    #4c93ff 100%);
    border-radius: 24px;
    margin-right: 8px;
    margin-top: 0;
    color: #333333;
    transition: all .6s;
}
.all-mySwiper-3 .all-hover:hover{
    background-image: linear-gradient(36deg, 
    #84bcd2 0%, 
    #4c93ff 100%);
    color: transparent;
    -webkit-background-clip: text;
    box-shadow: 0px 20px 40px 0px rgba(76, 147, 255, 0.1);    transition: all .6s;
}

.all-mySwiper-3 .prev-3::after{
    content: "\f054";
    font-family: 'Cmsfont';
    font-size: 20px;    transition: all .4s;
}
.all-mySwiper-3 .next-3::after{
    content: "\f053";
    font-family: 'Cmsfont';
    font-size: 20px;    transition: all .4s;
}
.all-mySwiper-3 .mySwiper-3{
    margin-bottom: 55px;
}

.team-laboratory{margin-top: 100px;}
.team-laboratory .top-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.team-laboratory .col-md-3{
    padding-left: 15px;
    padding-right: 15px;
    transition: all .6s;
}
.team-laboratory .col-md-3:hover{
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
.team-laboratory .row{
    margin-left: -15px;
    margin-right: -15px;
}

/*factory-paper*/
.factory-paper{
    margin-bottom: 200px;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.factory-paper .all-h2{
    font-size: 40px;
    line-height: 56px;
    color: #102247;
    font-family: 'Archivo';
    font-weight: 500;
}

.factory-paper .top .h2{
    margin-bottom: 35px;
    text-align: center;
}
.factory-paper .top .box{
    font-size: 20px;
    line-height: 32px;
    color: #878787;
}
.factory-paper .top .box p{
    margin-bottom: 15px;
}
.factory-paper .top .box p:last-child{
    margin-bottom: 0px;
}
.factory-paper .all-mySwiper-3 .container-xl{
    padding-left: auto;
    margin-left: auto;
    padding-right: auto;
    max-width: var(--max);

}
.factory-paper .all-mySwiper-3 .items{
    height: inherit;
}
.factory-paper .all-mySwiper-3 .right{
    padding: 85px 15px 50px 30px;
}
.factory-paper .all-mySwiper-3 .right .text{
    color: #878787;
}
.factory-paper .all-mySwiper-3 .l-r-btn {
    padding-right: 0;
    justify-content: center;
}

.factory-paper .all-mySwiper-3 .right{background-color: transparent;width: 100% !important;  padding: 46px 15px 25px 30px; }
.factory-paper .all-mySwiper-3 .items .left{width: 100% !important;border-radius: 10px;}
.factory-paper .all-mySwiper-3 .items .left img{border-radius: 10px;}
.factory-paper .all-mySwiper-3 .items{display: block;}


@media(max-width:1650px){
    .all-mySwiper-3 .left{width: 45%;}
    .all-mySwiper-3 .right {right: 55%;padding: 35px 15px 35px 30px;}
}
@media(max-width:1600px){
    .all-mySwiper-3 .right .h5{font-size: 23px;}
    .all-mySwiper-3 .right .text{font-size: 19px;line-height: 30px;}
    .factory-paper .all-mySwiper-3 .container-xl{padding-right: 15px;margin-left: auto;padding-left: 15px;}
}
@media(max-width:1500px){
    .all-mySwiper-3 .right .h5 {margin-bottom: 20px;}
    .all-mySwiper-3 .right p {margin-bottom: 10px;}
}
@media(max-width:1400px){
    .all-mySwiper-3 .left{width: 40%;}
    .all-mySwiper-3 .right{width: 60%;}
    .all-mySwiper-3 .items {height: 320px;}
}
@media(max-width:1300px){
    .all-mySwiper-3 .right .h5{font-size: 22px;}
    .factory-paper .all-mySwiper-3 .right .h5{font-size: 20px;}
    .all-mySwiper-3 .right .text{font-size: 18px;}
}
@media(max-width:1200px){
    .all-mySwiper-3 .items {height:inherit;}
    .all-mySwiper-3 .left{width: 50%;}
    .all-mySwiper-3 .left img{width: 100%;height: auto;}
    .all-mySwiper-3 .right{width: 50%;padding: 50px 15px 50px 30px;}
    .all-mySwiper-3 .right .h5{font-size: 24px;margin-bottom: 25px;}
    .all-mySwiper-3 .right .text{font-size: 20px;line-height: 32px;}
    .all-mySwiper-3 .right p {margin-bottom: 15px;}
    .all-mySwiper-3 .container-xl{padding-right: 15px;padding-left: 15px;}
}

.factory-paper .col-md-6{
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 55px;
}
.factory-paper .row{
    margin-bottom: -55px;
}
.factory-paper .all-bottom-box .list .h5{
    font-size: 24px;
}
.factory-paper .all-bottom-box .list .text-box{
    padding-right: 37px;
}


/*cap-paper*/
.cap-paper .all-h2{
    font-size: 40px;
    line-height: 56px;
    color: #102247;
}
.cap-paper>.top .text{
    font-size: 20px;
    line-height: 32px;
    color:#878787;
    width: 70%;
    margin-bottom: 25px;
}
.cap-paper>.top .a a{
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    color: var(--public-color);
    position: relative;
   padding-left: 5px;
cursor: default;
}
/* .cap-paper>.top .a a::after{
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--public-color);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width .6s;
}*/
/* .cap-paper>.top .a a:hover::after{
    width: 0;
} */
.cap-paper>.top .a {
    padding-left: 5px;
}
.cap-product{
    padding-top: 170px;
    background: url(../../images/cap-back-2.jpg) no-repeat right 400px top 0;
    margin-bottom: 170px;
}
.cap-product .container-xl{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cap-product .h2 {
    font-weight: 500;
    margin-bottom: 50px;
}
.cap-product .h2 span{
    font-family: 'Archivo';
    font-weight: 600;
}
.cap-product .text{
    font-size: 20px;
    line-height: 30px;
    color: #878787;
    margin-bottom: 55px;
}
.cap-product .text p{
    margin-bottom: 15px;
}
.cap-product .text:last-child{
    margin-bottom: 0;
}
.cap-product .left{
    width:47%;
}
.cap-product .right{
    width: 46%;
}
.cap-lab{
    margin-bottom: 107px;
}
.cap-lab .top{
    display: flex;
    justify-content: space-between;
    margin-bottom: 88px;
}
.cap-lab .left{
    width: 30%;
}
.cap-lab .right{
    width: 46%;
    font-size: 20px;
    line-height: 32px;
    color: #878787;
}
.cap-lab .h2{
    margin-bottom: 25px;
    font-weight: 500;
}
.cap-lab .h2 span{
    font-family: 'Archivo';
    font-weight: 600;
}
.cap-lab .bottom .container-xl{
    max-width: 1820px;
}
.cap-asp{
    background-color: #f7f9fc;
    background-size: 35%;
}
.cap-asp .items{
    display: flex;
    justify-content: space-between;
    align-items:flex-end;
    margin-bottom: 33px;
}
.cap-asp .items:last-child{
    margin-bottom: 0;
}
.cap-asp .h2{
    font-weight: 500;
    margin-bottom: 45px;
}
.cap-asp .h2 span{
    font-family: 'Archivo';
    font-weight: 600;
}
.cap-asp .text{
    font-size: 20px;
    line-height: 32px;
    color: #878787;
    margin-bottom: 50px;
}
.cap-asp .text p{
    margin-bottom: 15px;
}
.cap-asp .text p:last-child{
    margin-bottom: 0px;
}
.cap-asp .items:nth-child(odd) .left{
    padding-bottom: 42px;
}
.cap-asp .items:nth-child(odd) .box{
    position: absolute;
    bottom: 0px;
    right: 298px;
}
.cap-asp .items:nth-child(even) .left{
    padding-bottom: 64px;
}
.cap-asp .items:nth-child(even) .box{
    position: absolute;
    bottom: 0px;
    right: 28px;
}
.cap-asp .box{
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    font-family: 'Archivo';
    padding: 25px 20px 25px 35px;
    /* background-image: linear-gradient(49deg, 
		rgba(99, 163, 255, 0.8) 0%, 
		rgba(50, 133, 250, 0.8) 0%, 
		rgba(0, 102, 245, 0.8) 0%, 
		rgba(182, 220, 255, 0.8) 50%, 
		rgba(114, 190, 255, 0.8) 100%), 
	linear-gradient(36deg, 
		#84bcd2 0%, 
		#4c93ff 100%); */
        background-color: var(--public-color);
	background-blend-mode: normal, 
		normal;
        border-radius: 16px 16px 16px 32px;
        display: inline-block;
}
.cap-asp .box .p2{
    font-family: 'Poppins';
}
.cap-asp{
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px;
    padding-top: 105px;
}
.cap-asp .container-xl{
    max-width: 1690px;
    padding-left: 0;
    margin-left: 0;
}
.cap-asp .left img{
    border-radius: 0px 32px 32px 0px;
}
.cap-asp .left{
    width:50%;
    position: relative;
}
.cap-asp .right{
    width:44%;
}
.a.all-a-1{
    display: inline-flex;
    align-items: flex-end;
}
.all-a-1 a{
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
    line-height: 32px;
    color: #102247;
    margin-right: 7px;
    z-index: 0;
}
.all-a-1 a::after{
    content: "";
    width: 100%;
    height: 10px;
    background-color: var(--public-color);
    position: absolute;
    bottom: 2px;
    left: 0;z-index: -1;
    transition:width .6s;
}
.all-a-1 a:hover{
    color: var(--public-color);
}
.all-a-1 a:hover::after{
    width: 0;
}
.all-a-1 .qian{display: inline-block;}
.all-a-1 .shen{display: none;}
.all-a-1:hover .shen{display: inline-block;}
.all-a-1:hover .qian{display: none;}

.cap-cust{
    padding-top: 120px;
    margin-bottom: 168px;
}
.cap-cust .top .h2{
    font-weight: 500;
    margin-bottom: 30px;
    text-align: left;
}
.cap-cust .h2 span{
    font-family: 'Archivo';
    font-weight: 600;
}
.cap-cust .top{
    display: flex;
    justify-content: space-between;
    margin-bottom: 95px;
}
.cap-cust .right .text{
    font-size: 20px;
    line-height: 32px;
    color: #878787;
    margin-bottom: 30px;
}
.cap-cust .right .a{
    padding-left: 19px;
}
.cap-cust .right .a a{
    font-size: 20px;
    line-height: 32px;
    color: var(--public-color);
    position: relative;
}
.cap-cust .right .a a::after{
    content: "";
    width:100%;
    height: 1px;
    background-color: var(--public-color);
    position: absolute;
    bottom: 2px;
    left: 0;
    transition: width .6s;
}
.cap-cust .right .a a:hover::after{
    width: 0;
}
.cap-cust .right{
    width: 51%;
}
.cap-cust .left{
    width: 40%;
    margin-bottom: 15px;
}
.cap-cust .list:last-child{
    margin-right: 0;
}
.cap-cust .list{
    display: flex;
    margin-right: 60px;
  }
  .cap-cust .list .img img{border-radius: 16px;}
.cap-cust .list .img{
    border-radius: 16px;
    /* width: 45%; */
    /* width: 310px; */
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    box-shadow: 0px 4px 21px 0px 
		rgba(21, 84, 164, 0.11);
}
.cap-cust .list .box{
    background-color: #f7fafc;
	border-radius: 0px 16px 16px 0px;
    /* padding-left: 33px;
    padding-right: 33px; */
    font-size: 18px;
    line-height: 28px;
    color: #102247;
    font-family: 'Archivo';
    width: 55%;
    /* width: 310px; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.cap-cust .bottom{
    display: flex;
    justify-content: space-between;
}
/* .cap-cust .list.active{width: 49%;}
.cap-cust .list{width: 24.5%;}
.cap-cust .list.active .box{display: flex;text-align: center;} */
.cap-cust .list.active .img{box-shadow:none;}
.cap-cust .list .box{display: none;}
/* .cap-cust .list.fadeOut{
    animation:pulse;
    animation-duration: 2s;
} */

/*develop-paper*/
.develop-paper .all-h2{
    font-size: 40px;
    line-height: 56px;
    font-weight: 500;
}
.develop-paper .h2 span{
    font-family: 'Archivo';
    font-weight: 600;
}
.develop-paper .top{
    margin-bottom: 55px;
}
.develop-paper .top .text{
    width: 75%;
    font-size: 20px;
    line-height: 32px;
    color: #252525;
}
.develop-paper .top .text p{
    margin-bottom: 15px;
}
.develop-paper .top .text p:last-child{
    margin-bottom: 0px;
}
.develop-economic{
    position: relative;
    padding-top: 60px;
    margin-bottom: 90px;
}
.develop-economic::after{
    background-color: #f6f7f8;
    position: absolute;
    content: "";
    width: 100%;
    height: 460px;
    top: 0;
    z-index: -1;
}
.develop-economic::before{
    content: url(../../images/develop-back-1.png);
    position: absolute;
    top: 70px;
    left: 21px;
}
.develop-economic .h2{
    margin-bottom: 40px;
}
.develop-economic .h5{
    font-size: 24px;
    line-height: 32px;
    color: var(--public-color);
    font-weight: 500;
    margin-bottom: 20px;
}
.items .text{
    font-size: 20px;
    line-height: 32px;
    color: #878787;
}
.items .container-xl{
    display: flex;
    justify-content: space-between;
    /* align-items: flex-end; */
}
.develop-economic .left{
    width:53%;
}
.develop-economic .right{
    width: 42%;
    padding-top: 48px;
    z-index: 1;
    position: relative;
}
.develop-economic .right img{
    border-radius: 24px;
}
.develop-taking{
    position: relative;
    z-index: 1;
}
.develop-taking .container-xl{
    flex-direction: row-reverse;
    align-items: center;
}
.develop-taking .left{
    width: 46%;
}
.develop-taking .h2{
    margin-bottom: 40px;
}
.develop-taking .right{
    width: 48%;
}
.develop-taking .right img{
    border-radius: 239px;
}
.develop-taking .text p{
    margin-bottom: 15px;
}
.develop-taking .text p:last-child{
    margin-bottom: 0px;
}
.middle{
    position: relative;
    padding-bottom: 122px;
}
.middle::after{
    content: url(../../images/develop-back-2.png);
    position: absolute;
    bottom: -100px;
    right: 0;
}
.develop-environmental{
    margin-bottom: 170px;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.develop-environmental .container-xl{
    flex-direction: column;
}
.develop-environmental .container-xl:nth-child(1){
    margin-bottom: 80px;
}
.develop-environmental .container-xl:nth-child(2){
    max-width: 1660px; 
    padding-right: 48px;
    margin-right: 0;
}
.develop-environmental .h2{
    margin-bottom: 35px;
}
.develop-environmental .list p{
    color: #ffffff;
    font-size: 20px;
    line-height: 28px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: url(../../images/environmental-back-1.png) no-repeat;
    background-size: contain;
    margin-right: 22px;
}
.develop-environmental .h5{
    font-size: 20px;
    line-height: 32px;
    color: #102247;
    font-family: 'Archivo';
    font-weight: 500;
}
.develop-environmental .text{
    font-size: 16px !important;
    line-height: 28px !important;
    color: #252525;
}
.develop-environmental .container-xl>.text{
    font-size: 20px;
    line-height: 32px;
    color: #878787;
}
.develop-environmental .list{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.develop-environmental .box{
    background-color: #f5f5f5;
    padding-top: 30px;
    padding-left: 48px;
    padding-right: 30px;
    padding-bottom: 30px;
height:225px
}
.develop-environmental .mySwiper-4{
    margin-bottom: 35px;
}
.develop-environmental .btn-box{
    /* position: relative; */
    display: flex;
    align-items: center;
}
.develop-environmental .all-hover{
    width: 56px;
	height: 56px;
	background-image: linear-gradient(36deg, 
		#00f5b3 0%, 
		#b4d9fc 100%);
	border-radius: 24px;
    position: relative;
    margin-top: 0;
    right:inherit;
    left:inherit;
    margin-right: 8px;
    color: #fff;
    transition: all .6s;
}
.develop-environmental .all-hover:hover{
    color: #102247;;
}
.develop-environmental .prev-4::after{
    content: "\f105";
    font-family: 'cmsfont';    font-size: 26px;
}
.develop-environmental .next-4::after{
    content: "\f104";
    font-family: 'cmsfont';font-size: 26px;
}
.develop-environmental .l-r-btn{
    display: flex;
}
.develop-environmental .pagination-4{
    position: relative;
    /* background-color: #b4d9fc; */
    height: 8px;
    border-radius: 4px;
    display: flex;
    overflow: hidden;
    margin-left: 9px;
    width: 100%;
    left: 0;
    bottom: 0;
}
.develop-environmental .pagination-4::after{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #f5f5f5;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: -1;
}
.develop-environmental .swiper-pagination-bullet{
    overflow: hidden;
    background-color: transparent;
    /* display: none; */
    height: 8px;
    width: 116px;
}
.develop-environmental .swiper-pagination-bullet-active{
    background-image: linear-gradient(36deg, 
		#00f5b3 0%, 
		#b4d9fc 100%);
	border-radius: 4px;
    height: 8px;
    width: 116px;
    /* display: block; */
}

@media(max-width:1690px){
    .develop-environmental .container-xl:nth-child(2){margin-right: 0;padding-right: 15px;}
}
@media(max-width:1300px){
.develop-environmental .list p{margin-right:10px}
}
@media(max-width:1415px){
.develop-environmental .box{height:245px}
}
@media(max-width:1200px){
.develop-environmental .box{height:auto}
}

/*contract-paper*/
.contract-paper{
    margin-bottom: 180px;
}
.contract-paper .all-text{
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
}
.contract-paper .all-h5{
    font-size: 24px;
    line-height: 32px;
    color: var(--public-color);
    font-weight: 500;
    font-family: 'Archivo';
}
.contract-paper .box-1{
    margin-bottom: 80px;
    font-family: 'Archivo';
}
.contract-paper .box-1 .text-1{
    margin-bottom: 100px;text-align: center;
}
.contract-paper .box-1 .h2{font-size: 40px;line-height: 52px;    color: #102247;
    font-family: 'Archivo';
    text-align: center;
    font-weight: 600;
    margin-bottom: 40px;
}

.contract-paper .text-2{
    display: flex;
    justify-content: space-between;
}
.contract-paper .text-2 .left{
    width: 47%;
}
.contract-paper .text-2 .right{
    width: 47%;
}
.contract-paper .box-2 .h5{
    margin-bottom: 50px;
}
.contract-paper .box-2 .content{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.contract-paper .box-2 .left{
    width: 47%;
}
.contract-paper .box-2 .right{
    width: 47%;
} 
.contract-paper .top {
    position: relative;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.contract-paper .box-2 .text{
    font-weight: normal;
    margin-bottom: 75px;
    color: #252525;
}
.contract-paper .box-2  span{
    font-weight: 600;
    color: #102247;
    font-family: 'Archivo';
}
.contract-paper .bottom .h5{margin-bottom: 70px;}
.contract-paper .bottom .content{position: relative;padding-left: 65px;}
.contract-paper .bottom{
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.contract-paper .all-product .mySwiper-2{
    padding-bottom: 105px;
}

.contract-paper .container-xl.max-1780px{
    max-width: 1740px;
    padding-right: 0;
    margin-right: 0;
}
.contract-paper .container-xl.max-1780px .next-2::after{display: none;}
.contract-paper .container-xl.max-1780px .next-2 {color: #102247;margin-top: 0;top: 37%;}
.contract-paper .container-xl.max-1780px .next-2:hover{color: var(--public-color);}
.contract-paper .all-product .img{
    box-shadow:none;
    padding: 15px 15px 0 15px;
}
.contract-paper .all-product a.list{
    box-shadow: 0px 4px 21px 0px 
		rgba(21, 84, 164, 0.11);
    height: 100%;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
}
.contract-paper .all-product .list p{
    background-color: #fff;
    font-size: 22px;
    line-height: 32px;
    color: var(--public-color);
    padding: 15px;
    text-align: left;
    align-items: flex-start;
    /* height: 30%;
    overflow: hidden; */
    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-product a.list:hover p{
    background-color: var(--public-color);
    color: #fff;
    border-radius: 4px;

}
.contract-paper .all-product .mySwiper-2 .swiper-slide{
    height: auto !important;
}
.contract-paper .fint-out-1{margin-bottom: 80px;}
.find-out-more .h2{
    font-size: 40px;
    line-height: 40px;
    color: #102247;
    font-family: 'Archivo';
    text-align: center;
    font-weight: 600;
    margin-bottom: 50px;
}
.find-out-more .h5{
    font-size: 20px;
    line-height: 28px;
    color: #102247;
    font-family: 'Archivo';
    font-weight: 600;
    padding-left: 32px;
    margin-bottom: 30px;
}
.find-out-more .box{
    display: flex;
}
.find-out-more .img img{
    border-radius: 8px;
}
.find-out-more .small-img{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-right: 6px;
    width: 5%;
}
.find-out-more .zhu{
    width: 95%;
}
.find-out-more .mySwiper-5{
    margin-bottom: 35px;
}
.find-out-more .btn-box.container-xl{
    max-width: var(--max);
    padding-left: 25px;
    padding-right: 15px;
    margin-right: auto;
}
.find-out-more .btn-box .pagination-5{
    position: relative;
    width: 100%;
    height: 8px;
	background-color: #f7fafc;
	border-radius: 4px;
    display: flex;
    margin-left: 25px;
    left: 0;
    bottom: 0;
}
.find-out-more .pagination-5 .swiper-pagination-bullet{
    flex: 1;
    height: 8px;
    border-radius: 4px;
    background: transparent;
}
.find-out-more .pagination-5 .swiper-pagination-bullet-active{
	background-color: #7bb0fa;
	border-radius: 4px;
    position: relative;display: flex;align-items: center;
}
.find-out-more .content{
    position: relative;
}
.find-out-more .content .l-r-btn{
    position: absolute;
    left: 0;
    top: 40%;

    display: flex;
    flex-direction: column;
}
.find-out-more .all-hover{
    position: relative;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-color: #00f5b3;
    color: #102247;
    margin-top: 0;
    margin-bottom: 10px;
    border-radius: 4px;
    transition: all .6s;
}
.find-out-more .all-hover:hover{
    color: #fff;
}
.find-out-more .all-hover::after{
    content: " ";
}
.find-out-more .next-5::after{
    content: "\f104";
    font-family: 'cmsfont';
    font-size: 30px;
}
.find-out-more .prev-5::after{
    content: "\f105";
    font-family: 'cmsfont';
    font-size: 30px;
}
.find-out-more .list{
    display: block;
}
.find-out-more .list:hover .h5{
    color: var(--public-color);
}
.find-out-more .list .fu{
    display: none;
}
.find-out-more .list:hover .fu{
    display: block;
    animation: bounce;
    animation-duration: 1s;
}
.find-out-more .list .img{
    display: block;  
    border-radius: 8px;
    overflow: hidden;  
    width: 95%;
}

@media(max-width:1640px){
    .all-product .list .box {font-size: 20px;}
}
@media(max-width:1500px){
    .all-product .list .box {font-size: 18px;line-height: 30px;}
    .all-product .list .p {height: 90px;}
}


/*about-paper*/
.about-paper{margin-bottom:125px;position:relative;max-width:1920px;overflow:hidden;margin-left:auto;margin-right:auto}
.about-paper>.top{margin-bottom:75px}
.about-paper>.top .content{display: flex;justify-content: space-between;}
.about-paper>.top .box{width:50%;}
.about-paper>.top .img{margin-bottom: 20px;}
.about-paper>.top .img img{border-radius: 15px;}
.about-paper>.top .box-img{width: 45%;}
.about-paper>.top .h2{font-size:40px;line-height:56px;color:#2c2c2c;font-family:'Archivo';font-weight:600;margin-bottom:60px}
.about-paper>.top .text{font-size:20px;line-height:32px;color:#878787;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}
.about-paper>.middle .back-img{margin-top:-65px;width:96%;float:right;padding-right:51px}
.about-paper>.middle{padding-top:60px;background-size:cover;position:relative;padding-bottom:180px;background-color: #eff2f7;margin-left:auto;margin-right:auto}
.about-paper>.middle::after{content:url(../../images/about-back-4.png);position:absolute;bottom:0;right:0;z-index:0}
.about-paper>.middle::after{content:" "}
.about-paper>.middle .big-img{display:flex;justify-content:space-between;align-items:center;margin-bottom:90px;position:relative;z-index:1}
.about-paper>.middle .bog-img .img:first-child{margin-right:42px;display:block}
.about-committed{display:flex;justify-content:space-between;background:url(../../images/about-back-3.png) no-repeat left 37% top 0px;padding-bottom:145px;padding-top:35px;margin-bottom:0px}
.about-committed .h6{font-size:16px;line-height:22px;color:var(--public-color);font-family:'Archivo';margin-bottom:20px}
.about-committed .h2{font-size:40px;line-height:48px;font-family:'Archivo';font-weight:500;color:#102247;letter-spacing:-1.5px}
.about-committed .left{width:45%}
.about-committed .right{font-size:20px;line-height:32px;color:#878787;padding-top:29px;width:50%}
.about-committed .right p{margin-bottom:20px}
.about-committed .right p:last-child{margin-bottom:0}
.about-items{display:flex;justify-content:space-between}
.about-items .list:hover{background-color:#00f5b3;box-shadow:0px 4px 21px 0px rgba(21,84,164,0.11)}
.about-items .list:hover .img{background-color:#fff}
.about-items .list{background-color:#f7faff;box-shadow:0px 4px 21px 0px rgba(21,84,164,0.11);border-radius:16px;padding:36px 15px 37px 30px;width:calc(calc(100% - 32px * 3) / 4);transition:all .6s;}
.about-items .list .h5{font-size:24px;line-height:32px;color:#102247;font-family:'Archivo';font-weight:600;margin-bottom:55px}
.about-items .list .img{width:108px;height:108px;background-color:rgba(0,102,245,0.5);border-radius:50px;display:flex;align-items:center;justify-content:center;margin-bottom:35px;transition:all .6s}
.about-items .list p:first-child{font-size:56px;line-height:32px;color:var(--public-color)}
.about-items .list p:last-child{font-size:18px;line-height:28px;color:#9a9a9a;margin-bottom:-10px;margin-top:18px}
.about-world{margin-bottom:132px;margin-top:120px}
.about-world .content{display:flex;justify-content:space-between;position:relative}
.about-world .h2{font-size:40px;line-height:56px;font-weight:600;font-family:'Archivo';margin-bottom: 30px;}
.about-world .h2 span{display: block;}
/* .about-world .h2 span::after{content:"";width:100%;height:27px;background-color:var(--public-color);position:absolute;bottom:16px;left:0;z-index:-1} */
.about-world .left{width:43%}
.about-world .right{width:49%}
.about-world .right .img.l-y{width:34px;height:31px;position:absolute;left:-50px;top:-35px}
.about-world .right .r-y{width:34px;height:31px;margin-left:40px;margin-top:15px;display:inline-block;transform:rotate(180deg)}
.about-world .text{font-size:18px;line-height:32px;color:#878787;position:relative;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word;margin-bottom:27px}
.about-world .text p{margin-bottom:20px}
.about-world .text p:last-child{margin-bottom:0}
.about-world .right>.img{display:flex;justify-content:flex-end}
.about-govermance{padding-bottom:87px}
.about-govermance .container-xl{display:flex;justify-content:space-between;align-items:center}
.about-govermance .h2{font-size:40px;font-weight:600;line-height:56px;color:#102247;margin-bottom:25px;font-family:'Archivo'}
.about-govermance .text{font-size:18px;line-height:32px;color:#878787;margin-bottom:60px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}
.about-govermance .left{width:39%}
.about-govermance .right{width:57%}
.about-sust{background-color:var(--public-color);margin-bottom:127px;padding:100px 0 40px}
.about-sust .h2{font-size:40px;line-height:52px;color:#fff;font-family:'Archivo';font-weight:normal;margin-bottom:40px}
.about-sust .h2 span{font-weight:500}
.about-sust .text{font-size:16px;line-height:28px;color:#fefefe;margin-bottom:100px}
.about-sust .left{width:54%;padding-left:70px;position:relative;z-index:1}
.about-sust .more-8{border-color: #fff;background-color: var(--public-color);color: #fff;}
.about-sust .more-8:hover{background-color: #fff;color: var(--public-color);}
/* .about-sust .left::before{content:url(../../images/about-12.png);position:absolute;left:-55px;top:-90px;z-index:-1} */
.about-sust .right{width:38%;padding-right:65px;position:relative}
/* .about-sust .right::after{content:url(../../images/about-13.png);position:absolute;left:-200px;top:-140px;z-index:0} */
.about-sust .right img{border-radius:45px;margin-bottom:-24px;position:relative;z-index:1}
.about-sust .container-xl{display:flex;justify-content:space-between}


/*service-paper*/
.service-paper{
    position: relative;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.service-paper>.top .h2{
    font-size: 40px;
    line-height: 56px;
    color: #102247;
    font-family: 'Archivo';
    font-weight: 600;
    margin-bottom: 30px;
}
.service-paper>.top .text{
    font-size: 20px;
    line-height: 32px;
    color: #252525;
    width: 75%;
    margin-bottom: 80px;
}
.service-paper>.top .text p{
    margin-bottom: 15px;
}
.service-paper>.top .text p:last-child{
    margin-bottom: 0px;
}
.service-paper>.top .text-1{
    display: flex;
    justify-content: space-between;
}
.service-paper>.top .text-1 p{
    font-size: 20px;
    line-height: 32px;
}
.service-paper>.top .text-1 .left p{
    font-family: 'Archivo';
    font-weight: 600;
}
.service-paper>.top .text-1 .left .h2{
    font-size: 40px;
    line-height: 56px;
    color: #102247;
}
.service-paper>.top .text-1 .left .h2 span{
    font-family: 'Archivo';
    font-weight: 600;
}
.service-paper>.top .text-1 .right p{
    color: #252525;
    margin-bottom: 15px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.service-paper>.top .text-1 .right p:last-child{
    margin-bottom: 0px;
}
.service-paper>.top .text-1 .left{
    width: 45%;
}
.service-paper>.top .text-1 .right{
    width: 50%;
}
.service-paper>.top .big-box{
    /* padding-right: 170px; */
    width: 70%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.service-com{
    padding-bottom: 157px;
    position: relative;
    padding-top: 100px;
    margin-bottom: 22px;
}
.service-com .h6{
    font-size: 20px;
    line-height: 32px;
    color: #102247;
    font-weight: 500;
    font-family: 'Archivo';
    text-align: center;
    margin-bottom: 10px;
}
.service-com .h2{
    font-size: 40px;
    line-height: 56px;
    color: #102247;
    font-weight: 600;
    font-family: 'Archivo';
    text-align: center;
    margin-bottom: 35px;
}
.service-com .container-xl>.text{width: 77%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 70px;}
.service-com .content{
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}
.service-com .content .list{
    width: calc(calc(100% - 40px * 2) / 3);
    transition: all .6s;
    position: relative;
}
.service-com .content img{
    border-radius: 8px;
}
.service-com .list p{
    /*color: #102247;*/
    color: var(--public-color);
    font-size: 24px;
    line-height: 32px;
    font-family: 'Archivo';
    font-weight: 500;
    padding-left: 32px;
    margin-bottom: 35px;
    transition: all .6s;
    height: 65px;
}
.service-com .list:hover p{

}
.service-com .list .box{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: flex-end;

    background-image: linear-gradient(0deg, #accbee 20%, rgba(231,240,253,.3) 38%);
    height: 100%;
    width: 100%;
    opacity: 1;
}
.service-com .list:hover .box{

}
/*.service-com .list .shen{display: none;}
.service-com .list:hover .shen{display: block;}
.service-com .list .qian{display: block;}
.service-com .list:hover .qian{display: none;}*/

.service-contact{
    height: 578px;
    background-image: linear-gradient(42deg, 
		#297ef4 0%, 
		var(--public-color) 100%);
	border-radius: 0px 88px 108px 108px;
    display: flex;
    align-items: center;
}
.service-contact .h2{
    font-size: 40px;
    line-height: 56px;
    color: #fff;
    font-family: 'Archivo';
    font-weight: 500;
    margin-bottom: 80px;
}
.service-contact .box-1{
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
}
.service-contact .box-1 .h5{
    font-size: 26px;
    line-height: 32px;
    color: #fff;
    font-family: 'Archivo';
    padding-left: 24px;
    padding-bottom: 16px;
}
.service-contact .text{
    font-size: 16px;
    line-height: 24px;
    color: #eaf7ff;
    margin-bottom: 40px;
}
.service-contact .a a{
    border-radius: 20px;
	border: solid 1px #00f5b3;
    font-size: 20px;
    line-height: 32px;
    color: #00f5b3;
    font-family: 'Archivo';
    font-weight: 500;
    padding: 6px 27px 7px 23px;
    display: flex;
    align-items: center;
    transition: all .6s;
}
.service-contact .a a:hover{
    color: #0f6df5;
    background-color: #00f5b3;
	border-radius: 20px;
	border: solid 1px #00f5b3;
}
.service-contact .a a img{
    padding-right: 10px;
}
.service-contact .a a .qian{display: inline-block;}
.service-contact .a a:hover .shen{display: inline-block;}
.service-contact .a a .shen{display: none;}
.service-contact .a a:hover .qian{display: none;}

.service-contact .content{
    display: flex;
    justify-content: space-between;
}
.service-contact .list{
    width: calc(calc(100% - 90px * 2) / 3);
}
.service-contact .it{
    height: 265px;
}


.service-blog{
    padding-top: 108px;
    padding-bottom: 173px;
}
.service-blog .container-xl{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.service-blog .left{
    width: 45%;
}
.service-blog .right{
    width: 50%;
}
.service-blog .h2{
    font-size: 40px;
    line-height: 56px;
    color: #17274a;
    font-weight: 500;
    font-family: 'Archivo';
    margin-bottom: 20px;
}
.service-blog .text{
    font-size: 20px;
    line-height:32px;
    color: #878787;
    margin-bottom: 58px;
}
.service-blog ul{
    font-size: 20px;
    line-height: 20px;
    color: #252525;
    padding-left: 48px;
    margin-bottom: 50px;
}
.service-blog ul li{
    margin-bottom: 17px;
}
.service-blog ul .list:last-child{
    margin-bottom: 0px;
}

.service-more{
    display: flex;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 215px;
}
.service-more .h4{
    font-size: 24px;
    line-height: 28px;
    color: #102247;
    text-align: center;
    margin-bottom: 20px;
}
.service-more .h4 span{
    font-family: 'Archivo';
    font-weight: 600;
}
.service-more .text{
    font-size: 16px;
    line-height: 32px;
    color: #878787;
    text-align: center;
    margin-bottom: 40px;
}
.service-more .a a{
    border-radius: 16px;
	border: solid 1px var(--public-color);
    font-size: 18px;
    line-height: 28px;
    color: var(--public-color);
    padding: 2px 30px;
    transition: all .6s;
}
.service-more .box:hover a{
    background-color: var(--public-color);
    color: #fff !important;
}
.service-more .img{
    position: relative;
}
.service-more .big-box{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    text-align: center;
}
.service-more .box{
    background-color: #fff;
    border-radius: 24px 24px 0px 0px;
    padding:50px 40px 54px 40px;
    width: 39%;
    margin: auto;
    position: relative;
}
.service-more .box::after{
    content: "";
    width: 100%;
    height: 16px;
	background-color: var(--public-color);
	border-radius: 0px 0px 16px 16px;
    position: absolute;
    bottom: -16px;
    left: 0;
}
/* .service-more .img:last-child{
    padding-top: 52px;
} */
@media(max-width:1680px){
    .service-more .box{width: 368px;height: auto;}
    .service-more .h4 {font-size: 22px;line-height: 26px;}
    .service-more .text {font-size: 16px;line-height: 28px;margin-bottom: 25px;}
}
@media(max-width:1500px){
    .service-more .box{padding: 34px 35px 34px 35px;}
    
}
@media(max-width:1390px){
    .service-contact .box-1 .h5{font-size: 24px;line-height: 30px;}
    .service-contact .text {font-size: 15px;line-height: 23px;}
}
@media(max-width:1300px){
    .service-paper>.top .text-1 .left .h2{font-size:39px;line-height: 55px;}
    .service-contact .box-1 .h5{margin-bottom: 0;}
    .service-more .box {width: 335px;padding: 20px 25px 20px 25px;}
}
@media(max-width:1260px){
    .service-paper>.top .text-1 .right{width: 48%;}
    .service-paper>.top .text-1 .left{width: 47%;}
}
@media(max-width:1210px){
    .service-paper>.top .text-1 .right{width: 47%;}
    .service-paper>.top .text-1 .left{width: 48%;}
}


/*certificate-paper*/
.certificate-paper{
    margin-bottom: 170px;
}
.certificate-paper .items{
    background-color: #ffffff;
	box-shadow: 1px 2px 9px 1px 
		rgba(1, 30, 74, 0.13);
	border-radius: 5px;
    padding: 22px 10px 15px 10px;
}
.certificate-paper .items:hover p{
    color:var(--public-color) ;
}
.certificate-paper .img img{
    border-radius: 5px;
}
.certificate-paper .img{
    border-radius: 5px;
}
.certificate-paper p{
    font-size: 16px;
    line-height: 19px;
    color: #404040;
    text-align: center;
    padding-top: 15px;
}
.certificate-paper .col-md-3{
    margin-bottom: 42px;
    padding-left: 6px;
    padding-right: 6px;
}
.certificate-paper .row{
    margin-left: -6px;
    margin-right: -6px;
    margin-bottom: -42px;
    padding-bottom: 85px;
}




/*product-detail*/
.product-detail .all-h2{
    font-size: 40px;
    line-height: 22px;
    color: #041319;
    font-family: 'Archivo';
    font-weight: bold;
}
.product-detail .detail-top{
    background-color: var(--public-color);
    /* padding-bottom: 109px; */
    padding-top: 100px;
    position: relative;
    z-index: 1;
}
/*  */
.product-detail .detail-top .top-1{
    display: flex;
    justify-content: space-between;
}
.product-detail .detail-top .top-1 .left{
    width: 45%;
    padding-bottom: 20px;
    padding-top: 30px;
    display: flex;
    flex-direction: column;
}
.product-detail .detail-top .top-1 .left .small-box{
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    /*padding-left: 33px;*/
}
.product-detail .detail-top .top-1 .small-box p{display: flex;align-items: flex-start;margin-bottom: 15px;}
/*.product-detail .detail-top .top-1 .small-box p::before{
    content: "";
    width: 12px;
    height: 12px;
    background-color: #00f5b3;
    border-radius: 1px;
    display: inline-block;
    margin-right: 7px;
    margin-top: 8px;
}*/
.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: 40px;
    line-height: 52px;
    font-weight: bold;
    margin-bottom: 55px;
    color: #fff;
    font-family: 'Archivo';
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.product-detail .detail-top .top-1 .left .text{
    color:#666666;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 20px;
}
.product-detail .left .box .d3{transition: all .6s;}
.product-detail .left .box .d3:hover img{transform: scale(1.1);}
.product-detail .left .box .d2{
    font-size: 16px;
    line-height: 53px;
    color: #fff; 
    margin-right: 15px;
}
.product-detail .detail-top .top-1 .left .down{font-size: 21px;line-height: 32px;
    color: #fff;margin-top:40px;}
.product-detail .detail-top .top-1 .left .down p{margin-left:30px;}
.product-detail .detail-top .top-1 .left .down a{color: #fff;text-decoration:underline;}

.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:hover{background-color: #fff;}
.product-detail .detail-top .top-1 .left .box .d1 a{
    min-width: 215px;
	height: 56px;
padding: 0 15px;
	background-color: var(--public-color);
	border-radius: 16px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    font-family: 'Rubik-SemiBold';
    border: 3px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .6s;
}
.product-detail .left .share{
    font-weight: bold;
    display: inline-flex;
    align-items: flex-start;
    margin-top: 89px;
    margin-bottom: 63px;
}
.product-detail .left .share ul{
    display: flex;
    align-items: flex-start;
}
.product-detail .left .share ul li {
    vertical-align: middle;
    align-self: center;
    display: table-cell;
    margin-right: 22px;
}
.product-detail .left .share>p {
    margin-right: 10px;
    font-size: 16px;
    line-height: 28px;
    color: #ffffff;
    margin-top: -10px;
    margin-right: 16px;
}

.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>p{
    color:#333333;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    margin-right: 13px;
}
.product-detail .detail-top .top-1 .left ul a{
    width: 23px;
    height: 24px;
    border-radius: 2px;
    color:#fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-detail .detail-top .top-1 .right{
    width: 49%;
    padding-top: -22px;
    height: 100%;
    position: relative;
    padding-right: 55px;
    padding-left: 55px;
}
.product-detail .right .all-hover::after{
    content: "";
}
.product-detail .right .all-hover:hover::after{
    color: #00f5b3;
}
.product-detail .right .next-6::after{
    content: "\f054";
    font-family: 'cmsfont';
    color: #cacaca;
    font-size: 30px;
    transition: all .6s;
}
.product-detail .right .prev-6::after{
    content: "\f053";
    font-family: 'cmsfont';
    color: #cacaca;
    font-size: 30px;
    transition: all .6s;
}
.product-detail .right .swiper-wrapper{
    margin-bottom: -115px;
}
/* .product-detail .right .swiper-slide img{
    box-shadow: 1px 1px 14px 0px 
		rgba(0, 0, 0, 0.11);
	border-radius: 16px;
} */
.product-detail .right .mySwiper-6{
    box-shadow: 1px 1px 14px 0px 
		rgba(0, 0, 0, 0.11);
	border-radius: 16px;
}
.pro-dp img{max-width: 100% !important;
    height: auto !important;}
.pro-dp{
    margin-bottom: 120px;
margin-top:60px
}
.pro-dp .h2{
    margin-bottom: 55px;
    padding-top: 93px;
}
.pro-dp .box-1{
    margin-bottom: 80px;
}
.pro-dp .box-1 .text{
    font-size: 18px;
    line-height: 32px;
    color: #787878;
}
/*.pro-dp .box-1 .text p{
    margin-bottom: 30px;
}*/
.pro-dp .box-1 .text p:last-child{
    margin-bottom: 0px;
}
.pro-dp .box-1 .text p strong{color:#0f1d23}
.pro-dp .box-1 .text p span{
    font-weight: bold;
    color: #041319;
}
.pro-dp .h3{
    font-size: 40px;
    line-height: 32px;
    color: #041319;
    font-family: 'Archivo';
    font-weight: 600;
    margin-bottom: 70px;
}
.pro-dp .h3 span{
    color:#0066f6;
}
.pro-dp .list{
    width: calc(calc(100% - 40px * 2) / 3);
}
.pro-dp .content{
    display: flex;
    justify-content: space-between;
}
.pro-dp .list .a{
    margin-top: 30px;
}
.pro-dp .list .a a{
    font-size: 24px;
    line-height: 32px;
    color: var(--public-color);
    font-family: 'Archivo';
    font-weight: 500;
}
.pro-dp .list:hover a{
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-skip-ink: 2px;
    text-decoration-skip-ink: none;
}
.pro-content{
    background-color: #f6f7f8;
    padding-top: 55px;
    padding-bottom:70px;
}
.pro-content .h2{
    margin-bottom: 75px;
}
.pro-content .list{
    display: block;
}
.pro-content .img{
    border-radius: 16px;
    overflow: hidden;
}
.pro-content .img img{
    border-radius: 16px;
}
.pro-content p{
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    color: #222;
    font-family: 'Archivo';
    text-align: center;
    transition: all .6s;
    text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
margin-top: 20px;
}
.pro-content .list:hover p{
    color: var(--public-color);
}
.pro-content .col-md-3{
    padding-right: 12px;
    padding-left: 12px;
}
.pro-content .row{
    margin-right: -12px;
    margin-left: -12px;
}




.all-top-nav{
    display: flex;
    margin-bottom: 54px;
}
.all-top-nav li{
    margin-right: 16px;
}
.all-top-nav li:last-child{
    margin-right: 0px;
}
.all-top-nav li a{
    font-size: 18px;
    line-height: 21px;
    color: #fefefe;
    background-color: #94b9ed;
	border-radius: 8px;
    padding: 15px 24px 15px 30px;
    transition: all .6s;
}
.all-top-nav li a:hover{
    background-color:var(--public-color);
}
.all-top-nav li a.active{
    background-color:var(--public-color);
}

@media(max-width:1420px){
    .product-detail .detail-top .top-1 .left{padding-top: 60px;}
}


/*news-list*/
.news-list {margin-bottom: 170px;}
.news-list a.items{
    display: block;
}
.news-list .content{
    padding-bottom: 100px;
}
.news-list .row{
    margin-right: -16px;
    margin-left: -16px;
    margin-bottom: -60px;
}
.news-list .col-md-4{
    padding-right: 16px;
    padding-left: 16px;
    margin-bottom: 60px;
}
.news-list .h4{
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    font-family: 'Archivo';
    color: #101010;
    margin-bottom: 10px;
    margin-top: 15px;
    text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.news-list .time{
    font-size: 16px;
    line-height: 19px;
    color: #787878;
}
.news-list .img {
    border-radius: 8px;
    overflow: hidden;
}
.news-list .items .h4{transition: all .6s;}
.news-list .items:hover .h4{
    color: var(--public-color);
}


/*contact-paper*/
.contact-paper{
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.contact-paper .left{
    width: 45%;
}
.contact-paper .right{
    width: 50%;
}
.contact-paper .container-xl{
    display: flex;
    justify-content: space-between;
    margin-bottom: 82px;
}
.contact-paper .left .name{
    font-size: 16px;
    line-height: 30px;
    color: #252525;
    position: relative;

}
.contact-paper .left .name::before{
    content: "";
    width: 15px;
    height: 1px;
    background-color: #00f5b3;
    position: absolute;
    top:0px;
    left: 0;
}
.contact-paper .left .tian{
    font-size: 20px;
    line-height: 40px;
    color: #252525;
    font-weight: 500;
}
.contact-paper .left .c1 a.tian{transition: all .6s;}
.contact-paper .left .c1:hover a.tian{color: var(--public-color);text-decoration: underline;}
/* .contact-paper .left .c1:hover a.tian::after{
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--public-color);
    position: absolute;
    left: 0;
    bottom: 0;    transition: width .6s;
}
.contact-paper .left .c1 a.tian::after{
    content: "";
    width: 0;
    height: 2px;
    background-color: var(--public-color);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: width .6s;
} */
.contact-paper .left .cor-name{
    color: var(--public-color);
}
.contact-paper .left .c1{
    margin-bottom: 30px;
}
.contact-paper .right .h2{
    font-size: 40px;
    line-height: 22px;
    color: #102247;
    font-family: 'Archivo';
    font-weight: 600;
    margin-bottom: 35px;
}
.contact-paper .right .text{
    font-size: 16px;
    line-height: 24px;
    color: #878787;
    padding-left: 1px;
    margin-bottom: 37px ;
}

.contact-paper .content input,
.contact-paper .content textarea{
    border-radius: 8px;
    border: solid 1px #bec7d3;
    background-color: #f5f7fa;
    padding:15px;
}
.contact-paper .content input::placeholder,
.contact-paper .content textarea::placeholder{
    font-size: 16px;
    line-height: 37px;
    color: #a4a4a4;
    font-weight: 500;
    font-family: 'Archivo';
}
.contact-paper .content .form-group {
    margin-bottom: 32px;
    padding-left: 0;
    padding-right: 24px;
}
.contact-paper .content .form-row:last-child{
    margin-top: 0px;
}
.contact-paper .content .form-feedback .btn {
    font-size: 18px;
    line-height: 23px;
    color: #fff;
    font-family: 'Archivo';
    width: 188px;
	height: 48px;
    border-radius: 8px;
    background-color: var(--public-color);
    transition: ease-in-out .4s;
    border: 2px solid var(--public-color);
}
.contact-paper .content .form-feedback .btn:hover{
    background-color: #fff;
    color:var(--public-color);
}
/* .contact-paper .content .form-control {
    color: #b0a9a9;
} */
.form-row>.col, .form-row>[class*="col-"]{
    padding-left: 0;
}


/*faq-paper*/
.faq-paper{
    margin-bottom:120px;
}
.faq-paper .small-img{padding-left: 5px;}
.faq-paper .right-box{padding-bottom: 60px;}
.faq-paper .faq-paper-xl{
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}
.faq-paper .faq-paper-xl .left{
    width: 25%;
}
.faq-paper .faq-paper-xl .left .h2{
    font-size: 72px;
    line-height: 72px;
    color: var(--public-color);
    font-weight: bold;    
    font-family: 'Archivo';
    margin-top: 30px;
    margin-bottom: 15px;
}
.faq-paper .faq-paper-xl .left .text{
    font-size: 16px;
    line-height: 24px;
    color: #878787;
}

.faq-paper .faq-paper-xl .right{
    width: 65%;
}
.faq-paper .right .items{
    cursor: pointer;
    box-shadow: 4px 7px 35px 8px 
		rgba(19, 19, 19, 0.07);
	border-radius: 8px;
    margin-bottom: 16px;
    padding-top: 25px;
}
.faq-paper .right .items .quen-q{
    font-size: 20px;
    line-height: 32px;
    color:#303030;
    font-weight: 600;
    display:flex;
    justify-content: space-between;
    padding-left: 24px;
    padding-right: 27px;
    padding-bottom: 20px;
}
.faq-paper .right .items .quen-a{
    font-size: 16px;
    line-height: 28px;
    color:#303030;
   padding-top: 25px;
   padding-left: 24px;
   width: 83%;
   padding-bottom: 35px;
}
.faq-paper .right .items .up{
    display: none;    
}
.faq-paper .right .items .up,
.faq-paper .right .items .down{
    font-size: 20px;
    transition: all 0.6s ease-in-out;
}
.faq-paper .right .items.active .up{
    display: block;
    color: var(--public-color);
}
.faq-paper .right .items.active .down{
    display: none;
}
.faq-paper .right .items.active .quen-q{
    border-bottom: 1px solid #d9e2ef;
}



/*news-in-paper*/
.news-in-paper{
    /* background-color: #f9f9f9; */
    padding-bottom: 105px;
    margin-bottom: 80px;
}
.news-in-paper .main-top{
    display: flex;
    justify-content: space-between;
}
.news-in-paper .main-top .article{
    width: 65%;
}
.news-in-paper .main-top .aside{
    width: 27%;
}
.news-in-paper .main-top .article .h1{
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    color: #2c2c2c;
    margin-bottom: 40px;
}
.news-in-paper .main-top .article .type{
    display: flex;
    font-size: 16px;
    line-height: 27px;
    color:#6c6c6d;
    margin-bottom: 45px;
}
.news-in-paper .main-top .article .date{
    margin-right: 23px;
}
.news-in-paper .main-top .article .author span{font-weight: 600;}
.news-in-paper .main-top .article .content{
    font-size: 16px;
    line-height: 28px;
    color: #606064;
}
.news-in-paper .main-top .article img{width: 100% !important;height: auto !important;margin-bottom: 30px;}
.news-in-paper .main-top .article .content p{
    margin-bottom: 20px;
}
.news-in-paper .main-top .article .content p:last-child{
    margin-bottom: 0px;
}
.news-in-paper .main-top .article .box-tail{
    margin-top: 130px;
    display: flex;
}
.news-in-paper .main-top .article .box-tail a.tail:last-child i:first-child{margin-left: 10px;}
.news-in-paper .main-top .article .box-tail a.tail i{
    font-size: 10px;
}
.news-in-paper .main-top .article .box-tail a.tail{
    display: block;
    color: #5c5b5c;
    margin-right: 33px;
    padding: 10px;
    border: 1px solid #dddddd;
    font-size: 16px;
    line-height: 16px;
    transition: all .6s;
    /* color: #a4a4a4;; */
}
.news-in-paper .main-top .article .box-tail a.tail:hover{
    background-color:var(--public-color);
    color: #fff;
}
.news-in-paper .main-top .aside .items-1{
    background-color: #f6f7f8;
	border-radius: 8px;
    padding: 24px 58px 20px 32px;
}
.news-in-paper .main-top .aside .items{
    margin-bottom: 50px;
}
.news-in-paper .main-top .aside .items:last-child{
    margin-bottom: 0px;
}
.news-in-paper .main-top .aside .items ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.news-in-paper .main-top .aside .items ul li{
    margin-bottom: 20px;width: 60%;
}
.news-in-paper .main-top .aside .items ul li:nth-child(even){
    display: flex;
    justify-content: flex-end;
    width: 35%;
}
.news-in-paper .main-top .aside .items ul li:last-child{
    margin-bottom: 0px;
    padding-right: 39px;
}
.news-in-paper .main-top .aside .items ul li a{color: #2c2c2c;font-size: 16px;line-height: 17px;}
.news-in-paper .main-top .aside .items ul li a:hover{
    color:var(--public-color);
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px; /*下划线的高度*/
}
.news-in-paper .main-top .aside .items ul li a.active{
    color:var(--public-color);
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
}
.news-in-paper .main-top .aside .h2{
    font-size: 24px;
    line-height: 22px;
    font-weight: bold;
    color: #101010;
    margin-bottom: 40px;
    font-family: 'Archivo';
}
.news-in-paper .main-top .aside .list{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.news-in-paper .main-top .aside .list:last-child{
    margin-bottom: 0;
}
.news-in-paper .main-top .aside .list .date{
    font-size: 16px; 
    line-height: 27px;
    color: #6c6c6d;
    margin-bottom: 13px;
    
}
.news-in-paper .main-top .aside .list .h5{
    font-size: 16px;
    line-height: 24px;
    color: #2c2c2c;
    font-weight: 500;
    margin-bottom: 15px;
    transition: all .6s;
    display: block;
}
.news-in-paper .main-top .aside .list:hover .h5{
    color: var(--public-color);
}
.news-in-paper .main-top .aside .list .a a.sty{
    font-size: 12px;
    line-height: 21px;
    color: #333333;
    font-weight: bold;
    
}
.news-in-paper .main-top .aside .p-list{
    background-color: #ffffff;
    margin-bottom: 10px;
}
.news-in-paper .main-top .aside .p-list a.img{
    display: flex;
    /* padding-top: 50px;
    padding-bottom: 20px; */
    justify-content: center;
    overflow: hidden;
    background-color: #f6f7f8;
	border-radius: 16px;
}
.news-in-paper .main-top .aside .p-list a.img img{ mix-blend-mode: multiply;}
.news-in-paper .main-top .aside .p-list .box{
    padding-top: 15px;
    /* padding-left: 30px; */
    padding-bottom: 15px;
    position: relative;
    transition: background-color .4s;
    background-color: transparent;
}
.news-in-paper .main-top .aside .p-list .box a.h6{
    font-size: 20px;
    line-height: 32px;
    color: #222222;
    font-weight: 600;
    font-family: 'Archivo';
}



.news-in-paper .main-top .aside .list .a a.sty img{width: 18px;height: 18px;margin-top: -5px;margin-left: 7px;}
.news-in-paper .main-top .aside .list:hover a.sty{
    color: #94252d;
}
.news-in-paper .main-top .aside form input,
.news-in-paper .main-top .aside form textarea{
    background-color: rgba(244, 244, 244, .6);
	border-radius: 2px;
    border: 0;
}
.news-in-paper .main-top .aside form .form-control{
    color: #999;
}
.news-in-paper .main-top .aside form .form-control::placeholder{
    font-size: 14px;
    line-height: 21px;
    color: #999999;
    
}
.news-in-paper .main-top .aside form .btn-box .btn{
    margin-top: 15px;
    font-size: 12px;
    line-height: 21px;
    font-weight: bold;
    width: 201px;
	height: 41px;
	background-color: #94252d;
	border-radius: 2px;
}
.news-in-paper .main-top .aside .h3{
    font-size: 24px;
    line-height: 42px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 40px;
}
.news-in-paper .main-top .aside-quote{
    background-color: #ffffff;
	box-shadow: 0px 0px 20px 0px 
		rgba(0, 0, 0, 0.1);
	border-radius: 10px;
    padding: 45px 40px 30px 40px;
}
.news-in-paper .main-top .aside-quote .form-row>.col,
.news-in-paper .main-top .aside-quote .form-row>[class*="col-"] {
    padding: 0;
}
.news-in-paper .main-top .aside-quote .form-group{
    margin-bottom: 10px;
}
.news-in-paper .main-bottom{
    margin-top: 110px;
}
.news-in-paper .main-bottom .h2{
    font-size: 32px;
    line-height: 56px;
    color: #333;
    font-weight: bold;
    margin-bottom: 85px;
    margin-top: 23px;
}
@media(max-width:1410px){
    .news-in-paper .main-top .aside .items-1 {padding-right: 30px;}

}

/*news-blog*/
.news-list-blog .items{
    display: flex;
    justify-content: space-between;
    padding-bottom: 60px;
    border-bottom: 1px solid #b6cae7;
    padding-top: 41px;
}
.news-list-blog .items:hover .h5{
    color: var(--public-color);
}
.news-list-blog .left{
    width: 69%;
}
.news-list-blog .left .time{
    font-size: 16px;
    line-height: 32px;
    color: #101010;
    border-radius: 4px;
	border: solid 1px #00f5b3;
    display: inline-block;
    padding: 0 15px;
    margin-bottom: 20px;
}
.news-list-blog .left .h5{
    font-size: 20px;
    line-height: 32px;
    color: #101010;
    font-weight:bold;
    font-family: 'Archivo';
    margin-bottom: 10px;
    transition: all .6s;
    display: block;
}
.news-list-blog .left .text{
    font-size: 16px;
    line-height: 28px;
    color: #878787;
    margin-bottom: 40px;
    text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.news-list-blog .left .a{
    padding-left: 36px;
}
.news-list-blog .left .a a{
    font-size: 16px;
    line-height: 24px;
    color: var(--public-color);
    font-family: 'Archivo';
    font-weight: 600;
}
.news-list-blog .left .a a i{
    transition: all .6s;
    padding-left: 7px;
}
.news-list-blog .left .a a:hover i{
    padding-left: 20px;
}
.news-list-blog .right{
    width: 24%;
    display: block;
}
.news-list-blog .right img{
    border-radius: 16px;
}
.news-list-blog .content{
    padding-bottom: 105px;
}
.news-list-blog{
    margin-bottom: 170px;
}

@media(max-width:1450px){
    .all-bottom-box.row,.factory-paper .all-mySwiper-3 .row{margin-left:-15px;margin-right: -15px;}
    .all-bottom-box .col-md-4,.factory-paper  .all-mySwiper-3 .col-md-4{padding-right: 15px;padding-left: 15px;}
      .cap-asp .items:nth-child(odd) .box{right: 30%;}
    .banner .banner-text{padding-top: 0px;padding-bottom: 0px;}
    .index-banner.banner>img {height: auto;width: 100%;}
    .index-banner.banner{overflow: hidden;}
}
@media(max-width:1420px){
    .about-paper>.middle .back-img{ margin-top: -48px;width: 95%;}
    .about-world .h2 {font-size: 65px;line-height: 80px;}
    .index-items .content .img p {height: 100px;}
}
@media(max-width:1430px){
    .product-detail .detail-top .top-1 .left h1 {font-size: 36px;}
    .product-detail .detail-top .top-1 .left .small-box {font-size: 21px;}
}
@media(max-width:1400px){
    .about-sust .text {margin-bottom: 80px;}
    .about-sust .right img{margin-bottom: 0;}
    .about-sust{padding-bottom: 60px;}
    .find-out-more .h5 {font-size:18px;line-height: 26px;}
    .cap-asp .h2 {margin-bottom: 30px;}
    .cap-paper .all-h2 {font-size: 38px;line-height: 54px;}
    .items .text{font-size: 19px;line-height: 30px;}
    .cap-asp .text {margin-bottom: 30px;}
    .cap-asp .box{font-size: 22px;line-height: 30px;}
}
@media(max-width:1350px){
    .cap-cust .list.active {width:45%}
    .cap-cust .list .box{padding-left: 20px;padding-right: 20px;}
    .footer .list:nth-child(2) {width: 23%;}
    .product-detail .detail-top {padding-top: 50px;padding-bottom: 50px;}
}
@media(max-width:1300px){
    .about-world .text{font-size: 19px;line-height: 31px;}
    .index-about .box-2 .img {margin-right: 25px;}
    .develop-environmental .box {padding-left: 30px;padding-right: 25px;}
    .p-l-content .row{margin-left: -15px;margin-right: -15px;}
    .p-l-content .col-md-4{padding-left: 15px;padding-right: 15px;}
}
@media(max-width:1250px){
    .about-paper>.middle .back-img{ margin-top: -30px;}
    .about-world .h2 {font-size: 60px;line-height: 70px;}
    .about-world .left {padding-top: 30px;}
}
@media(max-width:1230px){
    .about-world .left {padding-top: 65px;}
}
@media(max-width:1200px){
    .about-world .container-xl{align-items: center;}
    .about-world .left {padding-top: 0px;}
    .find-out-more .h5{text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;}
    .index-about .box-2{flex-wrap: wrap;}
    .p-l-syringe .list{margin-top: 5%;}
    .p-l-syringe {overflow: hidden;}
    .product-detail .detail-top .top-1 .left {padding-top: 20px;}
}



@media(max-width:768px){
.product-detail .detail-top .top-1 .left .down{font-size: 16px;line-height: 24px;margin-top:20px;}
.product-detail .detail-top .top-1 .left .down p{margin-left:10px;}

.footer .footer-logo{margin-left:auto;margin-right:auto}
/*banner*/
.all-banner.banner .banner-text h1{padding-left: 0 !important;}
.index-banner.banner>img{height: 250px;}
.index-banner.banner .banner-text{z-index: 1;}
.banner>img{height: 150px;}
.banner .banner-text{align-items: center;}
.banner .banner-text{padding: 0;}
.banner .banner-text .h6{font-size: 14px;line-height: 20px;}
.banner .banner-text h1 {font-size: 16px !important;line-height: 24px !important;}
.banner .banner-text .h1{font-size: 16px !important;line-height: 24px !important;padding-left: 0px !important;}
.banner .banner-text .text{font-size: 14px;line-height: 20px;width: 100%;margin-bottom: 30px;}
.banner.index-banner h1 {margin-bottom: 25px}
.banner .a a.f-s {font-size: 18px;line-height: 26px;padding: 8px 20px;}
.banner .a{display: block;}
.base-banner h1{margin-bottom: 0;}
.banner .banner-text .box h1 {font-size: 24px !important;line-height: 32px !important;margin-bottom: 15px;}
.all-banner.banner .container-xl{position: relative;}


/*.small-nav*/
.small-nav{padding-top: 15px;padding-bottom: 15px;}
.small-nav ul a {font-size: 14px;line-height: 20px;}



/*index*/
.index-paper{margin-top: 30px;}
.index-about .container-xl{flex-direction: column;}
.index-about .left{width: 100%;}
.index-about .left .h2{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
.index-about .left .text{font-size: 14px;line-height: 20px;width: 70%;}
.index-about .left .box-1{margin-bottom: 25px;}
.index-about .left::before{content: "";background: url(../../images/i-about-5.png) no-repeat top  right;background-size: contain;height: 200px;width: 30%;display: block;right: 0px;top: 10px;}
.index-about .box-2 .img{padding-right: 15px;margin-right: 0;width: 20%;}
.index-about .box-2 .img img{width: 100%;height: auto;}
.index-about .right{width: 100%;}
.index-about .right .a{justify-content: flex-start;margin-bottom: 25px;margin-top: 20px;}
.index-about .right .a a {font-size: 16px;line-height: 24px;}
.index-about .right .text{font-size: 14px;line-height: 20px;}
.index-about .right .text p {margin-bottom: 10px;}
.index-items{padding-top: 30px;}
.index-items .top{flex-wrap: wrap;}
.index-items .top a.list{width: 100%;padding: 15px;margin-bottom: 25px;}
.index-items .top a.list:last-child{margin-bottom: 0;}
.index-items .top .h6{font-size: 18px;line-height: 26px;margin-bottom: 10px;}
.index-items .top .text{font-size: 14px;line-height: 20px;}
.index-items .top .text p{margin-bottom: 10px;}
.index-items .top .img {margin-bottom: 10px;}
.index-items .top .img img{width: 13%;height: auto;}
.index-items .top{margin-bottom: 0px;}
.index-items .bottom{padding-bottom: 30px;}
.index-items .h2 {font-size: 20px;line-height: 28px;margin-bottom: 20px;}
.index-items .content .img p{font-size:14px;line-height:20px;background-color:rgba(0,102,245,.2);font-size:12px;line-height:15px;position:absolute;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;height: 100%;}
.index-items .big-img::after{content: "";background:  url(../../images/index-work-6.png) no-repeat;background-size: contain;width: 80%;height: inherit;display:block;}
.index-items .big-img{height: 120px;margin-top: -95px;}
.index-laboratory .top .a{margin-bottom: 10px;}
.index-laboratory .top span{    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;}
.index-laboratory {padding-top: 30px;height: auto;padding-bottom: 0px;}
.index-laboratory .top {margin-bottom: 30px;flex-wrap: wrap;}
.index-laboratory .h2{font-size: 20px;line-height: 28px;width: 100%;margin-bottom: 20px;}
.index-laboratory .h2 span{position: inherit;display: inline;top: 0;line-height: 28px;}
.index-laboratory .top .a a {font-size: 16px;margin-top: 0;}
.index-laboratory .bottom .box-2{font-size: 14px;line-height: 20px;padding-left: 0;text-align: center;}
.index-laboratory .mySwiper-1 .swiper-wrapper {padding-bottom: 25px;}
.index-laboratory .mySwiper-1 .l-r-btn {width: 45%;margin-left: 25%;}
.index-product{padding-top: 30px;padding-bottom: 30px;}
.index-product .h2{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
.index-product .text{font-size: 14px;line-height: 20px;}
.all-product .top {width: 100%;margin-bottom: 20px;}
.all-product .next-2 {font-size: 30px;margin-top: 0;}
.index-product .content{padding-left: 0;}
.all-product .mySwiper-2{padding-left: 5px;padding-right: 5px;padding-top: 5px;padding-bottom: 30px;}
.index-product .container-xl.max-1780px{padding-right: 15px;margin-right: auto;}
.index-product .mySwiper-2 .pagination-2{left: 0;bottom: 0;}
.index-product .mySwiper-2 .swiper-pagination-bullet{background-color: var(--public-color);opacity: .2;}
.index-product .mySwiper-2 .swiper-pagination-bullet-active{opacity: 1;}
.all-product .list p {font-size: 16px;line-height: 24px;}
.index-service{padding-top: 30px;}
.index-service .top{flex-direction: column;margin-bottom: 30px;}
.index-service .left{width: 100%;margin-bottom: 20px;}
.index-service .h6{line-height: 24px;margin-bottom: 5px;}
.index-service .h2{font-size: 20px;line-height: 28px;}
.index-service .top .right{font-size: 14px;line-height: 20px;width: 100%;}
.index-service .content{margin-bottom: 25px;}
.index-service .content .items{width: 100%;margin-bottom: 25px;}
.index-service .content .items:last-child{margin-bottom: 0;}
.index-service .content .items:nth-child(odd){padding-top: 0px;}
.index-service .bottom .box{padding: 15px;height: inherit;}
.index-service .bottom .h5 {font-size: 19px;line-height: 27px;margin-bottom: 10px;}
.index-service .bottom .h5::before {font-size: 20px;}
.index-service .bottom .text{font-size: 14px;line-height: 20px;}
.index-service .a a{font-size: 16px;line-height: 24px;padding: 10px 20px;}
.index-service{padding-bottom: 30px;}
.index-news{padding-top: 30px;padding-bottom: 30px;}
.index-news .container-xl{flex-direction: column;gap: 25px;}
.index-news.all-news .left{flex-direction: row;margin-bottom:0;}
.all-news .left{width: 100%;margin-bottom: 25px; display: flex;align-items: flex-end;justify-content: space-between;padding-right:20px;;flex-wrap: wrap;}
.all-news .left .h2 {font-size: 20px;line-height: 28px;margin-bottom: 0;}
.all-news .right{width: 100%;}
.all-news .time{line-height: 20px;}
.all-news .right .title{line-height: 28px;}
.all-news .i-btn {height: 40px;width: 40px;}
.all-news .list {padding-bottom: 15px;}

.every-footer .container-xl{flex-direction: column;}
.every-footer .left{width: 100%;}
.every-footer .h2{font-size: 20px;line-height: 28px;letter-spacing: 0px;text-align: center;}
.every-footer .text{font-size: 14px;line-height: 20px;margin-bottom: 25px;text-align: center;}
.every-footer .a a{height: 42px;font-size: 16px;line-height: 16px;}
/* .every-footer::after{content: "";background: url(../../images/every-footer.png) no-repeat;background-size: cover;width: 100%;height: inherit;} */
.every-footer{height: 300px;margin-bottom: 0;}

/*footer*/
.footer{padding-top: 30px;padding-bottom: 30px;line-height: inherit;}
.footer>.container-xl{flex-direction: column;}
.footer .left{width: 100%;margin-bottom: 20px;}
.footer .left .text{font-size: 14px;line-height: 20px;}
.footer .right{width: 100%;flex-wrap: wrap;}
.footer .list {width: 100% !important;margin-bottom: 15px;}
.footer .list:nth-child(1) li,.footer .list:nth-child(2) li{margin-bottom:10px}
.footer .h6{font-size: 20px;line-height: 28px;margin-bottom: 20px;}
.footer a{font-size: 14px;line-height: 20px;}
.footer .list:last-child i {font-size: 16px;padding-top: 2px;}
.footer>.container-xl {padding-bottom: 15px;}

/*about-paper*/
.about-paper>.top{padding-top: 15px;margin-bottom: 15px;}
.about-paper>.top .box{width: 100%;margin-bottom: 20px;}
.about-paper>.top .h2{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
.about-paper>.top .text{font-size: 14px;line-height: 20px;}
.about-paper>.top .box-img{display: none;}
.about-paper>.top .img{margin-bottom: 0;}
.about-paper>.top .img:first-child{margin-right: 20px;}
.about-paper::after{display: none;}
.about-paper>.middle{padding-top: 15px;background: none;background-color: #eff2f7;}
.about-paper>.middle .big-img {margin-bottom: 0;}
.about-committed{padding-top: 25px;flex-direction: column;background: url(../../images/about-back-3.png) no-repeat right 0% bottom 0px;background-size: 35%;padding-bottom: 75px;margin-bottom: 0px;}
.about-committed .left{width: 100%;}
.about-committed .h6{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
.about-committed .h2{font-size: 20px;line-height: 28px;letter-spacing: 0;}
.about-committed .right{font-size: 14px;line-height: 20px;width: 100%;padding-top: 20px;}
.about-committed .right p {margin-bottom: 10px;}
.about-items{flex-wrap: wrap;}
.about-items .list{width: 49%;padding: 15px;height: inherit;margin-bottom: 25px;}
.about-items .list .img{width: 70px;height: 70px;margin-bottom: 15px;}
.about-items .list .img img{width: 60%;height: auto;}
.about-items .list .h5 {font-size: 18px;line-height: 26px;margin-bottom: 15px;}
.about-items .list p:first-child{font-size: 26px;line-height: 32px;}
.about-items .list p:last-child{line-height: 24px;font-size: 16px;margin-bottom: 0;margin-top: 10px;}
.about-paper>.middle {padding-bottom: 0;}
.about-world{margin-top: 15px;margin-bottom: 15px;}
.about-world .left{width: 100%;}
.about-world .h2{position:relative;text-align: center;font-size: 20px;font-weight: 600;line-height: 28px;left: 0;letter-spacing: 0;transform:translateY(0);margin-bottom: 15px;}
.about-world .h2 span::after{bottom: 0;height: 24px;}
.about-world .h2 span::before{bottom: 0;}
.about-world .content{display: flex;flex-wrap: wrap;}
.about-world .h2 span {width: 100%;}
.about-world .right{width: 100%;}
.about-world .text{font-size: 14px;line-height: 20px;margin-bottom: 0;}
.about-world .text p{margin-bottom: 10px;}
.about-world .left .img{margin-bottom: 15px;}
.about-world .text p:nth-of-type(1){text-indent: 2.5em;}
.about-world .right .img.l-y{left: 0;top: -10px;width: 25px;height: 25px;}
.about-world .right .r-y{width: 25px;height: 21px;margin-left: 35px;}
.about-world .right .img:nth-of-type(2){display: none;}
.about-govermance .container-xl{flex-wrap: wrap;flex-direction: column-reverse;}
.about-govermance{padding-top: 15px;padding-bottom: 15px;}
.about-govermance .h2{font-size: 20px;line-height: 28px;margin-bottom: 10px;}
.about-govermance .text{font-size: 14px;line-height: 20px;margin-bottom: 25px;}
.about-govermance .a.all-a a span {font-size: 16px;line-height: 24px;}
.about-govermance .left{width: 100%;}
.about-govermance .right {width: 100%;}
.about-sust{padding-top: 15px;padding-bottom: 15px;}
.about-sust .container-xl{flex-direction: column-reverse;}
.about-sust .left{width: 100%;padding-left: 0px;}
.about-sust .h2{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
.about-sust .text{font-size: 14px;line-height: 20px;margin-bottom: 25px;}
.about-sust .left::before{content: "";background: url(../../images/about-12.png) no-repeat center;left: 0;top: 0;background-size: contain;width: 100%;height: -webkit-fill-available;}
.about-sust{margin-bottom: 0px;}
.about-sust .right{width: 100%;padding-right: 0;margin-bottom: 15px;}
.find-out-more .h2{font-size: 20px;line-height: 28px;margin-bottom: 30px;}
.find-out-more .h5{font-size: 14px;line-height: 20px;margin-bottom: 15px;}
.find-out-more .all-hover {width: 35px;height: 35px;}
.find-out-more .prev-5::after {font-size: 22px;}
.find-out-more .next-5::after {font-size: 22px;}
.find-out-more .content {padding-left: 55px;}
.find-out-more .content .l-r-btn {top: 30%;}
.find-out-more .btn-box.container-xl{padding-left: 55px;padding-right: 45px;}
.find-out-more .container-xl{padding-right: 15px;margin-right: auto;}
.find-out-more .mySwiper-5 {margin-bottom: 25px;}
.find-out-more{padding-top: 15px;}
.find-out-more .h2 {margin-bottom: 12px;}
.about-paper {margin-bottom: 30px;}

/*.quality-paper*/
.quality-paper{margin-bottom: 30px;}
.assurance-paper .quality-product{margin-top: 0;}
.assurance-paper>.top{padding-bottom: 0px;}
.quality-paper>.top .box{width: 100%;font-size: 14px;line-height: 20px;}
.quality-advanced .bottom.container-xl{flex-direction: column;}
.quality-advanced .left{width: 100%;margin-bottom: 15px;}
.assurance-paper .quality-advanced .right{width: 100%;}
.assurance-paper .quality-advanced .h2{font-size: 20px;line-height: 28px;margin-bottom: 20px;margin-bottom: 12px;}
.assurance-paper .quality-advanced .text{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
.assurance-paper .quality-advanced .h5{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
.quality-advanced::before{display: none;}
.quality-advanced .bottom.container-xl{padding-left: 15px;margin-left: auto;}
.quality-advanced {margin-bottom: 90px;}
.assurance-paper .all-top-box .h2{font-size: 20px;line-height: 28px;}
.assurance-paper .all-top-box{margin-bottom: 25px;}
.all-bottom-box .list .h5 {font-size: 16px;line-height: 24px;}
.all-bottom-box .list .text{font-size: 14px;line-height: 20px;}

/*.team-paper*/
.team-paper{margin-bottom: 30px;}
.team-paper .top .h2{font-size: 20px;line-height: 28px;margin-bottom: 10px;}
.team-paper .top .box{font-size: 14px;line-height: 20px;width: 100%;}
.team-paper .col-md-3{padding-right: 7px;padding-left: 7px;margin-bottom: 25px;width: 49%;}
.team-paper .row{margin-right: -7px;margin-left: -7px;margin-bottom: -25px;}
.team-paper .img{display: block !important;}
.team-paper .position{font-size: 16px;line-height: 24px;}
.team-paper .po-name{font-size: 18px;line-height: 26px;}
.team-paper .list-a {padding-right: 15px;}
.team-paper .content {padding-top: 30px;padding-bottom: 30px;}
.team-paper .name{padding: 5px;}

/*..develop-paper*/
.develop-paper .top .text{width: 100%;font-size: 14px;line-height: 20px;}
.develop-paper .top .text p{margin-bottom: 10px;}
.develop-paper .top{margin-bottom: 15px;}
.middle{padding-bottom: 30px;}
.develop-economic{padding-top: 15px;margin-bottom: 30px;}
.develop-paper .all-h2{font-size: 20px;line-height: 28px;margin-bottom: 10px;}
.develop-economic .left{width: 100%;}
.items .container-xl{flex-direction: column-reverse;}
.develop-economic .right{width: 100%;margin-bottom: 15px;padding-top: 15px;}
.develop-economic .h5{font-size: 16px;line-height: 24px;}
.develop-economic .items .text{font-size: 14px;line-height: 20px;}
.develop-taking .right{width: 100%;margin-bottom: 15px;}
.develop-taking .left{width: 100%;}
.develop-taking .text{font-size: 14px;line-height: 20px;}
.develop-environmental .container-xl{flex-direction: column;}
.develop-environmental .container-xl>.text{font-size: 14px;line-height: 20px;}
.develop-environmental .container-xl:nth-child(1){margin-bottom: 25px;}
.develop-environmental .mySwiper-4{margin-bottom: 25px;}
.develop-environmental .all-hover{width: 45px;height: 45px;}
.develop-environmental{margin-bottom: 30px;}

/*certificates-paper*/
.certificate-paper .img{display: block !important;}
.certificate-paper .col-md-3{width: 49%;margin-bottom: 25px;padding-left: 7px;padding-right: 7px;}
.certificate-paper .row{margin-bottom: -25px;margin-left: -7px;margin-right: -7px;padding-bottom: 25px;}
.certificate-paper{margin-bottom: 30px;}

/*cap-paper*/
.cap-paper>.top .text{font-size: 14px;line-height: 20px;width: 100%;}
.cap-paper>.top .a a{font-size: 14px;line-height: 20px;}
.cap-paper>.top .a{display: flex;}
/* .cap-paper>.top .a img{width: 100%;height: auto;} */
.cap-product{padding-top: 30px;margin-bottom: 30px;}
.cap-product .container-xl{flex-direction: column;}
.cap-product .left{width: 100%;margin-bottom: 15px;}
.cap-product .right{width: 100%;}
.cap-paper .all-h2{font-size: 20px;line-height: 28px;}
.cap-product .h2{margin-bottom: 10px;}
.cap-product .text{font-size: 14px;line-height: 20px;margin-bottom:20px;}
.cap-product .text p{margin-bottom: 10px;}
.cap-lab .top{flex-direction: column;margin-bottom: 20px;}
.cap-lab .left{width: 100%;}
.cap-lab .left .a{position: absolute;bottom: 0;}
.cap-lab .right{width: 100%;font-size: 14px;line-height: 20px;}
.cap-lab{padding-bottom: 50px;margin-bottom: 20px;position: relative;}
.cap-lab .h2{margin-bottom: 10px;}
.cap-asp{padding-top: 30px;padding-bottom: 15px;}
.cap-asp .container-xl{padding-left: 15px;margin-left: auto;}
.cap-asp .box{font-size: 14px;line-height: 20px;padding: 15px;position:inherit !important;margin-top: 10px;}
.cap-asp .left{position: inherit;width: 49%;padding-bottom: 0 !important;}
.cap-asp .items{align-items: flex-start;margin-bottom: 20px;}
.cap-asp .left:nth-of-type(2) img{border-radius: 32px 0px 0px 32px;}
.cap-asp .left:nth-of-type(1) .box{border-radius: 16px 16px 32px 16px;}
.cap-asp .right{width: 100%;}
.cap-asp .text{font-size: 14px;line-height: 20px;margin-bottom: 15px;}
.cap-asp .h2 {margin-bottom: 10px;}
.cap-asp .text p{margin-bottom: 10px;}
.cap-asp .all-a-1 a{font-size: 18px;line-height: 26px;}
.cap-asp .all-a-1 a::after {height: 7px;}
.cap-asp .all-a-1 img{mix-blend-mode: multiply;}
.cap-cust{padding-top: 15px;margin-bottom: 30px;}
.cap-cust .top{margin-bottom: 30px;flex-direction: column;}
.cap-cust .left{width: 100%;margin-bottom: 0;}
.cap-cust .right .text{width: 100%;}
.cap-cust .right .text{font-size: 14px;line-height: 20px;}
.cap-cust .right{width: 100%;}
.cap-cust .right .a a{font-size: 14px;line-height: 20px;}
.cap-cust .bottom{margin-bottom: 20px;}
.cap-cust .list{width: 100% !important;margin-bottom: 25px;display: block;margin-right: 15px;}
.cap-cust .list .box{display: none !important;padding-left: 15px;padding-right: 15px;text-align: center;font-size: 14px;line-height: 20px;}
.cap-cust .list:last-child{margin-bottom: 0;}
.cap-cust .list .img{width: 100%;}
.cap-cust .h2{margin-bottom: 15px;}
.cap-cust .right .text {margin-bottom: 15px;}

/*factory-paper*/
.factory-paper .top .h2{font-size: 20px;line-height: 28px;margin-bottom: 10px;}
.factory-paper .top .box{width: 100%;font-size: 14px;line-height: 20px;}
.factory-paper .top .box p{margin-bottom: 10px;}
.all-mySwiper-3{padding-top: 20px;}
.factory-paper .all-mySwiper-3 .right{padding: 15px;}
.all-mySwiper-3 .right .h5{font-size: 18px;line-height: 26px;margin-bottom: 10px;}
.all-mySwiper-3 .right .text{font-size: 14px;line-height: 20px;}
.all-mySwiper-3 .mySwiper-3{margin-bottom: 10px;}
.all-mySwiper-3 .all-hover{width: 45px;height: 45px;}
.all-mySwiper-3{margin-bottom: 30px;}
.factory-paper .all-mySwiper-3 .mySwiper-3 .swiper-pagination{left: 0;bottom: 0;}
.factory-paper .all-mySwiper-3 .mySwiper-3 .swiper-pagination-bullet{background-color: var(--public-color);opacity: .2;}
.factory-paper .all-mySwiper-3 .mySwiper-3 .swiper-pagination-bullet-active{opacity: 1;}
.all-top-box{margin-bottom: 20px;}
.factory-paper .all-h2{font-size: 20px;line-height: 28px;}
.all-top-box .h2{margin-bottom: 10px;}
.all-top-box .text{font-size: 14px;line-height: 20px;width: 100%;}
.factory-paper .all-bottom-box .list .h5{font-size: 14px;line-height: 21px;}
.all-bottom-box .list .img{margin-bottom: 10px;}
.bottom-box .col-md-6{width: 50%;}
.factory-paper .col-md-6 {padding-right: 7px;padding-left: 7px;margin-bottom: 25px;}
.all-bottom-box.row{margin-left: -7px;margin-right: -7px;margin-bottom: -25px;}
.factory-paper{margin-bottom: 30px;}
.factory-paper::before{content: "";}



/*Physical-paper*/
.Physical-paper{margin-bottom: 30px;}
.Physical-paper .all-h2{font-size: 20px;line-height: 28px;}
.Physical-paper .top .box{font-size: 14px;line-height: 20px;width: 100%;}
.Physical-paper .top .h2{margin-bottom: 10px;}
.all-mySwiper-3 .h2{margin-bottom: 20px;}
.all-mySwiper-3 .right{padding: 15px;}
.all-mySwiper-3 .right p{margin-bottom: 10px;}
/* .all-mySwiper-3 .left img {width: 250px;} */
.Physical-paper::before{content: "";}
.all-mySwiper-3 .items .left{width: 100%;background-color: #e4eff6;}
.all-mySwiper-3 .items .right{width:100%;border-radius: 0;}
.all-mySwiper-3 .items{flex-direction: column;}
.team-laboratory .col-md-3 {margin-bottom: 25px;width: 50%;}
.all-mySwiper-3 .l-r-btn{justify-content: center;padding-right:0}

/*.quality-advanced*/
.quality-advanced{margin-bottom: 30px;padding-top: 0;}
.quality-paper>.top .box p{margin-bottom: 10px;}
.quality-advanced .top{flex-direction: column;margin-bottom: 20px;}
.quality-advanced .top .h2{width: 100%;}
.quality-paper .all-h2{font-size: 20px;line-height: 28px;}
.quality-advanced .top .text{font-size: 14px;line-height: 20px;width: 100%;}
.quality-advanced .right{width: 100%;padding-bottom: 0;}
.quality-advanced .h5{font-size: 18px;line-height: 26px;}
.quality-advanced .text{font-size: 14px;line-height: 20px;}
.quality-advanced .right .box:nth-child(2) {margin-bottom: 30px;}
.quality-regulation .top-box{margin-bottom: 20px;}
.quality-product {padding-top: 65px;}
.quality-product::after{transform: translateY(-60px);}


/*.p-l-sol*/
.p-l-sol .container-xl{flex-direction: column;}
.p-l-sol .left{width: 100%;}
.product-list-paper .all-h2{font-size: 20px;line-height: 28px;width: 100%;}
.product-list-paper .all-text{font-size: 14px;line-height: 20px;display: none;}
.p-l-sol .text p{margin-bottom: 10px;}
.p-l-sol .h2 {margin-bottom: 20px;}
.p-l-sol .right{width: 100%;border-radius: 0;}
.p-l-sol {padding-bottom: 30px;}
.p-l-content .h2{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
.p-l-content .text{margin-bottom: 20px;}
.p-l-content {padding-top: 30px;padding-bottom: 30px;margin-bottom: 0px;margin-top: 0;}
.all-product .list p{height: inherit;padding: 15px;}
.p-l-content .row{margin-left: -7px;margin-right: -7px;margin-bottom: -25px;padding-bottom: 0px;}
.p-l-content .col-md-4{padding-right: 7px;padding-left: 7px;margin-bottom: 25px;width: 50%;}
.p-l-syringe{padding-top: 15px;}
.p-l-syringe .h2 {margin-bottom: 5px;}
.p-l-syringe .list{margin-right: 0;margin-bottom: 0px;width: 100%;box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.1);padding: 15px;border-radius: 8px;}
.p-l-syringe .img img{margin-right: 15px;width: 45px;height:auto}
.p-l-syringe .img{margin-bottom: 15px;}
.p-l-syringe .img span{font-size: 18px;line-height: 26px;}
.p-l-syringe .text{font-size: 14px;line-height: 20px;}
.p-l-syringe .list:last-child{margin-bottom: 0;}
.p-l-syringe .content{margin-bottom: 0;padding-bottom: 30px;}
.p-l-care .h2{font-size: 20px;line-height: 28px;margin-bottom: 25px;}
.product-list-paper .all-text{font-size: 14px;line-height: 20px;width: 100%;}
.p-l-care .text p{margin-bottom: 10px;}
.p-l-care {height: 315px;background: url(../../images/p-l-back-3.jpg) no-repeat right;background-size: cover;}
.p-l-items{padding-top: 30px;margin-top: 0;padding-bottom: 30px;}
.p-l-items .right{width: 100%;margin-bottom: 15px;}
.p-l-items .left{width: 100%;}
.p-l-items .h3{font-size: 20px;line-height: 28px;}
.p-l-items .text{margin-bottom: 20px;}
.p-l-items .text p{margin-bottom: 10px;}
.p-l-items .items{margin-bottom: 30px;}
.p-l-items .items:last-child{margin-bottom:0;}
.p-l-items .items:nth-child(even) .container-xl{flex-direction: column-reverse;}
.p-l-items .items:nth-child(even) .container-xl{padding-left: 15px;margin-left: auto;}
.p-l-items .items:nth-child(odd) .container-xl{padding-right:15px;margin-right: auto;}
.p-l-content{background: none;background-color: #eff2f7;}


/*.product-detail*/
.product-detail .detail-top{padding-top: 30px;padding-bottom: 15px;}
.product-detail .detail-top .top-1{flex-direction: column;}
.product-detail .detail-top .top-1 .left{width: 100%;padding-top: 0;}
.product-detail .detail-top .top-1 .left h1{font-size: 22px;line-height: 32px;margin-bottom: 0px;}
.product-detail .detail-top .top-1 .left .small-box{font-size: 14px;line-height: 20px;margin-top: 15px;}
.product-detail .detail-top .top-1 .left .box .d1 a{min-width: 160px;height: 42px;}
.product-detail .detail-top .top-1 .left .box .d1{margin-right: 15px;}
.product-detail .detail-top .top-1 .left .box{margin-top: 0px;margin-bottom: 20px;}
.product-detail .left .share{margin-top: 25px;margin-bottom: 25px;}
.product-detail .detail-top .top-1 .right{width: 100%;}
.product-detail .detail-top::before{bottom: 0;}
.product-detail .right .swiper-wrapper{margin-bottom: 0;}
.pro-dp .h2{font-size: 20px;line-height: 28px;padding-top: 10px;margin-bottom: 15px;}
.pro-dp .box-1 .text{font-size: 14px;line-height: 20px;}
.pro-dp .box-1{margin-bottom: 20px;}
.pro-dp .h3{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
.pro-dp .content{flex-direction: column;}
.pro-dp .list{width: 100%;margin-bottom: 25px;}
.pro-dp .list:last-child{margin-bottom: 0;}
.pro-dp .list .a a{font-size: 16px;line-height: 24px;}
.pro-dp .list .a{margin-top: 15px;}
.pro-dp{margin-bottom: 15px;margin-top:0}
.pro-content{padding-top: 15px;padding-bottom: 15px;}
.pro-content .h2{margin-bottom: 15px;}
.product-detail .all-h2{font-size: 20px;line-height:28px;}
.pro-content p{font-size: 16px;line-height: 24px;margin-top: 10px;}
.pro-content .col-md-3{padding-right: 7px;padding-left: 7px;margin-bottom: 25px;width: 49%;}
.pro-content .row{margin-right: -7px;margin-left: -7px;margin-bottom: -25px;}

/*.service-paper*/
.service-paper::after{content: "";}
.service-paper>.top .text{width: 100%;font-size: 14px;line-height: 20px;margin-bottom: 15px;}
.service-paper>.top .text p{margin-bottom: 10px;}
.service-paper>.top .big-box{padding-right: 0;}
.service-paper>.top .text-1{flex-direction: column;margin-top: 0;}
.service-paper>.top .text-1 .left{width: 100%;}
.service-paper>.top .text-1 .right{width: 100%;}
.service-paper>.top .text-1 p{font-size: 16px;line-height: 24px;}
.service-paper>.top .text-1 .left .h2{font-size: 20px;line-height: 28px;}
.service-com{padding-bottom: 30px;padding-top: 30px;margin-bottom: 0;}
.service-paper>.top .text-1 .right p{margin-bottom: 10px;}
.service-com .h6{font-size: 16px;line-height: 24px;margin-bottom: 5px;}
.service-com .h2{font-size: 20px;line-height: 28px;margin-bottom: 10px;}
.service-com .container-xl>.text{font-size: 14px;line-height: 20px;margin-bottom: 25px;width: 100%;}
.service-com .content{flex-wrap: wrap;}
.service-com .content .list{width: 100%;margin-bottom: 25px;}
.service-com .content .list:last-child{margin-bottom: 0;}
.service-com .list p{font-size: 18px;line-height: 26px;padding-left: 15px;margin-bottom: 15px;height: 45px;padding-right: 15px;}
.service-com .list .qian{display: none;}
.service-com .list .shen{display: block;}
.service-com .list .box{background-image: linear-gradient(0deg, #accbee 20%, rgba(231, 240, 253, .3) 38%);height: 100%;width: 100%;animation: normal;}
.service-com::before{content: "";}
.service-contact .h2{font-size: 20px;line-height: 28px;margin-bottom: 20px;}
.service-contact .content{flex-direction: column;}
.service-contact .list{width: 100%;margin-bottom: 25px;}
.service-contact .list:last-child{margin-bottom: 0;}
.service-contact .box-1 .h5{padding-left: 15px;padding-bottom: 8px;font-size: 18px;line-height: 26px;}
.service-contact .box-1 .img img{width: 100%;height: auto;}
.service-contact .box-1 .img{width: 45px;height: auto;}
.service-contact .text{font-size: 14px;line-height: 20px;margin-bottom: 20px;}
.service-contact .it{height: inherit;}
.service-contact .a a{font-size: 16px;line-height: 24px;padding: 6px 15px 7px 15px;}
.service-contact{height: inherit;padding-top: 15px;padding-bottom: 15px;border-radius:0 50px 50px 50px}
.service-blog{padding-top: 15px;padding-bottom: 15px;}
.service-blog .container-xl{flex-direction: column;}
.service-blog .left{width: 100%;margin-bottom: 15px;}
.service-blog .right{width: 100%;}
.service-blog .h2{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
.service-blog .text{font-size: 14px;line-height: 20px;margin-bottom: 20px;}
.service-blog ul{font-size: 14px;line-height: 20px;padding-left: 15px;margin-bottom: 30px;}
.service-blog ul li{margin-bottom: 10px;}
.service-blog ul li:last-child{margin-bottom: 0;}
.service-more{margin-bottom: 30px;flex-direction: column;}
.service-more .box{width: 75%;padding: 15px;}
.service-more .h4{font-size: 18px;line-height: 26px;margin-bottom: 10px;}
.service-more .text{font-size: 14px;line-height: 20px;margin-bottom: 15px;}
.service-more .a a{padding: 2px 15px;line-height: 26px;}
.service-more .img:first-child{padding-top: 0;margin-bottom: 25px;}
.service-more .img:last-child{padding-bottom: 0;padding-top: 0;}


/*.contract-paper*/
.contract-paper .box-1{margin-bottom: 20px;}
.contract-paper .all-text{font-size: 14px;line-height: 20px;}
.contract-paper .text-1{width: 100%;}
.contract-paper .box-1 .text-1{margin-bottom: 20px;}
.contract-paper .text-2 .left{width: 49%;}
.contract-paper .text-2 .right{width: 49%;}
.contract-paper .all-h5{font-size: 15px;}
.contract-paper .box-2 .h5{font-size: 16px;line-height: 24px;margin-bottom: 15px;}
.contract-paper .box-2 .left{width: 100%;}
.contract-paper .box-2  .right{width: 100%;}
.contract-paper .box-2 .text{margin-bottom: 25px;}
.contract-paper .all-h5{font-size:16px;line-height: 24px;}
.contract-paper .bottom{margin-bottom: 15px;}
.contract-paper .bottom .h5{margin-bottom: 20px;}
.contract-paper .container-xl.max-1780px{padding-right: 15px;margin-right: auto;}
.contract-paper .bottom .content{padding-left: 0;}
.all-product .list .box{font-size: 14px;line-height: 20px;}
.all-product .list .p{height: inherit;}
.contract-paper .pagination-2{left: 0;bottom: 0;}
.contract-paper .all-product .mySwiper-2{padding-bottom: 30px;}
.contract-paper{margin-bottom: 30px;}

/*faq-paper*/
.faq-paper{margin-bottom: 30px;}
.faq-paper .faq-paper-xl{flex-direction: column;}
.faq-paper .faq-paper-xl .left{width: 100%;margin-bottom: 20px;}
.faq-paper .faq-paper-xl .left .h2{font-size: 20px;line-height: 28px;margin-top: 15px;}
.faq-paper .faq-paper-xl .left .text{font-size: 14px;line-height: 20px;}
.faq-paper .faq-paper-xl .right{width: 100%;}
.faq-paper .right .items .quen-q{font-size: 18px;line-height: 26px;padding-left :15px;padding-right: 15px;padding-top: 15px;}
.faq-paper .right .items .quen-a{font-size: 14px;line-height: 20px;padding:15px;width: 100%;}
.faq-paper .right-box{padding-bottom: 20px;}

.all-top-nav{flex-wrap: wrap;margin-bottom: 30px;}
.all-top-nav li a{padding: 15px;font-size: 14px;line-height: 20px;}
.news-list .h4{font-size: 16px;line-height: 24px;overflow: visible;}
.news-list .col-md-4{padding-left: 7px;padding-right: 7px;margin-bottom: 25px;}
.news-list .row{margin-bottom: -25px;margin-left: -7px;margin-right: -7px;}
.news-list .content{padding-bottom: 20px;}
.news-list{margin-bottom: 30px;}


    /*news-in-paper*/
    .news-in-paper{padding-bottom: 30px;}
    .news-in-paper .main-top{flex-direction: column;}
    .news-in-paper .main-top .article{width: 100%;}
    .news-in-paper .main-top .article .h1 {font-size: 22px;line-height: 32px;margin-bottom: 15px;}
    .news-in-paper .main-top .article .type{font-size: 14px;line-height: 20px;margin-bottom: 15px;}
    .news-in-paper .main-top .article .content{font-size: 14px;line-height: 20px;}
    .news-in-paper .main-top .article img{margin-bottom: 0;}
    .news-in-paper .main-top .article .content p {margin-bottom: 10px;}
    .news-in-paper .main-top .article .box-tail{margin-top: 30px;}
    .news-in-paper .main-top .article .box-tail a.tail {font-size: 14px;}
    .news-in-paper .main-top .aside{width: 100%;margin-top: 30px;}
    .news-in-paper .main-top .aside .h2{font-size: 19px;line-height: 27px;margin-bottom: 15px;}
    .news-in-paper .main-top .aside .items ul {display: flex;flex-wrap: wrap;justify-content: center;justify-content: space-between;}
    .news-in-paper .main-top .aside .items ul li{padding-right: 20px;flex: 1;width: auto;}
    .news-in-paper .main-top .aside .items ul li:last-child{padding-right: 0px;}
    .news-in-paper .main-top .aside .items {margin-bottom: 5px;}
    .news-in-paper .main-top .aside .list .date {font-size: 14px;line-height: 20px;}
    .news-in-paper .main-top .aside .list {margin-bottom: 15px;}
    .news-in-paper .main-top .aside .list .h5 {margin-bottom: 6px;}
    .news-in-paper .main-top .aside .p-list a.img{padding-top: 15px;padding-bottom: 15px;}
    .news-in-paper .main-top .aside .p-list .box{padding: 0px;}
    .news-in-paper .main-top .aside .p-list .box p{font-size: 14px;line-height: 20px;}
    .news-in-paper .main-top .aside .p-list .box a.h6{font-size: 16px;line-height: 24px;margin-top: 10px;}
    .news-in-paper .main-top .aside .p-list{width: 48%;}
    .news-in-paper .main-top .aside .items:last-child .content{display: flex;justify-content: space-between;}
    .news-in-paper .main-top .aside .items ul li:nth-child(even){justify-content: flex-start;}
    .news-in-paper .main-top .aside .items-1{padding: 15px;margin-bottom: 25px;}
    .news-in-paper{margin-bottom: 0;padding-bottom: 10px;}

    .news-list-blog .items{flex-direction: column-reverse;padding-top: 0;padding-bottom: 25px;}
    .news-list-blog .left{width: 100%;}
    .news-list-blog .right{width: 100%;margin-bottom: 15px;}
    .news-list-blog .left .h5{font-size: 18px;line-height: 26px;}
    .news-list-blog .left .text{font-size: 14px;line-height: 20px;margin-bottom: 15px;height: inherit;}
    .news-list-blog{margin-bottom: 30px;}
    .news-list-blog .content{padding-bottom: 20px;}

    /*.contact-paper*/
    .contact-paper .container-xl{flex-direction: column;margin-bottom: 30px;}
    .contact-paper .left{width: 100%;}
    .contact-paper .left .name{line-height: 24px;margin-bottom: 10px;}
    .contact-paper .left .tian{font-size: 18px;line-height: 26px;}
    .contact-paper .left .c1{margin-bottom: 30px;}
    .contact-paper .right{width: 100%;}
    .contact-paper .right .h2{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .contact-paper .right .text{font-size: 14px;line-height: 20px;margin-bottom: 20px;}
    .contact-paper .content .form-group {margin-bottom: 15px;padding-right: 15px;}

.develop-environmental .text{font-size:14px !important;line-height:20px !important}
.index-laboratory .bottom .text .box{height: inherit;}
.index-laboratory .bottom .list .text{bottom: 0;opacity: 1;height: fit-content;color: #fff;}
.index-laboratory .bottom .text{font-size: 14px;line-height: 20px;padding:15px;}
.index-laboratory .bottom .text p:first-child::before{font-size: 20px;}
.index-laboratory .bottom .text p:last-child::before{font-size: 20px;}
.index-laboratory .bottom .text p{margin-bottom: 5px;}


.team-paper::before{content: "";background: url(../../images/quality-back-2.jpg) no-repeat;background-size: contain;height: 500px;}
.develop-economic::before{content: "";}
.contract-paper .bottom::before{content: " ";
    position: absolute;
    left: 0;
    top: -100px;
    z-index: -1;
    background: url(../../images/contract-back-3.png) no-repeat;
    background-size: auto;
    height: -webkit-fill-available;
    /* display: block; */
    width: 100%;}
    .faq-paper .right .items{padding-top: 0;}

    .index-about{padding:0;}
    .index-items .content {gap: 24px 30px;}
    .index-items .content .img {width: calc(100% / 2 - 15px);}

    .all-banner.banner {height: 70px;margin-bottom: 15px;}
    .all-banner.banner .banner-text h1{font-size: 26px !important;line-height: 32px !important;margin-bottom: 0;}
    .small-nav {bottom: 0;}
    .about-paper>.top .content{flex-wrap: wrap-reverse;}
    .more-8{font-size: 18px;line-height: 26px;padding: 10px 25px;}
    .team-laboratory{margin-top: 30px;}
    .factory-paper .all-bottom-box .list .text-box{padding-right: 0;}
    .h2 {font-size: 22px !important;line-height: 32px !important;}
    .items .text{font-size: 14px;line-height: 20px;}
    .service-paper>.top .text-1 p{font-size: 14px;line-height: 20px;}
    .service-paper>.top .h2{margin-bottom: 10px;}
    .contract-paper .box-1 .h2{margin-bottom: 15px;}
    .index-items .top-box{padding: 30px 0 30px;}
    .index-items .top a.list::after {bottom: 5px;}
    .index-banner.banner .banner-text .container-xl{align-items: center;}
    .all-banner.banner .small-nav{padding-top: 5px;}
}

/* .index-items .content .img{position: relative;}
.index-items .content p{position: absolute;height: 0;width: 100%;transition: height .6s ease-in-out;bottom: 0;left: 0;right: 0;background-color: rgba(255, 255, 255, 0.03);}
.index-items .content .img:hover{height: 100%;} */