/*通用样式*/
:root{
    --public-color:#c21b21;
    --max:1430px;
}
*{letter-spacing: 0 !important;}
body{color:#666666;font-size:18px;line-height:28px;font-weight: 300;font-family:'Roboto',sans-serif; letter-spacing: 0 !important;}
a{color:#000000;display:inline-block;transition: all .6s;}
a:hover{color:var(--public-color);}
.swiper-pagination-bullet{background-color: #999999;}
.swiper-pagination-bullet-active{background:var(--public-color)}
.page-item.active .page-link {color: #fff;background-color: var(--public-color);border-color: var(--public-color);}
body,div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
img{aspect-ratio:attr(width) / attr(height);}
ul,ol,li,dl,dd,dt{list-style-type:none}
.img-width{width:100%;height:auto}
.img-height{height:100%;width:auto}
.img-fluid {max-width: 100%;height: auto;}
.main-container{margin-bottom:40px;margin-top:40px}
.tkanniu{cursor:pointer}
.card-thumb img{transition:all .4s ease}
.card-thumb:hover img{transform:scale(1.1)}
.container-xl{max-width:var(--max)}
.container-xl.m-right{margin:0 0 0 auto;padding:0}
.container-xl.m-left{margin:0 auto 0 0;padding:0}

.max-1920px{max-width: 1920px;}
.max-1630px{max-width: 1630px;}
.max-1860px{max-width: 1860px;}


.header .nav-a{font-size: 18px;line-height: 26px;color: #353535;padding-right:20px;opacity: .6;}
.title{letter-spacing: 0px !important;}

@media(max-width:768px){
    body{font-size:14px;line-height:20px;padding-top:50px;}
    .container-xl.m-right{margin:0 auto;padding:0 15px}
    .container-xl.m-left{margin:0 auto;padding:0 15px}
}
.max-1920px{max-width: 1920px;margin-left: auto;margin-right: auto;}
.max-1690px{max-width: 1690px;}
.banner-nav{padding-top: 0;padding-bottom: 0;z-index: 1;}

/*默认pc头部样式*/
/* .header{z-index:999;width:100%;position:absolute;left:0;background-color:white}
.header.fadeInDown .header-desc .logo img{height:70px;width:auto;}
.header.fadeInDown .header-top .nav-item{margin:0;padding:10px 8px;cursor:pointer;font-size:18px} */

/*header*/
.header .max-1860px{max-width: 1780px;}
.header.fadeInDown{border-bottom: 0px solid var(--public-color);border-bottom: 1px solid var(--public-color);}
.header{/*height: 86px;*/background-color: #fff;width: 100%;z-index: 99;padding-top: 0px;padding-bottom: 0px;position: relative;}
.header .header-nav{display: flex;align-items: center;height: 100%;}
.header .header-nav .top-logo{width:6%;}
/* .header .header-top{padding-top: 6px;} */
/* .header .header-top .toch{margin-left: 30px;} */
.header .header-top .toch a{font-size: 16px;font-weight: 500;width: 181px;height: 43px;padding: 0;background-color: var(--public-color);border: 2px solid var(--public-color);display: flex;justify-content: center;align-items: center;border-radius: 30px;}
.header .header-top .toch a:hover::before{background-color: #000000;}
.header-top .row-nav{display: flex;align-items: center;justify-content: flex-end;width: 94%;position: relative;}
.header-desc{background:#f1f1f1; padding: 8px 0;}
.header-desc .container-xl{display: flex;align-items: center;justify-content: space-between;}
.header-desc .desc{width: 60%;display: flex;justify-content: flex-end;align-items: center;}
.top-tel{color: #666666;font-size: 16px;display: flex;width: 40%;}
.top-tel a{color: #666666;}
.top-tel a:hover{color: #2455bf; transition: all 0.3s;}
.top-lang{text-transform:uppercase;margin-left: 30px;padding-right: 0px;}
.dropdown.lang .dropdown-toggle:after{color: #333;}
.dropdown.lang .dropdown-menu {right: -40px;left: inherit;}
.top-lang .dropdown.lang .dropdown-toggle{background: transparent;border: 0;padding:0 3px 0 0;font-weight: bold;color:#333;font-size: 18px;}
.public-social span,.public-social a{border-radius:5px;}
.navbar-expand-lg .navbar-collapse{justify-content: flex-end;padding-right: 0px;}
.row-nav .container-xl{max-width: 1380px;}

.header-top .top-logo{width: 160px;height: 100px;display: flex;justify-content: center;align-items: center;}
.header .toch a{font-size: 16px;line-height: 24px;color: #3478e1;border: solid 1px #89c6ff;border-radius: 25px;padding: 2px 22px 4px 22px;}
.header .toch a:hover{color:#fff;}
.head-top-a{background-color: #fff;color: #353535;height: 50px;}
.head-top-a .icon{padding-right: 8px;}
.head-top-a a{color: rgba(110, 175, 237, .8);font-size: 18px;line-height: 26px;color: #353535;}
.head-top-a .topcontact{display: flex;align-items: center;}
.head-top-a li + li{margin-left: 30px;}
.head-top-a li:nth-child(1),.head-top-a li:nth-child(2){opacity: .6;}
.head-top-a .container-xl{display: flex;justify-content:flex-end;align-items: center;height: 50px;}
/* .head-top-a .menushare{margin-left: 12px;}
.head-top-a .menushare  .social>a.social-pinterest{color: rgba(110, 175, 237, .8) !important;}
.head-top-a .menushare .social>a.social-pinterest ,.head-top-a .menushare .social>span{background-color:  rgba(110, 175, 237, .8) !important;color: #000 !important;}
.head-top-a .menushare .social>a{color: rgba(110, 175, 237, .8) !important;background-color: transparent !important;}
.head-top-a .menushare .social>span.social-twitter{color: rgba(110, 175, 237, .8) !important;background-color: transparent !important;} */
.head-top-a .menushare >div + div{margin-left: 12px;}
.head-top-a .social>span, .head-top-a .social>a{border-radius: 4px;}
.head-top-a li>a:hover{color: var(--public-color) !important;}
.head-top-a .social-facebook{background-color: #1c56bf;}

/*默认pc头部样式*/
.header.fadeInDown{animation: fadeInDown .6s;padding:0;}
/* .header.fadeInDown .head-top-a{height: 40px;background: #000;} */
.header.fadeInDown{z-index:999;width:100%;position:fixed;top: 0;left:0;}
/* .header.fadeInDown .header-desc .logo img{height:70px;width:auto;} */
.header.fadeInDown .header-top .nav-item{padding:0px 0px;cursor:pointer;}


.navbar-custom .navbar-nav .active .dropdown-toggle::after{transform: rotateX(180deg);}

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

@media(max-width:1380px) {
    .navbar-custom .navbar-nav .nav-item {
        margin: 0 15px;
    }
    .navbar-custom .navbar-nav .nav-link{font-size: 17px;}
}

@media(max-width:1250px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 16px !important;}
    .navbar-custom .navbar-nav .nav-item {
        margin: 0 10px !important;
    }
}
@media(max-width:1150px) {
    .navbar-custom .navbar-nav .nav-item {
        margin: 0 5px;
    }
}
@media(max-width:1040px) {
    .navbar-expand-lg .navbar-nav{display: none;}
}

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

}


/*默认导航样式*/
.navbar{padding:0px;position:relative;z-index:9999}
.navbar-custom{top:0;z-index:2;justify-content:end}
.navbar-custom .navbar-nav > .nav-item{margin:0 25px}
.navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#333;padding:0;height:50px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:46px;font-family: 'Urbanist-SemiBold';}
.navbar-custom .navbar-nav .nav-link:before{content:"";width:0px;height:2px;margin-left:0!important;background-color: var(--public-color);
border-radius: 4px;position:absolute;bottom:0px}
.navbar-custom .navbar-nav .nav-item:hover .nav-link:before,.navbar-custom .navbar-nav  .nav-item.active .nav-link:before{width:100%;transition:all .4s}
.navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{transition:.6s ease-in-out}
.navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotateX(180deg);color:var(--public-color)}
.navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color);transition:.6s ease-in-out}
.navbar-custom .navbar-nav .nav-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:768px){
    body{padding-top:50px;font-size:14px;}
    .header-mb{background:#000;position:fixed;top:0;left:0;width:100%;border-bottom:1px solid #b3190d;z-index:999}
    .header-mb .container-xl{height:50px}
    .header-mb .top-logo{width:50%}
    .header-mb .top-logo img{height:30px;width:auto;}
    .header-mb .top-mb{display:flex;align-items:center;width:50%;justify-content:flex-end}
    .header-mb .top-mb .dropdown.lang .dropdown-toggle{background:transparent;padding:0}
    .header-mb .top-mb .dropdown-menu{min-width:80px;margin-top:8px}
    .header-mb .top-mb .top-mb-search{padding:.5rem .4rem;margin-left:10px;width:30px;text-align:center}
    .header-mb .top-mb .top-mb-search i{font-size:16px;color:#fff}
    .header-mb .top-mb .icon-bars{color:#fff}
    .header-mb .top-mb .dropdown.lang .dropdown-toggle{color:#fff}
    .top-mb-search-box{display:none;position:fixed;background:#fff;top:50px;padding:6px 15px 10px;box-shadow:2px 2px 4px rgba(0,0,0,0.2);z-index:998;width:100%}
    .top-mb-search-box .search-group{width:100%;height:34px}
    .top-mb-feed i{font-size:16px;color:#fff}
    .mobile-head-item .main-content-wrap{background:#fff;top:0;display:block;z-index:99999}
    .mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;height:100%;padding:15px 10px;background-color:#fff}
    .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap{overflow-y:hidden}
    .mobile-head-item .side-content-wrap{position:fixed;display:block;right:-78%;width:78%;height:100%}
    .mobile-head-item .middle-content-wrap{position:absolute;right:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden}
    .mobile-head-item .middle-show-content-wrap{top:30px;visibility:visible;opacity:1}
    .head_top .top_left{display:none}
    .head_nav{width:100%;padding:0 5px}
    .head_nav li{padding-left:28px;padding-top:4px;padding-bottom:4px}
    .head_nav li,.head_nav li a{color:#111}
    .head_nav li.has-child{padding-left:28px;margin-top:0;margin-bottom:0}
    .head_nav li.has-child>a{margin-top:3px;margin-bottom:3px;margin-right:35px}
    .head_nav li.has-child>ul{display:none}
    .head_nav li.siblings-no-menu{position:relative;padding-left:15px}
    .head_nav li a{display:block;height:auto;line-height:1.4em;position:relative}
    .head_nav li a:hover{color:inherit}
    .head_nav li em{display:block;height:1.4em;overflow:hidden}
    .head_nav li li{font-size:14px}
    .head_nav li li li{font-size:12px}
    .head_nav li li a{color:#666}
    .head_nav li.has-child a b{display:inline-block;width:15px;height:15px;border:1px solid #111;border-radius:2px;overflow:hidden;line-height:15px;position:absolute;right:-35px;top:1px;-webkit-box-sizing:content-box;box-sizing:content-box}
    .head_nav li.has-child a b:before,.head_nav li.has-child a b:after{content:'';display:block;width:9px;height:1px;background-color:#111;position:absolute;left:3px;top:50%;margin-top:-.5px}
    .head_nav li.has-child a b:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
    .head_nav li.has-child a:hover b{border-color:#111}
    .head_nav>li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #f2f2f2}
    .head_nav>li>a{font-size:16px;text-transform:uppercase;margin-bottom:-1px;position:relative;text-transform:uppercase;position:relative}
    .head_nav li,.head_nav li.has-child{padding-left:0}
    .head_nav li li,.head_nav li li.has-child{padding-left:15px}
    .head_nav li.active>a>b:after{display:none}
    .head_nav li.active>a>b{background-color:#111}
    .head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color:#fff}
    .mobile-ico-close{width:30px;height:30px;background-color:#b3190d;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:#b3190d}
    .main-mask{position:absolute;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:9;display:none}
}
/*#endregion*/

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


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

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

.content-wrapper table strong{color: #333333;}
.content-wrapper table{letter-spacing: -1px;border-top: 4px solid #333333 ;border-bottom: 4px solid #999;}
.content-wrapper table tr:first-child td{padding-top: 20px;padding-bottom: 20px;}
/* .content-wrapper table tr:last-child td{padding-bottom: 20px;padding-top: 20px;} */

/*#表格*/
.table-wrapper table th, .table-wrapper table td { padding: 5px 10px; vertical-align: middle; font-size: 16px; border: 1px solid #dee2e6; text-align: center; }
.table-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
/* .table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; } */
.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;transition: all .6s;}
.reveal-modal .close-reveal-modal:hover i{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{color:#fff;background:var(--public-color);border-radius:0px;font-size:16px;line-height:22px;padding-top:8px;padding-bottom:8px}
.form-feedback .btn:hover{background:#003b66;color:#fff}
@media(max-width:768px){
    .form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px}
    .form-feedback .btn{padding-top:10px;padding-bottom:10px}
    .contact-wrapper .feedback-box .form-control{margin-bottom:0}
}
.form-row>.col,.form-row>[class*="col-"]{padding:0 15px}
.form-feedback .btn-c{background-color:#0b3b8d;height:100%;padding:10px 20px;transition:all .6s}
.popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#24b66f 0%,#88ca4e 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}


.was-validated .form-control:invalid,.form-control.is-invalid {
    border-color: #f5543f;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

/*#搜索*/
.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:#333;font-size:1.5rem}
.top-search-box li .top-search {border-radius:10px;}
.top-search-box{cursor:pointer;z-index: 10;margin-left:20px;border-radius:5px;overflow: hidden;padding-left: 1px;padding-top: 1px;}
.top-search-box i{color: var(--public-color);font-size: 20px;font-weight: bold;}
.top-search-box i.icon-1{color: #ffffff;}
.top-search-box li .top-search{opacity: 1; height: auto;overflow: hidden;width: auto;padding:0}
.top-search-box .top-search{opacity: 1;transition: all 0.8s;position: absolute;right: -20px;top: 45px;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-banner .banner-text{text-align: left;}
.banner .h1{font-size: 56px;line-height: 63px;color: #fff;letter-spacing: 0px;}
.banner .text{font-size: 20px;line-height: 36px;opacity: 1;font-weight: 300;color: #fff;margin-top: 20px;}
.index-banner{position: relative;line-height:0;text-align: center;}
.index-banner::after{content: "";width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);position: absolute;left: 0;top: 0;}
.index-banner .banner-text .container-xl{position: relative;z-index: 2;}
.index-banner .index-video{display: flex;align-items: center;justify-content: center;height: 750px;overflow: hidden;}

.typed-cursor{
    opacity: 1;
  }
  .typed-cursor.typed-cursor--blink{
    animation: typedjsBlink 0.7s infinite;
    -webkit-animation: typedjsBlink 0.7s infinite;
            animation: typedjsBlink 0.7s infinite;
  }
  @keyframes typedjsBlink{
    50% { opacity: 0.0; }
  }

.every-footer{background-color: rgba(221, 221, 221, .6);}
.every-footer .container-xl{height: 468px;width: 100%;display: flex;align-items: center;}
.every-footer .title{margin-bottom: 25px;}
.every-footer .text{margin-bottom: 105px;}
.every-footer .hover-more {
    display: inline-flex;
    align-items: center;
    background-color: var(--public-color);
    color: #fff;
    
    border-radius: 27px;
    border: solid 1px #dddddd;
    padding: 6px 6px 6px 31px;
    cursor: pointer;
}
.every-footer .hover-more .img{width: 42px;height: 42px;border-radius: 100px;background-color: #fff;display: flex;align-items: center;justify-content: center;margin-left: 25px;transition: all .6s;}
.every-footer .hover-more .white{display: none;animation: bounceIn .6s;}
.every-footer .hover-more:hover .red{display: none;animation: bounceIn .6s;}
.every-footer .hover-more:hover .white{display: inline-block;animation: bounceIn .6s;}
.every-footer .hover-more .red{display: inline-block;animation: bounceIn .6s;}
.every-footer .hover-more:hover{background-color: #fff;color: var(--public-color);}
.every-footer .hover-more:hover .img{background-color: var(--public-color);}
.every-footer .t1{font-size: 28px;line-height: 32px;color: var(--public-color);}
.every-footer .box{font-size: 20px;line-height: 28px;color: #666;padding-top: 35px;border-top: 1px solid var(--public-color);margin-top: 43px;}
.every-footer .box p::before{content: "\f00c";font-family: 'cmsfont';display: inline-block;color: var(--public-color);margin-right: 25px;}
.every-footer .box p{margin-bottom: 15px;}
.every-footer .left{width: 70%;}
.every-footer .right{width: 30%;}
.every-footer .title{letter-spacing: 0px;font-size: 42px;line-height: 42px;}
.every-footer .content{width: 100%;}

.footer{background-color: #22202c;padding-top: 115px;font-size: 18px;line-height: 32px;color: #fff;font-weight: 300;}
.footer .top .container-xl{display: flex;justify-content: space-between;}
.footer .top .logo{margin-bottom: 40px;width: 272px;}
.footer .top .social{margin-bottom: 32px;}
.footer .list-1 .text{margin-bottom: 60px;}
.footer .list-1 .d1 p:first-child{width: 18px;height: 18px;margin-right: 30px;line-height: 46px;display: inline-block;}
.footer .top .t1{font-size: 26px;line-height: 32px;color: #fff;margin-bottom: 30px;}
.footer .top .font-sty-1{font-size: 18px;line-height: 46px;}
.footer .top .font-sty{transition: all .6s;line-height: 32px;}
.footer .top a.font-sty,.footer .top a.font-sty-1{font-size: 18px;color: #999999;}
.footer .top a.font-sty:hover{text-decoration-line: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;}
.footer .top a.font-sty-1:hover{text-decoration-line: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;color: #fff;}
.footer .top .list-1 .d1{display: flex;}
.footer .top .list-1{width: 42%;}
.footer .top .list-2{width: 22%;display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;}
.footer .top .list-3{width: 25%;display: flex;flex-direction: column;justify-content: flex-end;}
.footer .top .list-2>p{margin-bottom: 100px;cursor: pointer;}
.footer .top .hover-more{width: 292px;height: 82px;display: flex;justify-content: center;align-items: center;border-radius: 6px;font-family: 'Urbanist-Regular';font-size: 32px;line-height: 46px;padding-inline: 0;}
.footer .top .hover-more:hover{background-color: #cccccc;color: var(--public-color);}
.footer .top {padding-bottom: 90px;}
.footer .bottom {border-top: 1px solid rgba(255, 255, 255, .1);}
.footer .bottom .container-xl{display: flex;justify-content: center;align-items: center;height: 80px;}
.footer .footer-nav a{font-size: 18px;line-height: 26px;color: #999;font-weight: 300;}
.footer .footer-nav a + a{margin-left: 25px;}
.footer .footer-nav {width: 47%;}
.footer .bottom p{text-align: center;color: #999999;font-weight: 300;}
.footer .font-sty-1 a.font-sty:hover{text-decoration: none;}
.footer .top a.font-sty-1{color: #f4f4f4b8;}

/*社媒social*/
.menushare .social a {width: 35px;height: 34px;}
.social a{width: 38px;height: 38px;border-radius: 100px;border: 1px solid #fff;display: flex;align-items: center;justify-content: center;}
.social a .iconfont{font-size: 20px;}
.social>a{margin-right: 9px;}




  /*共有的类名*/
.title{font-size: 42px;line-height: 42px;color: #333333;}
.title span{color: var(--public-color-g);}
.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;}

/* @keyframes myMove {
   to {
        padding-left: 0px;padding-right: 20px;
   }

   from {
        padding-left: 20px;padding-right: 0px;
   }
}
@keyframes myMove-1 {
    to {
        padding-left: 20px;padding-right: 0px;
    }
 
    from {
        padding-left: 0px;padding-right: 20px;
    }
 } */
/* a.line{font-size: 20px !important;} */
/* a.line span{font-size: 17px !important;} */
.line{position: relative;}
.line::before{content: "";width: 0% !important;height:3px;background:var(--public-color);position: absolute;left: 0;bottom: 0;transition: all .6s;}
.line:hover::before{width: 100% !important;}
.row-line.r-l-c::after{margin-left: auto;margin-right: auto;}
.row-line::after{content: "";width: 80px;height: 4px;background-color:var(--public-color);display: block;margin-top: 25px;}
p:last-child{margin-bottom: 0 !important;}
span.jiantou{color: var(--public-color);transition: all .6s;}
.ul p{position: relative;padding-left: 40px;margin-bottom: 15px;}
.ul p::before{content: "\f00c";line-height: 24px;position: absolute;left: 0;top: 0px;color: var(--public-color);font-family: cmsfont;}
.hover-more.red{background-color: var(--public-color);color: #fff;}
.hover-more{background-color: #f4f4f4;color: #000;font-size: 24px;line-height: 32px;transition: .8s;}
.hover-more:hover{background-color: var(--public-color);color: #fff;}
.hover-more.red:hover{background-color: #f4f4f4;color: #000;}
.hover-more span{line-height: 30px;}
.hover-more p{display: inline;}
.hover-more.red .line::before{height: 1px;background-color: var(--public-color);}
.hover-more .line::before{height: 1px;background-color: var(--public-color);}
.hover-more:hover .line::before{width: 0;}
.hover-more span{padding-left: 15px;transition: padding .6s;font-size: 20px;}
.hover-more:hover span{padding-left: 0;padding-right: 12px;}
.down-list{margin-top: 50px;margin-bottom: 80px;}
@media(max-width:768px){.down-list{margin-top: 25px;margin-bottom: 20px;}}


.small-nav{display: flex;align-items: center;margin-bottom: 0px;padding-top: 30px;}
.small-nav ul{display: flex;align-items: center;flex-wrap: wrap;}
.banner .small-nav ul a{font-size: 20px;line-height: 36px;color:#fff;font-weight: 400;text-transform: capitalize;}
.banner .small-nav ul li::after{content: "→";padding:0 18px;;font-size: 20px;line-height: 36px;color: #fff;}
.small-nav ul li:last-child:after{content: "";}
.small-nav ul li{display: flex;}
.small-nav ul a{font-size: 20px;line-height: 36px;color:#666666;font-weight: 400;text-transform: capitalize;}
.small-nav ul li::after{content: "→";padding:0 18px;font-size: 20px;line-height: 36px;color: #666666;}

.all-nav a{font-size: 18px;line-height: 32px;color: #000;padding: 6px 26px 10px 27px;}
.all-nav a span{font-size: 16px;padding-left: 12px;}
.all-nav .line::before{height: 3px;}
.all-nav a:hover span,.all-nav a.active span{color: #fff;}
.all-nav a:hover .line::before,.all-nav a.active .line::before{background-color: #fff;width: 100% !important;}
.all-nav a.active:hover .line::before{width: 100%;}
.all-nav a.active:hover span{padding-left: 12px;padding-right: 0;}
.all-nav a.active{background-color: var(--public-color);color: #fff;}
.all-nav li{margin-right: 20px;margin-bottom: 20px;}
.all-nav li:last-child{margin-right: 0;}
.all-nav{display: flex;flex-wrap: wrap;}

/*字体Urbanist*/
@font-face {
    font-family: "Urbanist-Black";
    src: url("../../style/Fontss/Urbanist/static/Urbanist-Black.ttf");
}
@font-face {
    font-family: "Urbanist-Bold";
    src: url("../../style/Fontss/Urbanist/static/Urbanist-Bold.ttf");
}
@font-face {
    font-family: "Urbanist-SemiBold";
    src: url("../../style/Fontss/Urbanist/static/Urbanist-SemiBold.ttf");
}
@font-face {
    font-family: "Urbanist-Medium";
    src: url("../../style/Fontss/Urbanist/static/Urbanist-Medium.ttf");
}
@font-face {
    font-family: "Urbanist-Regular";
    src: url("../../style/Fontss/Urbanist/static/Urbanist-Regular.ttf");
}
@font-face {
    font-family: "Urbanist-Light";
    src: url("../../style/Fontss/Urbanist/static/Urbanist-Light.ttf");
}


/*index-paper*/
.index-paper{}
.index-products{box-shadow: 0px -20px 20px 0px rgba(0, 0, 0, 0.08);border-radius: 20px;margin-top:-130px;position: relative;background-color: #fff;padding-top: 105px;}
.index-products .top-head{text-align: center;margin-bottom: 70px;}
.index-products .top-head .title{margin-bottom: 32px;}
.index-products .top-head .text{width: 70%;margin-left: auto;margin-right: auto;font-size: 18px;line-height: 32px;}
.index-products .model-box .list{display: flex;align-items: center;}
.index-products .model-box .h6{font-size: 18px;line-height: 30px;color: #333333;font-weight: bold;}
.index-products .model-box .text{line-height: 30px;font-weight: 300;}
.index-products .model-box {justify-content: space-evenly;padding-left: 40px;padding-right: 30px;}
.index-products .model-box .img{margin-right: 30px;}
.product-first .left{margin-left: -170px;width: 77%;}
.product-first .left img{mix-blend-mode: darken;}
.product-first .right{width: 39%;}
.product-first .t1 {
    font-size: 32px;
    line-height: 42px;
    color: #333e;
    
    position: relative;
    /* text-decoration-line: underline;
    text-decoration-skip-ink: none;
    text-underline-offset: 20px;
    text-decoration-thickness: 3px; */
    padding-bottom: 12px;
    margin-bottom: 35px;
}
.product-first .t1::after{content: "";width: 0;height: 3px;background-color: var(--public-color);position: absolute;left: 0;bottom: 0px;transition: all .6s;}
.product-first .t1:hover::after{width: 100%;}
.product-first .t1 span{color: var(--public-color);padding-left: 8px;transition: all .6s;font-size: 24px;}
.product-first .t1:hover span{padding-left: 0;padding-right: 19px;}
.product-first .text{margin-bottom: 50px;}
.product-first {margin-bottom: 65px;padding-right: 20px;}
.i-p-content{flex-wrap: wrap;}
.i-p-content .list{width: calc(calc(100% - 20px * 4) / 4);margin-bottom: 20px;}
.i-p-content .list .img ,.i-p-content .list .img img{border-radius: 10px;}
.i-p-content .list .img{overflow: hidden;background-color: #f8f8f8;}
.i-p-content .list .img img{mix-blend-mode: multiply;}
.i-p-content .list .t2{font-size: 18px;line-height: 32px;margin-top: 17px;}
.i-p-content .list .t2 span{color: var(--public-color);padding-left: 9px;transition: all .6s;font-size: 16px;}
.i-p-content .list .t2:hover span{padding-right: 9px;padding-left: 0;}
.i-p-content{margin-bottom: 125px;}
.index-items .top-head{text-align: center;margin-left: auto;margin-right: auto;width: 90%;margin-bottom: 85px;}
.index-items .top-head .title{margin-bottom: 20px;}
.index-items .list{width: calc(calc(100% - 55px * 2) / 3);}
.index-items .list .t2{font-size: 24px;line-height: 32px;color: #000;margin-bottom: 25px;}
.index-items .list .ul p::before{line-height: 28px;}
.index-items .list .img,.index-items .list .img img{border-radius: 10px;}
.index-items .list .img{margin-bottom: 40px;}
.index-items {margin-bottom: 120px;}
.index-sol .h2{font-size: 42px;line-height: 42px;color: #333333;}
.index-sol .container-xl{display: flex;justify-content: flex-end;}
.index-sol .content {
    background-color: #fff;
    box-shadow: 0px 30px 80px 0px rgba(0, 0, 0, 0.08);
    border-radius: 14px;
    display: inline-block;
    padding:65px 40px 78px 58px;
    width: 50%;
    text-align: left;
}
.index-sol .content .text{font-size: 18px;line-height: 28px;color: #666;opacity: 1;;font-weight: 300;margin-bottom: 15px;}
.index-sol .content .h6{font-size: 18px;line-height: 32px;color: #333;margin-bottom: 35px;}
.index-sol .content .box{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 25px;}
.index-sol .content .list{display: flex;align-items: center ;font-size: 14px;line-height: 32px;color: #333;font-weight: 300;margin-bottom: 20px;}
.index-sol .content .list p{position: relative;padding-left: 35px;}
.index-sol .content .list p::before{
    content: "\f00c";
    line-height: 32px;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0px;
    color: var(--public-color);
    font-family: cmsfont;
}
.index-sol .content .list .img{padding-right: 9px;}
.index-sol .content .list:nth-child(1),
.index-sol .content .list:nth-child(4),
.index-sol .content .list:nth-child(3),
.index-sol .content .list:nth-child(6){width: 30%;}
.index-sol .content .list:nth-child(2),
.index-sol .content .list:nth-child(5){width: 33%;}
.index-sol .a a{color: #333333;font-size: 20px;line-height: 30px;padding-bottom: 9px;}
.index-sol .a a:hover span{padding-left: 0px;padding-right: 12px;transition: all .6s;}
.index-sol .a a span{padding-left: 12px;font-size: 17px;}
.index-sol{margin-bottom: 120px;}
.max-1650px{max-width:1650px}
.index-about .title{margin-bottom: 35px;line-height: 52px;}
.index-about .left img{border-radius: 14px;}
.index-about .left{width: 60%;}
.index-about .right{width: 38%;line-height: 30px;display: flex;flex-direction: column;justify-content: space-between;}
.index-about .right .text p{margin-bottom: 20px;}
.index-about .right .text{margin-bottom: 40px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.index-about a.line{font-size: 20px;line-height: 30px;color: #333;}
.index-about a.line span{padding-left: 10px;font-size: 17px;}
.index-about a.line:hover span{padding-left: 0;padding-right: 10px;}
.index-about .a{margin-bottom: 0px;}
.index-about .box{color: #333;margin-bottom: 40px;}
.index-about .box p::before{content: "\f00c";font-family: cmsfont;color: var(--public-color);padding-right: 20px;}
.index-about .box p{margin-bottom: 10px;}
.index-about .h6{font-size: 18px;line-height: 28px;color: var(--public-color);}
.index-about .max-1650px{position: relative;}
.index-about .max-1650px::after{content: url(../../images/index-back-2.png);z-index: -1;position: absolute;right: -190px;bottom: 0;}
.index-about{margin-bottom: 130px;}
.index-case {color: #fff;}
.index-case .text{font-size: 18px;line-height: 28px;}
.index-case .title{color: #fff;}
.index-case .top-head{margin-bottom: 75px;width: 70%;margin-left: auto;margin-right: auto;}
.index-case .top{position: relative;}
.index-case .top-box{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    height: 72px;
    left: 0;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    margin-top: -36px;
    position: absolute;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;line-height: 28px;color: #000;
}
.index-case .top .list{display: flex;align-items: center;}
.index-case .top .img{padding-right: 10px;}
.index-case .content{padding:0 73px 50px 70px;background-color: #fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);border-radius: 8px;}
.index-case .bottom{padding-top: 73px;position: relative;}
.index-case .all-hover{width: 43px;height: 43px;background-color: #d5282c;display: flex;justify-content: center;align-items: center;border-radius: 100px;left: auto;right: auto;margin-top: 0;transition: all .6s;}
.index-case .all-hover:hover{background-color: #fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.index-case .next-1:hover::after,.index-case .prev-1:hover::after{color: #d5282c;}
.index-case .next-1::after{content: "\f054";font-family: 'cmsfont';color: #fff;font-size: 16px;transition: all .6s;}
.index-case .prev-1::after{content: "\f053";font-family: 'cmsfont';color: #fff;font-size: 16px;transition: all .6s;}
.index-case .next-1{right: -20px;}
.index-case .prev-1{left: -20px;}
.index-case .bottom .img img,.index-case .bottom .img{border-radius: 8px;}
.index-case .t2{font-size: 18px;line-height: 32px;color: #333;margin-top: 20px;}
.index-case .t2:hover{color: var(--public-color);}
.index-case .content{margin-bottom:  40px;}
.index-case .hover-more{border-radius: 30px;padding: 15px 58px;}
.index-case .hover-more .hover-more span{font-size: 17px;}
.index-faq.index-news{background-color: #f8f8f8;padding-top: 130px;padding-bottom: 105px;}
.index-faq.index-news .title{font-size: 42px;line-height: 42px;text-align: center;margin-bottom: 75px;}
.index-faq.index-news .title::after{content: "";width: 80px;height: 4px;background-color: var(--public-color);display: block;margin-left: auto;margin-right: auto;margin-top: 35px;}
.index-faq.index-news .content{align-items: flex-start}
.index-faq .all-faqs .items{
    cursor: pointer;
    background-color: #fff;
	border-radius: 6px;
    margin-bottom: 10px;
    padding: 20px 28px 20px 40px;
}
.index-faq .all-faqs .items.active{padding-top: 35px;}
.index-faq .all-faqs .items.active .quen-q{margin-bottom: 15px;}
.index-faq .all-faqs .items .quen-q{
    font-size: 22px;
    line-height: 28px;
    color:#333333;
    
    letter-spacing: 0px;
    display:flex;
    justify-content: space-between;
}
.index-faq .all-faqs .items .quen-q p{margin-bottom: 15px;}
.index-faq .all-faqs .items .quen-q span{color: var(--public-color);padding-right: 5px;}
.index-faq .all-faqs .items .quen-q .q1,.index-faq .all-faqs .items .quen-a{width: 95%;}
.index-faq .all-faqs .items .quen-a{
    font-size: 18px;
    line-height: 28px;
    color:#666666;
    padding-bottom: 12px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    opacity: .8;
}
.index-faq .all-faqs .items .up{
    display: none;    
}
.index-faq .all-faqs .items .up,
.index-faq .all-faqs .items .down{
    font-size: 15px;
    transition: all 0.6s ease-in-out;
    color: var(--public-color);
}
.index-faq .all-faqs .items.active .up{
    display: block;
}
.index-faq .all-faqs .items.active .down{
    display: none;
}
.index-faq .all-faqs{width: 46%;}
.index-news .all-news{width: 52%;}
.index-news .row{margin-left: -20px;margin-right: -20px;}
.index-news .col-md-6{
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 40px;
}
.index-news .h4{
    font-size: 22px;
    line-height: 26px;
    
    color: #333333;
    margin-bottom: 10px;
    margin-top: 30px;
    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-news .time{
    font-size: 16px;
    line-height: 24px;
    color: #999999;
    
    display: flex;
    align-items: center;
}
.index-news .time img{padding-right: 10px;}
.index-news .img,.index-news .img img {
    border-radius: 10px;
}
.index-news .items .h4{transition: all .6s;}
.index-news .items:hover .h4{
    color: var(--public-color);
}


/*about-paper*/
.about-paper{padding-top: 180px;}
.about-first .title{margin-bottom: 45px;line-height: 48px;}
.about-first .left{width: 53%;}
.about-first .right{width: 41%;}
.about-first .right .text p{margin-bottom: 35px;text-align: justify;}
.about-first .row-line::after{margin-top: 35px;}
.about-first .h6{font-size: 24px;line-height: 32px;color: var(--public-color);font-weight: 300;margin-bottom: 20px;}
.about-first {margin-bottom: 85px;}
.about-develop .left{width: 42%;}
.about-develop .right{width: 51%;}
.about-develop .title{line-height: 48px;}
.about-develop .text{margin-top: 55px;line-height: 32px;    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;}
.about-develop .text p{margin-bottom: 15px;text-align: justify;}
.about-develop{margin-bottom: 80px;}
.about-develop .content{flex-direction: row-reverse;}
.about-discover{margin-bottom: 150px;}
.about-discover .top-head{margin-bottom: 85px;width: 98%;}
.about-discover .top-head .text{margin-top: 40px;}
.about-discover .bottom{margin-bottom: 45px;}
.about-discover .top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.about-discover .l-r-btn{
    display: flex;
    justify-content: space-between;
    width: 7%;
}
.about-discover .l-r-btn .swiper-button-lock{display:block !important;}
.about-discover .l-r-btn .all-hover:after{
    content: "";
}
.about-discover .l-r-btn .all-hover{
    top: inherit;
    left: inherit;
    right: inherit;
    bottom: inherit;
    position: inherit;
    margin-right: 8px;
    margin-top: inherit;
    font-size: 48px;
    
    color: #3b3a4d;
    opacity: .6;
    transition: all .6s;
}
.about-discover .l-r-btn .all-hover:hover{color: var(--public-color);opacity: 1;}
.about-discover .l-r-btn .all-hover:last-child{margin-right:0}
.about-discover .swiper-pagination-2{
    position: inherit;
    width: 89.5%;
    height: 5px;
    display: flex;
    background-color: #dddddd;
}
.about-discover .swiper-pagination-2 .swiper-pagination-bullet {
    height: 5px;
    width: 100%;
    flex: 1;
    border-radius: 0;
    opacity: 0;
}
.about-discover .swiper-pagination-2 .swiper-pagination-bullet-active{
    background-color: var(--public-color);
    opacity: 1;
}
.about-discover .l-r-btn{
    position: relative;
}
.about-discover .all-hover{
    top: inherit;
}

.about-cer .hover-more{padding: 10px 31px 15px 31px;}
.about-cer .hover-more .line::before{height: 2px;}
.about-cer .hover-more:hover span{color: var(--public-color);}
.about-cer .left .hover-more,.about-cer .left .hover-more span{}
.about-cer .left .title{color: #fff;}
.about-cer .left .text{line-height: 32px;color: #fff;opacity: 1;margin-top: 50px;margin-bottom: 65px;    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;}
.about-cer .left{width: 55%;text-align: left;}
.about-cer .right{width: 33%;position: relative;background-color: #fff;padding: 55px 115px 45px 115px;border-radius: 10px;right: 85px;}
.about-cer .all-hover{width: 54px;height: 54px;background-color: var(--public-color);display: flex;justify-content: center;align-items: center;border-radius: 100px;left: auto;right: auto;margin-top: 0;transition: all .6s;}
.about-cer .all-hover:hover{background-color: #fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.about-cer .next-3:hover::after,.about-cer .prev-3:hover::after{color: var(--public-color);}
.about-cer .next-3::after{content: "\f054";font-family: 'cmsfont';color: #fff;font-size: 16px;transition: all .6s;}
.about-cer .prev-3::after{content: "\f053";font-family: 'cmsfont';color: #fff;font-size: 16px;transition: all .6s;}
.about-cer .next-3{right: -20px;}
.about-cer .prev-3{left: -20px;}
.about-cer .list img{width: 100%;height: auto;max-width: 400px;}
.about-cer .list .t2{font-size: 18px;line-height: 48px;color: #333;margin-top: 30px;}
.about-cer{margin-bottom: 150px;}

.about-cust {margin-bottom: 215px;}
.about-cust .title{text-align: center;}
.about-cust .row-line::after{margin-left: auto;margin-right: auto;}
.about-cust .content{margin-top: 65px;}
.about-cust .bottom img{border-radius: 10px;}
.about-cust .bottom{margin-bottom: 45px;}
.about-cust .top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.about-cust .l-r-btn{
    display: flex;
    justify-content: space-between;
    width: 7%;
}
.about-cust .l-r-btn .swiper-button-lock{display:block !important;}
.about-cust .l-r-btn .all-hover:after{
    content: "";
}
.about-cust .l-r-btn .all-hover{
    top: inherit;
    left: inherit;
    right: inherit;
    bottom: inherit;
    position: inherit;
    margin-right: 8px;
    margin-top: inherit;
    font-size: 48px;
    
    color: #3b3a4d;
    opacity: .6;
    transition: all .6s;
}
.about-cust .l-r-btn .all-hover:hover{color: var(--public-color);opacity: 1;}
.about-cust .l-r-btn .all-hover:last-child{margin-right:0}
.about-cust .swiper-pagination-4{
    position: inherit;
    width: 89.5%;
    height: 5px;
    display: flex;
    background-color: #dddddd;
}
.about-cust .swiper-pagination-4 .swiper-pagination-bullet {
    height: 5px;
    width: 100%;
    flex: 1;
    border-radius: 0;
    opacity: 0;
}
.about-cust .swiper-pagination-4 .swiper-pagination-bullet-active{
    background-color: var(--public-color);
    opacity: 1;
}
.about-cust .l-r-btn{
    position: relative;
}
.about-cust .all-hover{
    top: inherit;
}
.swiper-pagination-bullet.swiper-button-disabled{opacity: .35 !important;}


/*product-paper*/
.product-paper{padding-top: 150px;padding-bottom: 200px;}
.product-paper .title{letter-spacing: -1px;font-size: 36px;line-height: 48px;margin-bottom: 45px;}
.product-paper .title span{padding-left: 21px;font-size: 28px;}
.product-paper .title:hover span{padding-left: 0;padding-right: 21px;}
.product-paper .left{line-height: 32px;width: 50%;}
.product-paper .right{width: 46%;padding-left: 50px;}
.product-paper .big-items{padding: 40px 0;}
.product-paper .content{border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;padding-right: 19px;}
.product-paper .big-items + .big-items{border-top: 1px solid #dddddd;}
.product-paper .items{position: relative;padding-top: 20px;padding-bottom: 20px;}
.product-paper .items::after{content: "";width: 1px;height:100%;background-color: #dddddd;position: absolute;right: 44.5%;}
.product-paper .big-items:nth-child(1) .right{padding-left: 0;}

@media(max-width:768px){
    .product-paper .title span{display:none;}
}

/*product-list-paper*/
.all-nav{padding-top: 95px;margin-bottom:60px;}
.product-list-paper{padding-bottom: 140px;margin-top: 60px;}
.product-list-paper .hover-more{font-size: 18px;line-height: 32px;padding: 6px 26px 10px 27px;}
.product-list-paper .hover-more span{color: #fff;font-size: 15px;}
.product-list-paper .hover-more .line::before{height: 2px;}
.product-list-paper .hover-more:hover span{color: var(--public-color);}
.product-list-paper .hover-more:hover .line::before{background-color: var(--public-color);width: 100% !important;}
.product-list-paper .title{letter-spacing: 0px;line-height: 48px ;margin-bottom: 30px;font-weight:400}
.p-l-first .ul{margin-bottom: 50px;}
.p-l-first .max-1650px{background-color: #f8f8f8;}
.p-l-first .content{padding: 90px 0 87px 58px;}
.p-l-first .right img{mix-blend-mode: multiply;}
.p-l-first::after{content: "";width: 1650px;height: 100%;background-color: #f8f8f8;margin:0 0 0 auto;padding:0;position: absolute;right: 0;top: 0;z-index: -1;}
.p-l-first{position: relative;margin-bottom: 110px;}
.p-l-first .left{width: 45%;}
.p-l-first .right{width: 55%;overflow: visible;}
.product-list-paper .products .items:hover{background-color: #ffffff;box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.1);}
.product-list-paper .products .items{transition: all .6s;background-color: #f8f8f8;border-radius: 10px;padding: 30px 75px 100px 55px;height:100%}
.product-list-paper .products .t2{letter-spacing: 0px;font-size: 24px;line-height: 32px;color: #333;margin-bottom: 40px;}
.product-list-paper .products .jiantou{line-height: 32px;padding-left: 20px;font-size: 18px;}
.product-list-paper .products .t2:hover .jiantou{padding-left: 0;padding-right: 20px;}
.product-list-paper .products .text p{margin-bottom: 10px;position: relative;padding-left: 25px;}
.product-list-paper .products .text p::before{content: "";width: 7px;height: 7px;background-color:var(--public-color);border-radius: 100px;position: absolute;left: 0;top: 10px;}
.product-list-paper .products .model {
    font-size: 16px;
    line-height: 32px;
    
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    color: var(--public-color);
}
.product-list-paper .products .model p{display: flex;justify-content: center;align-items: center;border-radius: 2px;border: solid 1px var(--public-color);padding-left: 10px;padding-right: 11px;}
.product-list-paper .products .model p + p{margin-left: 10px;}
.product-list-paper .products .img{margin-bottom: 25px;}
.product-list-paper .products .img img{mix-blend-mode: multiply;}
.product-list-paper .products.row{margin: 0 -30px 130px -30px;}
.product-list-paper .products .col-md-6{padding: 0 30px;margin-bottom: 60px;}
.p-l-diagram{position: relative;padding-top: 126px;padding-bottom: 113px;margin-bottom: 130px;}
/* .p-l-diagram::after{content: "";width: 910px;height: 100%;background-color: #f8f8f8;margin: 0 0 0 auto;padding: 0;position: absolute;right: 0;top: 0;z-index: -1;} */
.p-l-diagram .left{width: 48%;}
.p-l-diagram .right{width: 43%;}
.p-l-discover .top-head .title{margin-bottom: 60px;}
.p-l-discover .top-head .t2{position: relative;padding-left: 60px;font-size: 32px;line-height: 32px;color: #333;margin-bottom: 20px;}
.p-l-discover .top-head .t2::before{content: url(../../images/p-l-sign-1.png);position: absolute;left: 0;top: 0;line-height: 32px;}
.p-l-discover .top-head .text{line-height: 32px;}
.p-l-discover .top-head .text p{margin-bottom: 65px;}
.p-l-discover .top-head {margin-bottom: 105px;}
.p-l-discover .mySwiper-1 .img,.p-l-discover .mySwiper-1 .img img{border-radius: 10px;}
.p-l-discover .about-cust{margin-bottom: 135px;}
.p-l-optional .title{text-align: center;}
.p-l-optional .title::after{margin: 25px auto 70px auto;}
.p-l-optional .content{width: 75%;margin: 0 auto;position: relative;height: 570px;margin-bottom: 51px;}
.p-l-optional .content .items{width: 55%;height: 100%;border-radius: 100%;border: solid 1px #cccccc;position: absolute;top: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.p-l-optional .content .items:nth-child(1){left: 0;}
.p-l-optional .content .items:nth-child(2){right: 0;}
.p-l-optional .content .t2{font-size: 32px;line-height: 30px;color: #000;margin-bottom: 75px;}
.p-l-optional .content .box {
    position: relative;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    
    display: flex;
    flex-wrap: wrap;
    width: 280px;
    height: 260px;
}

.p-l-optional .content .box .d{width: 150px;height: 150px;border-radius: 100%;display: flex;justify-content: center;align-items: center;padding: 11px;text-align: center;position: absolute;}
.p-l-optional .content .box-1 .d1,.p-l-optional .content .box-2 .d4{background-color: rgba(147, 0, 3, .6);}
.p-l-optional .content .box-1 .d2{background-color: rgba(147, 0, 3, .3);}
.p-l-optional .content .box-1 .d3,.p-l-optional .content .box-2 .d1{background-color: rgba(147, 0, 3, .9);}
.p-l-optional .content .box-2 .d2{background-color: rgba(147, 0, 3, .8);}
.p-l-optional .content .box-2 .d3{background-color: rgba(147, 0, 3, .4);}

.p-l-optional .content .box-1 .d1{left: 50%;top: 0;margin-left: -75px;}
.p-l-optional .content .box-1 .d2{left: 0;bottom: 0;}
.p-l-optional .content .box-1 .d3{right: 0;bottom: 0;z-index: -1;}

.p-l-optional .content .box-2 .d1{left: 0;top: 0;}
.p-l-optional .content .box-2 .d2{right: 0;top: 0;}
.p-l-optional .content .box-2 .d3{left: 0;bottom: 0;}
.p-l-optional .content .box-2 .d4{right: 0;bottom: 0;}
.p-l-optional .a{display: flex;justify-content: center;}
.p-l-optional .a a{color: var(--public-color);}
.p-l-optional .a a::before{height: 2px;}
.p-l-optional .a a span{padding-left: 12px;}
.p-l-optional .a a:hover span{padding-left: 0;padding-right: 12px;}
.p-l-optional {margin-bottom: 140px;}

.p-l-faqs .title{position: relative;text-align: center;}
.p-l-faqs .title::after{margin-left: auto;margin-right: auto;}
.p-l-faqs .title::before{content: "";width: 100%;
    height: 4px;
    border-top: 2px dashed var(--public-color);
    display: block;
    margin-top: 40px;
position: absolute;
bottom: 0;
left: 0;
}
.p-l-faqs .content{padding-top: 70px;}
.p-l-faqs .items{cursor: pointer;margin-bottom: 35px;}
.p-l-faqs .items:last-child{margin-bottom: 0;}
.p-l-faqs .items.active .quen-q{margin-bottom: 25px;}
.p-l-faqs .quen-q{display: flex;align-items: center;justify-content: space-between;color: var(--public-color);font-size: 24px;line-height: 32px;margin-bottom: 15px;}
.p-l-faqs .quen-q .q1{width: 80%;}
.p-l-faqs .quen-q .q1 span{padding-right: 15px;}
.p-l-faqs .items .q2{width: 20px;height: 20px;border-radius: 100%;background-color: var(--public-color);}
.p-l-faqs .quen-a{line-height: 36px;width: 80%;display: none;animation: fadeIn .6s;}
.p-l-faqs .items.active .quen-a{display: block;animation: fadeIn .6s;}
.p-l-faqs .items .down{
    display: block;
}
.p-l-faqs .items .up{
    display: none;    
}
.p-l-faqs .items .up,
.p-l-faqs .items .down{
    font-size: 12px;
    transition: all 0.6s ease-in-out;
    line-height: 20px;
    text-align: center;
    color: #fff;
}
.p-l-faqs .items.active .up{
    display: block;
}
.p-l-faqs .items.active .down{
    display: none;
}

/*product-in-paper*/
.p-i-products.product-list-paper .title{text-align: center;}
.product-in-paper{padding-bottom: 175px;}
.p-i-content img{max-width: 100%;height: auto;}
.product-in-paper .p-i-content .title{margin-bottom: 70px;}
.product-in-paper .p-i-content .container-xl>div{margin-bottom: 80px;}
.p-i-first{position: relative;}
.p-i-first::before{content: "";width: 55%;height: 100%;background-color: #f8f8f8;position: absolute;left: 0;top: 0;}
.p-i-first .right{width: 38%;display: flex;flex-direction: column;justify-content: space-between;}
.p-i-first .left{width: 62%;padding-bottom: 90px;padding-top: 60px;}
.p-i-first .left>img{mix-blend-mode: multiply;}
.p-i-first .model{display: flex;margin-bottom: 45px;}
.p-i-first .model p {
    font-size: 16px;
    line-height: 32px;
    border-radius: 2px;
    color: var(--public-color);
    border: solid 1px var(--public-color);
    padding-left: 10px;
    padding-right: 11px;
}
.p-i-first .model p + p{margin-left: 13px;}
.p-i-first .ul{font-size:18px;line-height: 36px;color: #666666;margin-bottom: 25px;}
.p-i-first .ul p::before {top: 9px;}
.p-i-first .h1{margin-bottom: 25px;font-size: 36px;line-height: 42px;color: #333333;}
.p-i-first .box-2{display: flex;flex-direction: column;}
.p-i-first .box-2 a{font-size: 18px;line-height: 32px;width: 300px;border:1px solid var(--public-color); height: 50px;display: flex;align-items: center;justify-content: center;}
.p-i-first .box-2 a span{}
.p-i-first .box-2 .hover-more:hover span{color: #fff;}
.p-i-first .box-2 .hover-more.red:hover{background-color: #fff;color:var(--public-color)}
.p-i-first .box-2 .hover-more.red:hover span{color:var(--public-color);padding-left:30px;}
.p-i-first .box-2 .hover-more.red span{color:#fff}
.p-i-first .box-2 .a + .a{margin-top: 20px;}

.p-i-charac .text p{margin-bottom: 15px;}

.p-i-technical .col-md-4{padding: 0 20px;margin-bottom: 75px;}
.p-i-technical .row{margin:0 -20px}
.p-i-technical .h4{font-size: 16px;line-height: 24px;color: #333;margin-bottom: 15px;text-align: center;}
.p-i-technical .box{padding-top: 10px;}
.p-i-technical .text{line-height: 31px;color: #999;}
.p-i-technical .img,.p-i-technical .img img{border-radius: 10px;}

.p-i-products .products{position: relative;padding: 0 10px;}
.p-i-products .all-hover{width: 66px;height: 66px;background-color: var(--public-color);display: flex;justify-content: center;align-items: center;border-radius: 100px;left: auto;right: auto;margin-top: 0px;transition: all .6s;}
.p-i-products .all-hover:hover{background-color: #fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.p-i-products .next-1:hover::after,.p-i-products .prev-1:hover::after{color: var(--public-color);}
.p-i-products .next-1::after{content: "\f054";font-family: 'cmsfont';color: #fff;font-size: 16px;transition: all .6s;}
.p-i-products .prev-1::after{content: "\f053";font-family: 'cmsfont';color: #fff;font-size: 16px;transition: all .6s;}
.p-i-products .next-1{right: -20px;top: 40%;}
.p-i-products .prev-1{left: -20px;top: 40%;}
.p-i-products .mySwiper-1{padding-bottom: 80px;padding-top: 90px;}
.p-i-products .swiper-pagination-1{position: relative;margin-top: 80px;left: 0;}  
.p-i-products .swiper-pagination-1
.p-i-products .title,.p-i-news .title{text-align: center;}
.p-i-products .title::after,.p-i-news .title::after{margin-left: auto;margin-right: auto;}
.p-i-products.product-list-paper{padding-bottom: 50px;} 
 
.p-i-param{padding-bottom: 50px;}

.p-i-news .title{margin-bottom: 80px;}
.all-new .time{color: #999;font-size: 16px;line-height: 24px;display: flex;align-items: center;margin-bottom: 15px;}
.all-new .time img{padding-right: 14px;}
.all-new .box{padding-top: 30px;}
.all-new .t2{font-size: 20px;line-height: 32px;color: #333;margin-bottom: 10px;font-weight:bold;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.all-new .t2:hover{color: var(--public-color);}
.all-new .text{font-size: 18px;line-height: 31px;color: #999;margin-bottom: 36px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.all-new .a a span{padding-left: 10px;font-size: 15px;}
.all-new .a a:hover span{padding-left: 0;padding-right: 10px;}
.all-new .img,.all-new .img img{border-radius: 10px;}
.p-i-news .col-md-4{padding: 0 20px;}
.p-i-news .row{margin: 0 -20px 0 -20px;}

.p-i-content{padding-top: 130px;}


.product-in-paper {margin-top: 80px;}
.product-in-paper .detail-nav{
    background-color: #ffffff;
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08);
    height: 72px;
    margin-top: 87px;
}
.product-in-paper .detail-nav-xl{display: flex;height: 100%;width: 100%;}
.product-in-paper .detail-nav-xl.fadeInDown{
    background-color: #fff;z-index: 99;position: fixed;
    left: 0;right: 0;
    top: 100px;
    height: 52px;
    width: 100%;
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08);
    max-width:1400px;
    margin:0 auto;
}
.product-in-paper .detail-nav-xl.fadeInDown li:not(.detail-nav li:last-child)::after{height: 100%;top: 0;}
.product-in-paper .detail-nav li{
    width: calc(calc(100% - 3px) / 4);
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-in-paper .detail-nav li a{
    font-size: 16px;
    line-height: 32px;
    color:#333333;
    
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;z-index: 99;
    overflow: hidden;
}
.product-in-paper .detail-nav li:not(.detail-nav li:last-child)::after{
    content: "";
    width: 1px;
    height: 56px;
    background-color: #dddddd;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    position: absolute;
    right: 0;
    top: 10px;
}
.product-in-paper .detail-nav li a:hover::before{
    content: "";
    width: 100%;
    height: 6px;
    background-color: var(--public-color);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.product-in-paper .detail-nav li a.active::before{
    content: "";
    width: 100%;
    height: 6px;
    background-color: var(--public-color);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}


.quality-paper{padding-top: 115px;padding-bottom: 180px;}
.quality-paper .title{letter-spacing: -2px;line-height: 48px;}
.quality-top-head{text-align: center;margin-bottom: 100px;}
.quality-top-head .text{margin-bottom: 40px;font-size: 22px;line-height: 42px;color: #333;}
.quality-first{background-color: #f8f8f8;padding-top: 120px;padding-bottom: 145px;}
.quality-first .title{margin-bottom: 50px;}
.quality-first .text{font-size: 18px;line-height: 32px;}
.quality-first .text .h3{padding-left: 7px;font-size: 22px;color:var(--public-color);display: flex;align-items:flex-start;margin-bottom: 5px;font-weight: 400;}
.quality-first .text .h3::before{content: url(../../images/p-l-sign-1.png);padding-right: 15px;mix-blend-mode: multiply;}
.quality-first .text p{margin-bottom: 35px;}
.quality-first .left{width: 50%;}
.quality-first .right{width: 43%;}
.quality-first .right img{border-radius: 10px;}
.quality-second{padding-top: 135px;line-height: 32px;margin-bottom: 170px;}
.quality-second .title{margin-bottom: 40px;}
.quality-second .text span{color: var(--public-color);}
.quality-second .top-head{margin-bottom: 85px;}
.quality-second .left img{border-radius: 10px;}
.quality-second .t1{font-size:28px;line-height: 48px;color: #333;letter-spacing: -1px;margin-bottom: 35px;}
.quality-second .t1.row-line::after{margin-top: 30px;}
.quality-second .right .text{margin-bottom: 30px;}
.quality-second .items{margin-bottom: 60px;}
.quality-second .items:last-child{margin-bottom: 0;}
.quality-second .left{width: 50%;}
.quality-second .right{width: 44%;}
.quality-thirst .content{background-color: rgba(147, 0, 3, .05);border-radius: 10px;text-align: center;padding-bottom: 140px;}
.quality-thirst .img{width: 152px;height: 152px;background-color: var(--public-color);border-radius: 100%;display: inline-flex;justify-content: center;align-items: center;padding: 15px;margin-top: -70px;}
.quality-thirst .text{width: 83%;margin: 60px auto 0 auto;}

.certificates-paper{padding-top: 165px;margin-bottom: 225px;}
.certificates-paper .img{position: relative;transition: background-color .6s;overflow: hidden;border-radius: 10px;}
.certificates-paper .img .box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;    justify-content: flex-end;padding: 18px 20px;color: #fff;}
.certificates-paper .small-img{text-align: right;}
.certificates-paper .img>img{border-radius: 10px;opacity: .9;transition: all .6s;}
.certificates-paper .box:hover{background-color: rgba(0, 0, 0, 0.6);border-radius: 10px;}
.certificates-paper .box:hover .img>img{opacity: 1;}
.certificates-paper .col-md-3{padding: 0 33px;margin-bottom: 70px;}
.certificates-paper .row{margin: 0 -33px;margin-bottom: -70px;}
.certificates-paper .t2{font-size: 18px;
    line-height: 26px;
    margin-top: 15px;text-align: center;}

.exhibition-paper{padding-top: 180px;padding-bottom: 160px;}
.exhibition-paper .top-head{width: 63%;margin-bottom: 65px;}
.exhibition-paper .top-head p{margin-bottom: 20px;}
.exhibition-paper .content-wrapper table tr td{padding-top: 40px;padding-bottom: 30px;}
.exhibition-paper .content-wrapper table{border: 0;}
.exhibition-paper table {font-size: 18px;line-height: 26px;font-family: 'Poppins';color: #181926;}
.exhibition-paper thead{background-color: #f4f4f4;}
.exhibition-paper .content-wrapper table thead tr:first-child td{padding-top: 20px;padding-bottom: 20px;}
.exhibition-paper .content-wrapper table td:first-child{text-align: center;}
.exhibition-paper .content-wrapper table td{text-align: left;letter-spacing: 0;}
.exhibition-paper .content-wrapper table tr{border-bottom:1px solid rgba(83, 113, 179, .1);}
.exhibition-paper .content-wrapper table p{margin-bottom: 10px;}
.exhibition-paper .content-wrapper table p:last-child{margin-bottom: 0;}
.exhibition-paper a{font-size: 18px;line-height: 26px;color: #181926;}
.exhibition-paper a{display: inline-block;}
.exhibition-paper a:hover{color: var(--public-color);text-decoration: underline;}

.news-list-paper {padding-bottom: 200px;}
.news-list-paper .col-md-4{padding: 0 20px;margin-bottom: 60px}
.news-list-paper .row{margin: 0 -20px -60px -20px;}

/*news-in-paper*/
.news-in-paper .share {
    display: flex;
}
.news-in-paper .share {
    margin-left: 48px;
}
.news-in-paper .share ul {
    display: flex;
    margin-left: 8px;
}
.news-in-paper .share ul a {
    color: #fff;
    font-size: 16px;
    background-color: var(--public-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    border-radius: 2px;
    border: 1px solid transparent;
    transition: ease-in-out .6s;
}
.news-in-paper .share ul a:hover {
    border: 1px solid var(--public-color);
    background-color: transparent;
    color: var(--public-color);
}
.news-in-paper .share ul li {
    font-size: 0;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news-in-paper .share ul li:last-child {
    margin-right: 0;
}
.news-in-paper .main-top{
    margin-bottom: 125px;
}
.news-in-paper .top-content {
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-bottom: 2px solid rgba(10, 68, 132, .1);
}
.news-in-paper h1 {
    font-size: 36px;
    line-height: 48px;
    color: #333;
    
    /* margin-top: 60px; */
}
.news-in-paper .type {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    line-height: 28px;
    
    margin-top: 50px;
    padding-bottom: 35px;
    color: #999999;
    border-bottom: 2px dashed #dddddd;
}
.news-in-paper .type-box{display: flex;}
.news-in-paper .time {
    margin-right: 40px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.news-in-paper .time img{display: inline-block;margin-right: 10px;}
.news-in-paper .bottom-content{
    display:flex;
    justify-content: space-between;
    font-size: 18px;
}
.news-in-paper .article {
    width: 65%;
}
.news-in-paper .article .content{
    color: #666666;
    line-height: 32px;
    font-size: 18px;
    border-bottom: 2px dashed #dddddd;
    padding-bottom: 50px;
    padding-top: 45px;
}
.news-in-paper .article .content img{max-width: 100% !important;height: auto !important;}
.news-in-paper .article .content p{margin-bottom: 25px;}
.news-in-paper .article .content p:last-child{margin-bottom: 0;}
.news-in-paper .box-tail{
    font-size: 18px;
    line-height: 28px;
    margin-top: 54px;
    display: flex;
    justify-content: space-between;
}
.news-in-paper .box-tail .left{
    width: 68%;
    display: flex;
    flex-direction: column;
}
.news-in-paper .box-tail .right{
    width: auto;
}
.news-in-paper .box-tail .right .hover-more {
    padding: 10px 40px 13px 40px;
    font-size: 18px;
    line-height: 26px;
    
    display: inline-flex;
    align-items: center;
}
.news-in-paper .box-tail .right .hover-more.red .line::before{height: 3px;}
.news-in-paper .box-tail .right .hover-more span{color: #fff;line-height: 26px;font-size: 16px;}
.news-in-paper .box-tail .right .hover-more:hover,
.news-in-paper .box-tail .right .hover-more:hover span{color:var(--public-color);}
.news-in-paper .box-tail .right .hover-more.line:hover{height: 3px;}
/* .news-in-paper .box-tail p{display: flex;} */
.news-in-paper .box-tail .left p a{
    transition: all .6s;
    color: #666;
    font-size: 18px;
    line-height: 26px;
    text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
}
.news-in-paper .box-tail .left p{position: relative;
    display: inline-flex;}
.news-in-paper .box-tail .left p::after{
    content: "";
    position:absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: var(--public-color);
    transition: width .6s;
}
.news-in-paper .box-tail .left p:hover::after{
    color: #333333;
    width: 100%;
}
.news-in-paper .box-tail .left p:hover a{color:var(--public-color);}
.news-in-paper .box-tail .left p span{
    padding-top: 3px;
    padding-right: 15px;
    color: var(--public-color);
}
.news-in-paper .box-tail .left p:first-child{
    margin-bottom: 40px;
}
.news-in-paper .aside{
    width: 28%;
}
.news-in-paper .aside>.h3{
    font-size: 32px;
    line-height: 39px;
    margin-bottom: 45px;
    color: #333;
    
}
.news-in-paper .aside .aside-box{
    padding-bottom: 100px;
}
.news-in-paper .aside .aside-box>.items{
    display: flex;
    justify-content: space-between;
    align-items:center;
    margin-bottom: 30px;
}
.news-in-paper .aside .aside-box>.items:nth-of-type(3){margin-bottom: 0;}
.news-in-paper .aside .aside-box>.items .img{
    width: 32%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}
.news-in-paper .aside .aside-box .items .img img{
    border-radius: 4px;
    width: 110%;
}
.news-in-paper .aside .aside-box>.items .text{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.news-in-paper .aside .aside-box>.items .text .desc{font-size:14px;line-height:22px;margin-bottom:5px;}

.news-in-paper .aside .aside-box .text .t2{
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    font-weight:bold;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
}
.news-in-paper .aside .aside-box .text .t2:hover{
    color: var(--public-color);
}
.news-in-paper .aside .aside-box .text .time{font-size: 16px;line-height: 24px;color: #999;}
.news-in-paper .aside .aside-box .text .time img{padding-right: 15px;margin-right: 0;}

.news-in-paper .aside-box-1::after{content: "";width: 100%;height: 8px;background-color: var(--public-color);display: block;position: absolute;bottom: 0;left: 0;}
.news-in-paper .aside-box-1{background-color:#f6f6f6;padding: 50px 43px 75px 45px;position: relative;}
.news-in-paper .aside-box-1.fadeInDown{position: fixed;top: 0;right: auto;}
.news-in-paper .aside-box-1 .t1{font-size: 24px;line-height: 28px; color:#333;margin-bottom: 40px;letter-spacing: -1px;}
.news-in-paper .aside-box-1 .form-row>[class*="col-"]{padding: 0;}
.news-in-paper .aside-box-1 .form-row>.col{padding: 0;}
.news-in-paper .aside-box-1 .form-row{margin-right: 0;margin-left: 0;}
.news-in-paper .aside-box-1 .form-control::placeholder{color:#999;opacity: .6;font-size: 16px;line-height: 36px;}
.news-in-paper .aside-box-1 .form-control:focus::placeholder{color:#333333;opacity: 1;}
.news-in-paper .aside-box-1 .form-control{border-color: transparent;font-size: 16px;line-height: 36px;}
.news-in-paper .aside-box-1 .form-control:focus{background-color: #fff;}
.news-in-paper .aside-box-1 .form-group{margin-bottom: 8px;}
.news-in-paper .aside-box-1 .form-feedback .form-control {padding:8px 10px 5px 13px;}
.news-in-paper .aside-box-1 .hover-more{margin-top: 30px;width:140px;font-size: 16px;line-height: 32px;padding: 0;height: 46px;background-color: #ffffff;color: #333333;}
.news-in-paper .aside-box-1 .hover-more .line::before{height: 3px;bottom: -3px;}
.news-in-paper .aside-box-1 .hover-more span{}

.news-in-paper .main-top{display: flex;justify-content: space-between;}
.news-in-paper .all-product .title{color: #333333;font-size: 36px;line-height: 48px;text-align: center;}
.news-in-paper .all-product .title::after{margin-left: auto;margin-right: auto;}

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

/*buy-paper*/
.buy-paper{padding-top: 120px;text-align: center;}
.buy-paper .title{line-height: 48px;letter-spacing: -2px;}
.buy-top-head .text{font-size: 22px;line-height: 42px;color: #333;text-align: center;margin-bottom: 47px;}
.buy-top-head .img{margin-bottom: 80px;}
.buy-top-head .title{margin-bottom: 75px;}
.buy-top-head .box{display: flex;justify-content:space-evenly;flex-wrap: wrap;}
.buy-top-head .box p{position: relative;padding-left: 40px;}
.buy-top-head .box p::before{content: url(../../images/index-sign-6.png);position: absolute;left: 0;top: 3px;}
.buy-top-head {margin-bottom: 135px;}
.buy-service{background-color: #f4f4f4;padding-top: 105px;padding-bottom: 118px;}
.buy-service .box{background-color: var(--public-color);padding: 15px 10px 15px 35px;border-radius: 20px 20px 50px 0px;}
.buy-service .box .t2{font-size: 36px;line-height: 48px;color: #fff;}
.buy-service .box .img{width: 80px;height: 80px;background-color: #fff;border-radius: 100%;display: flex;justify-content: center;align-items: center;}
.buy-service .list .text p{line-height: 32px;color: #666;margin-bottom: 20px;}
.buy-service .list .text p::before{content: "\f00c";font-family: 'cmsfont';display: inline-block;color: var(--public-color);padding-right: 15px;}
.buy-service .list .text{text-align: left;padding: 45px 15px 105px 35px;}
.buy-service .list {background-color: #fff;border-radius: 20px;width: calc(calc(100% - 40px * 2) / 3);}
.buy-service .title::after{margin-left: auto;margin-right: auto;}
.buy-service .title{margin-bottom: 40px;}
.buy-service .top-head{margin-bottom: 80px;width: 86%;margin-left: auto;margin-right: auto;}
.buy-offer {padding-top: 145px;margin-bottom: 170px;}
.buy-offer  .title{margin-bottom: 85px;}
.buy-offer .items{display: flex;align-items: center;justify-content: space-between;margin-bottom: 60px;}
.buy-offer .items:last-child{margin-bottom: 0;}
.buy-offer .items .img img{border-radius: 10px;}
.buy-offer .left{width: 50%;}
.buy-offer .right{width: 44%;text-align: left;}
.buy-offer .t1{font-size: 28px;line-height: 48px;color: #333;letter-spacing: 0px;margin-bottom: 35px;}
.buy-offer .t1::after{margin-top: 15px;}
.buy-offer .text{line-height: 32px;}
.buy-choose{background-color: #f4f4f4;padding-top: 140px;padding-bottom: 155px;}
.buy-choose .title{margin-bottom: 70px;}
.buy-choose .t2{font-size: 20px;line-height: 48px;color: #fff;text-align: left;margin-bottom: 25px;}
.buy-choose .t2::after{height: 5px;margin-top: 10px;}
.buy-choose .list .box{background-color: #333333;border-radius: 10px;padding: 23px 25px 20px 30px;}
.buy-choose .list {background-color: #fff;border-radius: 10px;overflow: hidden;}
.buy-choose .list .img{padding: 20px 30px;}
.buy-choose .text{text-align: left;color: #fff;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    margin-bottom: 10px;
}
.buy-choose .a{text-align: right;display: block;padding-right: 2px;}
.buy-choose .a a{font-size: 30px;font-weight: bold;color: var(--public-color);}
.buy-choose .a a:hover{color: #fff;}
.buy-choose .col-md-4{padding: 0 20px;}
.buy-choose .row{margin: 0 auto;}
.buy-guide{color: #fff;}
.buy-guide .banner-text{text-align: left;}
.buy-guide .title{color: #fff;font-size: 48px;}
.buy-guide .title::after{margin-top: 25px;height: 5px;}
.buy-guide .text{opacity: 1;margin-bottom: 60px;font-size: 18px;line-height: 32px;}
.buy-guide .hover-more{padding: 7px 31px 15px 30px;font-size: 24px;line-height: 32px;}
.buy-guide .hover-more,.buy-guide .hover-more span{}
.buy-guide .left{width: 56%;}
.buy-guide .right{width: 43%;}
.buy-guide .right .img{margin-right: -110px;}

/*video-paper*/
.video-paper .content .title{font-size: 48px;line-height: 48px;color: #000;font-weight: 600;margin-bottom: 85px;}
.video-paper .content{padding-left: 35px;}
.video-paper .content p{text-align: center;margin-top: 25px;padding-left: 20px;padding-right: 15px;}
.video-paper .content .row{margin-bottom: -40px;margin-left: -20px;margin-right: -20px;}
.video-paper .content .col-md-4{padding-left: 20px;padding-right: 20px;margin-bottom: 40px;}
.video-paper .content .img{box-shadow: 3px 4px 24px 0px 
    rgba(0, 0, 0, 0.1);border-radius: 10px;overflow: hidden;line-height: 0;}
.video-paper .content .img img{border-radius: 10px;}
.video-paper .content .img{position: relative;}
.video-paper .content .img .video-btn{position: absolute;left: 50%;top: 50%;margin-top: -35px;margin-left: -35px;z-index: 1;}
.video-paper .content .img .video-btn .liang{display: none;animation: bounceIn .6s;}
.video-paper .content .img .video-btn:hover .liang{display: block;animation: bounceIn .6s;}
.video-paper .content .img .video-btn .an{display: block;animation: bounceIn .6s;}
.video-paper .content .img .video-btn:hover .an{display: none;animation: bounceIn .6s;}
.video-paper .all-nav a{font-size: 19px;padding-right: 30px;padding-left: 35px;padding-top: 10px;padding-bottom: 10px;background-color: #f2f2f2;border: none;}
.video-paper .all-nav a:hover::before,.video-paper .all-nav a.active{background-color: var(--public-color);}
.video-paper .all-nav a + a{margin-left: 15px;}
.video-paper .all-nav{margin-bottom: 65px;}
/* .video-paper .content .img::after{content: "";width: 100%;height: 100%;background-color: rgba(0, 0, 0, .38);position: absolute;left: 0;top: 0;border-radius: 15px;}
.video-paper .content .img.active::after{background-color:rgba(0, 0, 0, 0) ;} */
.video-paper .content .img{border-radius: 15px;}
.video-paper {padding-top: 185px;padding-bottom: 225px;}


/*global-paper*/
.global-paper{padding-top: 115px;margin-bottom: 165px;}
.global-paper .title{letter-spacing: -2px;}
.global-top-head .text{font-size: 22px;line-height: 42px;color: #333;text-align: center;margin-bottom: 40px;}
.global-top-head .img{text-align: center;margin-bottom: 120px;}
.global-top-head .list .num{color: var(--public-color);font-size: 80px;line-height: 80px;;display: flex;align-items: center;font-family: 'Prompt';font-weight: 300;}
.global-top-head .list p{font-size: 18px;line-height: 36px;color: #999;}
.global-top-head .list{display: flex;flex-direction: column;align-items: center;}
.global-top-head .content{width: 65%;margin: 0 auto;}
.global-top-head {margin-bottom: 110px;}
.global-part{background-color: var(--public-color);height: 350px;}
.global-part .container-xl{align-items: flex-end;}
.global-part .title{color: #fff;margin-bottom: 15px;}
.global-part .text{color: #fff;font-weight: 300;}
.global-part .hover-more {
    display: inline-flex;
    align-items: center;
    background-color: #FFF;
    color: var(--public-color);
    
    border-radius: 36px;
	border: solid 1px #dddddd;
    padding: 6px 6px 6px 31px;
    cursor: pointer;
    font-size: 27px;line-height: 32px;
}
.global-part .hover-more .img{width: 42px;height: 42px;border-radius: 100px;background-color: var(--public-color);display: flex;align-items: center;justify-content: center;margin-left: 25px;transition: all .6s;}
.global-part .hover-more .white{display: inline-block;animation: bounceIn .6s;}
.global-part .hover-more:hover .red{display: inline-block;animation: bounceIn .6s;}
.global-part .hover-more:hover .white{display: none;animation: bounceIn .6s;}
.global-part .hover-more .red{display: none;animation: bounceIn .6s;}
.global-part .hover-more:hover{background-color:var(--public-color);color: #fff}
.global-part .hover-more:hover .img{background-color:#fff;}
.global-part .left{width: 65%;}
.global-cust{padding-top: 85px;}
.global-cust .title{text-align: center;line-height: 48px;}
.global-cust .content-1{display: flex;justify-content: space-between;align-items: center;background-color: #f8f8f8;border-radius: 20px;height: 200px;padding:0 70px;margin-top: 80px;margin-bottom: 85px;}
.global-cust .h6{font-size: 20px;line-height: 32px;color: #666666;	background-color: #f8f8f8;
	border-radius: 20px;
	border: solid 1px #dddddd;transition: all .6s;display: flex;justify-content: center;align-items: center;height: 40px;flex: 1;cursor: pointer;}
.global-cust .h6 + .h6{margin-left: 15px;}
.global-cust .h6.active,.global-cust .h6:hover{background-color: var(--public-color);color: #fff;border-color: var(--public-color);}
.global-cust .content-2{padding-left: 30px;}
.global-cust .content-2 .row{margin: 0 -35px;}
.global-cust .content-2 .col-md-4{margin-bottom: 50px;padding: 0 35px;}
.global-cust .content-2 .left .img{width: 80px;height: 80px;border-radius: 100%;box-shadow: 0px 10px 15px 0px 
    rgba(0, 0, 0, 0.15);}
.global-cust .content-2 .left img{border-radius: 100%;}
.global-cust .content-2 .left{width: 29%;}
.global-cust .content-2 .right{width: 71%;}
.global-cust .content-2 .items{display: none;}
.global-cust .content-2 .items.active{display: flex;}


/*contact-paper*/
.contact-paper{padding-top: 155px;padding-bottom: 175px;}
.contact-paper .bottom .right label{color:#999999;font-size: 16px;line-height: 46px;margin-bottom: 0px;}
.contact-paper .form-control::placeholder,.form-control::-moz-placeholder{color: red !important;font-size: 14px;line-height: 32px;}
.contact-paper .bottom .right .form-control{border:none;background-color: rgba(255, 255, 255, .6);border-radius: 4px;padding-left: 20px;}
.contact-paper .bottom .right input{height: 56px;}
.contact-paper .bottom .right textarea{height: 140px;}
.contact-paper .bottom .right .form-control::placeholder{color:#dddddd;font-size: 16px;line-height: 46px;}
.contact-paper .form-row>[class*="col-"]{padding-right: 12px;padding-left: 12px;}
.contact-paper .form-row{margin-left: -12px;margin-right: -12px;}
.contact-paper .btn{margin-top: 40px;transition: all .6s;font-size: 18px;line-height: 32px;font-weight: bold;width: 100%;background-color: var(--public-color);}
.contact-paper .btn:hover{background-color: #fff;color: var(--public-color);}
.contact-paper .btn span{color: #fff;font-size: 16px;}
.contact-paper .btn:hover span{color: var(--public-color);}
.contact-paper .btn-box{display: flex;justify-content: flex-end;}
.contact-paper .bottom{display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: flex-start;margin-bottom: 140px;}
.contact-paper .bottom .left .text{font-size: 18px;line-height: 32px;color: #666;}
.contact-paper .bottom .left .text p strong{color: var(--public-color);font-weight: 400;}
.contact-paper .bottom .left .text>div{margin-bottom: 30px;}
.contact-paper .bottom .left .text>div:last-child{margin-bottom: 0;}
.contact-paper .bottom .left .text .ul p{position: relative;padding-left: 15px;}
.contact-paper .bottom .left .text .ul p::before{content: "";width: 5px;height: 5px;border-radius: 100%;background-color: var(--public-color);position: absolute;left: 0;top: 13px;}
.contact-paper .bottom .left{width: 50%;}
.contact-paper .bottom .right{width: 44%;background-color: #f4f4f4;border-radius: 10px;padding: 70px 60px 105px;position: relative;}
.contact-paper .bottom .right::before{content: "";width: 100%;height: 6px;background-color: var(--public-color);position: absolute;left: 0;top:0px;}
.contact-paper .bottom .form-group{margin-bottom: 25px;}
.contact-paper .bottom .title{margin-bottom: 32px;}
.contact-paper .bottom .feedback-result{padding-right: 0;}
.contact-paper .bottom .more{background-color: var(--public-color);color: #fff;border-radius: 0;}
.contact-paper .bottom .more:hover{color: var(--public-color);}
.contact-paper .bottom .more::before{width: 15em;}
.contact-paper .content .list{width: calc(calc(100% - 40px * 2) / 3);background-color: var(--public-color);padding: 30px 40px;}
.contact-paper .content .img{width: 40px;height: 40px;border-radius: 100%;background-color: var(--public-color);border: solid 1px #ffffff;display: inline-flex;justify-content: center;align-items: center;}
.contact-paper .content .h5{color: #dddddd;margin-top: 20px;margin-bottom: 7px;}
.contact-paper .content .font-sty{font-size: 20px;line-height: 36px;color: #fff;}
.contact-paper .content a.font-sty:hover{text-decoration: underline;}

/*case-list-paper*/
.case-list-paper{padding-top: 185px;}
.all-case .a{display: block;}
.all-case .a a{display: flex;justify-content: space-between;font-size: 20px;line-height: 30px;}
.all-case .a a span{}
.all-case .list{position: relative;padding-bottom: 28px;}
.all-case .list::after{content: "";width: 100%;height: 2px;background-color: #dddddd;position: absolute;left: 0;bottom: 0;transition: all .6s;}
.all-case .list:hover::after{background-color: var(--public-color);}
.all-case .t2{font-size: 28px;line-height: 32px;color: #333333;margin-bottom: 22px;height: 70px;}
.all-case .text{margin-bottom: 30px;}
.case-list-paper .col-md-4{margin-bottom: 80px;}
.case-list-paper .row{margin-bottom: -80px;}
.case-list-paper.news-list-paper{padding-bottom: 245px;}
.case-list-paper.news-list-paper .all-case .text{margin-bottom:0;margin-top:10px;}
.case-list-paper.news-list-paper .all-case .t2{margin-bottom:0;height:auto;font-size:24px}

/*case-in-paper*/
.case-in-paper{padding-top: 105px;padding-bottom: 110px;}
.case-in-paper .article .p img{max-width: 100%;height: auto;}
.case-in-paper .title{line-height: 48px;letter-spacing: -2px;margin-bottom: 95px;}
.case-in-paper .title::after{margin-top: 15px;}

/*solution-paper*/
.solution-paper{padding-top: 120px;padding-bottom:88px;line-height: 32px;}
.solution-paper .title{line-height: 48px;letter-spacing: -2px;}
.solution-paper .t1,.service-supply .t1{font-size: 36px;line-height: 48px;letter-spacing: -1px;color: #333;}
.sol-top-head {text-align: center;margin-bottom: 75px;}
.sol-top-head .text{font-size: 22px;line-height: 42px;color: #333;margin-bottom: 20px;}
.sol-types{background-color: #f8f8f8;padding-top: 125px;}
.sol-types .top-head{text-align: center;width: 80%;margin-left: auto;margin-right: auto;margin-bottom: 95px;}
.sol-types .title::after{margin-top: 30px;}
.sol-types .title{margin-bottom: 40px;}
.sol-types .left .text{margin-top: 35px;}
.sol-types .left {width: 48%;padding-top: 20px;}
.sol-types .right {width: 45%;}
.sol-types .right .img{box-shadow: 0px 0px 60px 0px 
    rgba(0, 0, 0, 0.1);
border-radius: 10px;margin-bottom: -120px;}
.sol-types .right .img img{border-radius: 10px;}
.sol-special{padding-top: 63px;margin-bottom: 170px;}
.sol-special .container-xl{display: flex;justify-content: space-between;align-items: flex-end;}
.sol-special .t1{margin-bottom: 35px;}
.sol-special .right>.text{margin-bottom: 35px;}
.sol-special .right .d{display: flex;justify-content: space-between;}
.sol-special .right .h5{font-size: 18px;line-height: 32px;color: #333;font-weight: bold;}
.sol-special .right .d .text{font-weight: 300;}
.sol-special .right .d .img{width: 15%;}
.sol-special .right .d .cont{width: 84%;}
.sol-special .right{width: 45%;}
.sol-special .left{width:48%;}
.sol-add .title{margin-bottom: 35px;}
.sol-add .title::after{margin-top: 25px;}
.sol-add .top-head{text-align: center;margin-bottom: 72px;}
.sol-add .top-head p{margin-bottom: 15px;}
.sol-add .content {
    position: relative;
    width: 638px;
    height: 638px;
    border-radius: 100%;
    border: solid 1px rgba(204, 204, 204, .8);
    margin: 0 auto 0 auto;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top: -243px;
}
.sol-add .content .cicle {
    width: 265px;
    height: 265px;
    border-radius: 100%;
    position: absolute;
    bottom: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 35px;
    text-align: center;
    font-size: 20px;line-height: 20px;
    
    color: #fff;
}
.sol-add .content .cicle p{position: relative;z-index: 1;}
.sol-add .content .cicle:first-child{background-color: rgba(147, 0, 3, .6);left: 75px;z-index: 1;}
.sol-add .content .cicle:last-child{background-color: rgba(147, 0, 3, .9);right: 75px;}
.sol-add{margin-bottom: 105px;}
.sol-guide .banner-text{text-align: left;display: flex;align-items: flex-end;}
.sol-guide .a{margin-bottom: 58px;}
.sol-guide .title{font-size: 48px;color: #fff;}
.sol-guide .text{opacity: 1;font-weight: 300;margin-bottom: 50px;}
.sol-guide .hover-more{background-color: var(--public-color);padding: 10px 30px;}
.sol-guide .hover-more .line::before{background-color: #fff;}
.sol-option{padding-top: 135px;}
.sol-option .top-head{text-align: center;margin-bottom: 125px;}
.sol-option .top-head .title::after{margin-top: 25px;}
.sol-option .top-head .text{margin-top: 40px;}
.sol-option .t1::after{margin-top: 20px;}
.sol-option .t1{margin-bottom: 45px;}
.sol-option .h5{color: #333;position: relative;padding-left: 50px;margin-bottom: 10px;}
.sol-option .h5::before{content: "";position: absolute;left: 5px;top: 4px;background: url(../../images/p-l-sign-1.png) no-repeat;width: 24px;height: 24px;background-size: 100%;}
.sol-option .left .text p{margin-bottom: 25px;    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;}
.sol-option .left {width: 46%;}
.sol-option .right{width: 45%;}
.sol-option .items{margin-bottom: 95px;}
.sol-option .items:last-child{margin-bottom: 0;}
.sol-option .items:nth-child(2),.sol-option .items:nth-child(3){flex-direction: row-reverse;}
.sol-option .items:nth-child(3){align-items: center;}
.sol-option{margin-bottom: 158px;}

.service-paper{line-height: 32px;padding-top: 120px;padding-bottom: 160px;}
.service-paper .title{line-height: 48px;letter-spacing: -2px;}
.service-top-head{text-align: center;margin-bottom: 100px;}
.service-top-head .text{font-size: 22px;line-height: 42px;color: #333333;margin-bottom: 40px;}
.service-first{background-color: #f8f8f8;padding: 110px 0;}
.service-first .ul{margin-top: 55px;}
.service-first .right img{border-radius: 10px;}
.service-equip{padding-top: 95px;padding-bottom: 90px;}
.service-equip .title::after{margin-top: 25px;}
.service-equip .top-head{text-align: center;width: 80%;margin-left: auto;margin-right: auto;margin-bottom: 75px;}
.service-equip .top-head .text{margin-top: 35px;}
.service-equip .img img{border-radius: 10px;}
.service-equip .list{width: calc(calc(100% - 40px * 2) / 3);}
.service-equip .h3{font-size: 28px;line-height: 32px;color: #333;letter-spacing: -1px;}
.service-equip .h3::after{margin-top: 20px;}
.service-equip .box{padding-top: 50px;}
.service-equip .box .text{margin-top: 35px;    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;}

.service-site .title{width: 25%;}
.service-site .top-head .text{width: 74%;}
.service-site .top-head {margin-bottom: 79px;}
.service-site .t1{font-size: 24px;line-height: 48px;color: #333;letter-spacing: -1px;margin-bottom: 10px;}
.service-site .items .left{width: 31%;}
.service-site .items .left img{border-radius: 10px;}
.service-site .items .right{width: 64%;}
.service-site .items:nth-child(odd){padding-right: 40px;}
.service-site .items:nth-child(even){flex-direction: row-reverse;padding-left: 60px;}
.service-site .items{margin-bottom: 40px;background-color: #ffffff;border-radius: 10px;}
.service-site .items:last-child{margin-bottom: 0px;}
.service-site{background-color: #f8f8f8;padding-top: 110px;padding-bottom: 125px;}
.service-supply{padding-top: 100px;}
.service-supply .top-head{text-align: center;margin-bottom: 75px;}
.service-supply .title::after{margin-top: 25px;}
.service-supply .title{margin-bottom: 35px;}
.service-supply .items{margin-bottom: 40px;display: flex;justify-content: space-between;align-items: center;}
.service-supply .left{width: 44%;}
.service-supply .left img{border-radius: 10px;}
.service-supply .right{width: 51%;}
.service-supply .t1::after{margin-top: 30px;}
.service-supply .t1{margin-bottom: 45px;}
.service-supply .items:last-child{margin-bottom: 0;}

/*faq-paper*/
.faq-paper {padding-top: 200px;padding-bottom: 250px;}
.faq-paper .container-xl{display: flex;}
.faq-paper .left{width:20%}
.faq-paper .faq-nav{}
.faq-paper .faq-nav li{margin-bottom: 40px;}
.faq-paper .faq-nav .hover-more{font-size: 24px;line-height: 32px;color: #000;background-color: #fff;padding: 2px 0px 3px 0px;}
.faq-paper .faq-nav .hover-more span{}
.faq-paper .faq-nav .hover-more .line::before{background-color: #fff;height: 2px;}
.faq-paper .faq-nav .hover-more.active,.faq-paper .faq-nav .hover-more:hover{background-color: var(--public-color);color: #fff;padding: 2px 13px 3px 14px;}
.faq-paper .faq-nav .hover-more.active .line::before,.faq-paper .faq-nav .hover-more:hover .line::before{width: 100% !important;}
.faq-paper .faq-nav .hover-more.active span,.faq-paper .faq-nav .hover-more:hover span{color: #fff;padding-left: 12px;
    padding-right: 0px;}
.faq-paper .right{width: 75%;}
.faq-paper .p-l-faqs .content{padding-top: 0px;display: none;}
.faq-paper .p-l-faqs .content.active{display: block;}


/* product导航栏不同样式 */
.pro-head {
    display: flex;
    align-items: center;
    margin: 0 18px;
    
}

.pro-head .nav-item {
    position: inherit;
}

.pro-head .nav-item .dropdown-menu {
    width: 100%;
    top: 70px;
    left: 0px;
    border-bottom: solid 0px var(--public-color);
}

.pro-head .nav-item .dropdown-menu .row {
    margin: 0;
    justify-content: space-between;
}

.pro-head .nav-item .dropdown-menu .dd-box-left {
    flex: 0 0 30%;
    min-height: 100%;
}

.pro-head .nav-item .dropdown-menu .dd-box-right {
    flex: 0 0 42%;
}

.pro-head .nav-item .dropdown-menu .nav-child-t1 a {
    font-size: 16px;
    font-weight: bold;
    color: #2c2c2c;
    margin-bottom: 10px;
    transition: all 0.5s ease;
}

.pro-head .nav-item .dropdown-menu .dd-box-left .nav-child-t1 a:hover {
    color: var(--public-color);
}

.pro-head .nav-item .dropdown-menu .dd-box-left .nav-child-list a {
    font-size: 15px;
    color: #76797d;
    margin: 7px 0;
    transition: all 0.5s ease;
    display: inline-block;
}

.pro-head .nav-item .dropdown-menu .dd-box-left .nav-child-list a:hover {
    color: var(--public-color);
    text-decoration: underline;
}

.pro-head .nav-item .dropdown-menu .dd-box-left .dd-heb {
    border-right: solid 1px #bfbfbf;
    height: 100%;
}
.pro-head .nav-item .dropdown-menu .dd-box-left:last-child .dd-heb{
    border-right: none !important;
}

.pro-head .nav-item .dropdown-menu .dd-box-left .dd-heb .nav-child-list {
    display: flex;
    flex-direction: column;
}

.pro-head .nav-item .dropdown-menu .dd-box-right .nav-child-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pro-head .nav-item .dropdown-menu .dd-box-right .nav-child-list a {
    flex: 0 0 49%;
}

.navbar-custom .navbar-nav .nav-item:hover>.dropdown-menu.dd-box {
    padding: 30px;
}

.header.fadeInDown .ul-box{top: 75px;}
.ul-box{
    position: fixed;
    top: 75px;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    transition: all .5s;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.ul-box .ul-box1{
    width: 25%;
    border-right: 1px solid #dddddd;
}
.ul-box .ul-box1 a{
    width: 80%;
    position: relative;
    color: #333333;
    font-size: 18px;
    margin-bottom: 20px;
    padding-right: 20px;
    border-bottom: 1px solid transparent;
}
.ul-box .ul-box1 a::before{
    position: absolute;
    content: "\f061";
    font-family: "CmsFont";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
}
.ul-box .ul-box1 a:hover{
    color: var(--public-color);
    border-bottom: 1px solid var(--public-color);
}
.ul-box .ul-box2{
    width: 50%;
}
.ul-box .ul-box2 .mySwiperx{
    overflow: hidden;
}
.ul-box .ul-box2 .swiper-slide{
    display: none;
    justify-content: space-between;
}
.ul-box .ul-box2 .swiper-slide.active{display:flex}
.ul-box .ul-box2 .text{
    width: 45%;
    color: #666666;
    font-size: 18px;
    line-height: 32px;
    padding-left: 40px;
}
.ul-box .ul-box2 .text p{margin-bottom:20px}
.ul-box .ul-box2 .text p{position: relative;padding-left: 30px;margin-bottom: 0px;}
.ul-box .ul-box2 .text p::before{content: '\f00c';font-family: 'cmsfont';line-height: 32px;font-size: 18px;position: absolute;left: 0;top: 0px;color: #d81e06;font-weight: bold;}
.ul-box .ul-box2  .image{
    width: 55%;
}
.ul-box .ul-box3{
    width: 25%;
    padding-left: 100px;
}
.ul-box .ul-box3 .up{
    
}
.ul-box .ul-box3 .up a{
    width: 100%;
    font-size: 18px;
    line-height: 47px;
    color: #333333;
}
.ul-box .ul-box3 .up a:hover{
    text-decoration: underline;
}
.ul-box .ul-box3 .mid{
    margin-top: 50px;
    border-radius: 4px;
    border: 2px solid var(--public-color);
    max-width: 220px;
}
.ul-box .ul-box3 .mid a{
    line-height: 47px;
    font-size: 16px;
    color: var(--public-color);
    padding: 0 14px;
}
.ul-box .ul-box3 .mid a:hover{
    text-decoration: underline;
}
.ul-box .ul-box3 .down{
    margin-top: 45px;
    color: #333333;
    font-size: 22px;
    line-height: 34px;
    font-weight: 300;
}
.nav-item:hover .ul-box{
    height: auto;
    padding: 40px 100px 70px 100px;
    transition: all .5s;
}
@media(max-width:1800px){
    .ul-box .ul-box3 {padding-left: 50px;}
}
@media(max-width:1600px){
    .nav-item:hover .ul-box{padding: 40px 70px 70px 70px;}
}
@media(max-width:1430px){
    .nav-item:hover .ul-box{padding: 40px;}
    .ul-box .ul-box2{width: 50%;}
    .ul-box .ul-box3 {width: 24%;}
}
@media(max-width:1300px){
    .ul-box .ul-box3 {padding-left: 28px;}
    .ul-box .ul-box2 .swiper-slide{flex-wrap: wrap;}
    .ul-box .ul-box2 .text{width: 100%;margin-bottom: 40px}
    .ul-box .ul-box2 .image{width: 65%;margin-left: auto;margin-right: auto;}
}


.download-paper{padding-top:80px;padding-bottom: 60px;}
.download-paper .left{width: 55%;}
.download-paper .right{width: 44%;}
.download-paper .form-feedback .btn{border-radius: 27px;border: solid 1px var(--public-color);transition: background .6s;}
.download-paper .form-feedback .line::before{background-color: var(--public-color);height: 2px;}
.download-paper .form-feedback .btn:hover .line::before{width: 0;}
.download-paper .form-feedback .btn:hover{background-color: #fff;border: solid 1px var(--public-color);color: var(--public-color);}
.download-paper .form-feedback .btn:hover span{color:var(--public-color)}
.download-paper .form-feedback .btn span{font-size: 13px;}
.download-paper  .form-feedback .form-control{border: solid 1px var(--public-color);border-radius: 16px;padding-left:22px;padding-top: 17px;padding-bottom: 15px;}
.download-paper  .form-feedback .form-control::placeholder{color: #a1a3a3;font-size: 16px;line-height: 32px;font-weight: 400;}
.download-paper  .form-feedback .col-md-6{padding-left: 4.5px;padding-right: 4.5px;margin-bottom: 25px;}
.download-paper  .form-feedback .form-row{margin-left: -4.5px;margin-right: -4.5px;}
.download-paper  .form-feedback .form-row:nth-last-of-type(2),.download-paper  .form-feedback .form-row:nth-last-of-type(1){margin-left: -5px;margin-right: -5px;padding-left: 5px;padding-right: 5px;}
.download-paper  .form-feedback .col-md-12{padding: 0;margin: 0;}
.download-paper  .form-feedback .btn-box{display: flex;margin-top: 32px;}
.download-paper  .form-feedback .contact-form{padding-left: 103px;padding-right: 80px;}

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


@media(max-width:1840px){
    .index-about .max-1650px::after{right: -100px;}
}
@media(max-width:1750px){
    .index-about .max-1650px::after{right: -60px;}
    .product-first .left {margin-left: -120px;}
}
@media(max-width:1690px){
    .index-about .max-1650px::after{right: 0px;}
    .index-about .a {margin-bottom: 25px;}
    .sol-option .t1::after {margin-top: 20px;}
}
@media(max-width:1650px){
    .buy-guide .right .img {margin-right: -60px;}
}
@media(max-width:1640px){
    .about-first .max-1630px{padding-right: 15px;margin-left: auto;margin-right: auto;}
    .about-first .right {width: 43%;}
    .about-first .row-line::after {margin-top: 25px;}
    .about-first .title {margin-bottom: 30px;}
    .about-first .right .text p{margin-bottom: 25px;}
}
@media(max-width:1600px){
    .index-case{height: 800px;}
    .index-case.banner>img{height: 100%;}
    .product-first .left {margin-left: -60px;}
}
@media(max-width:1560px){
    .product-first .right {width: 42%;}
    .index-sol .content {width: 60%;}
    .buy-guide .right .img {margin-right: -30px;}
}
@media(max-width:1500px){
    .product-first .left {
        margin-left: 0;
        width: 63%;
    }
    .product-first .right{width: 37%;}
}
@media(max-width:1465px){
    .col-md-4{padding: 0 15px !important;}
    .row{margin: 0 -15px !important;}
    .index-about .left{width: 56%;}
    .index-about .right{width: 42%;}
    .index-about .right .text {margin-bottom: 25px;}
    .index-about .box {margin-bottom: 20px;}
    .product-list-paper .products .col-md-6{padding: 0 15px;}
    .product-list-paper .products.row{margin-left: -15px;margin-right: -15px;}
    .p-i-technical .row,.p-i-news .row{margin: 0 -15px;}
    .p-i-technical .col-md-4,.p-i-news .col-md-4{padding: 0  15px;}
    .p-i-products .products{overflow: hidden;}
    .buy-guide .right .img {margin-right: 0px;}
    .about-cer .right {width: 25%;padding: 25px 50px 25px 50px;}
    .about-cer .list .t2 {font-size: 16px;line-height: 24px;margin-top: 15px;}
    
}
@media(max-width:1450px){
    .p-i-products .products {padding:  0 38px;}
    .p-i-products .next-1 {right: 0;}
    .p-i-products .prev-1 {left: 0;}
}
@media(max-width:1440px){
    .index-news .col-md-6{padding: 15px;padding-right: 15px;}
    .index-news .row{margin-left: -15px;margin-right: -15px;}
}
@media(max-width:1430px){
    .index-products {padding-top: 70px;margin-top: -100px;}
}
@media(max-width:1430px){
    .product-list-paper .products .items {
        padding: 30px 50px 85px 50px;
    }
}
@media(max-width:1410px){
    /* .p-l-optional .content {width: 68%;height: 500px;}
    .p-l-optional .content .items{height: 500px;width: 500px;} */
    .p-l-optional .content .t2 {font-size: 28px;}
}
@media(max-width:1400px){
    .p-l-optional .content {height: 540px;}
}
@media(max-width:1370px){
    .index-sol .content .list {line-height: 26px;}
    .index-sol .content{padding: 40px 40px 40px 40px}
    .about-first .text-box .text {    padding: 60px 50px;margin-bottom: 0px;}
    .footer .top .hover-more {font-size: 30px;line-height: 44px;width: 260px;height: 72px;}
}
@media(max-width:1340px){
    .product-first .t1 {font-size: 28px;}
    .banner .h1 {font-size: 46px;line-height: 56px;}
    .product-list-paper .products .t2 {margin-top: 10px;}
    /* .p-l-optional .content {width: 63%;height: 430px;}
    .p-l-optional .content .items{height: 430px;width: 430px;} */
    .p-l-optional .content .t2 {font-size: 24px;}
    .p-l-optional .content .box{width: 245px; height: 230px;}
    .p-l-optional .content .box .d{width: 130px;height: 130px;}
    .p-l-optional .content .box-1 .d1{margin-left: -65px;}
    /* .buy-top-head .box{justify-content: space-between;} */
    .buy-top-head .box p {width: 36%;text-align: left;}
    .about-first .text-box .text{    padding: 30px 30px}
    .index-banner .index-video {height: 700px;}
}
@media(max-width:1310px){
    .news-in-paper .aside .aside-box .text .time {font-size: 14px;line-height: 20px;}
    .news-in-paper .aside .aside-box .text .time img {padding-right: 5px;}
    .footer .top .list-3{width: 27%;}
    .footer .top .list-1{width: 45%;}
}
@media(max-width:1280px){
    .product-paper .title {font-size: 34px;}
    .p-l-optional .content {height: 500px;}
}
@media(max-width:1210px){
    .product-paper .title {font-size: 32px;}
    .sol-types .right .img {margin-bottom: -50px;}
    .index-banner .index-video {height: 680px;}
}
@media(max-width:1200px){
    .index-sol .content {width: 100%;background-color:rgba(255, 255, 255, .7)}
    .product-paper .right {width: 45%;}
    .product-paper .left{width: 55%;}
    .p-l-optional .content {height: 480px;}
    .sol-option .left{width: 50%;}
    /* .sol-option .right{width: 90%;margin-left: auto;margin-right: auto;}
    .sol-option .items,.sol-option .items:nth-child(2), .sol-option .items:nth-child(3){flex-direction: column;} */
    .footer .top .font-sty-1 {font-size: 16px !important;line-height: 32px;}
    .footer .top .list-3 .font-sty-1{line-height: 46px;}
    .footer .top .hover-more {width: 220px;height: 60px;font-size: 24px;}
    .index-banner .index-video {height: auto;width: 100%;}
    .about-cer .left .text {margin-top: 20px;margin-bottom: 30px;}
    .about-cer .left {width: 60%;}
}
@media(max-width:1180px){
    .p-l-optional .content {height: 450px;}
    .about-cer{overflow: hidden;}
    .about-cer>img{height: 500px;width: auto;}
}
@media(max-width:1000px){
    .p-l-optional .content{height: 410px;}
    .p-l-optional .content .t2 {margin-bottom: 32px;}
    .p-l-optional .content .box {height: 200px;width: 220px;}
    .p-l-optional .content .box-1 .d1{margin-left: -60px;}
    .p-l-optional .content .box .d{width: 115px;height: 115px;}
    .footer .top .container-xl>div{width: 100% !important;}
    .footer .top .container-xl{flex-wrap: wrap;}
    .footer .list-1 .text {margin-bottom: 35px;}
    .footer {padding-top: 80px;}
    .footer .top .list-1{margin-bottom: 40px;}
    .footer .top .t1 {margin-bottom: 20px;}
    .footer .top .list-3{flex-wrap: wrap;margin-bottom: 40px;}
    .footer .top .list-3 .font-sty-1{width: 32%;}
    .footer .top .list-2{flex-direction: row;align-items: center;}
    .footer .top .list-2>p,.footer .top .social{margin-bottom: 0;}
    .footer .top .hover-more{margin-right: 20px;}
    .footer .top {padding-bottom: 60px;}
}
@media(max-width:900px){
    .p-l-optional .content .items{width: 400px;height: 400px;position: relative;}
    .p-l-optional .content{height: auto;flex-direction: column;width: 100%;align-items: center;}
}


@media(max-width:768px){
    .title{font-size: 22px !important;line-height: 32px !important;margin-bottom: 15px !important;letter-spacing: 0px !important;}
    .left,.right{width: 100% !important;}
    .text{font-size: 14px !important;line-height: 20px !important;}
    .text p{margin-bottom: 10px !important;}
    .text p:last-child{margin-bottom: 0 !important;}
    .dfrsb,.dfrsbc{flex-wrap: wrap !important;}
    a.line{font-size: 16px !important;line-height: 24px !important;}
    .hover-more {font-size: 16px !important;line-height: 24px !important;}
    .row-line::after{margin-top: 15px;}
    .ul p::before {line-height: 20px !important;}


    .footer .top .list-3 .font-sty-1{width: 100% !important;line-height: 24px;margin-bottom: 15px;}
    .footer .top .list-2{flex-wrap: wrap;}
    .footer .top .list-3 {margin-bottom: 20px;}
    .footer .top .list-2>p{margin-bottom: 15px;}
    .footer .top a.font-sty, .footer .top a.font-sty-1{font-size: 16px;}
    .footer .list-1 .d1 p:first-child{line-height: 24px;margin-right: 15px;}

    .banner .h1 {font-size: 24px;line-height: 32px;letter-spacing: 0;}
    .index-products{padding-top: 20px;margin-top: 15px;}
    .index-products .top-head .text{width: 95%;}
    .index-products .top-head {margin-bottom: 30px;}
    .index-products .model-box{padding-left: 5px;padding-right: 5px;justify-content: space-between;margin-bottom: 25px;}
    .index-products .model-box .img {margin-right: 10px;width: 30px;}
    .index-products .model-box .h6 {font-size: 16px;line-height: 24px;}
    .index-products .model-box .list{width: 48%;}
    .product-first {margin-bottom: 10px;padding-left: 10px;padding-right: 10px;}
    .product-first .left {margin-left: 0;}
    .product-first .t1 {font-size: 18px;padding-bottom: 5px;margin-bottom: 25px}
    .product-first .text {margin-bottom: 20px;}
    .i-p-content .list {width: 48%;margin-bottom: 25px;}
    .i-p-content .list .t2 {font-size: 14px;line-height: 20px;margin-top: 10px;}
    .i-p-content {margin-bottom: 10px;}
    .index-items .top-head {width: 100%;margin-bottom: 30px;}
    .index-items .list {width: 49%;margin-bottom: 20px;}
    .index-items .list .img {margin-bottom: 15px;}
    .index-items .list .t2 {font-size: 16px;line-height: 24px;margin-bottom: 15px;}
    .index-items .list .ul p{padding-left: 25px;margin-bottom: 10px;}
    .index-sol .content .list {font-size: 14px;line-height: 20px;}
    .index-sol .content .h6{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
    .index-sol .h2{font-size: 22px;line-height: 32px;}
    .index-sol .content{padding: 10px;}
    .banner .text{margin-top: 10px;}
    .index-sol .a a {font-size: 16px;line-height: 24px;}
    .index-sol{height: 345px;margin-bottom: 30px;overflow: hidden;}
    .index-sol>img{width: auto;height: 100%;}
    .index-sol .content .list{justify-content: space-between;margin-bottom: 15px;}
    .index-sol .content .list .img{width: 30%;padding-right: 0;}
    .index-sol .content .list .img img{width: 100%;height: auto;}
    .index-sol .content .list p{width: 100%;font-size: 14px;line-height: 20px;padding-left: 20px;}
    .index-sol .a a {padding-bottom: 5px;}
    .index-items{margin-bottom: 30px;}
    .index-about .left{margin-bottom: 20px;}
    .index-about .right .text {margin-bottom: 10px;}
    .index-about{margin-bottom: 30px;}
    .index-about .h6 {line-height: 26px;}
    .index-case .top-head {width: 100%;}
    .index-case .content {padding: 0 25px 0px 25px;}
    .index-case .top-box {flex-wrap: wrap;padding:10px;font-size: 14px;line-height: 20px;height: auto;}
    .index-case .top .list{width: 30%;}
    .index-case .top .img{width: 18%;padding-right: 0;}
    .index-case .top .img img{width: 100%;height: auto;}
    .index-case .top .list p{width: 82%;}
    .index-case .t2 {font-size: 16px;line-height: 24px;margin-top: 10px;}
    .index-case .all-hover {width: 35px;height: 35px;}
    .index-case .next-1 {right: -35px;}
    .index-case .prev-1{left: -35px;}
    .index-case .t2 {font-size: 16px;line-height: 24px;    margin-top: 10px;}
    .index-case .hover-more{padding: 10px 42px;}
    .index-case {height: 600px;}
    .index-faq.index-news{padding-top: 30px;padding-bottom: 0px;}
    .index-faq.index-news .title::after {margin-top: 10px;}
    .index-faq .all-faqs,.index-news .all-news{width: 100%;}
    .index-faq .all-faqs .items.active {padding-top: 15px;}
    .index-faq .all-faqs .items{padding: 15px 10px 15px 10px;}
    .index-faq .all-faqs .items .quen-a {font-size: 14px;line-height: 20px;}
    .index-faq .all-faqs .items .quen-q {font-size: 18px;line-height: 26px;}
    .index-news .col-md-6{padding-left: 7px;padding-right: 7px;margin-bottom: 25px;width: 50%;}
    .index-news .h4 {font-size: 16px;line-height: 24px;margin-top: 10px;}
    .index-news .time{font-size: 14px;line-height: 20px;}
    .index-faq .all-faqs{margin-bottom: 15px;}
    .index-news .row{margin: 0 -7px !important;}
    .index-case .bottom {height: 250px;padding-top: 100px;}
    .index-case .top .list p{font-size: 12px;}

    .every-footer{padding-top: 20px;}
    .every-footer .text{margin-bottom: 20px;}
    .every-footer .hover-more {padding: 6px 6px 6px 20px;}
    .every-footer .title {letter-spacing: 0px  ;}
    .every-footer .box {margin-top: 20px;padding-top: 24px;font-size: 16px;line-height: 24px;}
    .every-footer .left{margin-bottom: 25px;}
    .every-footer .t1{font-size: 20px;line-height: 28px;}
    .every-footer .box p {margin-bottom: 10px;}

    .footer{padding-top: 15px;font-size: 14px;line-height: 20px;}
    .footer .top{padding-bottom: 15px;}
    .footer .top .container-xl{flex-wrap: wrap;}
    .footer .top .container-xl>div{width: 100%;}
    .footer .top .d1 {margin-bottom: 20px;}
    .footer .top .logo{margin-bottom: 15px;}
    .footer .top .social{margin-bottom: 10px;}
    .footer .top .list-1{margin-bottom: 25px;}
    .footer .top .list-1 .box .d1{display: flex;}
    .footer .top .font-sty ,.footer .top p.font-sty,.footer .top .font-sty-1{font-size: 16px;line-height: 24px;}
    .footer .top .t1 {font-size: 18px;line-height: 26px;margin-bottom: 10px;}
    .footer .top .list-3 a {font-size: 16px;line-height: 24px;}
    .footer .bottom .container-xl{height: auto;flex-wrap: wrap;}
    .footer .footer-nav,.footer .bottom p{width: 100%;}
    .footer .footer-nav{margin-bottom: 20px;}
    .footer .footer-nav a {font-size: 16px;line-height: 24px;}
    .footer .bottom{padding-top: 15px;padding-bottom: 15px;}
    .footer .footer-nav a + a{margin-left: 0;margin-right: 15px;}

    .small-nav {padding-top: 15px;}
    .small-nav ul a , .banner .small-nav ul a{font-size: 16px;line-height: 24px;}
    .small-nav ul li::after , .banner .small-nav ul li::after{font-size: 16px;line-height: 24px;padding: 0 10px;}

    .all-nav{padding-top: 20px;margin-bottom: 15px;}
    .all-news .menu-collapse{width: 100%;}
    .all-news li{margin-bottom: 0;}

    .product-paper {padding-top: 30px;padding-bottom: 30px;}
    .all-banner>img{height: 150px;}
    .product-paper .items::after{display: none;}
    .product-paper .big-items{padding: 20px 0;}
    .product-paper .left .ul p{padding-left: 30px;}
    .product-paper .title{letter-spacing: 0;}
    .product-paper .left{line-height: 20px;}
    .product-paper .items {padding-top: 0px;padding-bottom: 0px;}
    .product-paper .content{padding-right: 0;}

    .about-first .left{margin-bottom: 20px;}
    .about-first .h6{font-size: 16px;line-height: 24px;margin-bottom: 5px;}
    .about-first .row-line::after{margin-top: 15px;}
    .p-l-first .content{padding: 0;}
    .p-l-first .ul p{padding-left: 30px;}
    .p-l-first .ul p::before{top: 0;line-height: 20px;}
    .p-l-first{padding-top: 15px;margin-bottom: 30px;}
    .p-l-first .ul {margin-bottom: 30px;}
    .p-l-first .left{margin-bottom: 25px;}
    .product-list-paper .products .items {padding: 15px;}
    .product-list-paper .products .model {line-height: 24px;}
    .product-list-paper .products .t2 {letter-spacing: 0;margin-bottom: 15px;margin-top: 0px;}
    .product-list-paper .products .text p {padding-left: 15px;}
    .product-list-paper .products .text p::before {top: 6px;}
    .product-list-paper .products .col-md-6{margin-bottom: 25px;}
    .p-l-diagram {padding-top: 15px;padding-bottom: 15px;margin-bottom: 15px;}
    .p-l-diagram .left{margin-bottom: 20px;}
    .p-l-discover .top-head .t2 {font-size: 18px;line-height: 26px;margin-bottom: 10px;padding-left: 40px;}
    .p-l-discover .top-head{margin-bottom: 25px;width: 100%;}
    .about-cust .bottom {margin-bottom: 20px;}
    .about-cust .l-r-btn .all-hover {font-size: 30px;}
    .about-cust .swiper-pagination-4{width: 75%;}
    .about-cust .l-r-btn{width: 15%;}
    .p-l-discover .about-cust{margin-bottom:30px;}
    .p-l-optional .title::after {margin: 15px auto 25px auto;}
    .p-l-optional .content .t2{font-size: 18px;line-height: 26px;margin-bottom: 20px;}
    .p-l-optional .content .box {font-size: 14px;line-height: 20px;}
    .p-l-optional .content .items{width: 100%;height: 100%;padding-top: 45px;padding-bottom: 50px;margin-bottom: 25px;}
    .p-l-optional .content {margin-bottom: 0px;}
    .p-l-optional{margin-bottom: 25px;}
    .p-l-faqs .content {padding-top: 15px;}
    .p-l-faqs .quen-q .q1 {width: 92%;}
    .p-l-faqs .quen-q {font-size: 16px;line-height: 24px;margin-bottom: 15px;align-items: flex-start;}
    .p-l-faqs .items.active .quen-q{margin-bottom: 15px;}
    .p-l-faqs .quen-a {width: 100%;line-height: 20px;}
    .p-l-faqs .items{margin-bottom: 25px;}
    .product-list-paper {padding-bottom: 30px;margin-top:30px;}
    .p-i-first::before{width: 100%;z-index: -1;}
    .p-i-first .left {padding-top: 20px;padding-bottom: 20px;}
    .p-i-first .model {margin-bottom: 20px;}
    .p-i-first .ul p{padding-left: 35px;margin-bottom: 10px;}
    .p-i-first .ul {font-size: 14px;line-height: 20px;margin-bottom: 20px;}
    .p-i-first .ul p::before{top: 0;line-height: 20px;}
    .p-i-first .box-2 a {width: 165px;height: 42px;}
    .p-i-first .box-2{flex-wrap: wrap;flex-direction: row;align-items: flex-start;justify-content: space-between;}
    .p-i-first .box-2 .a + .a{margin-top: 0;}
    .p-i-first .box-2 .a{margin-bottom: 20px;}
    .product-in-paper .detail-nav{display: none;}
    .p-i-content{padding-top: 15px;}
    .product-in-paper .p-i-content .container-xl>div{margin-bottom: 0px;}
    .table-wrapper table th, .table-wrapper table td{font-size: 16px;line-height: 24px;}
    .content-wrapper table tr:first-child td,.content-wrapper table tr:last-child td{padding: 5px 10px;}
    .p-i-param {padding-bottom: 0;}
    .p-i-technical .box {padding-top: 15px;}
    .p-i-technical .h4{font-size: 16px;line-height: 24px;}
    .p-i-technical .col-md-4 {margin-bottom: 30px;width: 50%;}
    .col-md-4{padding-right: 7px !important;padding-left: 7px !important;}
    .row{margin-right: -7px !important;margin-left: -7px !important;}
    .p-i-products .mySwiper-1{padding-bottom: 0px;padding-top: 30px;}
    .p-i-products .products {padding: 0 25px;}
    .p-i-products .all-hover {width: 40px;height: 40px;}
    .p-i-products .prev-1 , .p-i-products .next-1{top: 20%;}
    .p-i-products .swiper-pagination-1 {margin-top: 25px;bottom: 0;}
    .p-i-products.product-list-paper{padding-bottom: 30px;}

    .mySwiper-new{padding-bottom: 30px;}
    .mySwiper-new .swiper-pagination-1{left: 0;bottom: 0;}
    .all-new .box {padding-top: 15px;display: flex;flex-direction: column;justify-content: space-between;}
    .all-new .time {font-size: 14px;line-height: 20px;margin-bottom: 10px;}
    .all-new .text {margin-bottom: 10px;}
    .product-in-paper{padding-bottom: 30px;}

    .case-list-paper.news-list-paper{padding-top: 30px;padding-bottom: 30px;}
    .all-case .t2 {font-size: 18px;line-height: 26px;margin-bottom: 10px;height:auto;}
    .all-case .a{display:none;}
    .all-case .a a {font-size: 16px;line-height: 24px;}
    .case-list-paper .col-md-4 {margin-bottom: 30px;width: 50%;}
    .all-case .list {padding-bottom: 10px;height: 100%;}

    .case-in-paper{padding-top: 0px;padding-bottom: 0px;}
    .news-in-paper h1 {font-size: 22px;line-height: 32px;margin-top: 0;}
    .box-tail{flex-wrap: wrap !important;}
    .news-in-paper .box-tail .left p a {font-size: 16px;line-height: 24px;}
    .news-in-paper .box-tail .left p:first-child{margin-bottom: 15px;}
    .news-in-paper .box-tail .left{margin-bottom: 15px;}
    .case-in-paper .col-md-4{width: 50%;margin-bottom: 25px;}
    .news-in-paper .aside-box-1 .t1 {letter-spacing: 0;margin-bottom: 20px;}
    .news-in-paper .article{margin-bottom: 10px;}

    .buy-paper{padding-top: 30px;padding-bottom: 30px;}
    .buy-top-head .text{margin-bottom: 25px;}
    .buy-top-head .img{margin-bottom: 20px;}
    .buy-top-head .box{justify-content: space-between;}
    .buy-top-head .box p {width: 100%;padding-left: 35px;margin-bottom: 10px;}
    .buy-top-head .box p::before {top: 0;}
    .buy-top-head{margin-bottom: 20px;}
    .buy-service{padding-top: 20px;padding-bottom: 0px;}
    .buy-service .top-head{width: 100%;margin-bottom: 25px;}
    .buy-service .list{width: 100%;margin-bottom: 25px;}
    .buy-service .box {padding: 10px 10px 10px 15px;}
    .buy-service .box .t2 {font-size: 20px;line-height: 28px;}
    .buy-service .box .img{width: 60px;height: 60px;}
    .buy-service .list .text {padding: 15px 15px 15px 15px;}
    .buy-service .list .text p {line-height: 24px;}
    .buy-service .list .text p::before {padding-right: 15px;}
    .buy-offer{padding-top: 15px;margin-bottom: 30px;}
    .buy-offer .items{flex-wrap: wrap;margin-bottom: 39px;}
    .buy-offer .left{margin-bottom: 15px;}
    .buy-offer .t1 {font-size: 18px;line-height: 26px;letter-spacing: 0;margin-bottom: 15px;}
    .buy-offer .t1::after {margin-top: 10px;}
    .buy-choose{padding-top: 30px;padding-bottom: 30px;}
    .buy-choose .list .box {padding: 15px;}
    .buy-choose .t2{font-size: 18px;line-height: 26px;margin-bottom: 20px;}
    .buy-choose .col-md-4{margin-bottom: 25px;}
    .buy-guide{height: 460px;overflow: hidden;}
    .buy-guide>img{width: auto;height: 100%;}
    .buy-guide .text {margin-bottom: 20px;}
    .buy-guide .hover-more {padding: 7px 15px 5px 15px;}
    .buy-guide .title::after {margin-top: 10px;}
    .buy-guide .right .img {margin-right: auto;margin-left: auto;width: 80%;}
    .buy-guide .left{margin-bottom: 25px;}

    .solution-paper{padding-top: 30px;padding-bottom: 30px;line-height: 20px;}
    .sol-top-head{margin-bottom: 25px;}
    .sol-types{padding-top: 15px;}
    .sol-types .top-head{width: 100%;margin-bottom: 20px;}
    .sol-types .title::after {margin-top: 15px;}
    .solution-paper .t1, .service-supply .t1 {font-size: 20px;line-height: 28px;letter-spacing: 0;}
    .sol-types .left .text {margin-top: 20px;}
    .sol-types .right .img{margin-bottom: 0;}
    .sol-types .left{margin-bottom: 20px;}
    .sol-special{padding-top: 30px;margin-bottom: 30px;}
    .sol-special .container-xl{flex-wrap: wrap;flex-direction: column-reverse;}
    .sol-special .t1{margin-bottom: 20px;}
    .sol-special .box{margin-bottom: 20px;}
    .sol-add .content {height: 465px;width: 100%;}
    .sol-add .top-head{margin-bottom: 55px;}
    .sol-add .content .cicle:first-child{left: 55px;}
    .sol-add .content .cicle:last-child{right: 60px;}
    .sol-add .content .cicle{width: 160px;height: 160px;font-size: 16px;line-height: 24px;padding: 0 15px;bottom: 60px;}
    .sol-add {margin-bottom: 30px;}
    .sol-guide{height: 270px;overflow: hidden;}
    .sol-guide>img{width: auto;height: 100%;}
    .sol-guide .text {margin-bottom: 30px;}
    .sol-guide .banner-text{align-items: center;}
    .sol-guide .a{margin-bottom: 0;}
    .sol-option{margin-bottom: 30px;padding-top: 30px;}
    .sol-option .top-head {margin-bottom: 25px;}
    .sol-option .top-head .title::after {margin-top: 25px;}
    .sol-option .top-head .text {margin-top: 25px;}
    .sol-option .t1::after {margin-top: 15px !important;}
    .sol-option .t1{margin-bottom: 20px;}
    .sol-option .left{margin-bottom: 25px ;}
    .sol-option .items{margin-bottom: 30px;}
    .sol-option .t1{margin-bottom: 20px;}
    .sol-option .left{margin-bottom: 20px;}
    .sol-option .items{margin-bottom: 30px;}
    .sol-option .t1{margin-bottom: 20px;}
    .sol-option .left{margin-bottom: 20px;}
    .sol-option{margin-bottom: 100px;}
    .sol-option .h5::before{top: -5px;}
    .sol-option .top-head .title::after {margin-top: 15px;}
    .quality-thirst .content {padding-bottom: 20px;}
    .quality-thirst .text {width: 90%;margin: 19px auto 0 auto;}

    .about-paper{padding-top: 30px;}
    .about-first .top-head{width: 100%;margin-bottom: 20px;}
    .about-first .top-head .text{margin-top: 20px;padding: 0px;}
    .about-first .img{width: 100%;margin-bottom: 15px;}
    .about-first .text-box{width: 100%;}
    .about-first .text-box .text{margin-left: 0;padding: 10px;}
    .about-first{margin-bottom: 40px;}
    .about-develop .left{margin-bottom: 20px;}
    .about-develop .text {margin-top: 20px;}
    .about-develop{margin-bottom: 30px;}
    .about-discover .top-head .text{margin-top: 20px;}
    .about-discover .top-head{margin-bottom: 25px;}
    .about-cer .left .text {margin-top: 10px;margin-bottom: 25px;}
    .about-discover .bottom {margin-bottom: 20px;}
    .about-discover .l-r-btn .all-hover {font-size: 35px;}
    .about-discover .swiper-pagination-2{width: 75%;}
    .about-discover .l-r-btn{width: 17%;}
    .about-discover{margin-bottom: 30px;}
    .about-cer{height: 620px;margin-bottom: 30px;overflow: hidden;}
    .about-cer>img{width: auto;height: 100%;}
    .about-cer .left{margin-bottom: 20px;}
    .about-cer .right{right: 0;}
    .about-cer .list img {max-width: 170px;}
    .about-cer .all-hover{top: 40%;}
    .about-cer .next-3 {right: -10px;}
    .about-cer .prev-3{left: -10px;}
    .about-cust .content {margin-top: 30px;}
    .about-cust{margin-bottom: 30px;}

    .certificates-paper{padding-top: 30px;margin-bottom: 30px;}
    .certificates-paper .col-md-3{width: 50%;padding: 0px 7px;margin-bottom: 25px;}

    .video-paper{padding-top: 30px;padding-bottom: 30px;}
    .video-paper .content .col-md-4{margin-bottom: 25px;width: 50%;}
    .video-paper .content{padding-left: 0;}
    .video-paper .content p {margin-top: 15px;}

    .quality-paper{padding-top: 30px;padding-bottom: 30px;}
    .quality-top-head .text{margin-bottom: 25px;}
    .quality-top-head{margin-bottom: 20px;}
    .quality-first{padding-top: 20px;padding-bottom: 20px;}
    .quality-first .text strong {font-size: 18px;line-height: 26px;align-items: center;}
    .quality-first .left{margin-bottom: 20px;}
    .quality-second{padding-top: 20px;padding-bottom: 20px;}
    .quality-second .top-head{margin-bottom: 20px;}
    .quality-second .t1{font-size: 19px;line-height: 27px;letter-spacing: 0;margin-bottom: 15px;}
    .quality-second .t1.row-line::after{margin-top: 15px;}
    .quality-second .left{margin-bottom: 20px;}
    .quality-second .right .text { margin-bottom: 20px;}
    .quality-second .right .ul p{padding-left: 30px;margin-bottom: 10px;line-height: 20px;}
    .quality-second .right .ul p::before{top: 0px;}
    .quality-second .items{margin-bottom: 40px;}
    .quality-second{line-height: 20px;margin-bottom: 80px;}
    .news-list-paper .col-md-4{margin-bottom: 40px;}
    .news-list-paper{padding-bottom: 30px;}

    .news-in-paper .aside>.h3 {font-size: 18px;line-height: 26px;margin-bottom: 15px;}
    .news-in-paper {margin-top: 0;}
    .p-i-products .all-hover{top: 40%;}


    .service-paper{padding-top: 30px;padding-bottom: 30px;line-height: 24px;}
    .service-top-head .text{margin-bottom: 20px;}
    .service-top-head{margin-bottom: 25px;}
    .service-first{padding-top: 25px;padding-bottom: 25px;}
    .service-first .ul{margin-top: 20px;}
    .service-first .ul p{padding-left: 30px;}
    .service-first .ul p::before {top: 1px;}
    .service-first .left{margin-bottom: 20px;}
    .service-equip{padding-top: 25px;padding-bottom: 0px;}
    .service-equip .title::after{margin-top: 15px;}
    .service-equip .top-head{width: 100%;margin-bottom: 25px;}
    .service-equip .list{width: 100%;margin-bottom: 25px;}
    .service-equip .box {padding-top: 35px;}
    .service-equip .box .text {margin-bottom: 20px;margin-top: 15px;}
    .service-equip .h3 {font-size: 18px;line-height: 26px;letter-spacing: 0;}
    .service-equip .h3::after{margin-top: 15px;}
    .service-site{padding-top: 25px;padding-bottom: 25px;}
    .service-site .top-head{margin-bottom: 25px;}
    .service-site .title,.service-site .top-head .text{width: 100%;}
    .service-site .items:nth-child(even){padding-left: 0;}
    .service-site .items:nth-child(odd){padding-right: 0;}
    .service-site .t1 {font-size: 18px;line-height: 26px;letter-spacing: 0;}
    .service-site .items .left{margin-bottom: 20px;}
    .service-site .items .right{padding-bottom: 15px;}
    .service-supply{padding-top: 25px;}
    .service-supply .title::after{margin-top: 15px;}
    .service-supply .top-head{margin-bottom: 25px;}
    .service-supply .items{flex-wrap: wrap;}
    .service-supply .left{margin-bottom: 20px;}
    .service-supply .t1::after{margin-top: 15px;}
    .service-supply .t1{margin-bottom: 25px;}
    .service-equip .list:last-child{margin-bottom: 0;}

    .exhibition-paper{padding-top: 30px;padding-bottom: 30px;}
    .exhibition-paper .top-head{width: 100%;margin-bottom: 25px;}

    .faq-paper{padding-top: 30px;padding-bottom: 30px;}
    .faq-paper .container-xl{flex-wrap: wrap;}
    .faq-paper .faq-nav{display:flex;justify-content: space-between;flex-wrap: wrap;}
    .faq-paper .faq-nav li{margin-bottom: 25px;margin-right: 10px;}
    .faq-paper .faq-nav li:last-child{margin-right: 0;}

    .download-paper{padding-top: 30px;padding-bottom: 30px;}

    .contact-paper{padding-top: 30px;padding-bottom: 30px;}
    .contact-paper .bottom{flex-wrap: wrap;margin-bottom: 30px;}
    .contact-paper .bottom .left .text>div {margin-bottom: 10px;}
    .contact-paper .bottom .left{margin-bottom: 25px;}
    .contact-paper .bottom .right {padding: 10px;}
    .contact-paper .bottom .form-group {margin-bottom: 10px;}
    .contact-paper .content .list{width: 100%;padding: 10px;margin-bottom: 15px;}
    .contact-paper .content .font-sty {font-size: 18px;line-height: 26px;}

    .global-paper{padding-top: 30px;padding-bottom: 30px;}
    .global-top-head .text{margin-bottom: 20px;}
    .global-top-head .img{margin-bottom: 25px;}
    .global-top-head .content{width: 100%;}
    .global-top-head .list .num {font-size: 42px;line-height: 52px;}
    .global-top-head .list p {font-size: 16px;line-height: 24px;}
    .global-top-head{margin-bottom: 30px;}
    .global-part {height: 255px;}
    .global-part .text{margin-bottom: 20px;}
    .global-cust{padding-top: 30px;}
    .global-cust .content-1{height: auto;margin-top: 25px;margin-bottom: 25px;flex-wrap: wrap;padding: 15px 0 0 0 ;}
    .global-cust .h6{display: inline-flex;align-items: center;padding: 5px 15px;margin-right: 15px;height: 42px;margin-bottom: 15px;font-size: 16px;line-height: 24px;flex: none;}
    .global-cust .h6:last-child{margin-right: 0;}
    .global-cust .h6 + .h6 {margin-left: 0;}
    .global-cust .content-2 .col-md-4 {margin-bottom: 15px;width: 33%;}
    .global-cust .content-2{padding-left: 0;}
    .global-cust .content-2 .left{margin-bottom: 15px;}
    .global-paper{margin-bottom: 0;}

    .product-in-paper .p-i-content .container-xl>div{margin-bottom: 30px;}
    .quality-thirst .img {width: 125px;height: 125px;}

    .hover-more span {font-size: 14px !important;}
    span.jiantou{font-size: 14px !important;}
    .i-p-content .list .t2 span,.product-first .t1 span{font-size: 14px !important;}

    .index-about .box p::before {padding-right:10px;}
    .index-sol .content .list p::before {font-size: 14px;line-height: 20px;}







}



/*#展会信息*/
.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:50%;background:#fff;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7);padding:30px 50px;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; }
}

.z1-datails{margin-bottom: 30px;}
.z1-datails .h4{font-size: 22px;line-height: 24px; font-weight: bold;margin-bottom: 10px;}
.z1-datails .col-md-9{display: flex;align-items: center;}

@media(max-width:768px) {
    .z1-datails .h4{margin-top: 10px;font-size: 18px;}
    .row.z1-datails{margin-bottom: 20px!important;}
}