/*通用样式*/
:root{
    --public-color:#d90011;
    --max:1430px;
}
/* 滚动条样式 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.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;} */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

body{color:#666666;font-size:18px;line-height:30px;font-family: 'DINOT', sans-serif;}
a{display:inline-block;transition: all .6s;}
a:hover{color:var(--public-color) !important}
b, strong{font-weight: 600;}
.swiper-pagination-bullet-active{background:var(--public-color)}
.swiper-button-next:after, .swiper-button-prev:after{color:var(--public-color);font-size:32px;font-weight:bold;}
.product-thumbs .swiper-button-next{right:0;}
.product-thumbs .swiper-button-prev{left:0;}
.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}
    .mb-none{display:none!important;}
}

.index-sup .feedback-result{color: #fff;}

@font-face {
    font-family: "DINOT";
    src: url("../../style/Fontss/DINOT-Regular.otf");
}
@font-face {
    font-family: "DINOT-Bold";
    src: url("../../style/Fontss/DINOT-Bold.otf");
}
@font-face {
    font-family: "DINOT-Medium";
    src: url("../../style/Fontss/DINOT-MEDIUM.TTF");
}
@font-face {
    font-family: "SegoeUI";
    src: url("../../style/Fontss/segoeui.ttf");
}
@font-face {
    font-family: "SegoeUI-Bold";
    src: url("../../style/Fontss/segoeuib.ttf");
}


.max-1650px{max-width: 1650px;}
.max-1640px{max-width: 1640px;}
.max-1630px{max-width: 1630px;}
.max-1600px{max-width: 1600px;}
.max-1560px{max-width: 1560px;}
.max-1540px{max-width: 1540px;}
.max-1480px{max-width: 1480px;}


/*header*/
.header{/*height: 86px;*/position: relative;background-color: #000;}
.header .header-nav{display: flex;align-items: center;justify-content: space-between;}
.header .header-nav .top-logo{width:auto;padding: 9px 0;}
/* .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: auto;position: relative;}
.header-desc{background:#f1f1f1; padding: 8px 0;}
.header-desc .container-xl{display: flex;align-items: center;justify-content: space-between;}
.header-desc .desc{width: 60%;display: flex;justify-content: flex-end;align-items: center;}
.top-tel{color: #666666;font-size: 16px;display: flex;width: 40%;}
.top-tel a{color: #666666;}
.top-tel a:hover{color: #2455bf; transition: all 0.3s;}
.top-lang{text-transform:uppercase;margin-left: 15px;}
.dropdown.lang .dropdown-toggle:after{color: #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;}

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



/*默认pc头部样式*/
.header.fadeInDown .header-top {animation: fadeInDown .1s;}
.header.fadeInDown .header-top {padding:0;z-index:999;width:100%;position:fixed;top: 0;left:0;background-color: #000;}
.index-header .header-top {padding:0;z-index:999;width:100%;position:fixed;top: 0;left:0;}

.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-link{text-align:center;position:relative;color:#fcfffc;padding:0;/*width: 165px;*/padding:0 15px;height:72px;display:flex;align-items: center;justify-content: center;text-transform:capitalize;font-size:20px;line-height:32px;transition: none !important;font-weight: 600;}
.navbar-custom .navbar-nav > .nav-item .nav-link::after{content: "";width: 100%;height: 80px;background-color: var(--public-color);transform: skewX(-20deg);position: absolute;left: 0;top: 0;opacity: 0;z-index: -1;transition: opacity .4s;}
.navbar-custom .navbar-nav > .active .nav-link::after,.navbar-custom .navbar-nav > .nav-item:hover .nav-link::after{opacity: 1;}
.navbar-custom .navbar-nav .nav-link:hover{color: #fff !important;}
/* .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.webp);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:1300px) {
    .navbar-custom .navbar-nav .nav-item {
        margin: 0 15px;
    }
} */


@media(max-width:1230px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 18px;padding: 0 20px;}

}
@media(max-width:1230px) {
        .navbar-custom .navbar-nav .nav-link {font-size: 16px;padding: 0 20px;}
}

@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%;z-index:999}
    .header-mb .container-xl{height:50px}
    .header-mb .top-logo{width:30%}
    .header-mb .top-logo img{height:20px;width:auto;}
    .header-mb .top-mb{display:flex;align-items:center;width:70%;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: var(--public-color); color: #fafafa; }
.menu-collapse .collapse-title h5 { font-size: 1.25rem; font-weight: 500; }
.menu-collapse .collapse-title .navbar-toggler { color: #fff; }
.menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 }
.menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; }
.menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: var(--public-color) }
.menu-collapse .menu-link:hover { background: #f8f9fa; }
.menu-collapse .drop { }
.menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }


/* 浮窗 */
#float{position:fixed;right:0;bottom:200px;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))}
}

#float .ico.wx .wximg{position:absolute;top:0;right:-136px;width:136px;z-index:99;transition:all 0.5s;}
#float .ico.wx:hover .wximg{right:56px;}

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

/*#表格*/
.table-wrapper table tbody td:first-child{padding-left: 10px;text-align: left;min-width:40%;}
.table-wrapper table tbody tr:first-child{background-color: var(--public-color);color: #fff  ;font-weight: 400;}
.table-wrapper table tbody tr:hover{background-color: rgba(230, 61, 51, .1);}
.table-wrapper table th, .table-wrapper table td { padding: 5px; vertical-align: middle; font-size: 18px;border: solid 1px #e7e8ef; text-align: center; }
.table-wrapper table tbody tr{color: #777777;font-weight: 300;}
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 1500.98px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}

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

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

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


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


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

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


/*banner*/
.banner .container-xl{position:relative;align-items:center;justify-content:center;display:flex;flex-direction:column;height:100%}
.banner .h1{font-size:64px;line-height:72px;margin-bottom:25px;color:#fff;font-family:'DINOT-Bold'}
.banner .text{font-size:20px;line-height:32px}
.all-banner.banner .banner-text{text-align:left}
.all-banner.banner .h1{line-height:55px}
.all-banner.banner .text{-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word;color:#fff;opacity: .8;}
.all-banner.banner::after{content:"";width:100%;height:9px;background-color:var(--public-color);position:absolute;left:0;bottom:0}
.all-banner.banner .cont-box{width:100%}


.footer-xl{border:1px solid var(--public-color)}
.footer{padding-top:100px}
.footer .footer-top{padding-bottom:25px}
.footer .list-1 .box-1{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}
.footer .list-1 .logo{width:30%}
.footer .list-1 .box-1 .d + .d{border-left:1px solid #cccccc}
.footer .list-1 .h3{font-size:20px;line-height:28px;font-family:'DINOT-Medium';width:69%;display:flex;justify-content:flex-end}
.footer .list-1 .h3 p{width:85%}
.footer .list-1 .text{font-size:16px;line-height:24px;color:#999}
.footer .list-1{width:45%}
.footer .list-2{width:8%}
.footer .list-3{width:18%}
.footer .list-4{width:18%}
.footer .list-4 .box{margin-bottom:55px}
.footer .social-xl p{font-size:16px;line-height:24px;color:var(--public-color);margin-bottom:10px}
.footer .t1{font-size:24px;line-height:32px;color:var(--public-color);font-family:'DINOT-Bold';margin-bottom:35px}
.footer .font-sty{font-size:16px;line-height:24px;color:#666;margin-bottom:10px}
.footer .font-sty:last-child{margin-bottom:0}
.footer .list-2 .box,.footer .list-3 .box{display:inline-flex;flex-direction:column}
.footer .list-4 i{color:var(--public-color);width:30px;display:inline-block}
.footer-bottom{border-top:1px solid #ccc;padding-top:25px;padding-bottom:15px}
.footer-bottom p{font-size:16px;line-height:29px;color:#999}
.social>span,.social>a,.social>span.share-twitter{background-color:transparent !important;padding:0 !important;color:#999 !important;font-size:20px}
.social>span.share-twitter::before,.social>a.social-youtube::before{font-size:21px}
.social>span,.social>a.social-pinterest{width:20px;height:21px;background-color:#999 !important;color:#fff !important;border-radius:2px !important;display:flex;justify-content:center;align-items:center}
.footer-top .social>div{margin-left:18px;font-size:22px}
.footer-top .social>div:first-child{margin-left:0}
.social>a{font-size:22px}
.social>span.share-twitter{font-size:25px !important}
.social .hover-2:hover{color:#999 !important;background-color:transparent !important}
.social .hover-1:hover{background-color:#999 !important}


.small-nav{display:flex;align-items:center;padding-top:0px;padding-left:15px;margin-bottom:0px;position:absolute;left:0;top:30px}
.small-nav ul{display:flex;align-items:center;flex-wrap:wrap}
.small-nav ul a{font-size:18px;line-height:28px;color:#e6e6e6;font-weight:500;text-transform:capitalize}
.small-nav ul li::after{content:">";font-family:'cmsfont';padding:0 2px;font-size:18px;line-height:28px;color:#e6e6e6;font-weight:400}
.small-nav ul li:last-child::after{display:none}
.small-nav ul li:last-child a{color:var(--public-color);}
.small-nav ul li:last-child a:hover{text-decoration:underline;}
.small-nav ul li{display:flex}
.in-banner .small-nav ul a{color:#999999}
.in-banner .small-nav ul li::after{color:#999}
.in-banner .small-nav{position:static;padding-top:30px;padding-left:0}

/*共有的类名*/
.title{font-size:42px;line-height:48px;color:#222222}
.title span{color:var(--public-color);font-family:'DINOT-Bold'}
.text span{color:var(--public-color)}
.text p{margin-bottom:25px}
.dfrsb{display:flex;justify-content:space-between}
.dfrsbc{display:flex;justify-content:space-between;align-items:center}
.dfcsb{display:flex;flex-direction:column;justify-content:space-between;align-items:center}
.dfcsbc{display:flex;flex-direction:column;justify-content:space-between}
.dfrcc{display:flex;justify-content:center;align-items:center}
.ul p{position:relative;padding-left:35px;margin-bottom:0px}
.ul p::before{content:"\f00c";font-family:'cmsfont';line-height:32px;position:absolute;left:0;top:0px;color:var(--public-color)}
.top-head.t-h-c{text-align:center;margin-left:auto;margin-bottom:auto}
.h6{font-size:20px;line-height:32px;font-weight:400;margin-bottom:10px}
.img img.block{display:block;animation:bounceIn 1s}
.img img.red{display:none;animation:bounceIn 1s}
.row-line::after{content:url(../../images/row-1.webp);display:block}
.row-line-1::after{content:url(../../images/row-2.webp);display:block}
.row-line-2::after{content:url(../../images/every-sign-1.webp);display:block}
.row-line.r-l-c::after,.row-line-2.r-l-c::after{margin-left:auto;margin-right:auto}
.col-line::before{content:"";width:2px;height:19px;background-color:var(--public-color);position:absolute;left:0;top:7px}
.col-line{position:relative;padding-left:14px}
.more-7{background-color:var(--public-color);color:#fff;font-size:20px;line-height:28px;padding:15px 20px 15px;font-family:'DINOT-Medium';display:inline-flex;align-items:center;border:1px solid var(--public-color)}
.more-7:hover{color:var(--public-color);background-color:#fff}
.more-7 span{font-size:45px;line-height:28px;font-family:'Poppins';font-weight:bold;padding-left:10px}
.index-banner .swiper-pagination{bottom:50px !important}
.mySwiper-index .all-pag{bottom:50px !important}
.all-pag{left:0 !important;bottom:0 !important}
.all-pag .swiper-pagination-bullet,.index-banner .swiper-pagination-bullet{background-color:#fff;opacity:1;width:29px;height:9px;border-radius:0;transform:skewX(-30deg);margin:2px !important}
.all-pag .swiper-pagination-bullet-active,.index-banner .swiper-pagination-bullet-active{background-color:var(--public-color)}

.index-paper{margin-top:130px}
.index-pro .top-head{margin-bottom:80px}
.index-pro .title{margin-bottom: 30px;}
.index-pro .top-head .text{font-size: 20px;line-height: 32px;}
.index-pro .top-head .text span{color: var(--public-color);font-weight: 600;}
.index-pro .stat-number{font-size:46px;line-height:24px;color:var(--public-color);font-weight:bold;font-family:'DINOT-Bold';margin-bottom:25px}
.index-pro .stat-number span{font-size:18px;line-height:14px;font-weight:400;font-family:'DINOT'}
.index-pro .stat-desc{font-size:18px;line-height:26px}
.index-pro .stat-card{width:29%}
.index-pro .stats-grid{margin-bottom:50px}
.index-pro .t1{font-size:24px;line-height:32px;color:#333333;font-weight:600;margin-bottom:20px;letter-spacing:-1px}
.index-pro .pro-box{margin-bottom:30px;}
.index-pro .pro-box .text{font-size:16px;line-height:24px;padding-left:14px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.index-pro .pro-box .img{margin-bottom:20px;padding:0 50px;}
.index-pro .pro-box .img img{mix-blend-mode:multiply}
.index-pro .all-hover{position:static;font-family:'Poppins';font-weight:bold;color:var(--public-color);transition:all .4s;margin-top:0;font-size:140px;width:auto;height:auto;line-height:80px}
.index-pro .all-hover + .all-hover{margin-left:70px}
.index-pro .all-hover:hover{color:#cccccc;}
.index-pro .all-hover::after{display:none}
.index-pro .all-btn{display:flex;justify-content:center;margin-top:80px}
.index-pro{background:url(../../images/index-back-1.webp) no-repeat left bottom;margin-bottom:65px}
.index-sol{margin-bottom:85px;margin-top:80px;}
.index-sol .items-xl{display:none}
.index-sol .items.active .items-xl{display:block}
.index-sol .items{position:relative;opacity:0;transition:opacity .6s}
.index-sol .items.active{opacity:1}
.index-sol .sol-box{position:absolute;left:0;bottom:0;color:#fff;padding:40px;width:52%;box-sizing:content-box;background-color:rgba(0,0,0,.4);border-radius:0 20px 0 0;}
.index-sol .items .t2{font-size:24px;font-size:32px;font-family:'DINOT-Bold';margin-bottom:35px}
.index-sol .items .t2{color:#fff}
.index-sol .items .t2:hover{color:var(--public-color)}
.index-sol .items .col-line::before{background-color:#fff}
.index-sol .items .text{font-size:16px;line-height:24px;padding-left:14px}
.index-sol .list.active .white,.index-sol .list:hover .white{display:inline-block}
.index-sol .list.active .gain,.index-sol .list:hover .gain{display:none}
.index-sol .list .white{display:none;animation:fadeIn .6s}
.index-sol .list .gain{display:inline-block;animation:fadeIn .6s}
.index-sol .list .img{margin-right:50px}
.index-sol .list.active .img,.index-sol .list:hover img{filter: brightness(0) invert(1);}
.index-sol .list{display:flex;align-items:center;padding:25px 30px;border-bottom:1px solid rgba(221,221,221,.6);transition:all .4s;cursor:pointer}
.index-sol .list.active,.index-sol .list:hover{background-color:var(--public-color);color:#fff}
.index-sol .list .t2{font-size:20px;line-height:28px}
.index-sol .right>a{font-family:'DINOT-Bold';color:var(--public-color);position:relative}
.index-sol .right>a span{font-weight:bold;font-family:'Poppins';margin-left:5px}
.index-sol .items .t2 span{font-weight:bold;font-family:'Poppins';margin-left:5px}
.index-sol .right>a::after{content:"";width:100%;height:2px;position:absolute;left:0;bottom:0;background-color:#eda9a7;opacity:1;transition:all .6s}
.index-sol .right .box{margin-bottom:60px;max-height:calc(103 * 4px);overflow:hidden auto}
/* CSS 方案：虽然不能直接设置固定高度，但可以通过 min-height 和 border-radius 来影响滚动条外观 */
.index-sol .right .box::-webkit-scrollbar {
    width: 4px;
    color: var(--public-color);
}
.index-sol .right .box::-webkit-scrollbar-thumb {
    background: var(--public-color);
    width: 4px;
    min-height: 103px; /* 设置最小高度，虽然不能强制固定高度，但可以确保滚动条不会太小 */
    border-radius: 6px;
}
.index-sol .right .box::-webkit-scrollbar-track {
    background: #fff;
}
/* 自定义滚动条样式 - 通过伪元素创建固定高度的滚动条视觉效果（仅视觉，实际滚动行为不变） */
.index-sol .right .box.custom-scrollbar {
    position: relative;
}
.index-sol .right .box.custom-scrollbar::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    height: 103px;
    background: var(--public-color);
    border-radius: 6px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 10;
}
.index-sol .right .box.custom-scrollbar:hover::after {
    opacity: 0.3; /* 悬停时显示固定高度的视觉指示器 */
}

/* JS 自定义滚动条样式 - 可精确控制滚动条高度 */
.index-sol .right .custom-scrollbar-wrapper {
    position: relative;
    padding-right: 12px; /* 为自定义滚动条留出空间 */
}
.index-sol .right .custom-scrollbar-wrapper .box {
    padding-right: 0; /* 移除内边距，由外层控制 */
}
.index-sol .right .custom-scrollbar-track {
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #fff;
    border-radius: 6px;
    z-index: 1;
}
.index-sol .right .custom-scrollbar-thumb {
    position: absolute;
    right: 0;
    width: 4px;
    background: var(--public-color);
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s;
    z-index: 2;
}
.index-sol .right .custom-scrollbar-thumb:hover {
    background: #d89a98; /* 悬停时颜色变深 */
}

.index-sol .right .box.hide-native-scrollbar::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}
.index-sol .right .box.hide-native-scrollbar {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}
.index-sol .right>a:hover::after{opacity:0}
.index-sol .right{width:28%}
.index-sol .left{width:67%}
.index-sol .top-head{margin-bottom:30px}
.index-sol .title{font-size:46px;margin-bottom:20px}
.index-sol .top-head .text{font-size:32px;color:#222222;margin-bottom:20px}
.index-sust .list{width:calc(calc(100% - 45px * 2) / 3);background-color:#f6f6f6}
.index-sust .list .img{position:relative}
.index-sust .list .img::after{content:"";width:100%;height:13px;background-color:var(--public-color);display:block;position:absolute;bottom:0;left:0}
.index-sust .h3{font-size:20px;line-height:27px;color:#222222;font-weight:bold;margin-bottom:10px;height:70px;display:flex;align-items:center}
.index-sust .text{font-size:21px;line-height:30px;color:#808082}
.index-sust .sust-box{padding:30px 40px 50px}
.index-sust .title span{display:block;margin-bottom:20px}
.index-sust .top-head .title{font-size:40px;color:#222222;margin-bottom:30px}
.index-sust .top-head{margin-bottom:60px;text-align:right;}
.index-adv{margin-bottom:120px}
.index-adv .img{/*width:247px;*/height:111px;background-color:#ffffff;box-shadow:0px 7px 26px 3px rgba(63,67,72,0.06);display:flex;align-items:center;justify-content:center}
.mySwiper-adv{padding:35px 20px 80px 20px}
.mySwiper-adv .all-pag{bottom:0 !important}
.mySwiper-adv .swiper-pagination-bullet{background-color:#cccccc}
.mySwiper-adv .swiper-pagination-bullet-active{background-color:var(--public-color)}
.index-about .title span{display:block;margin-bottom:5px}
.index-about .title{font-size:40px;color:#222222;margin-bottom:10px}
.index-about .left{width:36%;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:45px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}
.index-about .right{width:60%}
.index-about .top-head{margin-bottom:20px}
.index-about .h3{font-size:40px;color:var(--public-color);font-family:'DINOT-Bold';display:flex;margin-bottom:10px}
.index-about .text{margin-bottom:30px}
.index-about .small-box{width:90%}
.index-about{background:url(../../images/index-back-1-1.webp) no-repeat left 30px bottom 0;margin-bottom:155px}
.index-ex{margin-bottom:165px}
.index-ex .left{width:55%;position:relative}
.index-ex .big-box{margin-top:40px;display:flex;justify-content:space-between;align-items:flex-end}
.index-ex .row-line{margin-bottom: 60px;}
.index-ex .all-hover:hover{color:#cccccc !important}
.index-ex .all-hover::after{display:none}
.index-ex .all-hover{position:static;margin-top:0;font-size:140px;font-family:'Poppins';font-weight:bold;color:var(--public-color);width:auto;height:auto;line-height:80px}
.index-ex .big-box > div:first-child{width:81%;border-right:1px solid #ccc}
.index-ex .big-box > div:last-child{width:19%;padding-bottom:16px}
.index-ex .text{font-size:16px;line-height:24px;padding-left:14px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word;width:95%}
.index-ex .h2{font-size:24px;line-height:32px;color:#333;font-family:'DINOT-Bold';margin-bottom:25px}
.index-ex .right{width:40%;height:100%;flex-wrap:wrap}
.index-ex .right .list{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f6f6f6;justify-content:space-between;}
.index-ex .right .list:first-child{padding-top:0}
.index-ex .right .t3{font-size:24px;line-height:32px;color:#333;font-family:'DINOT-Medium';text-transform: uppercase;}
.index-ex .right .cont .text{color:#999;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-ex .right .cont .text p{margin-bottom: 0;}
.index-ex .right .small-img{width:30%}
.index-ex .right .cont{width:65%}
.index-ex .right .cont{display: flex;flex-direction: column;gap:15px;}
.index-ex .right .cont .time{display: flex;gap:15px;align-items: center;}
.index-ex .right .box{margin-bottom:85px}
.index-ex .img-1{width:calc(100% / 3)}
.index-ex .swiper-pagination-bullet{background-color:#cccccc}
.index-ex .swiper-pagination-bullet-active{background-color:var(--public-color)}
.index-ex .all-pag{margin-top:40px;position:relative;text-align:left}
.index-news{margin-bottom:110px}
.index-news .title{font-size:40px;margin-bottom:70px}
.index-news .img{position:relative;margin-bottom:20px;border:1px solid #ddd;}
.index-news .time{position:absolute;right:0;top:0;margin-top:15px;margin-right:15px}
.index-news .time{font-size:24px;line-height:32px;border-radius:10px;overflow:hidden}
.index-news .time span{display:inline-block;font-family:'DINOT-Bold';height:37px}
.index-news .time .s1{background-color:#fff;color:#333333 !important;padding-left:10px;padding-right:5px}
.index-news .time .s2{background-color:var(--public-color);color:#fff !important;padding-right:10px;padding-left:5px}
.index-news .t1{font-size:20px;line-height:28px;color:#333;font-weight:500}
.index-news time{padding-left: 14px;display:block;font-size:15px;line-height:24px;color:var(--public-color);margin-top:10px;}
.index-news .col-md-4{padding-left:22.5px;padding-right:22.5px}
.index-news .row{margin-left:-22.5px;margin-right:-22.5px}
.index-sup .banner-text{text-align:left}
.index-sup .title{margin-bottom:65px}
.index-sup .title span{font-size:40px;color:#fff}
.index-sup .title::after{content:url(../../images/every-sign-1.webp)}
.index-sup .ul p{line-height:22px;margin-bottom:20px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}
.index-sup .ul p:last-child{margin-bottom:0}
.index-sup .ul p::before{color:#fff}
.index-sup .ul{margin-bottom:65px}
.index-sup .right{width:30%}
.index-sup .left{width:65%}
.index-sup .left .d{font-size:20px;line-height:28px;color:var(--public-color);font-family:'DINOT-Medium'}
.index-sup .left .red{display:inline-block;animation:fadeIn .6s}
.index-sup .left .white{display:none;animation:fadeIn .6s}
.index-sup .left .d:hover .red{display:none}
.index-sup .left .d:hover .white{display:inline-block}
.index-sup .left .d img{padding-right:12px}
.index-sup .left .d:hover{background-color:var(--public-color);color:#fff !important}
.index-sup .left .d{transition:all .4s;background-color:#fff;display:inline-flex;align-items:center;padding:0 25px;height:55px;cursor:pointer;font-weight:500}
.index-sup .left .d:first-child{margin-right:30px}
.index-sup .left .online{color:var(--public-color)}
.index-sup .h2{font-size:24px;line-height:32px;font-family:'DINOT-Bold';color:#fff;margin-bottom:30px}
.index-sup .form-control::placeholder{font-size:16px;line-height:24px;color:#333;opacity:.5;font-family:'DINOT-Medium'}
.index-sup .form-control{padding:15px 25px}
.index-sup .form-group{margin-bottom:30px}
.index-sup .form-group:last-child{margin-bottom:0}
.index-sup .btn-box{display:flex;flex-direction:column;align-items:flex-end;margin-top:40px}
.index-sup .btn{font-size:20px;background-color:#fff;border-radius:0;color:var(--public-color);font-family:'DINOT-Medium';width:auto;padding-left:28px;padding-right:20px;height:55px;font-weight:500;display:flex;justify-content:flex-end;align-items:center}
.index-sup .btn span{padding-left:18px;font-size:40px;font-family:'Poppins';font-weight:bold;line-height:23px}
.index-sup .btn:hover{color:#fff;background-color:var(--public-color)}

.pro-child.pro-content .t1{font-size:22px;font-weight:500}
.product-list{margin-top:75px}
.product-list .title{font-size:40px}
.pro-exp strong{font-size:40px;font-family:'DINOT-Bold';color:var(--public-color);margin-bottom:10px;display:flex;align-items:center}
.pro-exp .stat-card{width:16%}
.pro-exp .stat-card:nth-child(3){width:17%}
.pro-exp{margin-bottom:70px}
.pro-content .pagination{justify-content: center;}
.pro-content table tr:nth-child(odd){background-color:#fff !important}
.pro-content table tr:nth-child(even){background-color:transparent !important}
.pro-content table tr td{color:#555;font-weight:500;font-size:16px;line-height:24px;border:none;padding-top:8px;padding-bottom:8px}
.pro-content table tr td:last-child{color:#666;font-weight:400;text-align:right;padding-right:10px}
.pro-content .t1{font-size:20px;line-height:26px;color:#333;font-weight:500;margin-bottom:25px}
.pro-content .list{background-color:#f6f6f6;padding:8px;height:100%;}
.pro-content .box{padding-left:20px}
.pro-content .img{margin-bottom:20px;height:335px;background-color:#fff;display:flex;align-items:center;justify-content:center}
.pro-content .img img{width:auto;max-width:none;height:100%}
.pro-content .col-md-4{padding-left:15px;padding-right:15px;margin-bottom:55px}
.pro-content .row{margin-left:-15px;margin-right:-15px}
.pro-content{margin-bottom:100px}
.pro-inf .title span{display:block}
.pro-inf .title{margin-bottom:65px}
.pro-inf .items{display:flex;justify-content:space-between;align-items:center}
.pro-inf .items:nth-child(even){flex-direction:row-reverse}
.pro-inf .left{width:50%}
.pro-inf .right{width:48%}
.pro-inf .h2{font-size:32px;line-height:46px;color:#222222;margin-bottom:35px}
.pro-inf .h2 strong{color:var(--public-color);font-family:'DINOT-Medium';font-weight:normal}
.pro-inf .text strong{font-weight:600;color:var(--public-color)}
.pro-inf .text{color:#808082}
.pro-inf .items:nth-child(2) .left{width:47%}
.pro-inf .items:nth-child(2) .right{width:47%}
.pro-inf .items + .items{border-top:4px solid #f6f6f6;margin-top:45px}
.pro-inf .items:not(:first-child){padding-top:45px}
.pro-inf{margin-bottom:240px}
.pro-tech .title{margin-bottom:40px}
.pro-tech .title strong{font-weight:normal;color:var(--public-color);font-family:'DINOT-Bold'}
.pro-tech .text{margin-bottom:70px;width:68%}
.pro-tech .year{font-size:40px;color:var(--public-color)}
.pro-tech .top-head{margin-bottom:30px}
.pro-tech .top-head .year{display:flex}
.pro-tech .year p::after{content:url(../../images/p-l-4.webp);display:inline-block;padding-left:75px;padding-right:60px}
.pro-tech .year p:last-child::after{display:none}
.pro-tech .img{position:relative}
.pro-tech .img::before{content:"";width:100%;height:9px;background-color:var(--public-color);position:absolute;left:0;top:0}
.pro-tech{margin-bottom:280px}
.pro-faq .content .left{width:auto}
.pro-faq .content .right{width:57%}
.pro-faq .q1{font-size:24px;line-height:32px;color:#222222;font-family:'DINOT-Medium'}
.pro-faq .quen-q{display:flex;margin-bottom:20px}
.pro-faq .q2{color:var(--public-color);font-size:50px;line-height:20px;margin-right:10px}
.pro-faq i{font-style:normal}
.pro-faq .down{display:none}
.pro-faq .up{display:block}
.pro-faq .items.active .down{display:none}
.pro-faq .items.active .up{display:block}
.pro-faq .items{margin-bottom:20px;position:relative;padding-bottom:20px;cursor:pointer}
.pro-faq .items::after{content:"";width:96%;height:1px;background-color:#f6f6f6;position:absolute;right:0;bottom:0}
.pro-faq .items:last-child::after{display:none}
.pro-faq .quen-a{padding-left:30px;display:none;animation:fadeIn .4s}
.pro-faq .items.active .quen-a{display:block}
.pro-faq{background:url(../../images/pro-back-1.webp) no-repeat left 60px bottom 0;z-index:-1;padding-bottom:20px;margin-bottom:30px}
.about-paper{margin-top:150px;padding-bottom:115px}
.about-title{font-size:40px}
.about-first .left{width:45%}
.about-first .right{width:50%}
.about-first .title{margin-bottom:25px}
.about-first .text{font-size:16px;margin-bottom:35px}
.about-first .text p{margin-bottom:20px}
.about-first .small-box{width:62%}
.about-first .small-box .h3{font-size:46px;color:var(--public-color);font-family:'DINOT-Bold';display:flex;margin-bottom:15px}
.about-first .list{width:49%}
.about-first .list:last-child{display:flex;flex-direction:column;align-items:flex-end}
.about-first{margin-bottom:110px}
.about-cer .title{margin-bottom:65px}
.about-cer .left{width:41%}
.about-cer .right{width:53%;display:flex;justify-content:space-between;margin-right:-50px;padding-top:20px}
.about-cer .img{width:calc(calc(100% - 24px * 2) / 3)}
.about-cer .text{margin-bottom:65px}
.about-cer{margin-bottom:150px}
.about-his .title span{display:block}
.about-his .title{margin-bottom:20px}
.his-line .year{font-size:40px;line-height:30px;color:#333}
.his-line .text{color:#888;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}
.his-line .content-1 .list::after{content:"";width:17px;height:17px;background-color:var(--public-color);display:block}
.his-line .content-1 .list{display:flex;flex-direction:column;justify-content:flex-end}
.his-line .content-1 .year{margin-bottom:10px}
.his-line .content-1 .text{margin-bottom:25px}
.his-line .content-1 .list:nth-child(1){width:22%}
.his-line .content-1 .list:nth-child(2){width:22%}
.his-line .content-1 .list:nth-child(3){width:22%}
.his-line .content-1 .list:nth-child(4){width:17%}
.his-line .content-2{width:100%;margin-top:-20px;margin-top:-17px;display:flex;justify-content:flex-end}
.his-line .content-box{width:85%}
.his-line .content-2 .year{margin-top:25px}
.his-line .content-2 .text{margin-top:10px}
.his-line .content-2 .list:nth-child(1){width:25%}
.his-line .content-2 .list:nth-child(2){width:25%}
.his-line .content-2 .list:nth-child(3){width:36%}
.his-line .content-2 .list::before{content:"";width:17px;height:17px;background-color:var(--public-color);display:block}
.his-line::after{content:"";width:100%;height:4px;background-color:#cccccc;position:absolute;left:0;bottom:49.5%;z-index:-1}
.his-line .list{height:200px}
.his-line{position:relative}
.about-paper .index-sust{margin-top:60px;margin-bottom:130px}
.about-cap .title{line-height:35px;margin-bottom:75px}
.about-cap .ul p{font-size:22px;line-height:32px;margin-bottom:15px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}
.about-cap .ul p:last-child{margin-bottom:0}
.about-cap .ul span{color:#444444;font-weight:600}
.about-cap .ul{margin-bottom:60px}
.about-cap .content{align-items:flex-end}
.about-cap .left{width:47%}
.about-cap .right{width:48%}
.about-cap{margin-bottom:165px}
.about-exh .img{margin-bottom:40px}
.about-exh .left .text{-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}
.about-exh .left{width:47%}
.about-exh .right{width:46%}
.about-exh .title{line-height:40px;margin-bottom:35px}
.about-exh .list{display:flex;align-items:center;padding-bottom:25px;padding-top:20px;border-bottom:1px solid #f6f6f6}
.about-exh .list:first-child{padding-top:0}
.about-exh .t3{font-size:24px;line-height:32px;color:#333;font-family:'DINOT-Medium'}
.about-exh .cont>div:first-child{display:flex;justify-content:space-between}
.about-exh .cont .text{color:#999;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;width: 100%;}
.about-exh .small-img{width:30%}
.about-exh .cont{width:65%}
.about-exh .box{margin-bottom:85px}
.app-paper{margin-top:60px}
.app-paper .title{font-size:40px}
.app-recy .title{margin-bottom:115px}
.app-recy .big-img{width:175px;height:175px;border-radius:100%;background-color:#f6f6f6;display:flex;flex-direction:column;align-items:center;justify-content:center}
.app-recy .big-img p{font-size:22px;line-height:32px;font-family:'DINOT-Bold';color:var(--public-color);height:35px;text-align:center;margin-top:10px;width:70%}
.app-recy .list:last-child p{font-size:16px;line-height:16px}
.app-recy .h4{color:#333;font-family:'DINOT-Bold';text-align:center;margin-top:15px}
.app-recy{margin-bottom:135px}
.app-plastic .title{text-align:center;margin-bottom:55px}
.app-plastic .list{position:relative}
.app-plastic .list:hover .t2{background-color:rgba(217,0,17,.8);color:#fff !important}
.app-plastic .t2{font-size:24px;line-height:24px;color:#333333;letter-spacing:-1px;position:absolute;left:0;bottom:0;background-color:rgba(246,246,246,.8);height:70px;width:100%;display:flex;justify-content:center;align-items:center}
.app-plastic .row{margin-left:-23px;margin-right:-23px}
.app-plastic .col-md-4{padding-left:23px;padding-right:23px;margin-bottom:60px}
.app-plastic{margin-bottom:105px}
.app-paper .help{width:60%;background-color:var(--public-color);height:152px;color:#fff;padding-left:20px;display:flex;align-items:center;position:relative}
.app-paper .help::before{content:"";position:absolute;left:-116px;bottom:0;width:116px;height:152px;border-bottom:76px solid var(--public-color);border-right:calc(116px / 2) solid var(--public-color);border-left:calc(116px / 2) solid transparent;border-top:76px solid transparent}
.app-paper .help .title{color:#fff;margin-bottom:10px}
.app-paper .max-1920px{display:flex;justify-content:end}
.app-paper .help .more-7{background-color:#fff;color:var(--public-color);padding-left:40px;padding-right:30px;border:1px solid #fff}
.app-paper .help .more-7:hover{background-color:var(--public-color);color:#fff !important}
.app-paper .help .left{width:60%}
.app-paper .help .right{width:40%}
.certy-paper{padding-top:85px;margin-bottom:25px}
.certy-paper .h1{font-size:46px;line-height:45px;color:var(--public-color);font-family:'DINOT-Bold';text-align:center;margin-bottom:60px}
.certy-paper .row{margin-left:-23px;margin-right:-23px}
.certy-paper .col-md-4{padding-left:23px;padding-right:23px;margin-bottom:55px}
.certy-paper p{font-size:20px;line-height:28px;color:#333;font-family:'DINOT-Medium';text-align:center;margin-top:10px}
.app-in-paper{margin-bottom:75px}
.app-in-paper .title{font-size:40px}
.app-in-first{padding-top:30px;padding-bottom:50px;background-color:#f9f9f9}
.app-in-first .left{width:31%}
.app-in-first .right{width:63%}
.app-in-first .h1{font-size:40px;font-family:'DINOT-Bold';color:var(--public-color);margin-bottom:50px}
.app-in-first .ul p{font-size:20px;line-height:32px;margin-bottom:30px;padding-left:45px}
.app-in-first .ul p::before{font-size:25px}
.app-in-first .ul strong{color:var(--public-color);font-weight:600}
.app-in-first .left{position:relative}
.app-in-first .all-btn{position:absolute;right:0;bottom:0;display:flex;background-color:#f9f9f9;display:flex;align-items:center;z-index:2}
.app-in-first .all-hover{position:static;width:51px;height:51px;background-color:#f9f9f9;font-size:40px;color:#999;font-family:'Poppins';font-weight:bold;transition:all .6s;margin-top:0}
.app-in-first .all-hover:hover{color:var(--public-color);background-color:#fef7f8}
.app-in-first .all-hover::after{display:none}
.app-in-shop{padding-top:85px;margin-bottom:55px}
.app-in-shop .content{flex-wrap:wrap;justify-content:flex-start;border-bottom:1px solid var(--public-color);padding-bottom:20px;}
.app-in-shop .list{width:calc(calc(100% - 25px * 4 ) / 5);margin-right:25px;margin-bottom:35px}
.app-in-shop .list:nth-child(5n){margin-right:0}
.app-in-shop .list:hover .t2{background-color:rgba(246,246,246,.8);color:#333333 !important}
.app-in-shop .list .t2{font-size:18px;line-height:24px;letter-spacing:0;height:43px;transition:all .6s;cursor:default}
.app-in-shop .list.active .t2{background-color:rgba(217,0,17,.8);color:#fff !important}
.app-in-product .content{display:none}
.app-in-product .content.active{display:block}
.app-in-product{margin-bottom:0}
.app-in-product .title{margin-bottom:80px}


.product-detail .title{font-size:40px}
.product-detail{margin-top:30px}
.pro-in-first .left{width:43%}
.pro-in-first .right{width:55%}
.pro-in-first .right>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.pro-in-first .model{color:var(--public-color);font-size:24px;line-height:32px}
.pro-in-first .video{background-color:#fff;color:var(--public-color);height:55px;padding:0 23px;cursor:pointer;transition:all .6s}
.pro-in-first .video .white{display:none;animation:fadeIn .6s}
.pro-in-first .video:hover .white{display:inline-block}
.pro-in-first .video .red{display:inline-block;animation:fadeIn .6s}
.pro-in-first .video:hover .red{display:none}
.pro-in-first .video img{margin-right:14px}
.pro-in-first .video:hover{background-color:var(--public-color);color:#fff}
.pro-in-first .h1{font-size:34px;line-height:42px;color:#222222;font-family:'DINOT-Bold';margin-bottom:35px}
.pro-in-first em{font-style:normal;font-size:16px;line-height:24px;display:block}
.pro-in-first strong{font-family:'DINOT-Medium';color:var(--public-color);font-weight:none;display:block}
.pro-in-first .specil{width:90%;display:flex;flex-wrap: wrap;justify-content:space-between;margin-bottom:50px}
.pro-in-first .specil>div{width: 48%;}
.pro-in-first .list-ul{overflow:hidden;position:absolute;top:55px;left:0;width:100%;z-index:2;transition:all .6s;display:none;border:1px solid #c8242b;border-radius:0px 0px 15px 15px;animation:fadeIn .4s;cursor:pointer;background-color:#fff}
.pro-in-first .list-ul li{padding-left:17px;padding-top:5px;padding-bottom:5px;font-size:14px}
.pro-in-first .list-ul li:hover{background-color:rgba(230,0,18,.03);font-weight:500}
.pro-in-first .list-ul li:last-child{border-radius:0 0 15px 15px}
.pro-in-first .list-ul li+li{border-top:1px solid rgba(230,0,18,.4)}
.pro-in-first .list-ul.active{display:block;overflow:visible;opacity:1}
.pro-in-first .col-md-6{margin-bottom:20px}
.pro-in-first .col-md-6,.pro-in-first .col-md-12{padding-left:23px;padding-right:23px}
.pro-in-first .col-md-12{margin-top:50px}
.pro-in-first .row{margin-left:-23px;margin-right:-23px}
.pro-in-first .box-input{border-top:1px solid #cccccc;padding-top:35px}
.pro-in-first .list-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 12px 17px;cursor:pointer;border:solid 1px #cccccc}
.pro-in-first .list-box{position:relative}
.pro-in-first .h3{font-size:16px;line-height:24px;margin-bottom:10px}
.pro-in-first .search-btn{display:flex;justify-content:flex-end}
.pro-in-first .all-more-7{padding:0 40px;transition:all .6s;height:55px;cursor:pointer}
.pro-in-first .box-input img,.pro-in-first .all-more-7 img{margin-right:15px}
.pro-in-first .all-more-7 .red{display:none;animation:fadeIn .6s}
.pro-in-first .all-more-7 .white{display:inline-block;animation:fadeIn .6s}
.pro-in-first .all-more-7:hover .red{display:inline-block}
.pro-in-first .all-more-7:hover .white{display:none}
.pro-in-first .icon{font-family:'Poppins';font-weight:bold;color:#333;font-size:20px;position:relative;z-index:3;text-align:right;display:inline-block}
.pro-in-first .list-inner .up{display:none}
.pro-in-first .list-inner.active .up{display:inline-block}
.pro-in-first .list-inner .down{display:inline-block}
.pro-in-first .list-inner.active .down{display:none}
.pro-in-first .list-ul .active{color:var(--public-color)}
.pro-in-first .left .swiper-slide img{border:1px solid #f2f2f2}
.pro-in-first .left .swiper-slide:hover img{border:1px solid var(--public-color)}
.pro-in-first{margin-bottom:90px}
.pro-specil>div:nth-child(2){padding-top:50px;margin-bottom:0}
.pro-specil .list{margin-bottom:0}
.pro-specil .text{margin-top:100px}
.pro-specil .text strong{font-size:24px;color:#222;font-weight:500;display:inline-block;margin-bottom:35px}
.pro-specil .text p:last-child{margin-bottom:0}
.pro-specil{margin-bottom:95px}
.pro-Para .table-wrapper table tbody tr:first-child{color:#666666}
.pro-Para .table-wrapper table tbody td:first-child{color:#333333;font-family:'DINOT-Medium';background-color:#f6f6f6;text-align:center}
.pro-Para .table-wrapper table tbody td{padding-top:10px;padding-bottom:10px;border-width:2px}
.pro-Para .table-wrapper table tbody tr:nth-child(odd){background-color:#fff}
.pro-Para .table-wrapper table tbody tr:nth-child(even){background-color:#fef7f8}
.pro-Para .table-wrapper table tbody tr:hover{background-color:#f6f6f6}
.pro-Para .title{margin-bottom:45px}
.pro-Para{margin-bottom:90px}
.pro-feat .title{margin-bottom:50px}
.pro-feat strong{font-size:24px;line-height:32px;color:#222;margin-bottom:25px;display:inline-block;margin-top:65px}
.pro-feat .content p:first-child strong{margin-top:0}
.pro-feat{margin-bottom:160px}
.pro-in-faq .items:last-child{margin-bottom:0;padding-bottom:0}
.pro-in-faq .quen-q{margin-bottom:0}
.pro-in-faq .items.active .quen-q{margin-bottom:20px}
.pro-in-faq{padding-bottom:0;margin-bottom:120px}
.pro-in-faq .content .left{width:35%}
.pro-in-faq .content .right{width:60%}
.pro-video .title{margin-bottom:85px}
.pro-video{margin-bottom:95px}
.pro-product .title{margin-bottom:85px}
.pro-product .list{background-color:#f6f6f6;padding-bottom:10px}
.pro-product .box{padding:20px;border-top:5px solid var(--public-color)}
.pro-product .t1{font-size:20px;color:#282828;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.pro-product{margin-bottom:90px}
.video-paper{margin-top:70px;margin-bottom:35px}
.video-paper .title{font-size:40px;margin-bottom:50px}
.video-paper .h2{font-size:32px;line-height:54px;color:#999;font-weight:500;margin-bottom:20px}
.video-paper ul{border-top:2px solid #cccccc;border-bottom:2px solid #cccccc;padding-top:30px;padding-bottom:30px}
.video-paper ul li{font-size:24px;line-height:32px;display:flex;align-items:center;margin-bottom:40px;cursor:pointer;animation:fadeIn .6s}
.video-paper ul li:last-child{margin-bottom:0}
.video-paper ul li.active,.video-paper ul li:hover{color:var(--public-color)}
.video-paper ul li span{display:none}
.video-paper ul li.active span,.video-paper ul li:hover span{display:inline-block}
.video-paper li span{font-family:'Poppins';font-weight:bold;font-size:45px;padding-right:10px;transition:all .6s;animation:fadeIn .6s}
.video-paper .aside{width:30%}
.video-paper .article{width:65%}
.video-paper .list{background-color:#f6f6f6;border:solid 8px #f6f6f6}
.video-paper .t3{font-size:20px;line-height:28px;color:#333;margin-left:25px;margin-top:10px;margin-bottom:15px}
.video-paper .time{font-size:16px;line-height:28px;color:#999;font-weight:500;text-align:right}
.video-paper .box{padding-right:40px;padding-bottom:10px}
.video-paper .col-md-6{padding-left:30px;padding-right:30px;margin-bottom:50px}
.video-paper .row{margin-left:-30px;margin-right:-30px}
.video-paper .content{display:none}
.video-paper .content.active{display:block}
.news-paper{margin-top:95px;margin-bottom:220px}
.news-paper .col-md-4{margin-bottom:80px}
.news-paper .index-news{margin-bottom:0}


/*news-in-paper*/
.news-in-paper{margin-top:85px}
.news-in-paper .h1{font-size:46px;line-height:52px;color:#333;font-family:'DINOT-Bold';margin-bottom:35px}
.news-in-paper .h1::after{margin-top:20px}
.news-in-paper .time{color:#999}
.news-in-paper .article{width:65%}
.news-in-paper .article .content{line-height:28px;font-size:18px;padding-top:45px}
.news-in-paper .article .content img{max-width:100% !important;height:auto !important;padding-top:50px;display:inline-block}
.news-in-paper .article .content p{margin-bottom:15px}
.news-in-paper .article .content p:last-child{margin-bottom:0}
.news-in-paper .article .content.table-wrapper table tbody tr:first-child{background-color: #e3e3e3;color: #777;font-weight: 400;}
.news-in-paper .article .content ul{padding-left: 20px;margin-bottom:15px}
.news-in-paper .article .content ul li{list-style-type: initial;}
.news-in-paper .article .content ol{padding-left: 20px;margin-bottom:15px}
.news-in-paper .article .content ol li{list-style-type: auto;}
.news-in-paper .article .content table{margin-bottom:15px}
.news-in-paper .box-tail{font-size:18px;line-height:28px;margin-top:54px}
.news-in-paper .box-tail p a{display:inline-block;transition:all .6s;color:#666;font-size:18px;line-height:35px}
.news-in-paper .box-tail p a:hover{color:var(--public-color)}
.news-in-paper .box-tail p span{color:#be0000;display:inline-block;font-weight:bold}
.news-in-paper .box-tail p:first-child{margin-bottom:40px}
.news-in-paper .aside{width:30%}
.news-in-paper .aside .h2::before{content:url(../../images/news-sign-1.webp);display:inline-block;margin-right:15px}
.news-in-paper .aside .h2{font-size:32px;line-height:60px;margin-bottom:35px;color:var(--public-color);font-family:'DINOT-Medium';display:flex}
.news-in-paper .aside .aside-box{padding-bottom:50px}
.news-in-paper .aside .aside-box .items{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;color:#999999;font-weight:600;padding:8px;background-color:#f9f9f9}
.news-in-paper .aside .aside-box>.items .img{width:40%;display:flex;justify-content:center;align-items:center;height:115px}
.news-in-paper .aside .aside-box>.items img{height:100%;width:auto;max-width:none}
.news-in-paper .aside .aside-box>.items .box{width:53%;display:flex;flex-direction:column;justify-content:space-between}
.news-in-paper .aside-1 .time{font-size:16px;line-height:24px;text-align:right;margin-top:20px}
.news-in-paper .aside-1 .t2{font-size:18px;line-height:24px;color:#333333;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:bold;margin-bottom:5px}
.news-in-paper .aside-2 .model{color:var(--public-color);font-weight:400;margin-bottom:5px}
.news-in-paper .aside-2 .t2{font-size:20px;line-height:28px;color:#333;font-family:'DINOT-Medium';font-weight:500;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.news-in-paper .aside-2 .img{height:auto;background-color:#fff}
.news-in-paper .aside-2 .box{padding-top:5px}
.news-in-paper .all-product .col-md-4{padding-left:36px;padding-right:36px}
.news-in-paper .all-product .row{margin-left:-36px;margin-right:-36px}
.news-in-paper .main-top{display:flex;justify-content:space-between;margin-bottom:85px;border-bottom:1px solid #e1e0dc;padding-bottom:60px}



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

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

@media(max-width:768px){
    .news-in-paper{margin-bottom: 30px;margin-top: 0px;padding-top: 0px;}
    .news-in-paper .main-top {flex-wrap: wrap;padding-bottom: 0;}
    .news-in-paper .article{width: 100%;margin-bottom: 40px;}
    .news-in-paper .aside{width: 100%;margin-top: 0;}
    .news-in-paper h1{margin-top: 0px;}
    .news-in-paper .type{font-size: 14px;line-height: 20px;margin-top: 20px;padding-top: 0;}
    .news-in-paper .article .content{line-height: 20px;font-size: 14px;padding-top: 20px;padding-bottom: 20px;}
    .news-in-paper .article .content p{margin-bottom: 10px;}
    .news-in-paper .box-tail{font-size: 16px;line-height: 24px;margin-top: 20px;flex-wrap: wrap;}
    .news-in-paper .box-tail p:first-child{margin-bottom: 10px;}
    .news-in-paper .box-tail .right{margin-bottom: 20px;}
    .news-in-paper .aside .aside-box .text .h3 a{line-height: 24px;}
    .news-in-paper .aside .aside-box {padding-bottom: 30px;}
    .news-in-paper .aside-box-1{padding: 15px;}
    .news-in-paper .aside-box-1 .t1 {font-size: 18px;line-height: 26px;}
    .news-in-paper .main-top{margin-bottom: 30px;}
    .news-in-paper .aside .h2{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
}



.product-paper{margin-top:30px}
.product-paper .h1{font-size:64px;font-family:'DINOT-Bold';color:#222;margin-bottom:30px}
.product-paper .top-head{margin-bottom:180px}
.product-paper .top-head .text{margin-bottom:55px}
.product-paper .small-box{width:85%;display:flex;justify-content:space-between}
.product-paper .small-box .list{width:25%}
.product-paper .small-box .h3{font-size:46px;color:var(--public-color);font-family:'DINOT-Bold';display:flex;align-items:center;border-bottom:2px solid #f7cccf;padding-bottom:17px;width:88%}
.product-paper .small-box p{font-size:20px;padding-top:15px}
.product-paper .t1{font-size:34px;color:#222;font-family:'DINOT-Bold';margin-bottom:35px}
.product-paper .items{display:flex;align-items:center;justify-content:space-between}
.product-paper .items:nth-child(even){flex-direction:row-reverse}
.product-paper .left{width:47%}
.product-paper .right{width:50%}
.product-paper .items .text{margin-bottom:60px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}
.product-paper .h4{font-size:17px;color:#333;font-weight:600;margin-bottom:25px}
.product-paper .ul p{color:#444444;margin-bottom:20px;padding-left:45px}
.product-paper .ul p:last-child{margin-bottom:0}
.product-paper .ul p::before{font-size:25px}
.product-paper .items .img{mix-blend-mode:darken}
.product-paper .items:nth-child(1) .right{margin-right:-35px;width:60%}
.product-paper .items:nth-child(1){margin-bottom:105px}
.product-paper .items:nth-child(2){margin-bottom:170px}
.product-paper .items:nth-child(2) .right{margin-left:-85px;width:60%}
.product-paper .items:nth-child(2) .left{width:49%}
.product-paper .items:nth-child(3){margin-bottom:60px;align-items:flex-start}
.product-paper .items:nth-child(3) .right{margin-right:-170px;width:65%}
.product-paper .items:nth-child(3) .left{width:49%}
.product-paper .items:nth-child(4){margin-bottom:105px}
.product-paper .items:nth-child(4) .right{margin-left:-235px;width:67%}
.product-paper .items:nth-child(4) .left{width:48%}
.product-paper .items:nth-child(5){margin-bottom:60px}
.product-paper .items:nth-child(5) .right{margin-right:-95px;width:64%}
.product-paper .items:nth-child(5) .left{width:55%}
.service-paper .title{font-size:40px;line-height:35px;margin-bottom:45px}
.service-paper{margin-top:75px}
.service-paper .small-box .h3{font-size:40px;color:var(--public-color);font-family:'DINOT-Bold';display:flex;justify-content:center;margin-bottom:10px}
.service-paper .small-box .list{width:20%;text-align:center}
.service-paper .small-box{width:80%;margin-left:auto;margin-right:auto;margin-bottom:115px}
.service-paper .ser-content .items{display:flex;align-items:center;justify-content:space-between;margin-bottom:100px}
.service-paper .ser-content .items:nth-child(even){flex-direction:row-reverse}
.service-paper .ser-content .left{width:45%}
.service-paper .ser-content .right{width:50%}
.service-paper .ser-content .items:last-child{margin-bottom:0}
.service-paper .ser-content{margin-bottom:115px}
.ser-sales{margin-bottom:115px}
.ser-sales .title{text-align:center;margin-bottom:30px}
.ser-sales .top-head{width:82%;margin-left:auto;margin-right:auto;margin-bottom:65px;text-align:center}
.ser-sales .items{width:calc(calc(100% - 85px) / 2);background-color:#f9f9f9}
.ser-sales .t3{font-size:24px;color:#333;font-family:'DINOT-Medium';margin-bottom:30px}
.ser-sales .t3::after{content:"";width:48px;height:4px;background-color:var(--public-color);display:block;margin-top:15px}
.ser-sales .cont p{margin-bottom:10px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}
.ser-sales .cont p:last-child{margin-bottom:0}
.ser-sales .cont strong{color:#333;font-weight:600}
.ser-sales .box{padding:35px 45px 50px 35px}
.ser-sales .items:nth-child(2) .box{padding-left:60px;padding-right:25px}
.ser-sales .items:nth-child(2) .cont{width:96%}
.ser-sut .col-md-3{padding-left:11px;padding-right:11px;margin-bottom:40px}
.ser-sut .row{margin-left:-11px;margin-right:-11px}
.ser-sut{margin-bottom:60px}
.service-paper .app-paper{margin-top:0;display:flex;justify-content:flex-end}


.contact-paper{margin-bottom:100px}
.contact-paper .title{font-size:40px;line-height:40px;display:block}
.contact-paper .top-head{padding-top:130px;position:relative;margin-bottom:85px}
.contact-paper .top-head::before{content:"";position:absolute;left:0;top:0;z-index:-1;width:50%;height:100%;background-color:#fef7f8}
.contact-paper .top-head .left{width:45%;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:105px;padding-right:20px}
.contact-paper .top-head .d1{margin-bottom:40px}
.contact-paper .top-head .d1:last-child{margin-bottom:0}
.contact-paper .top-head .right{width:50%;padding-left:60px;padding-bottom:30px;position:relative}
.contact-paper .top-head .right::before{content:"";width:40px;height:40px;border-right:20px solid #fff;border-left:20px solid transparent;border-top:20px solid transparent;border-bottom:20px solid transparent;position:absolute;left:-40px;top:0px}
.contact-paper .top-head .box p{display:flex}
.contact-paper .top-head .icon{color:var(--public-color);padding-right:15px;display:block;padding-top:5px}
.contact-paper .box-input .col-md-12,.box-input .col-md-6{margin-bottom:25px}
.contact-paper .h3{font-size:24px;width:100%}
.contact-paper .h3.active{padding-left:10px;position:relative}
.contact-paper .h3.active::before{content:"";width:5px;height:5px;background-color:var(--public-color);border-radius:100%;position:absolute;left:0;top:13px}
.contact-paper .h4{font-size:20px;color:#999}
.contact-paper .list-inner{background-color:#ffffff;border:solid 1px #cccccc;padding:25px 27px 25px;margin-top:20px;display:flex;justify-content:space-between}
.contact-paper .list-inner[contenteditable]:focus{outline:none;border-color:var(--public-color);}
.contact-paper .list-inner[contenteditable]{min-height:24px;cursor:text;position:relative;transition:all 0.3s ease;}
.contact-paper .list-inner[contenteditable]:empty:before{content:"Please enter…";color:#999;position:absolute;left:27px;top:25px;pointer-events:none;font-size:20px;}
.contact-paper .list-inner[contenteditable]:focus:empty:before{content:"";display:none;}
.contact-paper .list-inner[contenteditable]:hover{border-color:#999;}
.contact-paper .list-inner.error{border-color:red;}
.contact-paper .list-inner.active .down{display:none}
.contact-paper .list-inner.active .up{display:inline-block}
.contact-paper .list-inner .up{display:none}
.contact-paper .list-inner .down{display:inline-block}
.contact-paper .list-box{position: relative;}
.contact-paper .list-box .list-ul{position:absolute;width: 100%;z-index: 1;}
.contact-paper .box-input .icon{font-size:30px;font-weight:none}
.contact-paper .box-input .list-ul{display:none}
.contact-paper .box-input .list-box.active .list-ul{display:block}
.contact-paper .box-input .list-ul{border:1px solid #cccccc;border-radius:0 0 10px 10px;background-color:#fff;}
.contact-paper .box-input .list-ul li{padding-left:30px;padding-top:10px;padding-bottom:10px;cursor:pointer;}
.contact-paper .box-input .list-ul li + li{border-top:1px solid #cccccc}
.contact-paper .box-input .list-ul li.active{color:var(--public-color);opacity:.8}
.cont-type-xl>div:first-child{display:flex;justify-content:space-between;margin-bottom:70px}
.cont-type-xl>div:first-child .title{width:46%}
.cont-type .busines{display:flex;align-items:center;justify-content:space-between;width:46%;font-size:24px;font-weight:500;padding-right:20px}
.cont-type .busines p{width:auto;height:65px;display:flex;align-items:center;justify-content:center;padding:0 25px;cursor: pointer;}
.cont-type .busines p .icon{display: none;padding-right: 15px;}
.cont-type .busines p.active{background-color:var(--public-color);color:#fff;}
.cont-type .busines p.active .icon{display: block;}
.cont-type{margin-bottom:55px}
.cont-type .col-md-6,.cont-infor .col-md-6,.cont-infor .col-md-12{padding-left:59px;padding-right:59px}
.cont-type .row,.cont-infor .row{margin-left:-59px;margin-right:-59px}
.cont-type{position:relative}
.cont-type::after{content:"";width:47%;height:3px;background-color:#cccccc;position:absolute;right:0;top:70px;z-index:-1}
.cont-infor .title{margin-bottom:60px}
.cont-infor .col-md-12 .list-inner{height:180px}
.cont-infor .more-7 span{padding-top:7px}
.cont-infor .more-7{height:55px}
.cont-infor .more-7:focus{outline:none}
.cont-infor .box-input{margin-bottom:50px}
.cont-infor{margin-bottom:85px}
.cont-need .title{margin-bottom:65px}
.cont-need .list .red{display:none}
.cont-need .list:hover .red{display:inline-block}
.cont-need .list .gain{display:inline-block}
.cont-need .list:hover .gain{display:none}
.cont-need .list{display:flex;align-items:center;justify-content:center;background-color:#f6f6f6;width:calc(calc(100% - 80px) / 2);padding-top:70px;padding-bottom:40px}
.cont-need .list .img{margin-right:40px;width:10%}
.cont-need .list .cont{width:85%}
.cont-need .list-xl{width:90%;display:flex}
.cont-need .t4{font-size:34px;color:#333;font-family:'DINOT-Medium';margin-bottom:10px}
.cont-need .list:hover .t4{color:var(--public-color)}


/* .contact-paper label{
    font-size: 24px;
    position: relative;
    padding-left: 10px;
    width: 100%;
}
.contact-paper label::before{
    content: "";
    width: 5px;
    height: 5px;
    background-color: var(--public-color);
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 13px;
}
.contact-paper .form-feedback .form-control {
    margin-top: 20px;
    background-color: #ffffff;
	border: solid 1px #cccccc;
    padding: 35px 27px 30px;
}
.contact-paper .form-control::placeholder{
    font-size: 20px;
    color: #999;
}
.contact-paper .form-group{margin-bottom: 25px;} */



@media( max-width: 1860px){
    .product-paper .items:nth-child(4) .right {margin-left: -175px;width: 62%;}
}
@media( max-width: 1820px){
    .cont-type::after {width: 37%;}
}

@media( max-width: 1780px){
    .product-paper .items:nth-child(3) .right {margin-right: -100px;}
}
@media( max-width: 1670px){
    .container-xl.m-right{margin: auto;padding: 0 15px;}
}
@media( max-width: 1630px){
    .product-paper .items:nth-child(3) .right {margin-right: -50px;width: 62%;}
}
@media( max-width: 1530px){
    .product-paper .items:nth-child(1) .right{margin-right: 0;width: 50%;}
    .product-paper .items:nth-child(2) .right{margin-left: 0;width: 50%;}
    .product-paper .items:nth-child(3) .right{margin-right: 0;width: 50%;}
    .product-paper .items:nth-child(4) .right{margin-left: 0;width: 49%;}
    .product-paper .items:nth-child(5) .right{margin-right: 0;width: 52%;}
    .product-paper .items:nth-child(5) .left{width: 45%;}
}
@media( max-width: 1500px){
    .index-sup.banner{overflow: hidden;}
    .index-sup.banner>img{width: auto;height: 100%;}
    /* .about-his{overflow: hidden;} */
    .about-cer .right{margin-right: 0;}
}
@media( max-width: 1450px){
    .row{margin-left: -15px !important;margin-right: -15px !important;}
    .col-md-4,.col-md-3,.col-md-6{padding-left: 15px !important;padding-right: 15px !important;}
    .app-paper .help::before {left:-115px}
    .all-banner.banner .row-line-2::after {line-height: 30px;}
    .all-banner.banner .text{width: 100% !important;}
}
@media( max-width: 1430px){
    .banner .h1 {font-size: 48px;}
    .all-banner.banner .h1{font-size: 48px;}
    .all-banner.banner .row-line-2::after {line-height: 30px;}
    .title{font-size: 36px !important;line-height: 42px !important;}
    .pro-nav .item .title{font-size: 16px !important;line-height: 24px !important;}
    .index-sust .list {width: calc(calc(100% - 25px * 2) / 3);}
    .index-sust .sust-box {padding: 30px 25px 40px;}
    .table-wrapper table tbody td:first-child{padding-left: 5px;}
    .pro-content table tr td:last-child{padding-right: 10px;}
    .pro-content table tr td{}
}
@media( max-width: 1370px){
    .footer .list-4 {width: 22%;}
    .footer .list-2 {width: 10%;}
    .about-first .right {width: 52%;}
    .about-first .small-box {width: 70%;}
}
@media( max-width: 1315px){
    .cont-type .busines{justify-content: normal}
    .cont-type .busines p:last-child{font-size: 18px;line-height: 26px;}
    .about-cer .title{margin-bottom:30px ;}
    .about-cer .text{margin-bottom: 40px;}
}
@media( max-width: 1230px){
    .table-wrapper table tbody td:first-child {width: 200px;}
    .contact-paper .title{font-size: 34px !important;}
    .all-banner.banner .small-nav {top:0;}
}
@media( max-width: 1141px){
    .cont-type::after {top: 93px;}
}
.footer .list-1 .text p{margin-bottom: 15px}
.footer .list-1 .text li{margin-bottom: 5px}
.footer .list-1 .text li:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: var(--public-color) }

@media(max-width: 768px){
    .app-in-product .service-qh-btn{width: 150px;margin: 0 auto 30px;}
    .app-in-shop .list:nth-child(5){display: none;}
    .title{font-size: 22px !important;line-height: 32px !important;margin-bottom: 10px !important;}
    .dfrsb,.dfrsbc{flex-wrap: wrap !important;}
    .left,.right{width: 100% !important;}
    .text{font-size: 14px !important;line-height: 20px !important;}
    .top-head{margin-bottom: 25px !important;}
    .h6{font-size: 16px;line-height: 24px;}
    .all-hover {width: 35px;height: 35px;}
    .all-hover .iconfont {font-size: 16px;}
    .mySwiper-pro .pagination-pro{bottom: 0;left: 0;}
    .mySwiper-pro .swiper-pagination-bullet{background-color: var(--public-color);opacity: .2;}
    .mySwiper-pro .swiper-pagination-bullet-active{background-color: var(--public-color);opacity: 1;}
    .mySwiper-pro .swiper-slide{height: auto;}
    .mySwiper-pro {padding-bottom: 30px;margin-bottom: 30px;}
    .more-6 {padding: 0 25px !important;}
    .ul p::before {font-size: 16px;line-height:20px;}
    .h1{font-size: 22px !important;line-height: 32px !important;}
    .text p{margin-bottom: 10px !important;}
    .text p:last-child{margin-bottom: 0 !important;}
    .row{margin-left: -7px !important;margin-right: -7px !important;}
    .col-md-4,.col-md-3{padding-left: 7px !important;padding-right: 7px !important;margin-bottom: 25px !important;}
    .mb-pag{left: 0 !important;bottom: 0 !important;}
    .mb-pag .swiper-pagination-bullet{background-color: var(--public-color);opacity: .3;}
    .mb-pag .swiper-pagination-bullet-active{opacity: 1;}
    .mySwiper-mb{padding-bottom: 30px;}

    .in-banner .small-nav {padding-top: 20px;padding-bottom: 20px;margin-bottom: 0;}
    .small-nav{padding-top: 10px;margin-bottom: 20px;}
    .small-nav ul li::after {padding:0 10px}
    .banner.about-banner{overflow: hidden;}
    .banner .h1{font-size: 24px;line-height: 32px;margin-bottom: 5px;}
    .mySwiper-index .all-pag{bottom: 0px !important;}

    .index-paper{margin-top: 30px;}
    .index-pro .stat-number {font-size: 22px;line-height: 26px;}
    .index-pro .stat-number span{display: block;font-size: 12px;}
    .index-pro .stat-card {width: 31%;}
    .index-pro .stat-desc{
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word;
    }
    .index-pro .stats-grid{margin-bottom: 30px;}
    .index-pro .t1{font-size: 18px;line-height: 26px;letter-spacing: 0px;margin-bottom: 10px;}
    .index-pro .all-btn{margin-top: 20px;}
    .index-pro .all-hover{font-size: 120px;}
    .index-pro{margin-bottom: 30px;}
    .index-sol .left{margin-bottom:20px;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
    .index-sol .items{opacity:1;max-width:380px;flex:0 0 auto;margin-right:18px}
    .index-sol .items-xl{display:block}
    .index-sol .sol-box {width:100%;padding:0 0 20px 0;box-sizing:border-box;top:0;bottom:inherit;}
    .index-sol .items .t2{margin-bottom:10px;font-size: 20px;display:flex;align-items:center;padding:10px 16px 0 16px;}
    .index-sol .items .t2 .img{filter:brightness(0) invert(1);margin-right:10px}
    .index-sol .list {padding: 15px 20px;}
    .index-sol .right .box{margin-bottom: 20px;}
    .index-sol{margin-bottom: 30px;margin-top:30px;}
    .index-sust .list {width: 100%;margin-bottom: 25px;}
    .index-sust .title span,.index-about .title span{margin-bottom: 5px;}
    .index-sust .sust-box{padding: 15px 25px 15px;}
    .index-sust .h3{height: auto;font-size: 19px;line-height: 27px;}
    .mySwiper-adv {padding: 20px 20px 60px;}
    .index-adv{margin-bottom: 30px;}
    .index-about .left {padding-bottom: 25px;}
    .index-about .right{margin-bottom: 20px;}
    .index-about{margin-bottom: 30px;background-size: auto;}
    .index-about .content{flex-direction: column-reverse;}
    .index-ex .big-box{margin-top: 20px;}
    .index-ex .h2 {margin-bottom: 10px;}
    .index-ex .all-hover {font-size: 120px;}
    .index-ex .left{margin-bottom: 30px;}
    .index-ex .right .t3 {font-size: 18px;line-height: 26px;}
    .index-ex .right .cont {width: 55%;}
    .index-ex .right .small-img{width: 40%;}
    .index-ex{margin-bottom: 30px;}
    .index-news .t1{font-size: 19px;line-height: 27px;}
    .index-news{margin-bottom: 30px;}
    .index-sup .ul{margin-bottom: 25px;}
    .index-sup .ul p{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
    .index-sup .left .d:first-child{margin-bottom: 15px;}
    .index-sup .left{margin-bottom: 25px;}
    .index-sup .form-group{margin-bottom: 15px;}
    .index-sup.banner>img{height: 1050px;}
    .index-sup .h2{margin-bottom: 15px;}
    .index-sup.banner{display: flex;justify-content: flex-end;}

    .footer{padding-top: 30px;}
    .footer .list-1{width: 100%}
    .footer .list-1 .box-1{margin-bottom: 20px;}
    .footer .list-1{margin-bottom: 20px;}
    .footer .t1 {font-size: 20px;line-height: 28px;margin-bottom: 10px;}
    .footer .list-2{width: 35%;}
    .footer .list-3{width: 60%;}
    .footer .list-4{width: 100%;margin-top: 20px;}
    .footer .font-sty {margin-bottom: 5px;}
    .footer .list-4 .box{margin-bottom: 25px;}
    .social-xl{display: flex;}
    .footer .social-xl p{margin-right: 15px;}
    .footer .list-1 .h3 p {width: 90%;}
    .footer .footer-top {margin-bottom: 0;}
    .footer-bottom {padding-top: 15px;}

    .product-paper .h1{margin-bottom: 15px;}
    .product-paper{margin-top: 0;}
    .product-paper .top-head .text{margin-bottom: 25px;}
    .product-paper .small-box .h3{font-size: 26px;line-height: 32px;padding-bottom: 5px;}
    .product-paper .small-box p {font-size: 16px;line-height: 24px;}
    .product-paper .small-box{width: 100%;margin-bottom: 50px;}
    .product-paper .small-box .list {width: 31%;}
    .product-paper .items{flex-direction: column !important;flex-direction: column-reverse !important;margin-bottom: 45px !important;border-bottom: 1px dashed #ddd;padding-bottom: 30px;}
    .product-paper .right{margin-bottom: 30px;}
    .product-paper .t1 {font-size: 22px;line-height: 32px;margin-bottom: 15px;}
    .product-paper .items .text{margin-bottom: 25px;}
    .product-paper .h4{margin-bottom: 15px;}
    .product-paper .ul p::before {font-size: 14px;}
    .product-paper .ul p{padding-left: 25px;margin-bottom: 10px;}

    .all-banner.banner{overflow: hidden;}
    .all-banner.banner .cont-box .text{width: 100% !important;}
    .all-banner.banner>img {height: 275px;width: auto;}
    .small-nav {top: 0;}
    .small-nav ul a{font-size: 16px;line-height: 24px;}
    .more-7{padding: 0 15px !important;height: 42px !important;font-size: 16px !important;line-height: 24px !important;}

    .product-list{margin-top: 30px;}
    .pro-exp strong{font-size: 26px;line-height: 32px;}
    .pro-exp .stat-card {width: 49% !important}
    .pro-exp .stat-card {margin-bottom: 20px;}
    .pro-exp{margin-bottom: 10px;}
    .pro-content{margin-bottom: 30px;}
    .pro-inf .items{flex-direction: column !important;}
    .pro-inf .left{margin-bottom: 20px;}
    .pro-inf .h2 {font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .pro-inf .items:not(:first-child) {padding-top: 30px;margin-top: 30px;}
    .pro-inf{margin-bottom: 30px;}
    .pro-tech .text{width: 100%;margin-bottom: 20px;}
    .pro-tech .top-head .year{justify-content: space-between;position: relative;}
    .pro-tech .year p::after{padding: 0;position: absolute;left: 38%;}
    .pro-tech{margin-bottom: 30px;}
    .pro-faq .quen-q{margin-bottom: 0;}
    .pro-faq .items.active .quen-q{margin-bottom: 10px;}
    .pro-faq .q1 {font-size: 20px ;}
    .pro-faq {padding-bottom: 0;margin-top: 60px;}

    .pro-in-first .left{margin-bottom: 25px;}
    .pro-in-first .model{font-size: 16px;line-height: 24px;}
    .pro-in-first .h1 {margin-bottom: 20px;}
    .pro-in-first .specil {padding-bottom: 15px;margin-bottom: 0;}
    .pro-in-first .box-input {padding-top: 15px;}
    .contact-paper .box-input .col-md-12, .box-input .col-md-6 {margin-bottom: 16px;}
    .pro-in-first .col-md-12 {margin-bottom: 20px;margin-top: 25px;}
    #pro-feedback .col-md-6{padding-left: 5px !important;padding-right: 5px !important;}
    .pro-in-first{margin-bottom: 10px;}
    .app-in-shop .content{justify-content: space-between;}
    .app-in-shop .list {width: 48%;margin-right: 0;margin-bottom: 20px;}
    .app-in-shop .list .t2 {font-size: 14px;line-height: 20px;height: 48px;padding: 5px 10px;}
    .pro-specil>div:nth-child(2) {padding-top: 20px;}
    .pro-specil{margin-bottom: 30px;}
    .pro-specil .text{margin-top: 0px;}
    .pro-specil .text strong{font-size: 18px;line-height: 26px;margin-bottom: 0px;}
    .pro-Para{margin-bottom: 30px;}
    .pro-feat strong {font-size: 18px;line-height: 26px;margin-bottom: 15px;margin-top: 25px;}
    .pro-feat{margin-bottom: 30px;}
    .pro-faq{margin-bottom: 30px;}
    .pro-video{margin-bottom: 30px;}
    .pro-video .col-md-6{width: 50%;}
    .pro-product{margin-bottom: 30px;}
    .pro-product .t1 {font-size: 16px;line-height: 24px;}


    .app-paper{margin-top: 30px;}
    .app-recy{margin-bottom: 30px;}
    .app-recy .big-img{width: 100px;height: 100px;}
    .app-recy .big-img .img{width: 40%;}
    .app-recy .big-img p {font-size: 19px;line-height: 28px;height: auto;}
    .app-recy .content{justify-content: flex-start;gap: 15px;}
    .app-plastic .col-md-4{width: 50%;}
    .app-plastic .t2{font-size: 16px;line-height: 24px;height: 48px;text-align: center;}
    .app-plastic{margin-bottom: 30px;}
    .app-paper .help::before{display: none;}
    .app-paper .help {width: 100%;padding:15px;flex-direction: column;height: auto;}
    .app-paper .help .left{margin-bottom: 15px;}

    .app-in-paper{margin-bottom: 30px;}
    .app-in-paper,.app-in-first{margin-top: 0;}
    .app-in-first .left{margin-bottom: 15px;}
    .app-in-first .h1{margin-bottom: 15px;}
    .app-in-first .ul p{font-size: 16px;line-height: 24px;padding-left: 25px;margin-bottom: 10px;}
    .app-in-first .ul p::before{font-size: 16px;}
    .app-in-first{padding-bottom: 20px;padding-top: 0;}
    .app-in-shop.app-plastic{padding-top: 30px;}
    .pro-content .t1{font-size: 19px;line-height: 27px;}
    .pro-content table tr td {font-size: 16px;line-height: 24px;}
    .table-wrapper table tbody td:first-child{width: auto;}

    .about-banner>img{height: 210px;width: auto;}
    .bout-banner{overflow: hidden;}

    .about-paper{margin-top: 30px;padding-bottom: 30px;}
    .about-first .small-box .h3{font-size: 26px;}
    .about-first .small-box{width: 90%;}
    .about-first .text {margin-bottom: 20px;}
    .about-first,.about-cer{margin-bottom: 30px;}
    .about-cer .text{margin-bottom: 20px;}
    .his-line .year {font-size: 20px;line-height: 28px;}
    .his-line::after{width: 4px;height: 100%;top: 0;left: 49.5%;}
    .his-line .content-1,.his-line .content-box{flex-direction: column;}
    .his-line .content-1,.his-line .content-2{width: 50%;}
    .his-line .content-box {width: 100%;justify-content: flex-end;height: 103%;}
    .his-line .list{width: 100% !important;position: relative;justify-content: normal;height:200px;}
    .his-line .content-1 .list::after{position: absolute;right: -8px;top: 0;}
    .his-line .content-2 .list::before{position: absolute;left: -8px;top: 0;}
    .his-line .content{display: flex;}
    .his-line .content-2{margin-top: 0;}
    .his-line .content-2 .year{margin-top: 0;}
    .his-line .content-2 .list{padding-left: 20px;}
    .his-line .content-1 .list{justify-content: flex-start;}
    .his-line .content-2 .text{font-size: 12px !important;line-height: 16px !important;}
    .his-line .content-1 .list:nth-child(4){height: auto;}
    .about-paper .index-sust{margin-top: 30px;margin-bottom: 30px;}
    .about-cap .ul p{font-size: 16px;line-height: 24px;margin-bottom: 10px;padding-left: 25px;}
    .about-cap .ul{margin-bottom: 20px;}
    .about-cap .content{flex-direction: column-reverse;}
    .about-cap .right{margin-bottom: 20px;}
    .about-cap{margin-bottom: 40px;}
    .about-exh .img{margin-bottom: 20px;}
    .about-exh .left{margin-bottom: 30px;}
    .about-exh .t3{font-size: 20px;line-height: 28px;}
    .about-exh .list{justify-content: space-between;}
    .about-exh .box{margin-bottom: 25px;}

    .more-7 span {font-size: 32px;}

    .service-paper{margin-top: 30px;}
    .service-paper .small-box .h3{font-size: 26px;line-height: 32px;margin-bottom: 0px;}
    .service-paper .small-box{width: 100%;justify-content: space-between;margin-bottom: 30px;}
    .service-paper .small-box .list{width: 100%;margin-bottom: 20px;}
    .service-paper .small-box .list p{font-size: 18px;line-height: 26px;}
    .service-paper .ser-content .items{flex-direction: column !important;margin-bottom: 45px;}
    .service-paper .ser-content .left{margin-bottom: 15px;}
    .service-paper .ser-content{margin-bottom: 30px;}
    .ser-sales .top-head{width: 100%;}
    .ser-sales .items {width: 100%;margin-bottom: 30px;}
    .ser-sales .box {padding: 15px !important;}
    .ser-sales .t3 {font-size: 19px;line-height: 27px;margin-bottom: 20px;}
    .ser-sales .t3::after {margin-top: 10px;}
    .ser-sales{margin-bottom: 0px;}
    .ser-sut .col-md-3{width: 50%;}
    .ser-sut{margin-bottom: 0;}

    .news-paper{margin-bottom: 30px;margin-top: 30px;}

    .contact-paper .top-head{padding-top: 0px;}
    .contact-paper .top-head .d1 {margin-bottom: 15px;}
    .contact-paper .top-head .left,.contact-paper .top-head .right{padding: 10px 15px;}
    .contact-paper .h3 {font-size: 20px;}
    .contact-paper .h3.active::before {top: 7px;}
    .contact-paper .title{font-size: 22px !important;}
    .contact-paper .top-head .left{background-color: #fef7f8;position: relative;}
        .contact-paper .top-head .left::before {
            content: "";
            width: 40px;
            height: 40px;
            border-right: 20px solid transparent;
            border-left: 20px solid transparent;
            border-top: 20px solid #fef7f8;
            border-bottom: 20px solid transparent;
            position: absolute;
            left: 50%;
            bottom: -40px;
            margin-left: -10px;
        }
    .contact-paper .top-head::before{display: none;}
    .contact-paper .top-head .container-xl{padding: 0;}
    .contact-paper .top-head .right::before{display: none;}
    .contact-paper .list-inner{padding: 15px 20px 15px;margin-top: 10px;}
    .contact-paper .list-inner[contenteditable]:empty:before {top: 14px;left: 20px;font-size: 18px;}
    .cont-type-xl>div:first-child{flex-direction: column;}
    .cont-type-xl>div:first-child .title,.cont-type .busines{width: 100%;}
    .cont-type .busines{align-items: flex-start;flex-direction: column;border-bottom: 3px solid #cccccc;;}
    .cont-type::after{display: none;}
    .cont-type .busines p{height: 48px;padding: 0 20px;}
    .cont-type .busines p:last-child{font-size: 16px;line-height: 24px;padding: 0;}
    .cont-type-xl>div:first-child{margin-bottom: 35px;}
    .contact-paper .box-input .icon {font-size: 18px;}
    .cont-type{margin-bottom: 35px;}
    .cont-infor .col-md-12 {padding-left: 15px;padding-right: 15px;}
    .cont-infor .more-7{margin-left: 10px;}
    .cont-infor .box-input{margin-bottom: 20px;}
    .cont-infor{margin-bottom: 30px;}
    .cont-need .list{width: 100%;margin-bottom: 25px;padding-top: 24px;padding-bottom: 25px;}
    .cont-need .list:last-child{margin-bottom: 0;}
    .cont-need .t4 {font-size: 20px;}
    .cont-need .list .img {margin-right: 23px;}
    .contact-paper{margin-bottom: 30px;}

    .certy-paper{padding-top: 0;margin-bottom: 30px;}
    .certy-paper .col-md-4{width: 50%;}
    .certy-paper .h1{margin-bottom: 20px;}
    .certy-paper p{font-size: 16px;line-height: 24px;}

    .video-paper{margin-top: 30px;margin-bottom: 30px;}
    .video-paper .aside{width: 100%;}
    .video-paper .article{width: 100%;}
    .video-paper ul{padding: 0;border: 0;}
    .video-paper ul li{display: block;margin-bottom: 0;line-height: inherit;}

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

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

.pro-nav-box{padding:10px 0 50px;}
.pro-nav{}
.pro-nav .item{width:100%;margin-bottom:20px;}
.pro-nav .item .img{display:flex;align-items:center;justify-content:center;height:140px;overflow:hidden;background:#eee;}
.pro-nav .item .img img{height:140px;width:auto;mix-blend-mode:multiply;}
.pro-nav .item .title{font-size:16px;line-height:24px;margin-top:10px;border-left:3px solid var(--public-color);padding-left:10px;}
.pro-nav .item.active .title a{text-decoration:underline;color:var(--public-color);}
.pro-nav .item:hover .title a{text-decoration:underline;color:var(--public-color);}

@media(max-width:768px) {
    .pro-nav-box{display:none;}
}


.x2-box{display:flex;flex-wrap:wrap;justify-content:space-between;}
.x2-box .x2-bigimg{width:40%;position:relative;}
.x2-box .x2-bigimg .bigimgshow{position:absolute;top:0;right:0;left:0;bottom:0;}
.x2-box .x2-imgs{width:59%;}
.x2-box .x2-imgs>.row{gap:20px 0}
.x2-box .x2-imgs .img.mt{margin-top:20px;}
.x2-box .x2-imgs .row{margin-left:-8px;margin-right:-8px;}
.x2-box .x2-imgs .row .col-md-4{padding-left:8px;padding-right:8px;}
.x2-box .x2-imgs .img:hover{box-shadow: 1px 0 10px #d90011;}

@media(max-width:375px) {
.index-pro .stat-card{width: 47%;margin-bottom: 15px;}
.index-pro .stat-number{margin-bottom: 15px;}
}





.video-nr{position:relative;background:#f4f6f9;padding:30px;height:910px;display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #ddd;}
.video-nr .v-content{width:76%;height:100%;overflow:auto;}
.video-nr .v-content::-webkit-scrollbar{display:none;}
.video-nr .v-content .v-title{font-size:22px;line-height:28px;font-weight:bold;margin-top:15px;margin-bottom:15px;}
.video-nr .v-content .v-desc{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.video-nr .v-content .v-desc .left{font-size:14px;color:#777;}
.video-nr .v-content .v-desc .left i{margin-left:20px;margin-right:10px;}
.video-nr .v-content .v-desc .left i:first-child{margin-left:0;}
.video-nr .v-content .v-desc .right .v-ly{background:#4bcd65;border:1px solid #4bcd65; display: inline-flex;padding:5px 20px;border-radius:50px;align-items:center;color:#fff;}
.video-nr .v-content .v-desc .right .v-ly i{margin-right:8px;}
.video-nr .v-content .v-desc .right .v-ly:hover{box-shadow: 0 2px 10px rgb(0 0 0 / 20%);}
.video-nr .v-content .v-desc .right .v-fx{background:#fff;border:1px solid #333;display: inline-flex;margin-left:15px; padding:5px 20px;border-radius:50px;align-items:center;color:#333;}
.video-nr .v-content .v-desc .right .v-fx i{margin-right:8px;}
.video-nr .v-content .v-desc .right .v-fx:hover{background:#527dff;border-color:#527dff;color:#fff;}
.video-nr .v-content .v-nr{padding:20px 0;font-size:14px;line-height:20px;}
.video-nr .v-content .v-nr ul{display:flex;flex-wrap:wrap;margin-bottom:20px;}
.video-nr .v-content .v-nr ul li{margin-left:20px;}
.video-nr .v-content .v-nr ul li:first-child{margin-left:0;}
.video-nr .v-content .v-nr a{color:#527dff;}
.video-nr .v-content .v-nr a:hover{text-decoration:underline;}
.video-nr .v-content .v-title2{border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center; font-size:22px;font-weight:bold;line-height:32px;margin-bottom:15px;padding-bottom:10px;margin-top:10px;}
.video-nr .v-content .v-title2 .right{font-size:16px;line-height:24px;color:#4bcd65;cursor:pointer;font-weight:initial;}
.video-nr .v-content .v-title2 .right:hover{color:#527dff;}
.video-nr .v-content .v-massage{font-size:16px;line-height:24px;}
.video-nr .v-content .v-massage p{position:relative;display:flex;align-items:center;}
.video-nr .v-content .v-massage p:before{content:"\f406";font-family:cmsfont; width:40px;height:40px;text-align:center;color:#fff;line-height:40px;font-size:20px; background:#ff6200;border-radius:50%;display:inline-block;margin-right:10px;}
.video-nr .v-content .v-massage ul{padding:10px 10px 10px 50px;}
.video-nr .v-content .v-massage ul li{position:relative;display:flex;margin-bottom:10px;}
.video-nr .v-content .v-massage ul li:before{content:"\f406";font-family:cmsfont;width:24px;height:24px;text-align:center;line-height:24px; color:#fff;background:#ff9e43;border-radius:50%;display:inline-block;margin-right:10px;}
.video-nr .v-content .v-massage strong{margin-right:0px;}

.video-nr .v-side{width:22%;height:100%;overflow:auto;}
.video-nr .v-side::-webkit-scrollbar{display:none;}
.video-nr .v-side .v-pro{background:#fff;padding:15px;border-radius:20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.video-nr .v-side .v-pro .img{width:30%;}
.video-nr .v-side .v-pro .text{width:67%;}
.video-nr .v-side .v-pro .text .t1{font-size:16px;line-height:24px;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.video-nr .v-side .v-pro .d-flex{margin-top:20px;}
.video-nr .v-side .v-pro .d-flex a{display:inline-block;margin-right:10px;padding:5px 20px;border:1px solid #4bcd65;border-radius:50px;font-size:14px;line-height:20px;} 
.video-nr .v-side .v-pro .d-flex a:last-child{margin-right:0p;}
.video-nr .v-side .v-pro .d-flex a:hover{background:#4bcd65;color:#fff;}
.video-nr .v-side .v-pro .d-flex a:first-child{background:#4bcd65;color:#fff;}
.video-nr .v-side .v-pro .d-flex a:first-child:hover{box-shadow: 0 2px 10px rgb(0 0 0 / 20%);}
.video-nr .v-side .v-rel{background:#fff;padding:15px;border-radius:20px;}
.video-nr .v-side .v-rel .big-t1{font-size:22px;line-height:28px;font-weight:bold;margin-bottom:15px;}
.video-nr .v-side .v-rel .v-video-item{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.video-nr .v-side .v-rel .v-video-item .left{width:54%;}
.video-nr .v-side .v-rel .v-video-item .right{width:42%;}
.video-nr .v-side .v-rel .v-video-item .t1{font-size:14px;line-height:20px;margin-bottom:8px;}
.video-nr .v-side .v-rel .v-video-item .t2{font-size:12px;color:#999;line-height:20px;}

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

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

@media(max-width:768px) {
    .video-nr .v-side .v-pro .d-flex a{padding:5px 10px;}
    .v-feed-box .pro{display:none;}
    .v-feed-box .right{width:100%;}
    .video-nr{height:auto;padding:15px;}
    .video-nr .v-content{width:100%;}
    .video-nr .v-side{width:100%;}
    .video-nr .v-content .v-desc .right{width:100%;}
    .video-nr .v-content .v-nr ul li{margin-left:0;margin-right:10px;}
    .video-nr .v-content .v-massage ul{padding-left:17px;}
    .video-nr .v-content .v-massage p{display:block;}
    .video-nr .v-content .v-massage ul li{display:block;}
}

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

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

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

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

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

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

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

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

@media(max-width:768px) {
    .reveal-modal#mb-share{left: 10%;
    margin-left: -5%;
    width: 90%;}
}


.x1-nav{position:relative;}
.x1-nav .small-nav{position:relative;}
.x1-nav .small-nav ul a{color:#333;}
.x1-nav .small-nav ul li::after{color:#333;}
.x1-nav .small-nav ul li:last-child a{color: var(--public-color);}

.x1-profl{position:relative;padding:30px 0 80px;}
.x1-profl .container-xl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.x1-profl .container-xl .x1-left{width:45%;}
.x1-profl .container-xl .x1-right{width:48%;}
.x1-profl .container-xl .x1-left .x1-t1{font-size:36px;line-height:42px;font-weight:bold;margin-bottom:40px;}
.x1-profl .container-xl .x1-left .x1-desc{font-size:18px;line-height:30px;color:#999999;}


@media(max-width:768px) {
    .x1-profl{padding:10px 0 30px;}
    .x1-profl .container-xl .x1-left{width:100%;}
    .x1-profl .container-xl .x1-right{width:100%;margin-top:15px;}
    .x1-profl .container-xl .x1-left .x1-t1{font-size:26px;line-height:32px;margin-bottom:20px;}
    .x1-profl .container-xl .x1-left .x1-desc{font-size:14px;line-height:22px;}
}


.x1-feedback{}
.x1-feedback .x1-desc{font-size:18px;line-height:26px;text-align:center;}
.x1-feedback .x1-icon{text-align:center;font-size:18px;line-height:26px;margin-top:15px;cursor:pointer;}
.x1-feedback .x1-icon .icon:before{content:"\f322";font-family:cmsfont;display:block;}
.x1-feedback .x1-icon .icon.active:before{content:"\f325";}
.x1-feedback .x1-list{height:0;overflow:hidden;transition:all 0.5s;}
.x1-feedback .x1-list.active{height:auto;}

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

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

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

.pro-content .col-md-4 .list .imgbox{position:relative;}
.pro-content .col-md-4 .list .duibi-btn{display:inline-block;position:absolute;left:20px; background:var(--public-color);cursor:pointer; color:#fff;bottom:20px; z-index:10; padding:5px 20px;border-radius:20px;font-size:16px;line-height:22px;}

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

.z-feedback{position: relative;display: flex;align-items: center;margin-bottom: 40px;}
.z-feedback .z-feedback-bg{background: #f8f8f8;width: 100%;position: absolute;left: 0;right: 0;height: 80%;z-index: 1;}
.z-feedback .container-xl{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;z-index: 2;position: relative;}
.z-feedback .z-feedback-text{width: 48%;}
.z-feedback .z-feedback-text .z-feedback-t1{font-size: 32px;line-height: 40px; font-weight: bold;color: var(--public-color);}
.z-feedback .z-feedback-text .z-feedback-t2{font-size: 16px;line-height: 24px;margin-top: 25px;}
.z-feedback .z-feedback-text ul{margin-top: 25px;}
.z-feedback .z-feedback-text ul li{font-size: 16px;line-height: 24px;position: relative;margin-top: 5px;}
.z-feedback .z-feedback-text ul li:before{content: "\f00c";font-family: cmsfont;color: var(--public-color);margin-right: 8px;font-weight: bold;}
.z-feedback .z-feedback-ly{width: 48%;padding: 50px 25px;box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);background: #fff;}

@media(max-width:768px) {
    .z-feedback{padding: 25px 0;}
    .z-feedback .z-feedback-text{width: 100%;}
    .z-feedback .z-feedback-text .z-feedback-t1{font-size: 24px;line-height: 32px;}
    .z-feedback .z-feedback-text .z-feedback-t2{margin-top: 15px;}
    .z-feedback .z-feedback-text ul{margin-top: 15px;}
    .z-feedback .z-feedback-bg{height: 100%;}
    .z-feedback .z-feedback-ly{width: 100%;padding: 15px;margin-top: 30px;}
}

.z1-download-box{background: #fbfbfb;padding: 70px 50px;display: flex;justify-content: space-between;margin-bottom: 80px;flex-wrap: wrap;}
.z1-download-box .left{width: 56%;}
.z1-download-box .right{width: 38%;}
.z1-download-box .z1-t1{font-size: 36px;line-height: 42px; color: #d90011;font-weight: bold;}
.z1-download-box .z1-t2{font-size: 18px;line-height: 30px;color: #333;margin: 25px 0;}
.z1-download-box .form-feedback .form-control{border: 0; border-bottom: 1px solid #333;background: transparent;padding: 10px 0;}
.z1-download-box .more-7{border-radius: 10px;}

@media(max-width:768px) {
    .z1-download-box{padding: 25px;margin-bottom: 40px;}
    .z1-download-box .left{width: 100%;}
    .z1-download-box .right{width: 100%;margin-top: 15px;}
    .z1-download-box .z1-t1{font-size: 22px;line-height: 30px;}
    .z1-download-box .z1-t2{font-size: 14px;line-height: 22px;margin: 15px 0;}
}

.banner-text.z2 .container-xl{width: 100%;}
.z2-box{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;padding-top: 215px;}
.z2-box .z2-left{width: 67%;text-align: left;padding-top: 50px;}
.z2-box .z2-right{width: 33%;}
.z2-box .z2-left .z2-t1{font-size: 52px;font-weight: bold;color: #fff;text-transform: uppercase;line-height: 57px;}
.z2-box .z2-left .z2-t2{font-size: 52px;font-weight: bold;color: #dd330a;text-transform: uppercase;line-height: 57px;}
.z2-box .z2-left .z2-more{font-size: 16px;border: 2px solid #fff;border-radius: 10px;display: inline-block;padding: 5px 30px;margin-top: 30px;}
.z2-box .z2-left .z2-more:hover{background: #dd330a;color: #fff!important;border-color: #dd330a;}
.z2-box .z2-left .z2-ser{margin-top: 80px;display: flex;justify-content: space-between;align-items: center;}
.z2-box .z2-left .z2-ser .z2-item{width: 24%;display: flex;align-items: center;font-size: 15px;line-height: 21px;}
.z2-box .z2-left .z2-ser .z2-item .z2-tb{width: 48px;min-width: 48px;height: 48px;background:linear-gradient(to right, #d90011 ,#e16203);display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.z2-box .z2-left .z2-ser .z2-item .z2-tb{margin-right: 15px;}
.index-banner.z2{margin-bottom: 100px;}

.z3-morebox{display: flex;justify-content: flex-end;align-items: center;margin-top: 30px;}
.z3-morebox a{background:var(--public-color);color:#fff;padding:10px 30px;font-size:18px;border:1px solid var(--public-color); }
.z3-morebox a:hover{background: #fff;color: var(--public-color);}


.z4-faqbox .z4-faqitem{border-bottom: 1px solid #cccccc;padding: 25px;margin-bottom: 15px;cursor: pointer;}
.z4-faqbox .z4-faqitem .z4-t1{font-size: 20px;font-weight: bold;color: #000;position: relative;padding-right: 40px;}
.z4-faqbox .z4-faqitem .z4-t1:after{content: "\f067";font-family: cmsfont;position: absolute;right: 0;top: 0;}
.z4-faqbox .z4-faqitem.active .z4-t1:after{content: "\f068";font-family: cmsfont;}
.z4-faqbox .z4-faqitem:hover .z4-t1{color: var(--public-color)}
.z4-faqbox .z4-faqitem .z4-desc{display: none;font-size: 16px;line-height: 24px;margin-top: 15px;}
.z4-faqbox .z4-faqitem.active{box-shadow: 10px 0 20px rgba(0, 0, 0, 0.08);border-bottom: 1px solid transparent;}
.z4-faqbox .z4-faqitem.active .z4-desc{display: block;}

@media(max-width:768px) {
    .z4-faqbox .z4-faqitem .z4-t1{font-size: 18px;}
    .z4-faqbox .z4-faqitem{padding: 15px;margin-bottom: 10px;}
    .z4-faqbox .z4-faqitem .z4-desc{font-size: 14px;line-height: 22px;}
}

.z5-banner{height: 90px;}
.z5-banner .small-nav ul a{color: #333;}
.z5-banner .small-nav ul li::after{color: #333;}

.z5-exh-box1{padding: 10px 0 90px;}
.z5-exh-box1 .t1{font-size: 48px;line-height: 54px; text-align: center;font-weight: bold;color: #333;}
.z5-exh-box1 .t2{font-size: 64px;line-height: 70px;text-align: center;font-weight: bold;color: var(--public-color);text-transform: uppercase;}
.z5-exh-box1 .more-box{margin-top: 20px;display: flex;align-items: center;justify-content: center;}
.z5-exh-box1 .more{font-size: 18px;line-height: 24px;text-align: center;padding: 10px 50px;border: 1px solid var(--public-color);border-radius: 50px;display: inline-block;}
.z5-exh-box1 .more:hover{background: var(--public-color);color: #fff!important;}
.z5-exh-box1 .img{margin-top: 70px;}

.z5-exh-box2{background: #f5f6f8;padding: 80px 0;}
.z5-exh-box2 .t1{font-size: 48px;line-height: 54px;color: #333;font-weight: bold;}
.z5-exh-box2 p{font-size: 20px;line-height: 32px;margin-top: 35px;color: #666666;}
.z5-exh-box2 p strong{color: var(--public-color);}
.z5-exh-box2 .d-flex{justify-content: space-between;flex-wrap: wrap;margin-top: 60px;}
.z5-exh-box2 .d-flex .left{width: 62%;padding: 24px;box-shadow: 3px 0 11px rgba(0, 0, 0, 0.2);border-radius: 20px;}
.z5-exh-box2 .d-flex .right{width: 36%;box-shadow: 3px 0 11px rgba(0, 0, 0, 0.2);border-radius: 20px;padding: 30px 30px 0;}
.z5-exh-box2 .d-flex .item{display: flex;flex-wrap: wrap;margin-bottom: 37px;margin-top: 10px;}
.z5-exh-box2 .d-flex .item .tb{width: 52px;}
.z5-exh-box2 .d-flex .item .t2{width: 120px;font-size: 16px;color: var(--public-color);}
.z5-exh-box2 .d-flex .item .t3{width: calc(100% - 172px);font-size: 24px;color: #666666;}
.z5-exh-box2 .d-flex .item:nth-child(3) .t3{font-size: 20px;}
.z5-exh-box2 .more-box{margin-top: 20px;display: flex;align-items: center;justify-content: flex-end;}
.z5-exh-box2 .more{font-size: 18px;line-height: 24px;text-align: center;padding: 10px 50px;border: 1px solid var(--public-color);border-radius: 50px;display: inline-block;}
.z5-exh-box2 .more:hover{background: var(--public-color);color: #fff!important;}

.z5-exh-box3{background: #fff;margin: 80px 0;}
.z5-exh-box3 .t1{font-size: 48px;line-height: 54px;color: #333;font-weight: bold;}
.z5-exh-box3 .d-flex{justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}
.z5-exh-box3 .left{width: 47%;}
.z5-exh-box3 .left .t2{font-size: 30px;line-height: 36px;font-weight: bold;}
.z5-exh-box3 .left .t3{margin-top: 40px;font-size: 20px;line-height: 32px;color: #666666;}
.z5-exh-box3 .left .more{font-size: 18px;margin-top: 50px; line-height: 24px;text-align: center;padding: 10px 50px;border: 1px solid var(--public-color);border-radius: 50px;display: inline-block;}
.z5-exh-box3 .left .more:hover{background: var(--public-color);color: #fff!important;}
.z5-exh-box3 .right{width: 50%;border-radius: 20px;border: 2px solid #c4c4c4;padding: 0 120px;position: relative;overflow: hidden;}
.z5-exh-box3 .right .zz{position: absolute;left: 0;right: 0; top: 0;bottom: 0;display: flex;align-items: center;justify-content: center;background: rgba(0, 0, 0, 0.2);}
.z5-exh-box3 .right .zz img{transition: all 0.5s;}
.z5-exh-box3 .right .zz:hover img{transform: scale(1.1);}

.z5-exh-box4{background: #fff;margin: 100px 0;}
.z5-exh-box4 .t1{font-size: 48px;line-height: 54px;color: #333;font-weight: bold;}
.z5-exh-box4 .container-xl.max-1530{max-width: 1590px;}
.z5-exh-box4 .qh{padding: 0 80px;position: relative;margin-top: 50px;}
.z5-exh-box4 .qh .item{position: relative;}
.z5-exh-box4 .qh .item .t2{font-size: 20px;line-height: 26px;padding: 10px; text-align: center;color: #fff;position: absolute;left: 0;bottom: 0;right: 0;background: linear-gradient(to right,rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.1));}

.z5-exh-box5{background: #f5f6f8;padding: 75px 0;}
.z5-exh-box5 .d-flex{justify-content: space-between;flex-wrap: wrap;}
.z5-exh-box5 .d-flex .left{width: 33%;}
.z5-exh-box5 .d-flex .right{width: 50%;padding: 50px 30px;box-shadow: 3px 0 11px rgba(0, 0, 0, 0.2);border-radius: 20px;background: #fff;}
.z5-exh-box5 .t1{font-size: 68px;line-height: 80px;color: #333;font-weight: bold;position: relative;}
.z5-exh-box5 .t1:before{content: url(../../images/row-1.webp);display: block;line-height: 9px;margin-bottom: 30px;}
.z5-exh-box5 .t2{font-size: 20px;line-height: 32px;color: #666666;margin-top: 40px;}
.z5-exh-box5 .form-feedback .form-control{padding: 13px 15px;border-radius: 5px;background: #f3f3f3;font-size: 18px;}
.z5-exh-box5 .form-feedback .more{width: 239px;height: 67px;background:url(../../images/z5-bg1.webp) no-repeat;text-align: right;padding-right: 60px; font-size: 22px;color:#fff;border: 0;text-transform: uppercase;}

.z5-exh-box6{background: #fff;margin: 100px 0;}
.z5-exh-box6 .t1{font-size: 48px;line-height: 54px;color: #333;font-weight: bold;}
.z5-exh-box6 .item{margin-top: 50px;}
.z5-exh-box6 .col-md-4{padding-left:22.5px;padding-right:22.5px}
.z5-exh-box6 .row{margin-left:-22.5px;margin-right:-22.5px}
.z5-exh-box6 .item .img{border: 1px solid #ddd;}
.z5-exh-box6 .item .t2{font-size: 20px;line-height: 28px;margin: 20px 0 15px;}
.z5-exh-box6 .item time{padding-left: 14px;display: block;font-size: 15px;line-height: 24px;color: var(--public-color);}

@media(max-width:768px) {
    .z5-banner{height: auto;min-height: 70px;}

    .z5-exh-box1{padding-bottom: 40px;}
    .z5-exh-box1 .t1{font-size: 22px;line-height: 26px;}
    .z5-exh-box1 .t2{font-size: 28px;line-height: 32px;margin-top: 10px;}
    .z5-exh-box1 .img{margin-top: 35px;}

    .z5-exh-box2{padding: 40px 0;}
    .z5-exh-box2 .t1{font-size: 24px;line-height: 30px;}
    .z5-exh-box2 p{font-size: 14px;line-height: 22px;margin-top: 20px;}
    .z5-exh-box2 .d-flex{margin-top: 30px;}
    .z5-exh-box2 .d-flex .left{padding: 15px;}
    .z5-exh-box2 .d-flex .right{padding: 15px;margin-top: 30px;}
    .z5-exh-box2 .d-flex .item{margin-bottom: 15px;}
    .z5-exh-box2 .d-flex .item .tb{width: 40px;}
    .z5-exh-box2 .d-flex .item .t2{font-size: 18px;width: 80px;}
    .z5-exh-box2 .d-flex .item .t3{font-size: 16px;width: calc(100% - 120px);}
    .z5-exh-box2 .d-flex .item:nth-child(3) .t3{font-size: 16px;}
    .z5-exh-box2 .more-box{justify-content: center;}

    .z5-exh-box3{margin: 40px 0;}
    .z5-exh-box3 .t1{font-size: 24px;line-height: 30px;}
    .z5-exh-box3 .d-flex{margin-top: 25px;}
    .z5-exh-box3 .left .t2{font-size: 18px;line-height: 26px;}
    .z5-exh-box3 .left .t3{margin-top: 20px;font-size: 14px;line-height: 22px;}
    .z5-exh-box3 .left .more{margin-top: 25px;}
    .z5-exh-box3 .right{margin-top: 30px;padding: 0 15px;}

    .z5-exh-box4{margin: 40px 0;}
    .z5-exh-box4 .t1{font-size: 24px;line-height: 30px;}
    .z5-exh-box4 .qh{padding: 0 40px;}

    .z5-exh-box5{padding: 40px 0;}
    .z5-exh-box5 .t1{font-size: 26px;line-height: 32px;}
    .z5-exh-box5 .t1:before{margin-bottom: 20px;}
    .z5-exh-box5 .t2{font-size: 14px;line-height: 22px;margin-top: 20px;}
    .z5-exh-box5 .d-flex .right{padding:25px 15px;margin-top: 30px;}
    .z5-exh-box5 .form-row>.col, .form-row>[class*="col-"]{padding-right: 5px!important;padding-left: 5px!important;}

    .z5-exh-box6{margin: 40px 0;}
    .z5-exh-box6 .t1{font-size: 24px;line-height: 30px;}
    .z5-exh-box6 .item{margin-top: 20px;}
    .z5-exh-box6 .item .t2{font-size: 16px;line-height: 24px;margin: 15px 0 10px;}
    .z5-exh-box6 .col-md-4{margin-bottom: 10px!important;}
}