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

.all-header .header .header-top{padding: 10px 0;}
.small-nav.blue ul li:last-child a{color: #0066f5;}

span.jiantou{
    padding-left: 15px;
    font-family: 'Poppins';
    font-weight: bold;
    color: var(--public-color-red) !important;
    animation: leftRight 1.5s infinite;
    display: inline-block;
}

@keyframes leftRight {
    0% { transform: translateX(0); }
    50% { transform: translateX(10px); }
    100% { transform: translateX(0); }
}

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

@font-face {
    font-family: "ArialMT";
    src: url("../../style/Fontss/arial.ttf");
}
.max-1920px{max-width: 1920px;margin-left: auto;margin-right: auto;}
.max-1650px{max-width: 1650px;}
.max-1640px{max-width: 1640px;}
.max-1630px{max-width: 1630px;}
.max-1600px{max-width: 1600px;}
.max-1560px{max-width: 1560px;}
.max-1540px{max-width: 1540px;}
.max-1480px{max-width: 1480px;}


/*header*/
.header{/*height: 86px;*/position: relative;padding-top: 5px;padding-bottom: 10px;box-shadow: 0px 1px 7px 1px 
    rgba(52, 52, 52, 0.05);}

.header .header-nav{display: flex;align-items: center;justify-content: space-between;}
/* .header .header-top{padding-top: 6px;} */
.header .toch{margin-left: 30px;}
.header .toch a{background-color: var(--public-color);border-radius: 15px;color: #1f273d;font-size: 13px;line-height: 32px;padding:0px 26px 0px 18px;}
.header .top-logo{width: auto;}
.header .row-nav{display: flex;align-items: center;justify-content: flex-end;width: auto;position: relative;}
.header-desc{background:#f1f1f1; padding: 8px 0;}
.header-desc .container-xl{display: flex;align-items: center;justify-content: space-between;}
.header-desc .desc{width: 60%;display: flex;justify-content: flex-end;align-items: center;}
.top-tel{color: #666666;font-size: 16px;display: flex;width: 40%;}
.top-tel a{color: #666666;}
.top-tel a:hover{color: #2455bf; transition: all 0.3s;}
.top-lang{text-transform:uppercase;margin-left: 30px;}
.dropdown.lang .dropdown-toggle:after{color: var(--public-color);}
.dropdown.lang .dropdown-menu {right: -40px;left: inherit;}
.top-lang .dropdown.lang .dropdown-toggle{background: transparent;border: 0;padding:0 3px 0 0;font-weight: bold;color:#1f273d;font-size: 18px;}
.public-social span,.public-social a{border-radius:5px;}
.navbar-expand-lg .navbar-collapse{justify-content: flex-end;padding-right: 20px;}

/*#展会信息*/
.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) {
.dropdown.lang .dropdown-toggle:after{color: #fff;}
    .zhbg .box{width:80%;padding:15px;}
    .zhkz{font-size:16px;padding:10px 20px;right:-45px;top:200px; }
}



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

.dropdown-toggle::after{margin-left: 5px;}

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

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

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

@media(max-width:1430px) {
    .navbar-custom .navbar-nav .nav-item {
        margin: 0 20px;
    }
}

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

@media(max-width:1200px) {
    /* .navbar-custom .navbar-nav .nav-link {font-size: 17px;} */
    .navbar-custom .navbar-nav .nav-item {
        margin: 0 12px;
    }
    .navbar-custom .navbar-nav .nav-item .dropdown-toggle:hover::after{left: -15px;}
}
@media(max-width:1120px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 16px;}
    .navbar-custom .navbar-nav .nav-item {
        margin: 0 5px;
    }
}
@media(max-width:1050px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 14px;}
    .navbar-custom .navbar-nav .nav-item {
        margin: 0 10px;
    }
}

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

}

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

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


/* 浮窗 */
#float{position:fixed;right:0;bottom: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: 0rem; }
.content-wrapper h2 { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; }
.content-wrapper h3 { font-size: 0.875rem; font-weight: 600; margin-bottom: 0.75rem; }
.content-wrapper img { max-width: 100% !important; height: auto !important; }
.content-wrapper ol { margin-left: 1em; padding-left: 1em; }
.content-wrapper video { max-width: 100% !important; height: auto !important; }
.content-wrapper iframe { max-width: 100%; }
.content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; }
.content-wrapper table p{margin-bottom: 0;}
/* .content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dcdcdc; text-align: center; } */
.content-wrapper table tbody tr:nth-of-type(even) { background-color: #fbfbfb }
.content-wrapper table p{ margin-bottom: 0;line-height: 32px;}
.content-wrapper tbody th{color:#2980c7}

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

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

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

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


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


/*#搜索*/
.search-group .input-group-append{padding:0}
.search-group{width:280px;height:49px;overflow:hidden;border-radius: 0px;background-color: #f5f6fa;}
.search-group .form-control{border:none;height: 49px;line-height:48px;border-radius: 0px;background-color: #f5f6fa;padding-left: 15px;}
.search-group .form-control::-webkit-input-placeholder{color:#23232d;opacity: .5;font-size: 16px;font-weight: 400;border-radius: 0;}
.search-group .btn{background-color:var(--public-color);width: 49px;height:49px;border-radius:0px !important;display:flex;justify-content:center;align-items:center;padding:0;margin-bottom:0;font-size: 16px;color: #fff;font-weight: 400;}
.search-group i{color:#fff;font-size:1.5rem}
.top-search-box{cursor:pointer;z-index: 1;margin-left:0px;border-radius:0px;overflow: hidden;padding-left: 1px;padding-top: 1px;}
.top-search-box i{font-size: 24px;font-weight: normal;}
.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;padding:0;border-radius: 0px;} 
.top-search-box .search-tb{display: none;}
/* .top-search-box .top-search{opacity: 1;transition: all 0.8s;position: absolute;right: -13px;top: 35px;z-index: 99;padding:0;background-color: #fff;} 
.top-search-box .top-search.show {opacity: 0;overflow: hidden;transition: all 0.9s;} */

.down-list{margin-top: 0px;}


/*banner*/
.pro-banner::after ,.index-banner::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    top: 0;}
.pro-banner,.index-banner{line-height: 0;}
.pro-banner .banner-text,.index-banner .banner-text{z-index: 1;line-height: 32px;}
.banner.pro-banner .index-video{display: flex;align-items: flex-end;height: 400px;overflow: hidden;}
.banner.index-banner .index-video{display: flex;align-items:flex-end;justify-content:center;height: 700px;overflow: hidden;}
.banner.index-banner .index-video video{width:100%;height:auto}
.banner .container-xl{position: relative;height: 100%;display: flex;align-items: center;}
.banner{color: #fff;}
.index-banner .text{font-weight: 300;opacity: .8;margin-bottom: 45px;font-family: 'ArialMT';width: 85%;text-align: center;margin-left: auto;margin-right: auto;}
.index-banner .banner-text{}
.index-banner .cont-box .row-line::after{margin-top: 20px;}
.index-banner .cont-box{width: 75%;margin-left: auto;margin-right: auto;text-align: center;}
.all-banner .row-line::after{margin-top: 20px;}
.banner .h1{font-size: 60px;line-height: 71px;font-weight: 900;margin-bottom: 25px;color: #fff;font-style: italic;}
.all-banner .h1{color: #fff;text-align: center;font-size: 39px;line-height: 52px;font-weight: 500;}
.all-banner .h1 span{color: var(--public-color);}
.all-banner .cont-box{width: 82%;margin-left: auto;margin-right: auto;}
.all-banner .text{margin-left: auto;margin-right: auto;}

.footer .top-nav img{cursor: pointer;}
.footer .top-nav{position: absolute;top: 0;left: 0;width: 100%;text-align: center;margin-top: -50px;}
.footer{background:url(../../images/footer-banner.jpg) no-repeat;background-size: cover;padding-top: 85px;position: relative;}
.footer .font-sty{color: #e4f0ff;font-size: 16px;line-height: 24px;opacity: .8;font-weight: 300;}
.footer a.font-sty:hover{color: #fff !important;opacity: 1;text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 3px;}
.footer-top{padding-bottom: 90px;border-bottom: 1px solid rgba(152, 179, 221, .2);}
.footer-top .list-1 .text{color: #fff;opacity: .68;font-size: 16px;line-height: 24px;font-family: 'ArialMT';font-weight: 500;margin-bottom: 45px;}
.footer-top .list-1 .text span{color: #fff;display: block;}
.footer-top .list-1 .cont-box{margin-top: 20px;margin-left: 15px;}
.footer-top .t1{font-size: 20px;line-height: 32px;color: #fff;font-weight: 400;margin-bottom: 30px;}
.footer-top .list-1{width: 24%;display: flex;justify-content: space-between;}
.footer-top .list-2{width: 25%;}
.footer-top .list-2 .icon{color: #f9f9f9;opacity: .8;display: block;width: 10%;padding-top: 4px;display: inline-block;}
.footer-top .list-2 .font-sty{width: 95%;}
.footer-top .list-2 p{display: flex;justify-content: space-between;margin-bottom: 8px;}
.footer-top .list-3{width: 30%;}
.footer-top .list-4{width: 10%;}
.footer-top .list-4 .box,.footer-top .list-3 .box{display: inline-flex;flex-direction: column;}
.footer-top .list-4 a,.footer-top .list-3 a{margin-bottom: 10px;}
.footer-top .list-4 a:last-child,.footer-top .list-3 a:last-child{margin-bottom: 0;}
.footer-bottom p{font-size: 14px;line-height: 29px;color: #fff;font-weight: 300;opacity: .8;padding: 15px 0;}
.footer .social>span,.footer .social>a,.footer .social>span.share-twitter{background-color: transparent !important;padding: 0 !important;color: #fff !important;font-size: 20px;}
.footer .social>span.share-twitter::before,.footer .social>a.social-youtube::before{font-size: 21px;}
.footer .social>span,.social>a.social-pinterest {width: 20px;height: 21px;background-color: #fff !important;color: #1e222b !important;border-radius: 2px !important;display: flex;justify-content: center;align-items: center;}
.footer-top .social>div{margin-left: 18px;font-size: 22px;opacity: .8;}
.footer-top .social>div:first-child{margin-left: 0;}
.footer .social>a{font-size: 22px;}
.footer .social>span.share-twitter{font-size: 25px !important;}
.footer .social .hover-2:hover{color:#fff!important;background-color: transparent !important;}
.footer .social .hover-1:hover{background-color: #fff!important;}
.main-box .social>a{margin-right: 6px;height:32px;}

.small-nav{display: flex;align-items: center;padding-top: 0px;margin-bottom: 0px ;position: absolute;left: 0;top: 30px}
.small-nav ul{display: flex;align-items: center;flex-wrap: wrap;}
.small-nav ul a{font-size: 18px;line-height: 28px;color:#cccccc;font-weight: 500;text-transform: capitalize;}
.small-nav ul li::after{content: "/";font-family: 'cmsfont';padding:0 5px;font-size: 14px;line-height: 28px;color: #cccccc;font-weight: 400;}
.small-nav ul li:last-child::after{display: none;}
.small-nav ul li:last-child a{color: var(--public-color-red);font-weight: 500;position: relative;}
.small-nav ul li{display: flex;}
.small-nav ul li a:hover{color:#cccccc !important;}
.small-nav ul li:last-child a:hover{ color:var(--public-color-red) !important;}

/*共有的类名*/
.title{font-size:36px;line-height:48px;color: #3e3e3e;font-weight: 500;}
.title span{color: var(--public-color-red);}
.text span{color: var(--public-color-red);}
.text p{margin-bottom: 25px;}
.dfrsb{display: flex;justify-content: space-between;}
.dfrsbc{display: flex;justify-content: space-between;align-items: center;}
.dfcsb{display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.dfcsbc{display: flex;flex-direction: column;justify-content: space-between;}
.dfrcc{display:flex;justify-content: center;align-items: center;}
.ul p{position: relative;padding-left: 35px;margin-bottom: 0px;}
.ul p::before{content: '\f00c';font-family: 'cmsfont';line-height: 32px;position: absolute;left: 0;top: 0px;color: var(--public-color-red);}
.top-head.t-h-c{text-align: center;margin-left: auto;margin-bottom: auto;}
.h6{font-size: 20px;line-height: 32px;font-weight: 400;margin-bottom: 10px;}
.img img.block{display: block;animation: bounceIn 1s;}
.img img.red{display: none;animation: bounceIn 1s;}
.row-line::after{content: "";width: 48px;height: 4px;background-color: var(--public-color-red);display: block;}
.row-line.r-l-c::after{margin-left: auto;margin-right: auto;}
.row-line.title::after{margin-top: 20px;}
.col-line::before{content: "";width: 4px;height: 27px;background-color: var(--public-color-red);position: absolute;left: 0;top: 7px;}
.col-line{position: relative;padding-left: 20px;}


.index-paper {margin-bottom: 180px;}
.index-paper .title{margin-bottom: 20px;}
.index-box{position: relative;;margin-top: -85px;border-bottom: 8px solid var(--public-color);background-color: #fff;box-shadow: 0px 0px 13px 0px rgba(32, 36, 42, 0.15);border-radius: 16px;overflow: hidden;}
.index-box .list{flex: 1;display: flex;justify-content: space-between;padding: 35px 30px;transition: all .6s;}
.index-box .h4{font-size: 24px;line-height: 32px;color: #23232d;font-weight: 500;margin-bottom: 20px;}
.index-box .text{font-size: 16px;line-height: 24px;font-weight: 400;color:#23232d;opacity: .85;}
.index-box .list img.white{display: none;animation: bounceIn .6s;}
.index-box .list img.black{display: block;animation: bounceIn .6s;}
/* .index-box .list:hover img.black{display: none;animation: bounceIn .6s;}
.index-box .list:hover img.white{display: block;animation: bounceIn .6s;} */
.index-box .list .img{width: 10%;line-height: 24px;}
.index-box .list .cont{width: 87%;}
/* .index-box .list:hover{background-color: var(--public-color);}
.index-box .list:hover .h4{color: #fff;}
.index-box .list:hover .text{color: #fff;} */
.index-box .list + .list{border-left: 1px solid rgba(35, 35, 45, .1);}
.index-pro .title{text-align: center;}
.index-pro{margin-top: 145px;}
.index-pro .items{display: flex;justify-content: space-between;align-items: center;height: 600px;}
.index-pro .items .left{position:relative}
.index-pro .items:first-child .left{margin-left: -90px;width: 73%;height: 100%;background: url(../../images/i-pro-back-2.png) no-repeat left center;background-size:contain;display: flex;flex-direction: column;justify-content:flex-end;}
.index-pro .items:first-child .right{width: 36%;}
.index-pro .items:nth-child(1) .img img{mix-blend-mode:darken;transform:scale(.85);transition:all .45s;}
.index-pro .items .img img{mix-blend-mode:darken;transform:scale(.8);transition:all .45s;}
.index-pro .items .img:hover img{transform:scale(1) !important}
.index-pro .items .img{margin-bottom: 40px;height:100%;display:flex;align-items:flex-end;}
.index-pro .small-img{display: flex;justify-content: center;}
.index-pro .img-1 + .img-1{margin-left: 10px;}
.index-pro .t1{font-size: 36px;line-height: 48px;font-weight: 500;margin-bottom: 20px;}
.index-pro .items .text{padding-left: 20px;margin-bottom: 20px;opacity: .85;}
.index-pro .items .ul{font-size: 20px;}
.index-pro .items .ul p{margin-bottom: 5px;}
.index-pro .container-xl{max-width: 1450px;}
.index-pro .container-xl.max-1600px{max-width: 1600px;overflow: hidden;}
.index-pro .items:nth-child(2),.index-pro .items:nth-child(3){flex-direction: row-reverse;}
.index-pro .items:nth-child(2) .right{width: 40%;padding-left: 30px;}
.index-pro .items:nth-child(2) .right .text{width: 94%;}
.index-pro .items:nth-child(2) .right .ul{width:78%;}
.index-pro .items:nth-child(2) .left{width: 70%;margin-right: -70px;height: 100%;background: url(../../images/i-pro-back-3.png) no-repeat;background-position: right 150px center;background-size:contain;display: flex;flex-direction: column;justify-content:flex-end;}
/* .index-pro .items:nth-child(2) .small-img{width: 70%;} */
.index-pro .items:nth-child(2) .items .img{margin-bottom: 0;}
.index-pro .items:nth-child(2){height: 620px;}
.index-pro .items:nth-child(3) .right{width: 48%;padding-left: 30px;}
.index-pro .items:nth-child(3) .left{width: 50%;background: url(../../images/i-pro-back-3.png) no-repeat;background-position:left center;background-size:contain;display: flex;flex-direction: column;justify-content:flex-end;justify-content: center;}
.index-pro .items:nth-child(3) .img img{transform: scale(.85);}
.index-pro .items:nth-child(3) .img{padding-left: 50px;}
.index-pro .items:nth-child(3) .small-img{justify-content: flex-start;}
.index-pro .items:nth-child(3) .ul{margin-bottom: 60px;display: flex;}
.index-pro .items:nth-child(3) .ul p + p{margin-left: 50px;}
.index-pro .items:nth-child(3) .text{margin-bottom: 35px;}
.index-pro .items{margin-bottom: 95px;}
.index-pro .title{line-height: 36px;font-weight: bold;margin-bottom: 0px;}
.index-pro .title span + span{display:inline-block;border-left: 1px solid rgba(0, 15, 39,.4);}
.index-pro .title span{display: inline-block;}
.index-pro .title span:first-child{padding-right: 32px;}
.index-pro .title span:last-child{padding-left: 35px;}
.index-pro .top-head .text{font-size: 32px;line-height: 40px;font-weight: 400;text-align: center;}
.index-pro .top-head {margin-bottom: 80px;}
.index-size .list{background-color: #ffffff;border-radius: 16px;border: solid 1px #ececec;padding: 20px;height: 100%;} 
.index-size .img{background-color: #f2f3f5;border-radius: 16px;}
.index-size .img img{mix-blend-mode: multiply;border-radius: 16px;}
.index-size .t1{font-size: 24px;line-height: 32px;font-weight: 500;height: 64px;overflow: hidden;}
.index-size .box{padding-top: 20px;padding-left:6px}
.index-size .cont{display: flex;margin-bottom: 30px;flex-wrap: wrap;justify-content: space-between;}
.index-size .cont:last-child{margin-bottom: 0;}
.index-size .list p{font-size: 14px;line-height: 24px;font-weight: 400;opacity: .8;margin-bottom: 5px;}
.index-size .h5{font-size: 18px;line-height: 24px;color: var(--public-color);font-weight: 500;}
.index-size .h5 div{color:#23232d;font-weight: 400;font-size: 14px;display: inline;}
.index-size .col-md-4{padding-left: 16px;padding-right: 16px;}
.index-size .row{margin-left: -16px;margin-right: -16px;}
.index-size .list-1::after{content: "";width: 1px;height: 100%;background-color: #ececec;display: inline-block;position: absolute;right: 0;top: 0px;}
.index-size .list-1:nth-child(2n)::after{display: none;}
.index-size .list-1{position: relative;width: 48%;margin-bottom: 15px;}
.index-size{margin-bottom: 170px;}
.index-about .content{display: flex;justify-content: space-between;}
.index-about .h6{font-size: 16px;line-height: 24px;font-family: 'ArialMT';color: var(--public-color-red);}
.index-about .title{letter-spacing: -1px;font-weight: bold;}
.index-about .num span{font-size: 42px;line-height: 24px;color: var(--public-color);font-weight: 500;font-style: italic;}
.index-about .num{font-size: 40px;line-height: 16px;font-weight: 200;display: flex;align-items: flex-start;font-style: italic;margin-bottom: 20px;}
.index-about .list p{font-size: 16px;line-height: 24px;font-weight: 400;}
.index-about .text{margin-bottom: 35px;}
.index-about .left{width: 52%;}
.index-about .right{width: 43%;}

.gif {
    position: absolute;
    mix-blend-mode: darken;
    width: 80px;
    height: 80px;
    top: 65%;
    right:28%;
    z-index: -1;
}
.index-pro .items:nth-child(2) .gif{right:60%}
.index-pro .items:nth-child(3) .gif{top:55%;right:78%}

.index-about .right>.box{display: flex;align-items: center;}
.more-6 img{padding-left: 15px;}
.more-6 img.white{display: block;}
.more-6 img.blue{display: none;}
.more-6:hover img.white{display: none;}
.more-6:hover img.blue{display: block;}
.index-about .more-6{margin-right: 36px;font-size: 18px;height: 56px;}
.index-about .btn-video{transition: all .6s;padding-left: 25px;padding-right: 20px;cursor: pointer;font-size: 20px;color: #333;background-color: #e5eaf2;box-shadow: inset 0 -100px 0 0 #f0f2f5;border: 2px solid #f0f2f5;}
.index-about .btn-video:hover{background-color: var(--public-color);border: 2px solid var(--public-color);
    box-shadow: inset 0 0 0 0 #f0f2f5;color: #fff;}
.index-about .btn-video img{padding-right: 16px;padding-left: 0;} 
.index-about .btn-video .white{display: none;}
.index-about .btn-video .block{display: inline-block;}
.index-about .btn-video:hover .white{display: inline-block;}
.index-about .btn-video:hover .block{display: none;}

.index-about .small-box{margin-bottom: 30px;}
.index-about{margin-bottom: 90px;}
.index-logo .all-hover::after{display: none;}
.index-logo .content{position: relative;padding-left: 50px;padding-right: 50px;}
.index-logo .content .mySwiper-logo{padding-top: 10px;padding-bottom: 25px;padding-left: 20px;padding-right: 20px;}
.index-logo .all-hover{color: #23232d;font-size: 21px;}
.index-logo .swiper-wrapper{align-items: center;}
.index-logo .swiper-slide .img{	background-color: #ffffff;
	box-shadow: 5px 6px 24px 0px 
		rgba(17, 58, 115, 0.15);
	border-radius: 8px;
    height: 95px;
    padding: 10px;
    text-align: center;
}
.index-logo .swiper-slide .img img{    height: 100%;
    width: auto;
    max-width: 100%;}
.index-logo{margin-bottom: 140px;}
.index-cust{background-color: var(--public-color);padding-top: 80px;padding-bottom: 80px;}
.index-cust .title span{font-weight: 400;color: #fff;}
.index-cust .title{color: #fff;position: relative;width: 27%;font-size: 40px;line-height: 56px;}
.index-cust .title::after{content: url(../../images/index-cust-3.png);position: absolute;right: 20px;top: 0;}
.index-cust .content{position: relative;height: 350px;}
.index-cust .content::after{content: "";width: 4px;height: 100%;background-color: #98b3dd;opacity: .3;position: absolute;top: 0;left: 32.5%;}
.index-cust .right{width: 60.5%;}
.index-cust .list{display:flex;justify-content: space-between;position: relative;}
.index-cust .img img{border-radius: 100%;}
.index-cust .img{margin-bottom: 20px;}
.index-cust .h4{font-size: 24px;line-height: 28px;color: #fff;font-weight: 500;margin-bottom: 25px;}
.index-cust .app{font-size: 16px;line-height: 24px;color: #fff;}
.index-cust .list-right{font-size: 24px;line-height: 40px;font-weight: 400;color: #fff;opacity: .7;width: 78%;}
.index-cust .list-left{width: 15%;}
.index-cust .swiper-pagination-bullet{background-color: #98b3dd;margin-right: 9px;width: 10px;height: 10px;}
.index-cust .swiper-pagination-bullet-active{background-color: #fff;}
.index-cust .swiper-pagination-bullet:last-child{margin-right: 0;}
.index-cust .pag{right: 0;left: auto;bottom: 0;top: auto;width: auto;}
.index-cust{margin-bottom: 130px;}
.index-faq .title span{color: #23232d;font-weight: 400;display: block;}
.index-faq .cont .text{opacity: .95;}
.index-faq .cont{width: 30%;}
.index-faq .content{width: 68%;}
.index-faq{padding-right: 45px;margin-bottom: 140px;}
.index-faq .quen-a{display: none;animation: fadeIn .4s;}
.index-faq .items.active .quen-a{display: block;animation: fadeIn .4s;}

.all-faq .items{
    cursor: pointer;
	border-radius: 16px;
    margin-bottom: 23px;
    padding: 25px 25PX 20PX 30PX;
    background-color: #f5f6fa;
}
.all-faq .items:last-child{margin-bottom: 0;}
.all-faq .items .quen-q{
    font-size: 24px;
    line-height: 32px;
    color:#23232d;
    opacity: .95;
    font-family: 'ArialMT';
    display:flex;
    justify-content: space-between;
}
.all-faq .items .quen-a{
    font-size: 18px;
    line-height: 32px;
    color:#23232d;
    opacity: .95;
    /* font-family: 'ArialMT'; */
   width: 78%;
}
.all-faq .items .q1{width: 80%;}
.all-faq .items .q2{display: flex;justify-content: center;align-items: center;}
.all-faq .items .down{display:block; }
.all-faq .items .up{display: none; }
.all-faq .items.active .up{display: block;}
.all-faq .items.active .down{display: none;}
.all-faq .items.active .quen-q{margin-bottom: 25px;}

.all-feedback.form-feedback .form-control {border: 1px solid #ced4da;}

.index-service .left .more-6{margin-right: 26px;font-size: 18px;height: 62px;padding-left: 20px;padding-right: 20px;}
.index-service .btn-video{transition: all .6s;cursor: pointer;font-size: 20px;color: #333;background-color: #e5eaf2;box-shadow: inset 0 -100px 0 0 #f0f2f5;border: 2px solid #f0f2f5;}
.index-service .btn-video:hover{background-color: var(--public-color);border: 2px solid var(--public-color);
    box-shadow: inset 0 0 0 0 #f0f2f5;color: #fff !important;;}
.index-service .left .more-6 img{padding-right: 14px;padding-left: 0;} 
.index-service .btn-video .white{display: none;}
.index-service .btn-video .block{display: inline-block;}
.index-service .btn-video:hover .white{display: inline-block;}
.index-service .btn-video:hover .block{display: none;}
.index-service::before{content: "";width: 55%;height: 100%;background-color: #F8f8f8;position: absolute;left: 0;top: 0;z-index: -1;}
.index-service::after{content: "";width: 45%;height: 100%;background-color: #eaeff8;position: absolute;right: 0;top: 0;z-index: -1;}
.index-service>img{width: auto;}
.index-service{overflow: hidden;position: relative;overflow: hidden;display: flex;justify-content: center;align-items: center;margin-bottom: 120px;color: #fff;}
.index-service .content{display: flex;justify-content: space-between;align-items: center;}
.index-service .right .form-feedback .col-md-12{padding-inline: 0;}
.index-service .right{width: 46%;background-color: #e9eff8;padding: 60px 70px 50px 80px}
.index-service .left{font-family: 'ArialMT';width: 49%;text-align: left;}
.index-service .title{color: #333;font-size: 36px;}
.index-service .text{color: #666666;margin-bottom: 50px;}
.index-service .num{font-size: 40px;line-height: 52px;font-weight: 600;color: #333;margin-bottom: 15px;}
.index-service .list p{font-size: 16px;line-height: 24px;color: #333;}
.index-service .box-1{display: flex;justify-content: space-between;width: 65%;margin-bottom: 60px;}
.index-service .list{width: 46%;color: #fff;}
.index-service .box-2{display: flex;align-items: center;}
.index-service .box-2 .img{margin-right: 20px;}
.index-service .box-2 .cont{opacity: .75;}
.index-service .title span{color: var(--public-color);}
.index-service .title{margin-bottom: 40px;}
.index-service .right .more-6 img{padding-left: 25px;padding-right: 0;}
.index-service .right .more-6{height: 56px;width: 210px;padding: 0;justify-content: center;border-radius: 0;}
.form-feedback .form-control{border: none;border-radius: 4px;padding-left:22px;padding-top: 12px;padding-bottom: 10px;}
.form-feedback .form-control::placeholder{color: #23232d;opacity: .7;font-size: 16px;line-height: 32px;font-weight: 400;}
.form-feedback .col-md-6{padding-left: 5.5px;padding-right: 5.5px;margin-bottom: 15px;}
.form-feedback .form-row{margin-left: -5.5px;margin-right: -5.5px;}
.index-service .form-feedback .form-row:nth-last-of-type(2),.index-service .form-feedback .form-row:nth-last-of-type(1){margin-left: -5px;margin-right: -5px;padding-left: 5px;padding-right: 5px;}
.form-feedback .col-md-12{padding: 0;margin: 0;}
.form-feedback .btn-box{display: flex;margin-top: 32px;}
.form-feedback .contact-form{padding-left: 103px;padding-right: 80px;}
.index-news .all-hover{position: static;margin-top: 0;border-radius: 100%;border: solid 1px #23232d;width: 49px;height: 49px;transition: all .6s;}
.next-1::after{content: "\f061";color: #23232d;font-family: 'cmsfont';font-size: 20px;}
.prev-1::after{content: "\f060";color: #23232d;font-family: 'cmsfont';font-size: 20px;}
.index-news .all-hover:hover{background-color: #f3faff;}
.box-btn .all-hover + .all-hover{margin-left: 16px;}
.index-news .box-btn{display: inline-flex;justify-content: flex-end;margin-top: 0px;}
.index-news .title{display: inline-block;margin-bottom: 0;}
.index-news .top-head{display: flex;justify-content: space-between;margin-bottom: 55px;}
/* .all-news .img{display: inline-block;} */
.all-news .img img,.all-news .img{border-radius: 8px;}
.all-news .specil{font-size: 16px;line-height: 24px;color: var(--public-color);font-weight: 400;margin-bottom: 10px;}
.all-news .t2{font-size: 18px;line-height: 32px;font-weight: 500;margin-bottom: 15px;}
.all-news .time{font-size: 16px;line-height: 24px;opacity: .5;color: #23232d;font-weight: 400;}
.all-news .time img{padding-right: 10px;}
.all-news .box{padding-top: 25px;}
.index-news .mySwiper-1{padding-right: 32px;}
.exhibition-paper .all-news .img{overflow: hidden;border-radius: 8px;display: block;}
.exhibition-paper .all-news .img img{border-radius: 8px;}
.exhibition-paper .all-news {margin-top: 130px;}


.ser-box{background-color: #f2f5fa;margin-bottom: 110px;}
.ser-box .small-box{height: 173px;justify-content: space-around;width: 90%;margin: 0 auto;}
.ser-box .num{color: var(--public-color-red);font-size: 33px;font-weight: 500;text-align: center;margin-bottom: 25px;}
.ser-box .h4{font-size: 18px;color: #999;font-weight: 500;text-align: center;}
.service-paper {}
.service-paper .title{font-size: 34px;color: #22222e;font-weight: 500;margin-bottom: 50px;}
.service-paper .ul{margin-top: 100px;}
.service-paper .ul p::before{content: '\f00c';font-family: 'cmsfont';color: var(--public-color-red);}
.service-paper .ul p{padding-left: 30px;font-size: 18px;color: #666;margin-bottom: 10px;}
.service-paper .items{display: flex;justify-content: space-between;align-items: center;margin-bottom: 195px;}
.service-paper .items:last-child{margin-bottom: 0;}
.service-paper .left{width: 47%;}
.service-paper .right{width: 47%;}
.ser-top {margin-bottom: 165px;}
.ser-top .items:nth-child(even){flex-direction: row-reverse;}
.ser-top .items:nth-child(even) .left .ul{margin-top: 85px;}
.service-paper .all-back .right{position: relative;}
.service-paper .all-back .right::after{content: "";width: 75%;height: 73%;background: url(../../images/ser-back-1.jpg) no-repeat;position: absolute;left: -55px;bottom: -50px;z-index: -1;}
.ser-middle{background-color: #f2f5fa;padding: 110px 0;margin-bottom: 145px;}
.ser-middle .top-head{margin:  0 auto 80px auto;width: 55%;text-align: center;}
.ser-middle .content{display: flex;justify-content: space-between;}
.ser-middle .list{background-color: var(--public-color);color: #fff;width: calc(calc(100% - 20px * 2) / 3);padding: 35px 0 30px 0;}
.ser-middle .list:first-child{padding-left: 115px;padding-right: 40px;}
.ser-middle .list:first-child .text{font-size: 16px;}
.ser-middle .list:nth-child(2){padding-left: 60px;padding-right: 40px;}
.ser-middle .list:nth-child(2) .h3{font-size: 18px;}
.ser-middle .list:last-child{padding-left: 50px;padding-right: 130px;}
.ser-middle .num{font-size: 40px;font-weight: 500;display: flex;align-items: center;padding-right: 0px;}
.ser-middle .num::after{content: "";width: 7px;height: 7px;background-color: #afbdd7;display:block;margin:0 20px;}
.ser-middle .h3{font-size: 20px;line-height: 24px;font-weight: 500;}
.ser-middle .cont{display: flex;margin-bottom: 15px;}
.ser-middle .title{margin-bottom: 25px;}
.ser-bottom .items:nth-child(odd){flex-direction: row-reverse;}
.ser-bottom .items:nth-child(odd) .ul{margin-top: 40px;margin-bottom: 50px;}
.ser-bottom .items:nth-child(odd) .more-6{font-size: 20px;cursor: pointer;}
.ser-bottom .items:nth-child(odd).all-back .right::after{top: -44px;bottom: auto;left: -42px;}
.ser-bottom .items:nth-child(even).all-back .right::after{bottom: -48px;right: -45px;left: auto;}
.ser-bottom{margin-bottom: 225px;}



.ser-box.about-box .small-box{justify-content: space-between;width: 100%;}
.about-paper .title{font-size: 34px}
.about-paper .title::after{margin-top: 30px;}
.about-zhu .left .title{margin-bottom: 35px;}
.about-zhu .left{width: 40%;}
.about-zhu .rights{width: 56%;position: relative;}
.about-zhu .right{width: 100%;position: relative;}
.about-zhu .right .small-btn{position: absolute;display: flex;justify-content:center;align-items: center;width: 100%;height: 100%;top: 0;left: 0;}
.about-zhu .right .white{display: none;animation: bounceIn .4s;}
.about-zhu .right .orange{display: block;animation: bounceIn .4s;}
.about-zhu .right .img:hover .white{display: block;}
.about-zhu .right .img:hover .orange{display: none;}
.about-zhu .right .img{position: relative;z-index: 2;cursor: pointer;border-radius: 100%;}
.about-zhu .right::after{content: "";width: 100%;height: 100%;background-color: #000000;opacity: .7;position: absolute;left: 0;top: 0;z-index: 1;}
.about-zhu .zhu-top {margin-bottom: 60px;}
.about-zhu .zhu-bottom{display: flex;justify-content: space-between;margin-top:30px}
.about-zhu .img-1{width: calc(calc(100% - 16px * 3) / 4);}
.about-zhu{margin-bottom: 95px;}
.about-cer{background-color: #f2f5fa;padding-top: 90px;padding-bottom: 90px;}
.about-cer .title::after{margin-top: 20px;}
.about-cer .title{margin-bottom: 40px;}
.about-cer .left{width: 50%;}
.about-cer img{mix-blend-mode: multiply;}
.about-cer .right{width: 42%;}
.about-cer .text{margin-bottom: 105px;}
.about-his{padding-top: 90px;padding-bottom: 30px;}
.about-his .top-head{width: 80%;margin: 0 auto 70px auto;text-align: center;}
.about-his .title::after{margin-top: 15px;}
.about-his .title{margin-bottom: 30px;}
.about-his .items{display:flex;justify-content: space-between;align-items: center;}
.about-his .items .year{font-size: 64px;line-height: 80px;color: #333;margin-bottom: 35px;}
.about-his .left{width: 100%;}
.about-his .right{width: 53%;}
.content-his{width: 82%;display: flex;justify-content: space-between;    align-items: center;}
.content-his .all-hover{width: 57px;height: 57px;border: solid 2px #002f7d;color: #002f7d;font-size: 35px;transition: all .6s;top: 30%;}
.content-his .all-hover:hover{background-color: #f2f5fa;border-color: #f2f5fa;}
.content-his .all-hover::after{display: none;}
.about-his .content .swiper-pagination{width: 100%;display: flex;flex-direction: column;position: static;}
.about-his .content .pag{overflow: hidden;width: 12%;}
.about-his .content span {
    /* flex: 1; */
    text-align: left;
    height: 65px;
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
    font-size: 22px;
    color: #999999;
    font-weight: 500;
    padding-left: 6px;
}
.about-his .content .swiper-pagination-bullet-active{background-color: transparent;color: var(--public-color-red);font-size: 28px;height: 65px;padding-left: 0;}
.about-his .content span::before{content: "";width: 70px;height: 2px;background-color: #ccc;position: absolute;top: 15px;right: 0px;}
.about-his .content span::after {
    content: "";
    background: url(../../images/zhou2.jpg) no-repeat center right;
    width: 100%;
    height: 65%;
    background-size: contain;
    display: inline-block;
    mix-blend-mode: multiply;
    right: 0;
    position: absolute;
    left: 0;
    top: 43%;
}
.about-his .content span:last-child::after{display: none;}
.mySwiper-his{width: 38%;margin-left: auto;margin-right: auto;margin-bottom: 70px;}
.mySwiper-his .text{
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.about-his .content{display: flex;justify-content: space-between;flex-direction: row-reverse;position: relative;}
.about-ser{background-color: #f2f5fa;padding-top: 122px;padding-bottom: 125px;}
.about-ser .title::after{margin-top: 25px;}
.about-ser .title{margin-bottom: 50px;}
.about-ser .left{width: 55%;}
.about-ser .right{width: 37%;}
.about-client{padding-top: 85px;padding-bottom: 80px;}
.about-client .all-box-btn .r-btn {width: 100%;}
.about-client .top-head{text-align: center;}
.about-client .title::after{margin-top: 20px;}
.about-client .title{margin-bottom: 30px;}
.about-client .list:nth-child(1) .box::before{content: "";width:22px;height: 20px;border-top: 10px solid #fff;border-bottom: 10px solid transparent;border-left: 11px solid transparent;border-right: 11px solid transparent;position: absolute;left: 50px;bottom: -20px;}
.about-client .list:nth-child(1) .box::after{content: "";width: 100%;height: 100%;position: absolute;left: 0px;top: 0;z-index: -1;box-shadow: 0px 0px 20px 6px rgba(0, 47, 125, 0.1);}
.about-client .cont-box{display: flex;align-items: flex-end;}
.about-client .h4{font-size: 20px;color: #333;font-weight: 500;}
.about-client .add{color: #999;font-weight: 400;}
.about-client .cont{padding-left: 16px;}
.about-client .box{margin-bottom: 25px;position: relative;display: flex;justify-content: center;align-items: center;padding-top: 50px;padding-bottom: 50px;}
.about-client .box p{margin-bottom: 0;}
.about-client .box-2{width: 85%;}
.about-client .toch{position: absolute;left: 22px;top: -13px;}
.about-client .img img{border-radius: 100%;}
.about-client .swiper-wrapper{align-items: flex-end;padding-top: 75px;}
.about-client .clients1{margin-bottom: 85px;padding: 0 20px;}
.all-box-btn .swiper-pagination,.all-box-btn .all-hover{position: static;}
.all-box-btn{display: flex;justify-content: flex-end;align-items: center;}
.all-box-btn .all-hover {
    font-size: 27px;
    font-weight: 500;
    background-color: #ffffff;
	border: solid 2px #002f7d;
    transition: all .6s;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;height: 44px;margin-top: 0;
    color:var(--public-color);
}
.all-box-btn .all-hover:hover{background-color: #f2f5fa;border-color:#f2f5fa;}
.all-box-btn .all-hover::after{display: none;}
.all-box-btn .all-hover:first-child{margin-right: 10px;}
.all-box-btn .all-hover:last-child{margin-right: 0;}
.all-box-btn .l-btn{width: auto}
.all-box-btn .r-btn{width: 10%;display: flex;justify-content: flex-end;}
.all-box-btn .swiper-pagination-bullet{border-radius: 0;background-color: #afbdd7;width: 8px;height: 8px;margin-left: 8px !important;}
.all-box-btn .swiper-pagination-bullet-active{background-color: var(--public-color);opacity: 1;width: 28px;}
.all-box-btn .swiper-pagination{display: flex;align-items: center;}

.about-people{background-color: #f2f5fa;padding-top: 90px;padding-bottom: 190px;}
.about-people .title::after{margin-top: 20px;}
.about-people .title{margin-bottom: 160px;}
.about-people .list{width: calc(calc(100% - 30px * 3) / 4);background-color: #fff;text-align: center;position: relative;overflow: hidden;}
.about-people .list:hover .cont {
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 47, 125, .9);
    box-shadow: 0px -18px 32px 0px rgba(0, 0, 0, 0.13);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.about-people .list:hover .img-1{display: none;}
.about-people .list:hover .cont-2{display: block;}
.about-people .list:hover .name,.about-people .list:hover .post,.about-people .list:hover .cont{color: #fff;}
.about-people .list:hover::after{content: "";width: 100%;height: 4px;background-color: var(--public-color-red);position: absolute;left: 0;top: 0;}
.about-people .name{font-size: 24px;color: #333;font-weight: 500;}
.about-people .post{color: #999999;font-weight: 500;}
.about-people .cont{padding: 0 20px;position: relative;transition: height .5s;height: 120px;}
.about-people .cont-1{padding-bottom: 15px;}
.about-people .cont-2{font-size: 16px;display: none;}
.about-built .title::after{margin-top: 25px;}
.about-built .title{margin-bottom: 30px;font-size: 40px;}
.about-built .text{margin-bottom: 40px;}
.about-built {padding-top: 130px;padding-bottom: 140px;}
.about-built .more-6{background-color: var(--public-color-red);border-color: var(--public-color-red);}
.about-built .left{width: 45%;}
.about-built .right{width: 51%;}

.contact-paper{padding-top: 85px;padding-bottom: 140px;}
.contact-paper .title span{color: var(--public-color);}
.contact-paper .title {margin-bottom: 60px;}
.contact-paper .top-head {margin-bottom: 56px;}
.contact-paper .top-head .cont{display: flex;justify-content: space-between;}
.contact-paper .top-head .c {
    flex: 1;
    position: relative;
}
.contact-paper .top-head .c:first-child .c-xl{width: 60%;}
.contact-paper .top-head .c:first-child::after{right: 12%;}
.contact-paper .top-head .c:last-child .c-xl{padding-left: 30px;}
.contact-paper .top-head .c-xl{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.contact-paper .top-head .c::after{
    content: "";
    width: 1px;
    height: 85px;
    background-color: #ccc;
    position: absolute;
    right: 0;
    top: 0;
}
.contact-paper .top-head .c .img{margin-bottom: 15px;}
.contact-paper .top-head .font-sty:first-child{color: var(--public-color);margin-bottom: 15px;font-size: 24px;line-height: 24px;font-weight: 500;display: none;}
.contact-paper .top-head .font-sty:last-child{color: #666;font-size: 20px;line-height: 28px;font-weight: 500;}
.contact-paper .top-head .c:last-child::after{display:none}
.contact-paper .top-head p{display: flex;flex-direction: column;}

.cont-content .left .h4{font-size: 24px;color: #333;font-weight: 500;margin-bottom: 20px;}
.cont-content .left .text{font-size: 18px;line-height: 24px;color: #999;font-weight: 500;}
.cont-content .left .list{position: relative;padding-left: 30px;margin-bottom: 40px;}
.cont-content .left .list::after {content: url(../../images/gou.png);position: absolute;left: 0;top: 3px}
.cont-content .left .content{display: flex;flex-direction: column;}

.cont-content .left{background-color: #f2f5fa;width: 51%;padding: 60px 60px 50px 73px;display: flex;flex-direction: column;justify-content: space-between;}
.cont-content .right{background-color: #d8e3f4;width: 49%;padding: 60px 104px 30px 102px;}
.cont-content .right .title{color: var(--public-color);}
.cont-content .t1{font-size: 34px;color: var(--public-color);font-weight: 500;margin-bottom: 50px;}
.cont-content .box-1 .c{display: flex;align-items: center;margin-bottom: 10px;}
.cont-content .img{margin-right: 25px;}
.cont-content .font-sty,.cont-content .h5, .cont-content .box-2 p{font-size: 16px;line-height: 24px;color: #999;font-weight: 400;}
.cont-content .box-2 p{color: var(--public-color);font-weight: 500;}
.cont-content .box-2 .c{position: relative;padding-left: 45px;margin-bottom: 30px;}
.cont-content .box-2 .c::before{content: url(../../images/cont-8.png);position: absolute;left: 0;top: 0;}
.cont-content .h5{margin-bottom: 10px;}
.form-feedback .col-md-12{padding: 0 5px;margin-bottom: 27px;}
.contact-paper .form-feedback .form-control{border:0;border-radius: 4px;padding-left:20px;padding-top: 20px;padding-bottom: 10px;}
.contact-paper .form-feedback .form-control::placeholder{color: #666666;font-size:20px;line-height: 28px;font-weight: 300;opacity: 1;}
.contact-paper .form-feedback .btn-box{display: flex;justify-content: flex-end;margin-top: 32px;}
.contact-paper .form-feedback .contact-form{padding-left: 103px;padding-right: 80px;}
.contact-paper .more-6{font-size: 22px;height: 66px;border-radius: 0;}
.contact-paper .form-row:nth-of-type(3) .form-control{padding-top: 20px;}


.video-paper{padding-top: 100px;padding-bottom: 145px;}
.all-video .list{	background-color: #ffffff;box-shadow: 8px 11px 16px 0px rgba(0, 0, 0, 0.13);border-radius: 16px;overflow: hidden;height: 100%;}
.all-video .list p{font-size: 16px;font-weight: 400;text-align: center;padding-bottom: 30px;padding-top: 15px;min-height: 117px;}
.all-video .img{position: relative;display: flex;justify-content: center;align-items: center;}
.all-video .img::after{content: "";width: 100%;height: 100%;background-color: rgba(3, 50, 130, .5);position: absolute;left: 0;top: 0;}
.all-video .img .video-btn{position: absolute;z-index: 1;}
.all-video .img .video-btn .liang{display: none;animation: bounceIn .6s;}
.all-video .img .video-btn:hover .liang{display: block;animation: bounceIn .6s;}
.all-video .img .video-btn .an{display: block;animation: bounceIn .6s;}
.all-video .img .video-btn:hover .an{display: none;animation: bounceIn .6s;}
.all-video .col-md-4{padding-left: 20px;padding-right: 20px;margin-bottom: 56px;}
.all-video .row{margin-left: -20px;margin-right: -20px;}


.down-paper{padding-top: 170px;padding-bottom: 80px;}
.down-paper .left{width: 50%;}
.down-paper .right{width: 42%;}
.down-paper .t1{font-size: 40px;line-height: 54px;color: #333333;font-weight: 500;position: relative;padding-left: 13px;margin-bottom: 10px;}
.down-paper .t1::before{content: "";width: 6px;height: 32px;background-color: var(--public-color-red);position: absolute;left: 0;top:10px}
.down-paper .text{margin-bottom:65px;}
.down-paper .form-control::placeholder{font-size: 16px;color: #666;opacity: 1;font-weight: 300;}
.down-paper .form-control{border-color: #bde391;}
.down-paper .more-5{background-color: #2d2d2d;}
.down-paper .more-5:hover::before{background-color: #fff;}
.down-paper .more-5:hover{color: var(--public-color);}
.down-paper .form-feedback .form-row{border-bottom: 1px solid #e5e5e5;padding-top: 10px;}
.down-paper .form-feedback .form-row:last-child{border-bottom: 0;}
.down-paper .form-feedback .col-md-6 {margin-bottom: 10px;}
.down-paper .form-feedback .form-control{padding-left: 0;}
.down-paper .form-feedback .col-md-12{margin-bottom: 0px;}
.down-paper .form-feedback{border-top: 1px solid #e5e5e5;}
.down-paper .form-feedback .btn-box {margin-top: 55px;}
.down-paper .more-6{border-radius: 0;background-color: var(--public-color-red);border-color: var(--public-color-red);height: 72px;padding-left: 28px;padding-right: 30px;font-size: 20px;}


/*news-in-paper*/
.news-in-paper{margin-top:45px;margin-bottom:100px}
.news-in-paper .h1{font-size:32px;line-height:60px;color:#333;font-weight:500;width:80%}
.news-in-paper .type{display:flex;align-items:center;font-size:18px;line-height:32px;margin-top:30px;padding-bottom:30px;color:#999999;font-weight:400;border-bottom:1px solid #ccc}
.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:61%}
.news-in-paper .article .content{color:#666666;line-height:30px;font-size:16px;border-bottom:1px solid #ccc;padding-bottom:90px;padding-top:62px}
.news-in-paper .article .content img{max-width:100% !important;height:auto !important}
.news-in-paper .article .content p{margin-bottom:10px}
.news-in-paper .box-tail{font-size:18px;line-height:30px;margin-top:54px;display:flex;justify-content:space-between}
.news-in-paper .box-tail .left{width:75%}
.news-in-paper .box-tail .right{width:20%;display:flex;justify-content:flex-end}
.news-in-paper .box-tail p{display:flex}
.news-in-paper .box-tail p a{display:inline-block;transition:all .6s;color:#666;font-size:16px;line-height:30px;padding-left:16px}
.news-in-paper .box-tail p a:hover{color:var(--public-color)}
.news-in-paper .box-tail p span{color:var(--public-color-red);display:block;font-weight:bold}
.news-in-paper .box-tail p:first-child{margin-bottom:10px}
.news-in-paper .box-tail .more-6{padding:0 30px}
.news-in-paper .aside{background-color:var(--public-color);width:28%;padding:40px;position:sticky;top:90px;height:fit-content;}
.news-in-paper .aside .img-people{margin-bottom:35px}
.news-in-paper .aside .more-6{background-color:var(--public-color-red);border-color:var(--public-color-red);border-radius:8px;margin-left:auto;margin-right:auto;margin-top:30px}
.news-in-paper .aside .more-6:hover{background-color:#fff;border-color:#fff}
.news-in-paper .aside .t4{margin-bottom:30px;font-size:24px;line-height:30px;color:#fff;font-weight:500;position:relative;padding-left:20px}
.news-in-paper .aside .t4::before{content:"";width:2px;height:100%;background-color:#fff;position:absolute;left:0;top:0}
.news-in-paper .aside .cont{font-size:17px;line-height:30px;color:#fff}
.news-in-paper .aside .cont p{margin-bottom:15px}
.news-in-paper .aside .cont p:last-child{margin-bottom:0}
.news-in-paper .all-product .col-md-4{padding-left: 30px;padding-right: 30px;}
/* .news-in-paper .all-product .row{margin-left: -30px;margin-right: -30px;} */
.news-in-paper .main-top{display: flex;justify-content: space-between;align-items: flex-start;;margin-bottom: 80px;}
.news-in-paper .all-product .title{color: #333;font-size: 32px;line-height: 56px;font-weight: 500;margin-bottom: 60px;}

.news-in-paper .all-product .model{font-size: 16px;line-height: 32px;font-weight: 700;color: var(--public-color-red);}
.news-in-paper .all-product .img{height: 310px;display: flex;justify-content: center;align-items: center;}
.news-in-paper .all-product .text{display: none;}
.news-in-paper .all-product .box{margin-top: 35px; display: flex;flex-direction: column;align-items: flex-start;}
.news-in-paper .all-product .box h5{display: none;}
.news-in-paper .all-product .t1{font-size: 20px;line-height: 30px;font-weight: 700;color: #333;margin-bottom: 25px;}
.news-in-paper .all-product .ul p{font-size: 16px;line-height: 32px;color: #666666;font-weight: 400;padding-left: 30px;}
.news-in-paper .all-product .ul p::before{content: '\f00c';font-family: 'cmsfont';color: var(--public-color-red);line-height: 32px;font-size: 18px;}

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

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

@media(max-width:768px){
    .news-in-paper{margin-bottom: 30px;margin-top: 0px;padding-top: 0px;}
    .news-in-paper .main-top {flex-wrap: wrap;}
    .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;padding-bottom: 15px;}
    .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 .h3 a{line-height: 24px;}
    .news-in-paper .aside .aside-box {padding-bottom: 30px;}
    .news-in-paper .aside-box-1{padding: 15px;}
    .news-in-paper .aside-box-1 .t1 {font-size: 18px;line-height: 26px;}
    .news-in-paper .main-top{margin-bottom: 30px;}
}

.main-box{display: flex;gap:50px;}
.main-box .main-top{max-width:1300px;margin-left: auto;gap:30px;}
.main-box .main-left{position:sticky;top:90px;height: fit-content;min-width: 300px;margin-bottom: 80px;}
.main-box .main-top{max-width:1300px;margin-left: auto;}
.main-box .aside{width:28%;padding:30px;border-radius:8px;}
.main-box .article{width:68%;}
.main-box .main-left-box{border: 1px solid #e7e7e7;border-radius:4px;background-color: #f8f8f8;}
.main-box .main-left-box .table-title{font-size: 20px;font-weight: 700;color: #333;margin-bottom:20px;padding: 20px;border-bottom: 1px solid #e7e7e7;}
.main-box .main-left-box ul{padding-left: 20px;list-style-type: disc;padding:0 20px 20px 20px;}
.main-box .main-left-box li{margin-bottom: 10px;font-size: 16px;line-height: 24px;}
.main-box .main-left-box a{color:#000;text-decoration: none;    font-size: 14px;font-weight: 400;line-height: 28px;}
.main-box .aside .img-people{margin-bottom:20px;}
/* .main-box .aside .t4{font-size: 22px;line-height: 32px;margin-bottom:15px;font-weight: bold;} */
/* .main-box .aside .cont{font-size: 18px;line-height: 22px;} */
.main-box .aside .more-6{background-color: var(--public-color-red);border-color: var(--public-color-red);border-radius: 8px;margin-left: auto;margin-right: auto;margin-top:30px;height:auto;padding:7px 20px;}


.previous{margin-top: 120px;}
.previous .title{text-align: center;font-size: 34px;line-height: 36px;color: #22222e;font-weight: 400;margin-bottom: 75px;}
.exhibition-paper .col-md-3{padding-left: 19px;padding-right: 19px;margin-bottom: 50px;}
.exhibition-paper .row{margin-left: -19px;margin-right: -19px;}
.exhibition-paper{padding-top: 20px;padding-bottom: 55px;}
.exhibition-paper .top-head{width: 47%;margin-bottom: 65px;}
.exhibition-paper .top-head p{margin-bottom: 20px;font-size: 16px;font-weight: 400;color: #999;}
.exhibition-paper .top-head p span{font-size: 20px;color: #666666;}
.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: 20px;font-weight: 400;line-height: 32px;color: #666;}
.exhibition-paper thead{background-color: #f2f5fa;font-weight: 500;}
.exhibition-paper .content-wrapper table thead tr:first-child td{padding-top: 20px;padding-bottom: 20px;}
.exhibition-paper .content-wrapper table td{text-align: left;letter-spacing: 0;border: solid 1px #cccccc;padding-left: 50px;}
.exhibition-paper .content-wrapper table td:first-child{color: #333;}
.exhibition-paper .content-wrapper table tr{border: solid 1px #cccccc;}
.exhibition-paper .content-wrapper table tr:nth-child(even){background-color: #f2f5fa;}
.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;display: inline-block;overflow: visible;}
.exhibition-paper a:hover{color: var(--public-color);text-decoration: underline;}
.exhibition-paper img{mix-blend-mode: multiply;}


.quality-paper .title{font-size: 34px;}
.quality-paper .title::after{margin-top: 20px;}
.quality-box{background-color: #f2f5fa;}
.quality-box .content{height: 173px;}
.quality-box .list{width: 23%;display: flex;font-size: 18px;font-weight: 500;color: #999;}
.quality-box .list::before{content: "\f00c";font-family: 'cmsfont';color: var(--public-color-red);display: block;padding-right: 28px;font-weight: 500;padding-top: 9px;}
.qua-proce .left{width: 48%;}
.qua-proce .right{width: 47%;}
.qua-proce .title{margin-bottom: 50px;}
.qua-proce{padding-top: 110px;padding-bottom: 130px;}
.qua-middle .list .text{text-align: right;}
.qua-middle .list {padding: 20px 0 15px 0;display: flex;flex-direction: column;justify-content: space-between;}
.qua-middle{padding-top: 70px;padding-bottom: 85px;}
.qua-stand {margin-bottom: 185px;}
.qua-stand .left{width: 48%;}
.qua-stand .right{width: 40%;}
.qua-stand .title{width: 90%;margin-bottom: 120px;}
.qua-stand .num{color: var(--public-color-red);font-size: 28px;font-weight: 500;}
.qua-stand .num::after{content: "";width: 4px;height: 4px;background-color: #cccccc;display: inline-block;margin-right: 4px;margin-left: 4px;}
.qua-stand .cont{display: flex;align-items: flex-end;}
.qua-stand .h4{color: #666;font-weight: 400;}
.qua-stand .t p{font-size: 14px;line-height: 20px;color: #999;text-align: right;}
.qua-stand .text{width: 78%;}
.qua-high  .left{width: 40%;}
.qua-high  .right{width: 48%;}
.qua-high .title{margin-bottom: 50px;}
.qua-high{margin-bottom: 90px;}
.qua-table table{font-size: 20px;color: #666;font-weight: 400;}
.qua-table table td{border: solid 1px #cccccc;}
.qua-table .table-1 td:first-child{background-color: #f2f5fa;color: #333;font-weight: 500;padding:35px 20px 35px 50px;width:26%;}
.qua-table .table-1 td:last-child{padding-left: 220px;}
.qua-table .table-1 {margin-bottom: 60px;}
.qua-table .table-2 td{padding-top: 35px;padding-bottom: 35px;}
.qua-table .table-2 thead tr{background-color: #f2f5fa;color: #333;font-weight: 500;}
.qua-table .table-2 td:first-child{padding-left: 50px;}
.qua-table .table-2 td:nth-child(2){padding-left: 100px;}
.qua-table .table-2 td:last-child{padding-left: 160px;}
.qua-table{margin-bottom: 120px;}
.qua-sup .title{margin-bottom: 30px;}
.qua-sup .ul p{color: #666;font-weight: 400;margin-bottom: 30px;}
.qua-sup .ul p::before{content: "\f00c";color: var(--public-color-red);font-family: 'cmsfont';}
.qua-sup .text{margin-bottom: 70px;}
.qua-sup .left{width: 49%;}
.qua-sup .right{width: 44%;}
.qua-sup{margin-bottom: 135px;}
.qua-video .title{text-align: center;margin-bottom: 60px;}
.qua-video .list{box-shadow: -13px -2px 16px 0px rgba(0, 0, 0, 0.13);}
.qua-video {margin-bottom: 45px;}
.qua-client{padding-top: 0;padding-bottom: 125px;}
.qua-client .title{text-align: center;margin-bottom: 0px;}


.product-paper{padding-top:80px;margin-bottom: 190px;}
.product-paper .title{font-size: 34px;position: relative;}
.product-paper .title::before{content: "";width: 6px;height: 32px;background-color: var(--public-color-red);display: inline-block;margin-right: 20px;}
.product-paper .h1{font-size: 34px;line-height: 52px;font-weight: bold;color: #22222e;position: relative;padding-left: 25px;}
.product-paper .h1::before{content: "";width: 6px;height: 32px;background-color: var(--public-color-red);position: absolute;left: 0;top: 7px;}
.pro-zhu{position: relative;padding-top: 55px;padding-bottom: 165px;}
.pro-zhu::after{content: "";background: url(../../images/pro-back-1.jpg) no-repeat;background-size: contain;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;}
.pro-zhu .left .img{margin-left: -130px;mix-blend-mode: darken;overflow: visible;}
.pro-zhu .left{width: 50%;}
.pro-zhu .right{width: 43%;}
.pro-zhu .text{padding-left: 25px;margin-bottom: 60px;}
.pro-zhu .ul{padding-left: 25px;}
.pro-zhu .ul p::before{content: "\f00c";font-family: 'cmsfont';color: var(--public-color-red);}
.pro-zhu .ul p em{padding-right: 10px;font-style: normal;}
.pro-zhu .ul p strong{color: #666666;font-weight: 500;}
.pro-zhu .ul p {margin-bottom: 10px;}
.pro-zhu .h1{margin-bottom: 40px;}
/* .pro-zhu .content{align-items: flex-end;} */
.pro-design .title{text-align: center;margin-bottom: 30px;width: 60%;margin-left: auto;margin-right: auto;}
.pro-design{margin-bottom: 50px;}
.pro-feat{background-color: #f2f5fa;padding-top: 130px;padding-bottom: 120px;}
.pro-feat .title{margin-bottom: 60px;}
.pro-feat .num{font-size: 40px;line-height: 48px;color: #999;font-weight: bold;margin-right: 30px;}
.pro-feat .num-box>div{display: flex;align-items: center;margin-bottom: 25px;}
.pro-feat .num-box>div:last-child{margin-bottom: 0;}
.pro-feat .h4{color:#666;font-weight: 500;}
.pro-feat .left{width: 100%;}
.pro-feat .right{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pro-feat .col-6{margin-bottom: 35px;}
.pro-feat img{border-radius: 16px;}
.pro-feat .img{position: relative;}
.pro-feat .x4-t1{font-size:20px;line-height:26px;padding:5px;font-weight:bold;margin-top:10px;}
.pro-feat .x4-nr{font-size:16px;line-height:26px;color:#666;padding:5px;}

.pro-device {margin-top: 130px;margin-bottom: 36px;}
.pro-device .top-head{width: 48%;margin-bottom: 100px;}
.pro-device .top-head table p{margin-bottom: 0px;}
.pro-device .title{margin-bottom: 35px;}
.pro-device .list{background-color: #ffffff;box-shadow: -11px -2px 32px 0px rgba(0, 47, 125, 0.2);}
.pro-device .t1{height: 105px;display: flex;align-items: center;justify-content: center;border-top: 4px solid #c8d2e2;font-size: 20px;font-weight: 500;}
.pro-device .col-md-4{padding-left: 25px;padding-right: 25px;margin-bottom: 80px;}
.pro-device .row{margin-left: -25px;margin-right: -25px;}
.pro-video{background-color: #f2f5fa;padding-top: 70px;padding-bottom: 80px;}
.pro-video .all-box-btn{position: relative;}
.pro-video .all-box-btn::after{content: "";height: 4px;width: 100%;background-color: #ca000c;opacity: .2;position: absolute;left: 0;top: 0;}
.pro-video .title{font-size: 40px;margin-bottom: 75px;}
.pro-video .mySwiper-video{padding: 0px 15px 50px 5px;}
/* .pro-video .mySwiper-video .swiper-slide{height: auto;} */
.pro-video .all-box-btn{display: flex;flex-direction: column;align-items: flex-start;}
.pro-video .all-box-btn .swiper-pagination-bullet{width: auto;flex: 1;height: 4px;margin: 0 !important;background-color: #ca000c;opacity: 0;}
.pro-video .all-box-btn .swiper-pagination-bullet-active{opacity: 1;}
.pro-video .all-box-btn .l-btn{width: 100%;margin-bottom: 64px;}
.pro-video .all-box-btn .r-btn{width: 100%;justify-content: normal}
.pro-faq{padding-top: 110px;padding-bottom: 115px;}
.pro-faq .title{font-size: 40px;margin-bottom: 70px;}
.pro-faq .items{cursor: pointer;;padding: 22px 54px 21px 25px;box-shadow: -11px -2px 32px 0px rgba(0, 47, 125, 0.2);margin-bottom: 40px;}
.pro-faq .q1{font-size: 20px;line-height: 48px;font-weight: 500;color: #333333;width: 90%;}
.pro-faq .items .quen-a{line-height: 32px;font-size: 18px;color: #999999;font-weight: 400;display: none;width: 90%;}
.pro-faq .items .up, .pro-faq .items .down{font-size: 18px;line-height: 26px;}
.pro-faq .num{display: flex;justify-content: center;align-items: center;width: 47px;height: 47px;background-color: var(--public-color);color: #fff;font-size: 40px;font-weight: bold;margin-right: 22px;}
.pro-faq .items:last-child{margin-bottom: 0;}
.pro-faq .quen-q{display: flex;justify-content: space-between;align-items: center}
.pro-faq .quen-q div:first-child{display: flex;align-items: center;}
.pro-faq .items .quen-a{display:none;animation: fadeIn .6s;} */
.pro-faq .items .up,.pro-faq .items .down{transition: all 0.6s ease-in-out;}
.pro-faq .items .up{display: none;}
.pro-faq .items.active .up{display: block;}
.pro-faq .items.active .down{ display: none;}
.pro-faq .items.active .quen-a{display: block;}
.pro-faq .items.active .quen-q{margin-bottom: 35px;}
.pro-faq .items.active{padding-top: 0;}
.pro-faq .items.active .num{margin-top: -10px;}
.pro-sys{background-color: var(--public-color);padding-top: 70px;margin-bottom: 175px;}
.pro-sys .title{color: #fff;margin-bottom: 30px;}
.pro-sys .text{font-size: 16px;color: #cbcbcb;font-weight: 400;margin-bottom: 55px;}
.pro-sys .more-6{height: 72px;border-color: #fff;font-size: 24px;border-radius: 0;}
.pro-sys .left{width: 45%;}
.pro-sys .right{width: 50%;text-align: right;}
.pro-sys .right img{margin-bottom: -140px;display: inline-block;}
.pro-news .title {margin-bottom: 75px;}
.pro-news .list>div{background-color: #fff;padding-left: 44px;height: 110px;display: flex;align-items: center;border-radius: 0 0 16px 16px;overflow: hidden;}
.pro-news .t1{font-size: 20px;color: #333;font-weight: 400;}
.pro-news .list{background-color: #ffffff;box-shadow: -11px -2px 32px 0px rgba(0, 47, 125, 0.2);border-radius: 16px;}
.pro-news .list img,.pro-news .list .img{border-radius: 16px 16px 0 0 ;}
.pro-news .col-md-4{padding-left: 10px;padding-right: 10px;}
.pro-news .row{margin-left: -10px;margin-right: -10px;}
.pro-news .img{position: relative;}
.pro-news .time{position: absolute;left: 33px;top: 0;width: 77px;height: 77px;background-color: var(--public-color);color: #fff;font-size: 27px;font-weight: 500;z-index: 2;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}


.pro-in-paper .pro-zhu{padding-bottom: 150px;}
.pro-in-paper .pro-zhu::after{background: url(../../images/pro-in-2.jpg) no-repeat}
.pro-in-paper .pro-zhu .content{align-items: center;}
.pro-in-paper .pro-zhu .left{width: 54%;}
.pro-in-paper .pro-zhu .right{width: 44%;}
.pro-in-paper .pro-zhu .left .img{margin-left: -150px;}
.pro-in-paper .pro-feat{position: relative;}
.pro-in-paper .pro-feat::after{content: "";background: url(../../images/pro-in-back-1.jpg) no-repeat;background-size: contain;width: 60%;height: 60%;position: absolute;left: 0;top: 29%;z-index: 1;mix-blend-mode: multiply;opacity: .5;}
.pro-in-paper .pro-feat .content{position: relative;z-index: 2;}
.pro-in-paper .pro-in-device .top-head{width: 50%;margin-left: auto;margin-right: auto;text-align: center;}
.pro-in-paper .pro-in-device .title::before{display: none;}
.pro-in-device{padding-top: 135px;padding-bottom: 130px;position: relative;}
.pro-in-device .title{margin-bottom: 30px;}
.pro-in-device .top-head{margin-bottom: 180px;}
.pro-in-device .t1{font-size: 34px;color: #22222e;font-weight: 500;margin-bottom: 40px;}
.pro-in-device .t1::after{margin-top: 30px;}
.pro-in-device .ul{margin-bottom: 70px;}
.pro-in-device .ul p{color: #666;font-weight: 400;margin-bottom: 20px;}
.pro-in-device .ul p:last-child{margin-bottom: 0;}
.pro-in-device .ul p::before{content: "\f00c";font-family: 'cmsfont';color: var(--public-color-red);}
.pro-in-device .text{margin-bottom: 45px;font-size: 16px;line-height: 28px;color:#666;font-weight: 300;}
.pro-in-device .left{width: 43%;}
.pro-in-device .right{width: 50%;}
.pro-in-device .items{display: flex;justify-content: space-between;align-items: center;margin-bottom: 160px;}
.pro-in-device .items:last-child{margin-bottom: 0;}
.pro-in-device .items:first-child{padding-right: 50px;}
.pro-in-device .items:nth-child(even){flex-direction: row-reverse;}
.pro-in-device .items:nth-child(odd) .right{text-align: end;}
.pro-in-device .more-6{border-radius: 0;cursor: pointer;;background-color: var(--public-color-red);border-color: var(--public-color-red);padding-left: 24px;padding-right: 26px;height: 50px;}
.pro-in-device::after{content: "";background: url(../../images/pro-back-2.jpg) no-repeat;background-size: contain;width: 100%;height: 100%;position: absolute;left: 0;bottom: 0px;z-index: -1;background-position-y: center;}
.pro-in-device .right img{mix-blend-mode: darken;}
.pro-in-device .img{display: inline-block;}


.new-list-paper{padding-top: 40px;margin-bottom: 130px;}
.new-list-paper .col-md-4{padding-left: 20px;padding-right: 20px;margin-bottom: 50px;}
.new-list-paper .row{margin-left: -20px;margin-right: -20px;}

@media(max-width:1670px){
    .pro-in-paper .pro-zhu .left .img{margin-left: -100px;}
}
@media(max-width:1660px){
    .index-pro .items:first-child .left{margin-left:-50px;width: 70%;}
    .index-news .container-xl.m-right{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
    .index-news .mySwiper-1{padding-right: 0;}
    .pro-zhu .left .img {margin-left: -100px;}
    .pro-zhu .left {width: 53%;}
}
@media(max-width:1630px){
    .index-pro .items:nth-child(2) .left{margin-right: -45px;}
    .pro-zhu .left .img {margin-left: -70px;}
}
@media(max-width:1600px){
    .pro-in-paper .pro-zhu .left .img{margin-left: -50px;}
}
@media(max-width:1560px){
    .index-pro .items:first-child .left{margin-left:-20px;width: 65%;}
    .index-pro .items:nth-child(2) .left{margin-right: -25px;width: 63%;}
    .pro-zhu .left .img {margin-left: -30px;}
    .pro-zhu .left {width: 55%;}
}
@media(max-width:1510px){
    .index-pro .items:nth-child(2) .left{margin-right: 0px;width: 60%;}
    .index-pro .items:nth-child(2) .right,.index-pro .items:nth-child(3) .right{padding-left: 0;}
    .service-paper .items:last-child .right{padding-right: 45px;}
    .ser-bottom .items:nth-child(even).all-back .right::after{right: 0;}
}
@media(max-width:1500px){
    .index-pro .items:first-child .left{margin-left:0px}
}
@media(max-width:1480px){
    .index-cust .content {height: 530px;}
    .index-cust .list-left{width: 20%;}
    .pro-zhu .left .img {margin-left: 0px;}
    .pro-in-paper .pro-zhu .left .img{margin-left: 0;}
}
@media(max-width:1460px){
    .banner .h1{font-size: 48px;line-height: 62px;}
    .banner .h1::after{margin-top: 30px;}
    .banner.all-banner .h1{font-size: 39px;line-height: 52px;}
    .index-pro .items:first-child .left{width: 60%;}
    .index-pro .items:first-child .right{width: 37%;}
    .index-about{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
    .pro-device .col-md-4,.all-video .col-md-4,.new-list-paper .col-md-4,.exhibition-paper .col-md-3,.news-in-paper .all-product .col-md-4{padding-left: 15px;padding-right: 15px;}
    .pro-device .row,.all-video .row,.new-list-paper .row,.exhibition-paper .row,.news-in-paper .all-product .row{margin-left: -15px;margin-right: -15px;}
    .ser-middle .list:first-child {padding-left: 70px;}
    .ser-middle .list:last-child{padding-right: 60px;}
}
@media(max-width:1430px){
    .index-paper .title{font-size: 34px !important;}
    .index-size .list {padding: 10px;}
    .index-size .col-md-4{padding-left: 15px;padding-right: 15px;}
    .index-size .row{margin-left: -15px;margin-right: -15px;}
    .index-service .box-1{width: auto;}
    .qua-stand .cont{display: -webkit-inline-box;}
}
/* @media(max-width:1400px){
    .about-people .list{height: 540px;}
} */
@media(max-width:1360px){
    .index-about .text {margin-bottom: 40px;}
    .index-about .num span {font-size: 40px;}
    .index-about .small-box {margin-bottom: 28px;}
    .index-faq{padding-right: 0;}
    .footer-top .list-1 {width: 26%;}
}
@media(max-width:1345px){
    .index-size .list-1::after {height: 100%;top: 0;}
    .index-service .right,.cont-content .right{padding: 40px 55px 40px 50px;}
    .cont-content .left{padding: 60px 30px 20px 30px;}
    .about-people .list:hover .img{height: 100%;}
    .contact-paper .more-6 {font-size: 18px;height: 52px;}
    .index-pro{overflow: hidden;}
    .contact-paper .top-head .c:first-child::after{right: 0;}
    .contact-paper .top-head .c:first-child .c-xl{width: 100%;}
    .index-size .h5{font-size: 16px;}
}
@media(max-width:1280px){
    .all-banner.banner .h1::after {margin-top: 15px;}
    .banner-cont .container-xl{padding-top: 0px !important;}
    .all-banner .cont-box {width: 100%;}
    .index-cust .content::after {left: 30%;}
    .index-cust .right{width: 65%;}
    .footer-top .list-1 {width: 28%;}
    .ser-middle .list:first-child {padding-left: 30px;}
    .ser-middle .list:last-child{padding-right: 0px;}
    .ser-middle .list:nth-child(2),.ser-middle .list:last-child {padding-left: 40px;}
}
@media(max-width:1270px){
    .index-box .list{padding: 25px 20px;}
    .index-banner .cont-box {width: 75%;}

}
@media(max-width:1230px){
    .index-size .h5{font-size: 14px;}
    .main-box .main-left{width: 22%;min-width:auto;;}
    .main-box .main-top{width: 75%;}
}
@media(max-width:1200px){
    .index-box{margin-top: 30px;}
    .index-pro{margin-top: 120px;}
    .index-cust .content{flex-direction: column;align-items: flex-start;}
    .index-cust .content::after{display: none;}
    .index-cust .right{width: 100%;}
    .index-cust .content{height: auto;}
    .index-paper .title{margin-bottom: 60px;width: auto;}
    .index-cust .list-left {width: 25%;}
    .index-cust .list-right{width: 70%;}
    .all-banner.banner .container-xl{padding-top: 70px;}
    .news-in-paper .article {width: 65%;}
    .news-in-paper .aside {width: 30%;}
    .about-his .content .pag {width: 15%;}
    .about-his .content span::before {width: 60px;}
}
@media(max-width:1160px){
    .index-size .col-md-4{max-width: 50%;flex:0 0 50%;margin-bottom: 30px;}
    .index-about .content{flex-wrap: wrap;}
    .index-about .left{width: 100%;margin-bottom: 30px;}
    .index-about .right{width: 100%;}
    .footer-top .list-1 {flex-direction: column;justify-content: normal}
    .footer-top .list-3 {width: 30%;}
    .index-pro .items .right{width: 100% !important;}
    .index-pro .items .left{width: 100% !important;margin-bottom: 40px;}
    .index-pro .items{flex-direction: column;height: auto !important;}
    .index-pro .items:nth-child(2), .index-pro .items:nth-child(3){flex-direction: column;}
     .about-people .list{ width: calc(calc(100% - 20px* 3) / 4);margin-bottom: 60px;}
     .about-people .name {font-size: 20px;}
     .about-people .post{font-size: 16px;line-height: 24px;}
    /*.about-people .content{flex-wrap: wrap;} */
    .cont-content .box-1 .c{display: -webkit-inline-box;}

}
@media(max-width:768px){
    .index-size .t1{height: auto;}
    .banner{overflow: hidden;}
    .banner .h1 {font-size: 24px !important;line-height: 32px !important;}
    .title{font-size: 22px !important;line-height: 32px !important;margin-bottom: 15px !important;}
    .dfrsbc,.dfrsb{flex-wrap: wrap !important;}
    .left,.right{width: 100% !important;}
    .text{font-size: 14px !important;line-height: 20px !important;}
    .text p{margin-bottom: 10px !important;}
    .row-line::after{margin-top: 10px !important;}
    .ul p{padding-left: 30px !important;}
    .ul {font-size: 16px !important;line-height: 24px !important;}
    .more-6{padding: 0 25px !important;font-size: 16px !important;height: 42px !important;}

    .small-nav ul li::after {padding: 0 10px;font-size: 14px;line-height: 20px;}
    .small-nav ul a{font-size: 14px;line-height: 20px;}

    .index-banner .text{display: none;}
    .banner .h1{margin-bottom: 0;}

    .mySwiper-pro .pagination-pro{bottom: 0;left: 0;}
    .mySwiper-pro .swiper-pagination-bullet{background-color: var(--public-color);opacity: .2;}
    .mySwiper-pro .swiper-pagination-bullet-active{background-color: var(--public-color);opacity: 1;}
    .mySwiper-pro .swiper-slide{height: auto;}
    .mySwiper-pro {padding-bottom: 30px;margin-bottom: 30px;padding-left: 10px;padding-right: 10px;padding-top: 30px;}

    .footer{padding-top: 30px;padding-bottom: 0px;}
    .footer-top .list-1 .text{margin-bottom: 20px;}
    .footer-top .list-1 .text span{display: inline;}
    .footer-top .list-1{width: 100%;margin-bottom: 30px;}
    .footer-top .list-2 {width: 100%;margin-bottom: 30px;}
    .footer-top .t1 {margin-bottom: 20px;}
    .footer-top .list-2 .icon {width: 7%;line-height: 20px;}
    .footer-top .list-3 {width: 100%;margin-bottom: 30px;}
    .footer-top .list-4{width: 100%;}
    .footer-top{padding-bottom: 30px;}

    .index-box .list{width: 100%;flex: none;padding: 15px 20px;}
    .index-box .h4 {font-size: 18px;line-height: 26px;margin-bottom: 10px;}
    .index-pro{margin-top: 30px;}
    .index-paper .title{font-size: 22px !important;}
    .index-pro .small-img .img-1 img{height: 100px;width: auto;max-width: none;}
    .index-pro .t1{font-size: 20px;line-height: 28px;}
    .index-pro .ul p::before {line-height: 26px;}
    .index-pro .items{margin-bottom: 50px;}
    .index-pro .items:nth-child(3) .img{padding-left: 0;margin-bottom: 0px;}
    .index-pro .items:nth-child(3) .img img{transform: none;}
    .index-pro .items:nth-child(3) .ul {margin-bottom: 30px;padding-left: 20px;}
    .index-pro .items:nth-child(3) .small-img{padding-left: 20px;}
    .index-pro .top-head{margin-bottom: 30px;}
    .index-size .col-md-4{max-width: 100%;flex: 0 0 100%;}

    .index-pro .title span:first-child {padding-right: 20px;}
    .index-pro .title span:last-child{padding-left: 20px;}
    .index-pro>.container-xl{padding: 0;}
    .index-size{margin-bottom: 30px;}
    .index-about .h6{margin-bottom: 0;}
    .index-about .num span,.index-about .num {font-size: 28px;line-height: 32px;}
    .index-about .num{margin-bottom: 15px;}
    .index-size .mySwiper-pro{padding: 0 0 30px 0;}
    .index-about>.container-xl{padding: 0;}
    .index-about .text {margin-bottom: 20px;}
    .index-about{margin-bottom: 30px;}
    .index-logo{margin-bottom: 30px;}
    .index-cust{padding-top: 30px;padding-bottom: 30px;}
    .index-paper .title {width: 100%;margin-bottom: 25px !important;}
    .index-cust .list{flex-direction: column;}
    .index-cust .list-left,.index-cust .list-right{width: 100%;}
    .index-cust .h4{font-size: 18px;line-height: 26px;margin-bottom: 10px;}
    .index-cust .img img {height: 80px;}
    .index-cust .list-left{margin-bottom: 20px;}
    .index-cust .list-right{font-size: 14px;line-height: 20px;}
    .index-cust .right {padding-bottom: 30px;}
    .index-cust{margin-bottom: 30px;}
    .index-faq .cont{width: 100%;margin-bottom: 25px;}
    .index-faq .content{width: 100%;}
    .all-faq .items .q2 img{width: 15px;}
    .index-paper .title {margin-bottom: 15px !important;}
    .all-faq .items{padding: 15px;}
    .all-faq .items .quen-q{font-size: 18px;line-height: 26px;}
    .all-faq .items .quen-a{font-size: 16px;line-height: 24px;width: 100%;}
    .all-faq .items .q1 {width: 87%;}
    .index-faq{margin-bottom: 30px;}
    .index-service .content{flex-wrap: wrap;}
    .index-service>img{height:950px;width: auto;}
    .index-service .list{width: auto;}
    .index-service .box-1{flex-wrap: wrap;}
    .index-service .num{font-size: 28px;line-height: 32px;}
    .index-service .text{margin-bottom: 20px;}
    .index-service .box-1{margin-bottom: 20px;}
    .index-service .right, .cont-content .right{padding:20px 15px;}
    .form-feedback .col-md-12{margin-bottom: 15px;}
    .form-feedback .btn-box {margin-top: 20px;}
    .index-service .left{margin-bottom: 30px;}
    .index-service{margin-bottom: 30px;}
    .index-news .top-head{margin-bottom: 25px;}
    .all-news .t2{font-size: 16px;line-height: 24px;
        -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    }
    .index-paper{margin-bottom: 80px;}


    .ser-box.about-box .small-box{height: auto;padding:15px 0;}
    .ser-box.about-box .small-box .list{width: 50%;margin-bottom: 20px;flex: none;}
    .ser-box .num {font-size: 28px;}
    .ser-box{margin-bottom: 30px;}
    .about-zhu .zhu-top{flex-direction: column-reverse;margin-bottom: 30px;}
    .about-zhu .right{margin-bottom: 30px;}
    .about-zhu .zhu-bottom{margin-top: 20px;}
    .about-zhu .content{margin-bottom: 20px;}
    .about-zhu{margin-bottom: 30px;}
    .about-cer{padding-top: 30px;padding-bottom: 30px;}
    .about-cer .left{margin-bottom: 20px;}
    .about-cer .text{margin-bottom: 30px;}
    .about-his{padding-top: 30px;padding-bottom: 0px;}
    .about-his .top-head{width: 100%;margin: 0 auto 30px auto}
    .about-his .items{flex-direction: column;}
    .about-his .left{width: 100%;margin-bottom: 20px;}
    .about-his .right{width: 100%;}
    .about-his .items .year {font-size: 52px;line-height: 52px;}
    .content-his .pag{display:none}
    .content-his .all-hover {top: 5%;}
    .mySwiper-his {width: 100%;margin-bottom: 0;}
    .about-ser{padding-top: 30px;padding-bottom: 30px;}
    .about-ser .left{margin-bottom: 30px;}
    .about-client{padding-top: 30px;padding-bottom: 30px;}
    .about-client .swiper-wrapper {padding-top: 0;}
    .all-box-btn{width: 100%;}
    .about-client .clients1 {margin-bottom: 40px;}
    .about-people{padding-top: 30px;padding-bottom: 0px;}
    .about-people .list {width: 48%;margin-bottom: 30px;}
    .about-people .cont {padding:0;height: 90px;}
    .about-people .name{margin-bottom: 10px;}
    .about-built{padding-top: 30px;padding-bottom: 30px;}
    .about-built .left{margin-bottom: 20px;}
    .about-built .text{margin-bottom: 20px;}
    .about-built{padding-bottom: 80px;}
    .about-his .items .year{text-align: center;}
    .all-banner.banner>img{height: 170px;width: auto;}
    .small-nav ul li a{
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word;
    }

    .product-paper{padding-top: 30px;margin-bottom: 80px;}
    .pro-zhu .left{margin-bottom: 20px;}
    .product-paper .h1{font-size: 22px;line-height: 32px;margin-bottom:15px;}
    .pro-zhu .text{margin-bottom: 20px;}
    .pro-zhu{padding-top: 0;padding-bottom: 30px;}
    .pro-design .title{width: 100%;}
    .product-paper .title::before {height: 20px;}
    .pro-design{margin-bottom: 30px;}
    .pro-feat{padding-top: 30px;padding-bottom: 0px;}
    .pro-feat .num {font-size: 28px;line-height: 32px;margin-right: 15px;}
    .pro-feat .col-6{margin-bottom: 15px;}
    .pro-feat .x4-t1{font-size:18px;line-height:24px;}
    .pro-feat .x4-nr{font-size:14px;line-height:22px;}
    .pro-feat .list p {height: 42px;font-size: 14px;line-height: 20px;}
    .pro-device{margin-top: 30px;margin-bottom: 30px;}
    .pro-device .top-head{width: 100%;margin-bottom: 25px;}
    .pro-feat .left{margin-top: 0;}
    .pro-device .col-md-4{width: 50%;margin-bottom: 25px;}
    .pro-device .t1 {height: 60px;font-size: 16px;}
    .pro-video{padding-top: 30px;padding-bottom: 30px;}
    .pro-video .all-box-btn .l-btn{margin-bottom: 30px;}
    .pro-faq{padding-top: 30px;padding-bottom: 30px;}
    /* .pro-faq .items{padding: 20px 15px;} */
    .pro-faq .q1{font-size: 18px;line-height: 26px;}
    .pro-faq .q2 img{width: 15px;}
    .pro-faq .items .quen-a{font-size: 14px;line-height: 20px;width: 100%;}
    .pro-faq .items {padding: 20px 15px;margin-bottom: 25px;}
    .pro-faq .items.active .quen-q {margin-bottom: 20px;}
    .pro-sys{padding-top: 30px;padding-bottom: 30px;margin-bottom: 90px;}
    .pro-sys .left{margin-bottom: 25px;}
    .pro-sys .right img{margin-bottom: -100px;}
    .pro-sys .more-6{height: 42px;}
    .pro-sys .text{margin-bottom: 20px;}

    .pro-in-paper .pro-zhu{padding-bottom: 30px;}
    .pro-in-device{padding-top: 0px;padding-bottom: 30px;}
    .pro-in-device .items{margin-bottom: 50px;flex-wrap: wrap;padding-right: 0 !important;flex-direction: column-reverse !important;}
    .pro-in-device .right{margin-bottom: 20px;}
    .pro-in-device .t1{font-size: 20px;line-height: 32px;margin-bottom: 15px;}
    .pro-in-device .text{margin-bottom: 20px;}
    .pro-in-device .ul p{margin-bottom: 10px;}
    .pro-in-device .ul p::before{line-height: 26px;}
    .pro-in-device .ul{margin-bottom: 20px;}
    .pro-in-paper .pro-in-device .top-head{width: 100%;margin-bottom: 20px;}

    
    .pro-device .col-md-4, .all-video .col-md-4, .new-list-paper .col-md-4,.exhibition-paper .col-md-3,.news-in-paper .all-product .col-md-4{padding-left: 7px;padding-right: 7px;}
    .pro-device .row, .all-video .row, .new-list-paper .row,.exhibition-paper .row,.news-in-paper .all-product .row{margin-left: -7px;margin-right: -7px;}

    .all-banner.banner .container-xl{padding-top: 0;}
    .all-banner .cont-box{width: 100% !important;}
    .quality-box .content{height: auto;padding-top: 15px;}
    .quality-box .list{width: 100%;margin-bottom: 20px;font-size: 16px;line-height: 24px;}
    .quality-box .list::before{padding-top: 0;padding-right: 15px;}
    .qua-proce{padding-top: 30px;padding-bottom: 30px;}
    .qua-proce .content{flex-direction: column-reverse;}
    .qua-proce .right{margin-bottom: 20px;}
    .qua-middle{padding-top: 30px;padding-bottom: 30px;}
    .ser-middle .top-head{width: 100% ;margin-bottom: 20px;}
    .ser-middle .content{flex-wrap: wrap;}
    .qua-middle .list{width: 100%;padding-left: 15px !important;}
    .qua-middle .list + .list{border-top: 1px solid rgba(255,255,255,.3);}
    .ser-middle .h3{font-size: 18px;}
    .qua-middle{margin-bottom: 30px;}
    .qua-stand .left{margin-bottom: 15px;}
    .qua-stand .title{width: 100%;}
    .qua-stand{margin-bottom: 30px;}
    .qua-high{flex-direction: column-reverse;margin-bottom: 30px;}
    .qua-high .right{margin-bottom: 30px;}
    .qua-table .table-1 td:first-child,.qua-table .table-2 td:first-child{padding:15px 20px;}
    .qua-table .table-1 td:last-child,.qua-table .table-2 td:nth-child(2),.qua-table .table-2 td:last-child{padding-left: 20px;}
    .qua-table table {font-size: 16px;}
    .qua-table .table-1{margin-bottom: 30px;}
    .qua-table{margin-bottom: 30px;}
    .qua-sup .left{margin-bottom: 20px;}
    .qua-sup .text{margin-bottom: 20px;}
    .qua-sup .ul p{margin-bottom: 10px;}
    .qua-sup{margin-bottom: 30px;}
    .all-video .list p {font-size: 16px;padding-bottom: 15px;}
    .all-video .col-md-4 {width: 50%;margin-bottom: 25px;}
    .all-video .img .video-btn img{width: 40px;}
    .qua-video{margin-bottom: 0px;}
    .about-client .box {padding-top: 35px;padding-bottom: 20px;}

    .ser-box .small-box{width: 100%;height: auto;padding-top: 15px;padding-bottom: 15px;}
    .ser-box .h4{font-size: 16px;line-height: 24px;}
    .ser-box .list{flex: 1;}
    .service-paper .items{flex-wrap: wrap;}
    .service-paper .ul{margin-top: 20px !important;}
    .service-paper .left{margin-bottom: 0px;}
    .service-paper .items{margin-bottom: 30px;}
    .ser-top{margin-bottom: 30px;}
    .ser-top .items{flex-direction: column-reverse !important;}
    .ser-top .right{margin-bottom: 20px;}
    .ser-middle{padding-top: 30px;padding-bottom: 30px;margin-bottom: 30px;}
    .ser-middle .list{width: 100% !important;}
    .service-paper .ul p{font-size: 16px;line-height: 24px;}
    .ser-bottom{margin-bottom: 100px;}
    .ser-bottom .items:nth-child(odd){margin-bottom: 50px;}
    .ser-bottom .items:nth-child(odd) .ul{margin-bottom: 20px;}
    .ser-bottom .items{flex-direction: column-reverse !important;}
    .service-paper .all-back .right{margin-bottom: 20px;}
    .service-paper .items:last-child .right{margin-bottom: 50px;}
    .service-paper .items:last-child .left{margin-bottom: 0;}

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

    .down-paper{padding-top: 30px;padding-bottom: 80px;}
    .down-paper .t1{font-size: 24px;line-height: 32px;}
    .down-paper .text{margin-bottom: 20px;}
    .down-paper .form-control{border-bottom: 1px solid #e5e5e5;}
    .down-paper .form-feedback .form-row{border: 0;padding-top: 0;}
    .down-paper .form-feedback .btn-box{margin-top: 35px;}
    .down-paper .t1::before {top: 3px;height: 25px;}

    .new-list-paper{padding-top: 30px;margin-bottom: 80px;}
    .new-list-paper .col-md-4{width: 50%;margin-bottom: 25px;}
    .all-news .time{font-size: 14px;line-height: 20px;}


    .news-in-paper .main-top{flex-wrap: wrap;}
    .news-in-paper .article{width: 100%;}
    .news-in-paper .aside{width: 100%;}
    .news-in-paper .h1{width: 100%;font-size: 22px;line-height: 32px;margin-top: 0;}
    .news-in-paper .type {margin-bottom: 0px;}
    .news-in-paper .box-tail{flex-wrap: wrap;}
    .news-in-paper .box-tail p a{line-height: 24px;}
    .news-in-paper .aside .h2{font-size: 20px;line-height: 30px;margin-bottom: 20px;padding-left: 15px;}
    .news-in-paper .box-tail .left{margin-bottom: 15px;}
    .news-in-paper .aside .aside-box .t2 {font-size: 18px;line-height: 26px;margin-bottom: 15px;}
    .news-in-paper .aside .aside-box>.items .box{width: 63%;}
    .news-in-paper .aside .aside-box>.items .img{width: 32%;height: 100px;}
    .news-in-paper .aside-box-1 .t1 {margin-bottom: 20px;}
    .news-in-paper .all-product .col-md-4{padding-left: 0;padding-right: 0;}
    .news-in-paper .all-product .t1 {font-size: 18px;line-height:26px}
    .news-in-paper .all-product .list{box-shadow: 0px 1px 7px 1px rgba(52, 52, 52, 0.05);height: 100%;}
    .news-in-paper {margin-bottom: 70px;}
    .news-in-paper .all-product .title{margin-bottom: 0 !important;}
    .news-in-paper .all-product .box{margin-top: 20px;padding-left: 15px;}

    .contact-paper{padding-top: 30px;padding-bottom: 80px;}
    .all-banner .text{width: 100%;display: none;}
    .contact-paper .top-head .list{width: 100% !important;margin-bottom: 15px;}
    .contact-paper .top-head .text{width:100% !important}
    .contact-paper .top-head .h4{font-size: 19px;line-height: 27px;margin-bottom: 15px;}
    .cont-content .left{padding:20px 15px;}
    .contact-paper .top-head{margin-bottom: 20px;}
    .cont-content .t1{font-size: 22px;line-height: 32px;margin-bottom: 20px;}
    .cont-content .box-2 .c {margin-bottom: 25px;padding-left: 35px;}
    .contact-paper .form-feedback .form-control {padding-left: 20px;padding-top: 15px;padding-bottom: 15px;}
    .cont-content .box-1 .c{display: flex;justify-content: space-between;}
    .cont-content .left .box-1 .img{width: 10%;margin-right: 0px;}
    .cont-content .left .box-1 .c p{width: 85%;}
    .contact-paper .top-head .c{flex: none;width: 100%;margin-bottom: 20px;}
    .contact-paper .top-head .c-xl{flex-direction: row;
        align-content: normal;text-align: left;align-items: flex-start}
    .contact-paper .top-head .cont{flex-wrap: wrap;}
    .contact-paper .top-head .c:last-child .c-xl{padding-left: 0;}
    .contact-paper .top-head .c .img{width: 10%;}
    .contact-paper .top-head p{width: 85%;align-items: flex-start;}
    .contact-paper .top-head .font-sty:first-child{margin-bottom: 5px;font-size: 20px;display: none;}
    .contact-paper .top-head .c::after{display: none;}
    .cont-content .left .h4{font-size: 18px;line-height: 26px;margin-bottom: 10px;}
    .cont-content .left .list{margin-bottom: 15px;}
    

    .video-nav .h2{text-transform: capitalize;overflow: hidden;padding-left: 15px;padding-right: 10px;width: 100%;height: 42px;font-size: 1.25rem;background-color: var(--public-color);color: #fff;display: flex;justify-content: space-between;align-items: center;border-radius: 8px 8px 0px 0px;}
    .video-nav .all-nav a{font-size: 14px;margin-bottom: 0;border: 0;background: #f6f6f6;color: #666;height: 42px;line-height: inherit;display: flex;justify-content: flex-start;align-items: center;padding-left: 25px;}
   .video-nav .all-nav a + a{border-top: 1px solid #e7e7e7;}
   .video-nav .all-nav a{border-radius: 0 0 8px 8px;}
    .video-nav .all-nav{display: none;transition: all .6s;overflow: hidden;}
   .video-nav.active .all-nav{display: block;}
    .video-nav.active .h2 i{transform: rotate(180deg);}
    .video-nav{overflow: hidden;margin-bottom: 30px;}

    .video-nav.active .all-nav{margin-top: 0px;margin-bottom: 0px;width: 100%;}
    .video-nav.active .all-nav a{width: 100%;}
.video-nav.active .all-nav a.active{color: var(--public-color);}
    
.exhibition-paper .top-head{width: 100%;margin-bottom: 20px;}
.exhibition-paper .content-wrapper table tr td {padding:5px 25px}
.exhibition-paper table{font-size: 16px;line-height: 24px;}
.exhibition-paper a {font-size: 16px;line-height: 24px;}
.exhibition-paper .content-wrapper table tr td:first-child p{width: 150px;}
.exhibition-paper .all-news{margin-top: 40px;}
.exhibition-paper .all-news .col-md-4{width: 50%;margin-bottom: 25px;}
.previous{margin-top: 30px;}
.exhibition-paper .col-md-3{width: 50%;margin-bottom: 25px;padding-left: 7px;padding-right: 7px;}
.exhibition-paper .row{margin-left: -7px;margin-right: -7px;}
.banner.pro-banner .index-video,.banner.index-banner .index-video{height: auto;}

.about-his .content .pag,.about-his .content span{display: none;}
.content-his{width: 100%;flex-direction: column;}
.index-size .box .text{margin-bottom: 20px;}
.index-logo .content .mySwiper-logo{}
.index-service::after,.index-service::before{display: none;}
.index-service .right,.index-service .left{position: relative;}
.index-service .right::after{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #eaeff8;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.index-service .left::before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #F8f8f8;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.about-people .list{width: 48%;}


.index-service .left .more-6{margin-bottom: 10px;}
.index-news .mySwiper-1 .pag-1{left: 0;bottom: 0;}
.index-news .mySwiper-1 .swiper-pagination-bullet{background-color: var(--public-color);opacity: .3;}
.index-news .mySwiper-1 .swiper-pagination-bullet-active{opacity: 1;}
.index-news .mySwiper-1 {padding-bottom: 30px;}

.index-size .list p{font-size: 12px;}
.index-size .cont{margin-bottom: 15px;}

.main-box .main-left .main-left-box{position: fixed;left: -15px;top: 100px;z-index: 1;}
.main-box .main-left .main-left-box.active{left: 0;}
.main-box .table-title .s1{display: none;}
.main-box .table-title .s2{display: flex;color:#fff;}
.main-box .table-title.active{background-color: transparent;}
.main-box .table-title {background-color: var(--public-color-red);}
.main-box .table-title.active .s1{display: flex;align-items: center;justify-content: space-between;padding-right: 15px;}
.main-box .table-title.active .s1 strong{color: var(--public-color-red);}
.main-box .table-title.active .s2{display: none;}
.main-box .main-left-box ul{display: none;}
.main-box .main-left-box{border: none;}
.main-box .main-left-box .table-title{padding: 10px;margin-bottom: 0;}
.main-box .main-left-box .table-title.active{left: 0;}
.main-box .main-left-box ul{padding-top: 20px;}
.main-box .main-left{width: 0;}
.main-box{gap: 0;}
.main-box .main-top{width: 100%;}
.news-in-paper .aside{z-index: -1;}


.news-in-paper .article .content h2{font-size: 28px;line-height: 32px;}
.news-in-paper .article .content h5{font-size: 20px;line-height: 28px;}

}


.news-in-paper .article .content ul{margin: 0 0 0 3em;color:#666;}
.news-in-paper .article .content ul li{margin-bottom: 10px;}
.news-in-paper .article .content ul li::before{content:'';display: inline-block;width:8px;min-width:8px;height:8px;background-color:#666;border-radius:50%;margin:8px 10px 0 -20px}







.video-nav{margin-bottom: 60px;}
.video-nav a{text-transform: capitalize;margin-bottom: 20px;}
.video-nav a.active{color: var(--public-color);}

.more-6.active{    background-color: #f0f2f5;
    border: 2px solid #f0f2f5;
    box-shadow: inset 0 -100px 0 0 #f0f2f5;color: var(--public-color);}
.news-all-nav .all-nav li{margin-right: 15px;}
.news-all-nav .all-nav li:last-child{margin-right: 0;}

.stretch-box {margin-bottom: 10px;}
.stretch-box .str-h2{
    padding: 30px 20px 30px 20px;
    border: 1px solid #d5d8dc;
    cursor: pointer;
}
.stretch-box .str-h2 strong{    font-size: 21px;
    font-weight: 500;
    color: #1f2124;}
.stretch-box .str-h2 .icon{font-size: 12px;font-weight: 400;padding-left: 5px;}
.stretch-box .str-h2::after{content: "\f078";font-family: 'cmsfont';font-size: 12px;font-weight: 400;padding-left: 5px;}
.stretch-box.active .str-h2::after{content: "\f077";}
.stretch-box .down{display: inline-block;}
.stretch-box .up{display: none;}
.stretch-box.active .down{display: none;}
.stretch-box.active .up{display: inline-block;}
.stretch-box.active .str-ul-xl {display: block;}
.stretch-box .str-ul-xl {
    display: none;
    padding: 10px 20px 10px 20px;
    border: 1px solid #d5d8dc;
}
.stretch-box .str-ul{height: 0;transition: height .6s }
.stretch-box.active .str-ul{height:100%;transition: height .6s }
.stretch-box .str-ul a{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
}
.stretch-box .str-ul li{margin-bottom: 5px;}
.news-in-paper .article .content .h4{
    font-weight: 500;
    line-height: 1.2;
    color: #666666;
    font-size: 2rem;
    margin-bottom: 20px;
}

/*#展会信息*/
.window.off{display:none}
.window #day{display:none}
.window #month{display:none}
.window{position:fixed;right:0;top:143px;width:420px;padding:30px 20px;z-index:99;border-radius:15px;box-shadow:5px 0px 10px rgba(0,0,0,0.1);background:#fff;display:flex;align-items:center;justify-content:space-between;font-size:16px;}
.window .icon{font-size:20px}
.window .btn{min-width:50px;height:190px;color:#fff;background-color:var(--public-color);display:flex;align-items:center;justify-content:center;border-radius:0;border-top-right-radius:5px;border-bottom-right-radius:5px}
.window .btn-left{position:absolute;right:420px;border-radius:0px;border-top-left-radius:5px;border-bottom-left-radius:5px}
.window .window-text{margin:0 10px;width:100%;}
.window .box{display:flex;justify-content:flex-end;position:relative}
.window .t0{padding:5px 30px;font-size:20px;color:#fff;background:var(--public-color);display:inline-block;border-radius:15px 0 0 15px;position:absolute;right:-30px}
.window .t1{font-size:20px;font-weight:bold;color:var(--public-color);margin-top:35px}
.window .t2{font-size:15px;font-weight:bold}
.window .place{margin-top:30px;line-height:21px}
.window .place p{font-size:15px;line-height:32px}
.window .place p strong{color:var(--public-color);text-decoration:underline}
.window .ps{margin-top:40px;line-height:21px}
.window.hide{right:-420px}
.window .btn-left{opacity:0;display:none;width:55px}
.window .btn-right{cursor:pointer;font-size: 30px;}
.window .show{opacity:1;display:flex;right:420px}
.window .place a{color:#fff}
.window .place a:hover{text-decoration:underline}
.window .btnzt{transform:rotate(-90deg);font-size:20px;line-height:20px}

@media(max-width:768px) {
    .window{top:15%;width:80%}
    .window .t1{font-size:18px}
    .window .row{margin-top:22px;font-size:14px}
    .window .btn-left{right:100%}
    .window .window-text{margin:0 5px}
    .window .theme{margin-top:20px;font-size:18px}
    .window .time{margin-top:15px;font-size:20px}
    .window .ps{margin-top:20px;line-height:21px}
    .window.hide{right:-80%}
    .window .btn-left{width:40px}
    .window .btn{min-width:20px;height:120px}
    .window .show{right:100%}
}

.success-paper{background-color: #f2f5fa;padding-top: 85px;padding-bottom: 115px;font-family: 'Poppins';}
.success-paper .h1{font-size: 50px;color: #333333;font-weight: 600;margin-bottom: 55px;}
.success-paper .text{color: #666666;font-weight:500;margin-bottom: 80px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.success-paper .left{width: 49%;}
.success-paper .right{width: 37%;}
.success-paper .more-6{background-color: transparent;color: var(--public-color);font-size: 28px;font-weight: 500;box-shadow: inset 0 0 0 0 var(--public-color);height: 72px;}
.success-paper .more-6:hover{background-color: var(--public-color);color: #fff !important;box-shadow: inset 0 0 0 0 var(--public-color);}
.success-paper .more-6:hover img.blue{display: none;}
.success-paper .more-6:hover img.white{display: inline-block;}
.success-paper .more-6 img.blue{display: inline-block;}
.success-paper .more-6 img.white{display: none;}
.success-paper .more-6 img{padding-right: 20px;padding-left: 0;}
.success-paper .content{width: 83%;margin-left: auto;margin-right: auto;}

@media (max-width: 768px) {
    .success-paper{margin: 0;padding: 30px 0 80px;}
    .success-paper .h1{font-size: 24px !important;margin-bottom:15px}
    .success-paper .text{margin-bottom: 20px;}
    .success-paper .left{margin-bottom: 25px;}
    .success-paper .right{width: 80% !important;margin-left: auto;margin-right: auto;}
    .success-paper .content{width: 100%;}
}

.dl-box .dl-item{margin-bottom: 30px;}
.dl-box .dl-item:last-child{margin-bottom: 0;}
.dl-box .dl-item .dltitle{font-weight: bold;margin-bottom: 15px;font-size: 24px;line-height: 34px;}
.dl-box .dl-item i{color: var(--public-color-red);}

@media (max-width: 768px) {
    .dl-box .dl-item .dltitle{font-size:18px;line-height:26px; }
}