/*通用样式*/
:root{
    --public-color:#026abe;
    --public-color-1:#dae9f6;
    --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;} */
.banner-nav{padding: 0;}

/* 在全局CSS中添加 */
html {
  will-change: scroll-position;
}

body{color:#666;font-size:16px;line-height:28px;font-weight: 400;font-family: 'Poppins', sans-serif;}
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: "MicrosoftYaHeiUI";
    src: url("../../style/Fontss/msyh.ttc");
  }

.max-1920px{max-width: 1920px;margin-left: auto;margin-right: auto;overflow: hidden;}
.max-1830px{max-width: 1830px;}
.max-1800px{max-width: 1800px;}
.max-1790px{max-width: 1790px;}
.max-1750px{max-width: 1750px;}
.max-1740px{max-width: 1740px;}
.max-1690px{max-width: 1690px;}
.max-1680px{max-width: 1680px;}
.max-1650px{max-width: 1650px;}
.max-1650px{max-width: 1650px;}
.max-1640px{max-width: 1640px;}
.max-1630px{max-width: 1630px;}
.max-1610px{max-width: 1610px;}
.max-1600px{max-width: 1600px;}
.max-1590px{max-width: 1590px;}
.max-1560px{max-width: 1560px;}
.max-1540px{max-width: 1540px;}
.max-1530px{max-width: 1530px;}
.max-1480px{max-width: 1480px;}
.max-1440px{max-width: 1440px;}
.max-1430px{max-width: 1430px;}

/*header*/
.in-header .header{position: relative;}

.header{position: relative;left: 0;top: 0;width: 100%;z-index: 99;padding: 0;}
.header .max-1830px{max-width: 1830px;}
.header .row-nav{display: flex;align-items: center;}
.header .header-nav{display: flex;align-items: center;justify-content: space-between;}
.header .header-nav .top-logo{min-width: 200px;width: 10%;;padding:0;}
/* .header .header-top{padding-top: 6px;} */
.header .header-top .toch{margin-right: 25px;}
.header .header-top .toch a{background-color: var(--public-color-g);border-radius: 25px;color: #333333;font-size: 20px;width: 180px;height: 50px;letter-spacing: -1px;font-weight: 600;display: flex;align-items: center;justify-content: center;}
.header .header-top .toch a:hover{background-color: var(--public-color);color: #333333 !important;}
.header-top .row-nav{display: flex;align-items: center;justify-content: flex-end;width: auto;position: relative;}
.header-desc{background:#f1f1f1; padding: 8px 0;}
.header-desc .container-xl{display: flex;align-items: center;justify-content: space-between;}
.header-desc .desc{width: 60%;display: flex;justify-content: flex-end;align-items: center;}
.top-tel{color: #666666;font-size: 16px;display: flex;width: 40%;}
.top-tel a{color: #666666;}
.top-tel a:hover{color: #2455bf; transition: all 0.3s;}
.top-lang{text-transform:uppercase;margin-left: 15px;}
.dropdown.lang .dropdown-toggle:after{color: #333333;}
.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: 600;color:#333333;font-size: 18px;}
.public-social span,.public-social a{border-radius:5px;}
.navbar-expand-lg .navbar-collapse{justify-content: flex-end;padding-right: 0px;}

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

.header .topcontact{display: flex;justify-content: flex-end;align-items: center}
.header .topcontact li::after{content: "";width: 1px;height: 17px;background-color: rgba(255,255,255,.2);display: inline-block;margin-left: 20px;margin-right: 20px;}
.header .topcontact li:nth-last-of-type(1)::after,.header .topcontact li:nth-last-of-type(2)::after{display: none;}
.header .topcontact a.font-sty,.header .topcontact .icon{color: #fff;font-size: 16px;}
.header .topcontact .cmsfont{padding-right: 15px;}
.header .head-top-a{background-color: #333333;height: 40px;display: flex;align-items: center;}
.header .header-top{padding-top: 0px;padding-bottom: 0px;}
.header .social>span{background-color: #fff !important;color: #333 !important;width: 18px;height: 18px;}
.header .social .hover-2{color: #fff !important;}
.header .social .hover-2::before,.header .icon-instagram:before{font-size: 21px !important;}
.header .social>a.social-pinterest{background-color: #fff !important;color: #333 !important;width: 18px;height: 18px;}
.header .social-all .social{width: 18px;height: 18px;}
.header .social>a{font-size: 21px;}
.header .social-all{margin-left:36px}
.header .social-all .social + .social{margin-left: 20px;}

/*默认pc头部样式*/
.header.fadeInDown{padding:0;z-index:999;width:100%;position:fixed;top: 0;left:0;animation: fadeInDown .4s;border-bottom: 1px solid var(--public-color);}
.header.fadeInDown .navbar-custom .navbar-nav .nav-item {height: 75px;}
.header.fadeInDown .ul-box{top: 75px;}

.header.fadeInDown .header-top {background-color: #fff;}
/* .header.fadeInDown .header-top {padding:0;z-index:999;width:100%;position:fixed;top: 0;left:0;background-color: #000;} */

.header.fadeInDown .navbar-custom .navbar-nav .nav-link,
.header.fadeInDown .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after,
.header.fadeInDown .top-lang .dropdown.lang .dropdown-toggle,
.header.fadeInDown .dropdown.lang .dropdown-toggle:after{color: #333;}

.header.fadeInDown .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle, 
.header.fadeInDown .navbar-custom .navbar-nav .active .nav-link,
.header.fadeInDown .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after,
.header.fadeInDown .navbar-custom .navbar-nav .nav-item.active .dropdown-toggle::after{color: var(--public-color);}



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

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

/*默认导航样式*/
.navbar{padding:0px;position:relative;z-index:9999}
.navbar-custom{top:0;z-index:2;justify-content:end}
.navbar-custom .navbar-nav .nav-item{margin: 0 7px;height: 90px;}
.navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle,.navbar-custom .navbar-nav .active .nav-link,.navbar-custom .navbar-nav .nav-item.active .dropdown-toggle::after{color: var(--public-color);}
.navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#333333;height: 100%;padding:0;display:flex;align-items: center;justify-content: center;text-transform:capitalize;font-size:18px;line-height:32px;padding: 0 10px;font-weight: 600;}
.navbar-custom .navbar-nav .nav-link:before {content:"";width:0px;height:5px;margin-left:0!important;background:var(--public-color);position:absolute;bottom: 0;border-radius: 2px;transition: all .6s;}
.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{padding:0 5px 0 10px;}
.dropright .dropdown-toggle::after{margin-top:0;}
.navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotateX(180deg);color:var(--public-color)}
.navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color);transition:.6s ease-in-out;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)}

.navbar-custom .navbar-nav .nav-item>.dropdown-menu .dropdown-toggle{color: #16181b !important;display: flex;align-items: center;justify-content: space-between;}
.navbar-custom .navbar-nav .nav-item>.dropdown-menu .dropright:hover .dropdown-toggle{color: var(--public-color) !important;}


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

@media(max-width:1330px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 18px;}
}
@media(max-width:1280px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 17px;}
        .navbar-custom .navbar-nav .nav-item {
        margin: 0 5px;
    }
}
@media(max-width:1200px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 16px;}
    .navbar-custom .navbar-nav .nav-item {
        margin: 0;
    }
    .header .header-top .toch{display: none;}
}
@media(max-width:1100px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 14px;}
    .navbar-custom .navbar-nav .nav-item{margin: 0;}
}

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

}

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

/*#表格*/
/* .table-wrapper table tbody tr:hover{background-color: rgba(230, 61, 51, .1);} */
.table-wrapper table td + td,.table-wrapper table th + th{border-left: 2px solid #fff;}
.table-wrapper table thead th{text-align: center;color: #fff;padding:15px 0;vertical-align: middle;font-weight: 500;}
.table-wrapper table thead{background-color: var(--public-color);}
.table-wrapper table tr td:first-child,.table-wrapper table tr th:first-child{padding-left: 60px;text-align: center;}
.table-wrapper table tr:nth-child(odd){background-color:rgba(2, 106, 190,.01);}
.table-wrapper table tr:nth-child(even){background-color:rgba(2, 106, 190, .05);}
.table-wrapper table td { padding:10px 0; vertical-align: middle; font-size: 18px;color: #666;font-weight: 400;text-align: center;border: solid 1px none;}
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 1500.98px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}

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

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

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


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


/*#搜索*/
.search-group{width:180px;height:40px;overflow:hidden;border:1px solid var(--public-color);border-radius:10px;overflow: hidden;}
.search-group .form-control{border:none;border-radius:0px;background:transparent;color:rgba(0,0,0,0.5);height:40px;line-height:40px;}
.search-group .form-control::-webkit-input-placeholder{color:rgba(0,0,0,0.5)}
.search-group .btn{background-color:var(--public-color);border-radius:0px;height:auto;width:40px;display:flex;justify-content:center;align-items:center;padding:6px 15px;margin-bottom:0}
.search-group i{color:#333;font-size:1.5rem}
.top-search-box li .top-search {border-radius:10px;}
.top-search-box{cursor:pointer;z-index: 10;border-radius:5px;overflow: hidden;margin-right: 5px;width: 30px;height: 30px;display: flex;justify-content: center;}
.top-search-box i{color: var(--public-color);font-size: 16px;}
.top-search-box i.icon-1{color: #ffffff;}
.top-search-box li .top-search{opacity: 1; height: auto;overflow: hidden;width: auto;padding:0}
.top-search-box .top-search{opacity: 1;transition: all 0.8s;position: absolute;right: -7px;top: 65px;z-index: 99;padding:0;background-color: #fff;display: block;animation: fadeIn 0.5s ease-in-out;} 
.top-search-box .top-search.show {opacity: 0;overflow: hidden;transition: all 0.9s;display: none;}
/* .in-header .top-search-box i{color: ;} */
/* .in-header .header.fadeInDown .top-search-box i{color: #fff;} */

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


/*banner*/
.banner::after{content: "";width: 100%;height: 100%;background-color: #000;opacity: .3;position: absolute;left: 0;top: 0;}
.banner .banner-text{text-align: left;z-index: 1;}
.index-banner h1.h1{font-weight:bold;color: #fff;font-size: 48px;line-height: 64px;text-align: center;}
.index-banner h1 span{display: block;}
.index-banner h1 strong{color: var(--public-color);font-weight: 500;text-decoration-line: underline;text-decoration-skip-ink: none;text-underline-offset: 20px;}
.all-banner .h1{font-size: 42px;line-height: 56px;color: #fff;letter-spacing: -2px;font-weight: 600;}
.all-banner h1{font-size: 42px;color: #333;}

.all-banner .about-video{height: 400px;display: flex;align-items: center;overflow: hidden;}


.every-footer{height: 700px;background-color: var(--public-color);font-size: 18px;line-height: 32px;color: #fff;display: flex;align-items: center;position: relative;}
.every-footer::before{content: "";background: url(../../images/every-1.png) no-repeat;position: absolute;left: 0;top: 0;width: 52%;height: 100%;background-size: contain;}
.every-footer .content{display: flex;justify-content: space-between;}
.every-footer .title{color: #fff;margin-bottom: 20px;}
.every-footer .text{opacity: .6;margin-bottom: 60px;width: 90%;}
.every-footer .box{display: flex;flex-wrap: wrap;gap: 30px;}
.every-footer .box>div{border: 6px solid rgba(255,255,255,.6);width: calc(calc(100% - 30px) / 2);padding: 0 20px 0 35px;height: 100px;display: flex;align-items: center;}
.every-footer .box p{position: relative;padding-left: 65px;font-size: 15px;line-height: 22px;font-weight: bold;height: 32px;display: flex;align-items: center;}
.every-footer .box p::before{content: "";background: url(../../images/sign-2.png) no-repeat;width: 32px;height: 32px;background-size: contain;position: absolute;left: 0;top: 0;}
.every-footer .left{width: 52%;}
.every-footer .right{width: 43%;;background-color: #ffffff;box-shadow: 0px 0px 50px 0px rgba(51, 51, 51, 0.1);padding: 80px 60px 40px;margin-top: -170px;}
.every-footer .form-feedback .form-control{background-color: #f4f4f4;border-radius: 3px;border: none;padding: 20px 17px;}
.every-footer .form-control::placeholder{font-size: 18px;line-height: 36px;color: #999;opacity: 1;}
.every-footer .form-row:nth-of-type(1) .form-group{margin-bottom: 20px;}
.every-footer .form-row:nth-last-of-type(1) .form-group{margin-bottom: 0;}
.every-footer .all-more-1{height: 61px;width: 240px;;padding:0px;font-weight: 400;font-size: 18px;}

.every-footer-1.every-footer{background-color:transparent;display: flex;justify-content: center;align-items: center;}
.every-footer-1.every-footer>img{width: 100%;height: 100%;}
.every-footer-1.every-footer .left{width: 45%;}
.every-footer-1.every-footer .right{width: 50%;}
.every-footer-1.every-footer .title{margin-bottom: 30px;}
.every-footer-1.every-footer .text{opacity: 1;width: 100%;text-align: justify;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;

}
.every-footer-1.every-footer::before{display: none;}
.every-footer-1{position: relative;}
.every-footer-1 .every-text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}


.footer{padding-top: 115px;color: #333333;font-size: 18px;}
.footer .d1{display: flex;}
.footer .d1 .icon{line-height: 40px;display: inline-block;width: 20px;height: 20px;text-align: center;margin-right: 10px;}
.footer .font-sty{font-size: 16px;line-height: 42px;color: #333333;}
.footer .top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 65px;}
.footer .logo{width: 35%;}
.footer .top .text{width: 59%;}
.footer .top .text p{width: 65%;}
.footer .bottom{display: flex; justify-content: space-between;}
.footer .t1{font-size: 24px;line-height: 32px;font-weight: bold;margin-bottom: 30px;}
.footer .box-img{margin-bottom: 20px;}
.footer .list-1 {width: 35%;}
.footer .list-2 {width: 23%;}
.footer .list-1 a + a{margin-left: 10px;}
.footer .list-2 .box,.footer .list-3 .box{display: inline-flex;flex-direction: column;}
.footer .list-3 {width: 30%;}
.footer .list-2 .font-sty::before,.footer .list-3 .font-sty::before{content: "\f061";font-family: 'cmsfont';font-size: 12px;display: inline-block;padding-right: 20px;line-height: 32px;}
.footer-top{padding-bottom: 95px;}
.footer-bottom{padding: 15px 0;display: flex;align-items: center;font-size: 14px;line-height: 25px;color: #fff;background-color: rgba(153, 153, 153, .6);}
.social-all{display: flex;}
.social>span,.social>a{width: 40px;height: 40px;border-radius: 100%;background-color: transparent!important;border: 1px solid #d9d9d9;display: inline-flex;justify-content: center;align-items: center;color: #333 !important;}
.social>span:before, .social>a:before{font-size: 14px;width: auto;}
.social-all>div + div{margin-left: 5px;}
.social>span:hover,.social>a:hover{background-color: var(--public-color) !important;color: #fff !important;}

@media(max-width:1250px){
    .footer .list-2{width: 25%;}
    .footer .list-3{width: 30%;}
}
@media(max-width:1100px){
    .footer .t1 {font-size: 22px;}
    .footer .list-1{width: 40%;}
}


.small-nav-xl{position: absolute;bottom: 0;left: 0;width: 100%;}
.small-nav{display: flex;align-items: center;margin-bottom: 30px }
.small-nav ul{display: flex;align-items:flex-start;flex-wrap: wrap;position: relative;padding-left: 30px;}
.small-nav ul::before{content: "";background: url(../../images/sign-3.png) no-repeat;width: 19px;height: 19px;background-size: contain;position: absolute;left: 0;top: 4px;}
.small-nav ul a{font-size: 16px;font-weight: bold;color:#fff;}
.small-nav ul li::after{content: ">>";padding:0 15px;font-size: 16px;color:#fff;font-weight: bold;opacity: .8;}
.small-nav ul li:last-child::after{display: none;}
.small-nav ul li{display: flex;}

.in-banner .small-nav-xl{position: relative;}
.in-banner .small-nav {margin-bottom: 80px;}
.in-banner .small-nav ul::before{background: url(../../images/sign-4.png) no-repeat;background-size: contain;}
.in-banner .small-nav ul a{color: #333;}
.in-banner .small-nav ul li::after{color: #333;}
.in-banner .small-nav ul li:nth-last-of-type(2)::after,.in-banner .small-nav ul li:last-child a{color: #cccccc;}


/*共有的类名*/
.title{font-size:42px;line-height:56px;color: #333333;font-weight: bold;}
.title i.b{color: var(--public-color);font-style: normal;}
.title span{display: block;}
h1.h1{font-size: 48px;line-height: 64px;color: #333;font-weight: bold;}
h1.all-h1{margin-bottom: 110px;}
/* .text span{color: var(--public-color);} */
.h6{font-size: 18px;line-height: 26px;color: var(--public-color);font-weight: 600;}
.text p{margin-bottom: 25px;}
.text p:last-child{margin-bottom: 0;}
.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-y);}
.top-head.t-h-c{text-align: center;margin-left: auto;margin-bottom: auto;}
.img img.block{display: block;animation: bounceIn 1s;}
.img img.red{display: none;animation: bounceIn 1s;}
.col-line::before{content: "";width: 2px;height: 19px;background-color: var(--public-color);position: absolute;left: 0;top: 7px;}

.all-a{display: inline-flex;justify-content: center;position: relative;}
.all-a::after{content: "";width: 100%;height: 1px;background-color: var(--public-color);position: absolute;bottom: 0;transition: width 0.3s ease-in-out;}
.all-a:hover::after{width: 0;}
.all-a span,i.jiantou{font-weight: bold;font-family: 'Urbanist-SemiBold';padding-left: 10px;font-style: normal;}

.all-hover{width: 65px;height: 65px;background-color: #fff;border-radius: 100%;transition: all .6s ease-in-out;box-shadow: 0px 20px 30px 0px rgba(51, 51, 51, 0.1);}
.all-hover::after{font-family: 'cmsfont';color: var(--public-color);font-size: 16px;font-weight: bold;}
.all-hover.next-case::after{content: "\f324";}
.all-hover.prev-case::after{content: "\f323";}
.all-hover:hover{background-color: var(--public-color);box-shadow: none;}
.all-hover:hover::after{color: #fff;}

.all-more {
 padding: 20px 50px;
 background: #fff;
 color: var(--public-color);
 border: 6px solid var(--public-color);
 font-size: 18px;
 font-weight: 600;
 cursor: pointer;
 position: relative;
 z-index: 1;
 overflow: hidden;
}

.all-more:hover {
 color: #fff !important;
}

.all-more:after {
 content: "";
 background: var(--public-color);
 position: absolute;
 z-index: -1;
 left: -20%;
 right: -20%;
 top: 0;
 bottom: 0;
 transform: skewX(-45deg) scale(0, 1);
 transition: all 0.5s;
}

.all-more:hover:after {
 transform: skewX(-45deg) scale(1, 1);
 -webkit-transition: all 0.5s;
 transition: all 0.5s;
}

.all-more-1 {
 padding: 20px 50px;
 background: var(--public-color);
 color: #fff;
 border: 6px solid var(--public-color) !important;
 font-size: 18px;
 font-weight: 600;
 cursor: pointer;
 position: relative;
 z-index: 1;
 overflow: hidden;
}

.all-more-1:hover,.all-more-1.active {
 color: var(--public-color) !important;
}

.all-more-1:after {
 content: "";
 background: #fff;
 position: absolute;
 z-index: -1;
 left: -20%;
 right: -20%;
 top: 0;
 bottom: 0;
 transform: skewX(-45deg) scale(0, 1);
 transition: all 0.5s;
}

.all-more-1:hover:after ,.all-more-1.active:after {
 transform: skewX(-45deg) scale(1, 1);
 -webkit-transition: all 0.5s;
 transition: all 0.5s;
}

span.b{color: var(--public-color);}
/* .img-2 img{mix-blend-mode: multiply;} */


.col-line{position: relative;padding-left: 14px;}


/*箭头*/
span.s1{background: url(../../images/sign-1.png) no-repeat;width: 35px;height: 29px;background-size: contain;display: inline-block;margin-left: 15px;animation: leftRight 1.5s infinite;}
@keyframes leftRight {
    0% { transform: translateX(0); }
    50% { transform: translateX(10px); }
    100% { transform: translateX(0); }
}


.home{padding-top: 190px;}
.home-head{gap: 0 40px;margin-bottom: 125px;}
.home-head .list{flex: 1;height: 210px;position: relative;display: flex;align-items: center;justify-content: center;}
.home-head .list-xl{height: 100%;width: 100%;padding: 10px;overflow: hidden;}
.home-head .list-b{background-color: #fff;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;}
.home-head .img{position: absolute;top: -60px;padding: 10px;background-color: #fff;border-radius: 100%;z-index: 2;}
.home-head .img-xl{border: 6px solid var(--public-color);border-radius: 100%;width: 110px;height: 110px;display: flex;justify-content: center;align-items: center;}
.home-head .cont{font-size: 18px;line-height: 28px;color: #333;font-weight: bold;text-align: center;width: 70%;margin-top: 40px;}
.home-pro .items-xl{display: flex;align-items: center;justify-content: space-between;}
.home-pro .title{margin-bottom:30px;}
.home-pro .text{margin-bottom: 45px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.home-pro .size {font-weight: 500;position: relative;padding:0 40px;display: inline-block;margin-bottom: 45px;}
.home-pro .size::before{content: "";width: 4px;height: 80%;background-color: var(--public-color);position: absolute;left: 0;top: 6%;}
.home-pro .size::after{content: "";width: 4px;height: 80%;background-color: var(--public-color);position: absolute;right: 0;top: 6%;}
.home-pro .size p{margin-bottom: 10px;font-style: normal;color: #7b7b7b;}
.home-pro .size strong{color: #333;font-weight: 500;}
.home-pro .pro-img{position: relative;z-index: 2   ;}
.home-pro .pro-img-xl{display: flex;gap: 0 20px;}
.home-pro .img-1{flex: 1;box-shadow: 0px 20px 30px 0px rgba(51, 51, 51, 0.1);}
.home-pro .img-1,.home-pro .img-1 img{border-radius: 6px;}
.home-pro .items{margin-bottom: 125px;position: relative;z-index: 1;mix-blend-mode: darken;}
.home-pro .items:first-child .left{width: 40%;}
.home-pro .items:first-child .right{width: 55%;}
.home-pro .items:first-child .img img{mix-blend-mode: darken;}
.home-pro .items:first-child .pro-img-xl{margin-right: -200px;}
.home-pro .items:last-child .items-xl{flex-direction: row-reverse;}
.home-pro .items:last-child .left{width: 50%;margin-top: 70px;}
.home-pro .items:last-child .right{width: 48%;margin-left: -35px;}
.home-pro .items:last-child .pro-img{width: 92%;}
.home-pro .items:last-child {font-size: 18px;margin-bottom: 0;}
.home-pro .items:last-child .items-xl{align-items: flex-start;}
.home-pro .items:last-child .img img{mix-blend-mode: darken;}
.home-app{padding: 235px 0 125px;margin-top: -125px;position: relative;margin-bottom: 150px;background-color: #f2f7fc;}
.home-app::after{content: "";background: url(../../images/home-6.jpg) no-repeat;/*background-size: contain;*/position: absolute;right: 0;top: -168px;width: 558px;height: 384px;mix-blend-mode: darken;}
.home-app .top-head{text-align: center;}
.home-app .h6{margin-bottom: 8px;}
.home-app .title{margin-bottom: 20px;}
.home-app .top-head{width: 90%;margin: 0 auto 65px;font-size: 18px;}
.home-app .text{line-height: 32px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.home-app .content{gap: 0 37px;position: relative;z-index: 2;}
.home-app .items{flex: 1;background-color: var(--public-color-1);padding: 6px;overflow: hidden;}
.home-app .items-xl{width: 100%;height: 100%;background-color: #ffffff;display: flex;flex-direction: column;justify-content: space-between;padding: 70px;}
.home-app .items .text{height: 100px;margin-bottom: 35px;}
.home-app .h3{font-size: 28px;color: var(--public-color);font-weight: bold;margin-bottom: 30px;}
.home-app .ul {margin-bottom: 70px;}
.home-app .ul p{padding-left: 50px;margin-bottom: 30px;}
.home-app .ul p::before{display: none;}
.home-app .ul p::after{content: "";background: url(../../images/home-7.png) no-repeat;background-size: contain;width: 28px;height: 36px;display: inline-block;position: absolute;left: 0;top: -5px;}
.home-app .d{display: flex;justify-content: space-between;}
.home-app .a{display: flex;justify-content: flex-end;}
.home-app .a a{font-size: 18px;line-height: 28px;color: var(--public-color);font-weight: 600;z-index:2}
.home-app .items:last-child .d p:last-child{width: 47%;}
.home-app .items:last-child .ul p::after{background: url(../../images/home-8.png) no-repeat;top: 0;}
.home-app .box-sty::after,.home-app .box-sty::before{border-width: 6px;}
.home-app .ul>p:last-child{margin-bottom: 0;}
@font-face {
  font-family: "Urbanist-SemiBold";
  src: url("../../style/Fontss/Urbanist-SemiBold.ttf");
}
.home-about {margin-bottom: 170px;}
.home-about .left{width: 40%;}
.home-about .right{width: 56%;}
.home-about .h6{margin-bottom: 15px;}
.home-about .title{margin-bottom: 25px;}
.home-about .text{font-size: 18px;line-height: 32px;text-align: justify;margin-bottom: 30px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.home-about .text p{margin-bottom: 0;}
.home-about .a{margin-bottom: 45px;}
.home-about .all-a{font-size: 22px;line-height: 32px;color: #000;font-weight: bold;}
.home-about .all-a::after{background-color: #000;}
.home-about .h5{font-size: 18px;line-height: 32px;color: #000;font-weight: 600;margin-bottom: 20px;}
.home-process{margin-bottom: 155px;}
.home-process .left{width: 58%;}
.home-process .right{width: 35.5%;}
.home-process .img{position: relative;display: flex;justify-content: center;align-items: center;}

.all-img-1{position: absolute;width: 180px;height: 180px;cursor: pointer;}
.all-img-1::before{content:"";background: rgba(255,255,255,.2);width:100%;height: 100%;animation: ani-process 3.5s infinite;position: absolute;border-radius: 100%;z-index: 0;}
.all-img-1::after{content:"";background: rgba(255,255,255,.4);width: 135px;height: 135px;animation: ani-process-1 3s infinite;position: absolute;border-radius: 100%;z-index: 0;}
.all-img-1,.all-img-1 p{display: flex;justify-content: center;align-items: center;border-radius: 100%;}
.all-img-1 p{background-color: var(--public-color);width: 90px;height: 90px;position: relative;z-index: 1;border: 2px solid transparent;transition:  all .6s ease-in-out;}
.all-img-1 span{display: inline-block;width: 50px;height: 30px;border-left: 25px solid #fff;border-right: 25px solid transparent;border-top: 15px solid transparent;border-bottom: 15px solid transparent;margin-right: -30px;transition:  all .5s ease-in-out;}
.all-img-1:hover p{background-color: #fff;border-color: var(--public-color);}
.all-img-1:hover span{border-left-color: var(--public-color);}
@keyframes ani-process{
    0%{
        transform: scale(1);
        background-color: rgba(255,255,255,.2)
    }
    50%{
        transform: scale(1.1);
        background-color: rgba(255,255,255,.1)
    }
    100%{
        transform: scale(1);
        background-color: rgba(255,255,255,.2)
    }
}
@keyframes ani-process-1{
    0%{
        transform: scale(1);
        background-color: rgba(255,255,255,.4)
    }
    50%{
        transform: scale(1.1);
        background-color: rgba(255,255,255,.2)
    }
    100%{
        transform: scale(1);
        background-color: rgba(255,255,255,.4)
    }
}

.home-process .h6{margin-bottom: 8px;}
.home-process .title{letter-spacing: -1px;margin-bottom: 45px;}
.home-process .text{font-size: 18px;line-height: 32px;text-align: justify;margin-bottom: 80px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.home-process .text p{margin-bottom: 0;}
.home-part{margin-bottom: 140px;}
.home-part .content{display: flex;justify-content: center;flex-wrap: wrap;gap: 18px 16px;}
.home-part .img{width: calc(calc(100% - 16px * 5) / 6);}
.home-ser{margin-bottom: 110px;}
.home-ser .top-head{text-align: center;margin-bottom: 80px;}
.home-ser .h6{margin-bottom: 15px;}
.home-ser .title{margin-bottom: 15px;}
.home-ser .content{gap: 0 30px;}
.home-ser .items{flex: 1;}
.home-ser .img{margin-bottom: 70px;}
.home-ser .cont{text-align: center;width: 95%;margin: auto;font-size: 18px;line-height: 32px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.home-ser .h5{font-size: 24px;color: #000;font-weight: bold;margin-bottom: 15px;}

.all-news{border-top: 16px solid var(--public-color);padding-top: 160px;padding-bottom: 225px;}
.all-news .title{text-align: center;margin-bottom: 80px;font-size: 42px !important;}
.all-news .row{margin: 0 -20px;}
.all-news .col-md-4{padding: 0 20px;}
.all-news .img{margin-bottom: 50px;}
.all-news .box{display: flex;justify-content: space-between;gap: 0 20px;}
.all-news .m{font-size: 60px;line-height: 60px;color: #333;font-weight: bold;position: relative;}
.all-news .m::after{content: "";width: 100%;height: 7px;background-color: var(--public-color);position: absolute;left: 0;bottom: 5px;}
.all-news .t1{font-size: 20px;line-height: 30px;color: #333;letter-spacing: -1px;font-weight: 600;margin-bottom: 25px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.all-news .time{font-size: 18px;line-height: 26px;color: #999;}

.pro-index{font-size: 18px;line-height: 32px;color: #666;padding-top: 185px;}
.pro-index .top-head{text-align: center;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    margin-bottom: 110px;
}
.pro-index .top-head .title{font-size: 48px;line-height: 56px;margin-bottom: 35px;}
.pro-index .items{display: flex;justify-content: space-between;align-items: center;}
.pro-index .items .t1{font-size: 36px;line-height: 52px;color:#333;font-weight: bold;margin-bottom: 20px;}
.pro-index .items .t1 span.s1{height: 25px;}
.pro-index .items .text{margin-bottom: 25px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.pro-index .pro-name{display: inline-flex;flex-direction: column;}
.pro-index .t2{position: relative;padding-left: 35px;}
.pro-index .t2::before{content: "";background: url(../../images/sign-4.png) no-repeat;width: 21px;height: 21px;background-size: contain;position: absolute;left: 0px;top: 5px;}
.pro-index .left{width: 48%;position: relative;display: flex;flex-direction: column;justify-content: center;}
.pro-index .right{width: 47%;display: flex;align-items: center;position: relative;}
.pro-index .right::after{content: "";width: 100%;height: 400px;background-color: rgba(232, 232, 232, .4);position: absolute;left: 0;z-index: -1;}
.pro-index .items:nth-child(odd) .right::after{width: 106%;}
.pro-index .items:nth-child(odd) .left{padding-left: 65px;}
.pro-index .items:nth-child(odd) .left::before{content: "";width: 6px;height: 400px;background-color: var(--public-color);position: absolute;left: 0;}
.pro-index .items:nth-child(even) .left{padding-right: 65px;}
.pro-index .items:nth-child(even) .left::before{content: "";width: 6px;height: 400px;background-color: var(--public-color);position: absolute;right: 0;}
.pro-index .right img{mix-blend-mode: darken;}
.pro-index .items:nth-child(1) .right{padding-left: 63px;}
.pro-index .items:nth-child(1) .img{margin-right: -210px;}
.pro-index .items:nth-child(even){flex-direction: row-reverse;} 
.pro-index .items:last-child .img{margin-left: -260px;}
.pro-index .content{margin-bottom: 135px;}

.service-list{padding-top: 165px;font-size: 18px;line-height: 32px;}
.service-list .title{font-size: 48px;margin-bottom: 50px;}
.ser-content {margin-bottom: 125px;}
.ser-content .top-head{text-align: center;margin-bottom: 90px;}
.ser-content .title{margin-bottom: 25px;}
.ser-content .top-head span{display: block;}
.ser-content .items{display: flex;justify-content: space-between;align-items: center;margin-bottom: 60px;}
.ser-content .items:last-child{margin-bottom: 0;}
.ser-content .items:nth-child(even){flex-direction: row-reverse;}
.ser-content .h2{font-size: 36px;line-height: 52px;letter-spacing: -1px;color: #333;font-weight: bold;margin-bottom: 25px;}
.ser-content .items .txet{
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.ser-content .left{width: 35%;}
.ser-content .right{width:60%;}
.ser-img{background-color: #f2f7fc;padding-top: 95px;padding-bottom: 90px;}
.ser-img .content{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0 15px;}
.ser-img .img{width: calc(calc(100% - 15px ) / 2);display: flex;justify-content: space-between;flex-wrap: wrap;gap: 15px;}
.ser-img .img-1{width: calc(calc(100% - 15px ) / 2);}
.ser-faq{padding-top: 125px;padding-bottom: 130px;}
.ser-faq-xl{display: flex;justify-content: space-between;}
.ser-faq .aside{width: 45%;}
.ser-faq .title{font-size: 42px;margin-bottom: 50px;}
.ser-faq .all-more{padding: 10px 50px;}
.app-faq .title,.case-faq .title{width: 45%;font-size: 42px;}
.ser-faq .content,.app-faq .content,.case-faq .content{width: 50%;}

.all-faqs .dimen{color: var(--public-color);font-size: 26px;font-weight: bold;padding-top: 5px;}
.all-faqs .dimen .minus{display: none;}
.all-faqs .dimen .plus{display: block;}
.all-faqs .items.active .dimen .minus{display: block;}
.all-faqs .items.active .dimen .plus{display: none;}
.all-faqs .items.active{border-color: var(--public-color);}
.all-faqs .items{display: flex;justify-content: space-between;padding:20px 20px 20px 0 ;background-color: #ffffff;border-bottom: 4px solid rgba(2, 106, 190, .2);}
.all-faqs .quen-q{font-size: 20px;line-height: 32px;color: #333;font-weight: 600;position: relative;padding-left: 35px;}
.all-faqs .quen-q::before{content: "";background: url(../../images/sign-4.png) no-repeat;width: 21px;height: 21px;background-size: contain;position: absolute;left: 0;top: 5px;}
.all-faqs .quen-a{font-size: 18px;line-height:32px;padding-top: 20px;}
.all-faqs .item{width: 96%;cursor: default;}

.p-l-content h1{font-size: 42px;line-height: 56px;color: #333;font-weight: bold;margin-bottom: 40px;}
.p-l-content .top-head{color: #999;margin-bottom: 60px;}
.p-l-specil{display: flex;justify-content: space-between;align-items: center;height: 120px;background-color: var(--public-color);margin-bottom: 115px;}
.p-l-specil .list{display: flex;align-items: center;justify-content: center;color: #fff;line-height: 28px;flex: 1;}
.p-l-specil .img{margin-right: 27px;}
.p-l-specil .list + .list{border-left: 2px solid rgba(255,255,255,.2);}
.p-l-specil .h5{width: 60%;}
.p-l-pro{display: flex;justify-content: space-between;margin-bottom: 150px;gap: 0 30px;}
.p-l-pro .left{min-width: 300px;}
.p-l-pro .right{max-width: 1030px;width: 80%;}
.p-l-pro .t1{font-size: 18px;line-height: 28px;color: #333;font-weight: bold;border-bottom: 4px solid var(--public-color);padding: 20px 0;display: flex;justify-content: space-between;padding-right: 3px;}
.p-l-pro .t1 span::after{content: "\f077";font-family: 'cmsfont';font-size: 12px;}
.p-l-pro .l-box.active .t1 span::after{content: "\f078";}
.p-l-pro .t2{font-size: 16px;line-height: 24px;color: #333333;}
.p-l-pro .t2.active,.p-l-pro .t1.active{color: var(--public-color);}
.p-l-pro .t2.active span,.p-l-pro .t2:hover span{opacity: 1;}
.p-l-pro .t2 span{font-weight: 500;font-family: 'Urbanist-SemiBold';line-height: 20px;opacity: 0;transition: all .6s ease-in-out;}
.p-l-pro li{margin-bottom: 20px;}
.p-l-pro li:last-child{margin-bottom: 0;}
.p-l-pro ul{padding-top: 40px;padding-bottom: 50px;}
.p-l-pro .l-box ul{display: none}
.p-l-pro .l-box.active ul{display: block;}
.p-l-pro .l-box:first-child .t1{padding-top: 0;}
.p-l-pro .list{background-color: #f8f8f8;padding: 30px;height: 100%;}
.p-l-pro .img{height: 160px;display: flex;align-items: center;justify-content: center;}
.p-l-pro .img img{mix-blend-mode: darken;}
.p-l-pro .row{margin: 0 -10px;gap: 20px 0;}
.p-l-pro .col-md-4{padding: 0 10px;}
.p-l-pro .model{font-size: 14px;line-height: 28px;color: var(--public-color);font-weight: bold;margin-bottom: 5px;}
.p-l-pro .t3{font-size: 16px;line-height: 24px;font-weight: 600;color: #333;margin-bottom: 15px;height: 75px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.p-l-pro .size{font-size: 14px;line-height: 24px;color: #7b7b7b;font-weight: 500;}
/* .p-l-pro .size strong{color: #333;} */
.p-l-pro .size p{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 10px;font-weight: 500;}
.p-l-pro .size p:last-child{margin-bottom: 0;}
.p-l-pro .size strong{/*display: block;width: 100%;*/font-weight: 600;display: inline-block;}
.p-l-pro .size p:nth-child(n + 3){display: none;}
.p-l-feat{margin-bottom: 155px;}
.p-l-feat .title{text-align: center;margin-bottom: 90px;}
.p-l-feat .items{overflow: hidden;padding: 6px;width: calc(calc(100% - 40px) / 2);padding: 6;height: 500px;background-color: var(--public-color);}
.p-l-feat .h3{font-size: 28px;line-height:32px;font-weight: bold;color: #333;margin-bottom: 35px;height: 65px;}
.p-l-feat .ul{font-size: 18px;line-height: 28px;padding-left: 10px;}
.p-l-feat .ul p{margin-bottom: 15px;padding-left: 40px;}
.p-l-feat .ul p::before{content: "";background: url(../../images/sign-4.png) no-repeat;width: 21px;height: 21px;background-size: contain;position: absolute;left: 0;top: 3px;}
.p-l-feat .items-xl{background-color: #fff;width: 100%;height: 100%;padding: 85px 70px 0px;}
.p-l-feat .items:hover::before,.p-l-feat .items:hover::after {border-color: var(--public-color-1);border-width: 6px;}
.p-l-quality {margin-bottom: 135px;}
.p-l-quality .top-head{text-align: center;margin-bottom: 65px;}
.p-l-quality .title{letter-spacing: -2px;margin-bottom: 25px;}
.p-l-quality .content{display: flex;justify-content: space-between;}
.p-l-quality .left{padding-top: 40px;width: 39%;}
.p-l-quality .right{width: 56%;overflow: hidden;}
.p-l-quality .left>div{padding-left: 40px;border-bottom: 2px solid rgba(2, 106, 190, .2);height: 70px;display: flex;align-items: center;transition: background-color .6s ease-in-out,height .3s ease-in;cursor: pointer;}
.p-l-quality .left>div.active,.p-l-quality .left>div:hover{height: 80px;background-color: var(--public-color);border-radius: 6px;}
.p-l-quality .left>div.active .h5,.p-l-quality .left>div:hover .h5{color: #fff;}
.p-l-quality .left>div.active .h5 span,.p-l-quality .left>div:hover .h5 span{opacity: 1;}
.p-l-quality .h5{font-size: 18px;line-height: 29px;color: #333;font-weight: 600;}
.p-l-quality .h5 span{font-family: 'Urbanist-SemiBold';padding-left: 20px;opacity: 0;}
.p-l-quality .box{display: none;animation: fadeInDown .6s ease-in-out;background-color: #f8f8f8;padding: 40px;}
.p-l-quality .box.active{display: block;}
.p-l-quality .h4{font-size: 18px;line-height: 29px;color: #333;font-weight: 600;margin-bottom: 10px;}
.p-l-quality .right .text{font-size: 16px;line-height: 30px;color: #999;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.p-l-quality .img{margin-bottom: 40px;}
.p-l-case{background-color: #f2f7fc;padding-top: 125px;padding-bottom: 120px;}
.p-l-case .title{text-align: center;margin-bottom: 90px;}
.p-l-case .content{position: relative;}
.p-l-case .next-case{right: -100px;}
.p-l-case .prev-case{left: -100px;}
.all-case .list{background-color: #fff;height: 100%;}
.all-case .cont{text-align: center;padding:35px 30px 70px;}
.all-case .t1{font-size: 18px;line-height: 30px;color: #333;font-weight: 600;margin-bottom: 25px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    }
.all-case .text{line-height: 32px;margin-bottom: 25px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.all-case .all-more{height: 46px;width: 200px;;padding: 0;;line-height: auto;display: inline-flex;align-items: center;justify-content: center;border-width: 4px;}
.p-l-case .swiper-slide{height: auto;}


.p-c-zhu{margin-bottom: 100px;}
.p-c-zhu .content{display: flex;justify-content: space-between;}
.p-c-zhu .left{width: 35%;}
.p-c-zhu .right{width: 58%;}
.p-c-zhu .h6{font-weight: bold;margin-bottom: 10px;}
.p-c-zhu h1{font-size: 32px;line-height: 46px;color: #333;font-weight: bold;margin-bottom: 20px;}
.p-c-zhu .text{margin-bottom: 45px;}
.p-c-zhu .size{line-height: 36px;color: #7b7b7b;font-weight: 500;padding-left: 40px;position: relative;margin-bottom: 45px;}
.p-c-zhu .size::before{content: "";width: 4px;height: 85%;background-color: var(--public-color);position: absolute;left: 0;top: 8%;}
.p-c-zhu .size strong{font-weight: 500;color: #333333;}
.p-c-zhu .img-cer{margin-bottom: 60px;}
.p-c-zhu .a-btn{display: flex;justify-content: space-between;gap: 20px;margin-bottom: 45px;}
.p-c-zhu .all-more{flex: 1;height: 64px;padding: 0;display: inline-flex;justify-content: center;align-items: center;max-width: 280px;}
.p-c-zhu .all-more span{font-family: 'Urbanist-SemiBold';padding-left: 10px;}
.p-c-zhu .share ul,.p-c-zhu .share{display: flex;}
.p-c-zhu .share p{color: #333;}
.p-c-zhu .share ul{gap: 0 10px;padding-left: 21px;}
.p-c-zhu .share li{width: 33px;height: 33px;border-radius: 100%;display: flex;justify-content: center;align-items: center;border: 2px solid #e8e8e8;}
.p-c-zhu .share li a{display: flex;justify-content: center;align-items: center;}
.p-c-zhu figure,.p-c-zhu figure img{mix-blend-mode: darken;background-color: #f2f2f2;}
.p-c-zhu .product-thumb{height: 500px;background-color: #f2f2f2;display: flex;align-items: center;}
.p-c-zhu .swiper-container{width: 65%;}
.p-c-zhu .an-btn{width: 35%;position: relative;display: flex;align-items: center;flex-direction: row-reverse;justify-content: flex-end;padding-left: 37px;gap: 0 10px;}
.p-c-zhu .product-thumbs{display: flex;justify-content: space-between;padding: 0;}
.p-c-zhu .product-thumbs a{height: 140px;background-color: #d5d5d5;display: flex;justify-content: center;align-items: center;padding: 6px;position: relative;}
.p-c-zhu .product-thumbs img{mix-blend-mode: darken;border: none;}
.p-c-zhu .product-thumbs .swiper-slide-active a::before{content: "";width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);position: absolute;left: 0;top: 0;}
.p-c-zhu .product-thumbs .swiper-slide-active img{mix-blend-mode: color-burn;}
.p-c-zhu .swiper-button-prev::after{content: '\f105';}
.p-c-zhu .swiper-button-next::after{content: '\f104';}
.p-c-zhu .all-hover-xl::after{font-family: 'cmsfont';color: var(--public-color);font-size: 26px;font-weight: 600;}
.p-c-zhu .all-hover-xl{position: static;}
.p-c-img{gap: 0 26px;}
.p-c-img{margin-bottom: 110px;}
.p-c-img .img{flex: 1;}

.detail-nav{border-bottom: 6px solid var(--public-color);padding-bottom: 25px;margin-bottom: 120px;}
.detail-nav ul{display: flex;justify-content: space-between;border-left: 2px solid var(--public-color);border-right: 2px solid var(--public-color);line-height: 0;}
.detail-nav li{text-align: center;flex: 1;}
.detail-nav li + li{border-left: 2px solid var(--public-color);}
.detail-nav li a{width: 100%;height: 100%;font-size: 20px;line-height: 20px;color: #333;letter-spacing: -1px;font-weight: bold;display: inline-flex;justify-content: center;align-items: center;}
.detail-nav li.active a,.detail-nav li:hover a{color: var(--public-color) !important;}
.detail-nav.fadeInDown{
    max-width: 1920px;
    background-color: #fff;z-index: 10;position: sticky;
    left: 0;right: 0;
    top: 75px;
    height: 60px;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0;
    /* animation: fadeInDown 0.5s ease-in-out; */
    display: flex;
}
.detail-nav.fadeInDown ul{max-width: 1430px;margin: auto;width: 100%;}

.p-d-content{line-height: 32px;padding-bottom: 135px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.p-d-content .title{font-size: 24px;line-height: 32px;letter-spacing: -1px;display: flex;align-items: center;margin-bottom: 45px;}
.p-d-content>div{margin-top: 100px;}
.p-d-content .all-img{margin-bottom: 0;margin-right: 20px;background: url(../../images/sign-4.png) no-repeat;width: 21px;height: 21px;background-size: contain;}
.p-d-desc .content{display: flex;justify-content: space-between;}
.p-d-desc .content>div{flex: 1;}
.p-d-desc .text{}
.p-d-desc .video{background-color:rgba(0,0,0,0.2);position: relative;display: flex;justify-content: center;align-items: center;}
.p-d-desc .video .small-img{position: absolute;cursor: pointer;}
.p-d-desc .video .small-img:hover img.b{display:inline-block;}
.p-d-desc .video .small-img:hover img.w{display: none;}
.p-d-desc .video img.b{display: none;animation: bounceIn .6s ease-in-out;}
.p-d-desc .video img.w{display: inline-block;animation: bounceIn .6s ease-in-out;}
.p-d-high .ul p{padding-left: 40px;}
.p-d-high .ul p::before{font-weight: bold;color: var(--public-color);opacity: 1;font-size: 20px;}
.p-d-com .content{position: relative;}
.p-d-com .all-hover{top: 25%;}
.p-d-com .prev-com{left: -100px;}
.p-d-com .next-com{right: -100px;}
.p-d-com .prev-com::after{content: "\f323";}
.p-d-com .next-com::after{content: "\f324";}
.p-d-com .img{margin-bottom: 35px;}
.p-d-com .h5{font-size: 18px;line-height: 30px;color: #333;font-weight: bold;margin-bottom: 10px;}
.p-d-com .text{line-height: 32px;color: #666;}
.p-d-opt{margin-bottom: 160px;}
.p-d-opt .content{display: flex;justify-content: space-between;}
.p-d-opt .left .item{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid rgba(1, 64, 153, .2);padding: 15px 25px 15px 0;cursor: pointer;}
.p-d-opt .left{border-top: 1px solid rgba(1, 64, 153, .2);width: 43%;position: relative;}
.p-d-opt .left::after{    content: "";
    position: absolute;
    bottom: 65px;
    left: 0px;
    width: 100%;
    height: 150px;
    background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    display: block;}
.p-d-opt .left.active::after{display: none;}
.p-d-opt .left .item:nth-child(n+10) {
    display: none;
}

.show-more-btn {
    display: none;
    margin: auto;
    margin-top: 30px;
    cursor: pointer;
    background-color: var(--public-color);
    color: #fff;
    border-color: var(--public-color);
    transition: all .3s ease-in-out;
}
.show-more-btn:hover{color: var(--public-color);background-color: #fff;}
.p-d-opt .right{width: 50%;}
.p-d-opt .h5{font-size: 18px;color: #333;letter-spacing: -1px;transition: all .4s ease-in-out;}
.p-d-opt .icon{font-size: 24px;font-weight: 400;}
.p-d-opt .left .active .h5,.p-d-opt .left>div:hover .h5{color: var(--public-color);}
.p-d-opt .box{background-color: #f8f8f8;border: 16px solid #fff;box-shadow: 0px 0px 80px 0px rgba(51, 51, 51, 0.1);padding: 40px 65px 60px;display: none;}
.p-d-opt .box .img{margin-bottom: 20px;}
.p-d-opt .box img{mix-blend-mode: darken;}
.p-d-opt .t3{font-size: 22px;color: #333;letter-spacing: -1px;font-weight: bold;text-align: center;}
.p-d-opt .box.active{display: block;animation: fadeIn .4s ease-in-out;}
.p-d-models .title{font-size: 48px;margin-bottom: 85px;}
.all-product .list{box-shadow: 0px 20px 80px 0px rgba(51, 51, 51, 0.1);padding: 50px;height: 100%;background-color: #fff;}
.all-product .img{margin-bottom: 55px;margin-top: 20px;}
.all-product .model{font-size: 18px;line-height: 32px;color: #333;font-weight: 500;margin-bottom: 30px;}
.all-product .model span.s1{width: 13px;;height: 10px;color: #7b7b7b;font-weight: 500;margin-left: 4px;}
.all-product .size{position: relative;padding-left: 35px;}
.all-product .size::before{content: "";width: 4px;height: 100%;background-color: var(--public-color);position: absolute;left: 0;top: 0;}
.all-product .size strong{font-weight: 600;color: #333;display: inline-block;width: 45%;}
.all-product .size p{margin-bottom: 10px;display: flex;justify-content: space-between;flex-wrap: wrap;font-size: 14px;line-height: 26px;}
.all-product .size p:last-child{margin-bottom: 0;}
.all-product .size p:nth-child(n + 3){display: none;}
.all-product .row{margin: 0 -20px;}
.all-product .col-md-4{padding: 0 20px;}
.p-d-models{margin-bottom: 300px;}
.p-d-news{background-color: #f2f7fc;}
.p-d-news .all-news{border-top: none;padding-bottom: 170px;}


.app-zhu {margin-bottom: 115px;}
.app-zhu .left{width: 46%;padding-top: 20px;}
.app-zhu .right{width: 50%;}
.app-zhu .title{margin-bottom: 25px;}
.app-zhu .text{font-size: 18px;line-height: 32px;text-align: justify;}
.app-img{margin-bottom: 125px;}
.app-img .list{position: relative;}
.app-img .h4:hover{color: #fff !important;text-decoration: underline;text-decoration-skip-ink: none;}
.app-img .h4{font-size: 18px;line-height: 32px;letter-spacing: -1px;color: #fff;background-color: rgba(2, 106, 190, .8);position: absolute;left: 0;bottom: 0;width: 100%;padding: 15px 20px;}
.app-img .content{position: relative;}
.app-img .all-hover{top: 26%;margin-top: 0;}
.next-app::after{content: "\f324";}
.prev-app::after{content: "\f323";}
.next-app{right: -100px;}
.prev-app{left: -100px;}
.pag-app {display: flex;bottom: 0 !important;border-radius: 2px;left: 0 !important;}
.pag-app span{width: auto;height: 4px;flex: 1;border: none;border-radius: 0;margin: 0 !important;background-color: #dddddd;opacity: 1;}
.pag-app span.swiper-pagination-bullet-active{background-color: var(--public-color);border-radius: 2px;}
.mySwiper-app{padding-bottom: 60px;}
.app-models{background-color: #f2f7fc;padding: 110px 0 140px;}
.app-models .title{margin-bottom: 75px;}
.app-choose{padding-top: 125px;padding-bottom: 160px;}
.app-choose .title{text-align: center;margin-bottom: 60px;}
.app-choose table{border: 4px solid var(--public-color);height: 100%;}
.app-choose table td{border: solid 1px rgba(2, 106, 190, .2);padding:20px 18px 20px;font-size: 14px;line-height: 26px;color: #333;font-weight: 500;}
.app-choose table td:first-child{width: 200px;}
.app-choose thead th{font-size: 24px;color: #333;font-weight: bold;text-align: center;padding: 45px 20px;}
.app-choose .vs{font-size: 42px;color: var(--public-color);font-weight: 600;height: 100%;vertical-align:middle;position: absolute;top: 52%;right: 48%;}
.app-choose .content{gap: 0 86px;position: relative;margin-bottom: 75px;}
.app-choose .items{width: calc(calc(100% - 86px) / 2);}
.app-choose .a{display: flex;justify-content: center;}
.app-choose .all-a{color:var(--public-color);font-weight: 600;font-size: 18px;}
.app-choose .all-a::after{bottom: 3px;}
.app-faq {padding-bottom: 220px;}


.about-inedx{padding-top: 230px;}
.about-zhu {margin-bottom: 75px;}
.about-zhu .left{width: 40%;}
.about-zhu .right{width: 54%;position: relative;display: flex;justify-content: center;align-items: center;}
.about-zhu .h6{margin-bottom: 15px;}
.about-zhu .title{margin-bottom: 30px;}
.about-zhu .text{font-size: 18px;line-height: 32px;text-align: justify;margin-bottom: 30px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.about-zhu .h5{font-size: 18px;line-height: 32px;font-weight: 600;color: #000;margin-bottom: 20px;}
.about-img .h3{font-size: 24px;line-height: 32px;color: #000;font-weight: 600;margin-bottom: 45px;}
.about-img .content{position: relative;}
.about-img .img{margin-bottom: 29px;}
.about-img .h4{font-size: 18px;line-height: 32px;color: #333;letter-spacing: -1px;font-weight: 600;}
.about-img .all-hover{top: 30%;}
.about-img{margin-bottom: 145px;}
.about-cer {margin-bottom: 125px;}
.about-cer .title{margin-bottom: 90px;}
.about-cer .left{width: 48%;}
.about-cer .right{width: 46%;font-size: 18px;line-height: 32px;}
.about-cer .img{margin-bottom: 40px;}
.about-cer .img-cer{text-align: center;}
.about-cer .ul p::before{content: "";width: 21px;height: 21px;background: url(../../images/sign-4.png) no-repeat;background-size: contain;position: absolute;left: 0;top: 5px;}
.about-cer .text{margin-bottom: 20px;}
.about-cer .ul{margin-bottom: 40px;}
.about-cer .all-a,.about-work .all-a{color: var(--public-color);font-weight: 600;}
.about-cer .all-a::after,.about-work .all-a::after{bottom: 5px;}
.about-work{background-color: #f2f7fc;padding-top:120px;padding-bottom: 140px;}
.about-work .left{width: 50%;font-size: 18px;line-height: 32px;}
.about-work .right{width: 45%;}
.about-work .title{margin-bottom: 20px;}
.about-work .text{margin-bottom: 25px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.about-work .ul p{padding-left: 50px;}
.about-work .ul p::before{content: "";width: 21px;height: 21px;background: url(../../images/sign-4.png) no-repeat;background-size: contain;position: absolute;left: 0;top: 5px;}
.about-work .ul {margin-bottom: 30px;}
.about-work .a{margin-bottom: 140px;}
.about-work .img-box{display: flex;justify-content: space-between;gap: 0 6px;width: 72%;}
.about-work .img-box .img{border: 4px solid transparent;padding:7px 10px;transition: border-color 0.3s ease-in-out;display: flex;flex-direction: column;gap: 10px 0;}
.about-work .img-box .img.active,.about-work .img-box .img:hover{border-color: var(--public-color);}
.about-work .right .img{display: none;}
.about-work .right .img.active{display: flex;flex-direction: column;gap: 40px 0;animation: fadeIn 0.3s ease-in-out;}
.about-sust{padding-top: 115px;margin-bottom: 130px;}
.about-sust .ul p::before{content: "";width: 21px;height: 21px;background: url(../../images/sign-4.png) no-repeat;background-size: contain;position: absolute;left: 0;top: 5px;}
.about-sust .left{width: 56%;}
.about-sust .right{width: 39%;font-size: 18px;line-height: 32px;}
.about-sust .title{margin-bottom: 30px;}
.about-sust .text{text-align: justify;margin-bottom: 25px;}
.about-choose{margin-bottom: 150px;}
.about-choose .title{margin-bottom: 145px;text-align: center;}
.about-choose .content{gap: 0 2px;}
.about-choose .list{background-color: var(--public-color);color: #fff;position: relative;flex: 1;display: flex;justify-content: center;align-items: center;height: 240px;}
.about-choose .img{display: flex;justify-content: center;align-items: center;width: 120px;height: 120px;background-color: #fff;padding: 10px;border-radius: 100%;position: absolute;top: -30%;}
.about-choose .img-1{display: flex;justify-content: center;align-items: center;border: 6px solid var(--public-color);border-radius: 100%;width: 100%;height: 100%;}
.about-choose .cont{text-align: center;font-size: 18px;line-height: 28px;font-weight: 600;}
.about-choose .cont span{display: block;}
.about-global .top-head{text-align: center;margin-bottom: 100px;}
.about-global .title{margin-bottom: 30px;font-size: 48px;}
.about-global .text{font-size: 18px;line-height: 32px;}
.about-global .content{gap: 0 5px;}
.about-global .img{flex: 1;}
.about-global::after{content: "";background:url(../../images/about-21.jpg) no-repeat center;background-size: contain;position: absolute;top: 0;width: -webkit-fill-available;height: 829px;z-index: -1;}
.about-global{position: relative;padding-top: 120px;padding-bottom: 260px;}

.nav{margin-bottom: 90px;}
.nav .all-more-1{height: 80px;padding: 0;display: inline-flex;align-items: center;justify-content: center;padding: 0 45px;font-size: 24px;}
.nav .all-more-1 span{font-family: 'Urbanist-SemiBold';font-size: 18px;padding-left: 20px;}


.news-list .all-news{border-top: none;padding-top: 0;margin-top: 0;}
.news-list .row{gap: 80px 0;}
.news-list .banner-nav{align-items: flex-start;}

.news-in-paper .aside .all-more-1 .arrow {padding-left: 15px;}
.news-in-paper .aside .all-more-1:hover .arrow img.b{display: inline-block;}
.news-in-paper .aside .all-more-1:hover .arrow img.g{display: none;}
.news-in-paper{margin-top: 0;margin-bottom: 0;}
.news-in-paper .banner-nav{align-items: flex-start;}
.news-in-paper .h4{display: flex;margin-bottom: 45px;font-size: 24px;line-height: 24px;font-weight: bold;}
.news-in-paper .article h4{font-size: 18px;font-weight: 600;color: #333;margin-bottom: 15px;}
.main-box .aside .all-img{margin-right: 15px;margin-bottom: 0;}
.main-box .aside .all-more-1{margin-bottom: 35px;font-size: 18px;font-weight: 500;display: flex;justify-content: center;width: 100%;padding: 10px 0;}
.main-box .aside {width: 27%;}
.news-in-paper span.img-small{margin-right: 20px;}
.news-in-paper .aside .a-box{gap: 10px 0;}
.news-in-paper .aside .a-box a{font-size: 16px;font-weight: 600;}
.main-box .aside>div{position: relative;background-color: #f8f8f8;}
.main-box .aside>div::after{content: "";width: 100%;height: 4px;background-color: var(--public-color);position: absolute;left: 0;bottom:0}
.news-in-paper .other-news .list + .list{border-color: #ddd;padding-top: 20px;}
.news-in-paper .other-news .list{padding-bottom: 20px;}
.main-box .aside .cont .d{display: flex;align-items: center;gap: 0 24px;font-size: 14px;margin-bottom: 10px;}
.main-box .aside .latest{color: var(--public-color);}
.main-box .aside .t1{display: block;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.main-box .article{width: 67%;}
.main-box .article .all-more{width: 100%;padding: 0;height: 45px;display: flex;justify-content: center;align-items: center;}
.news-in-paper .box-tail .left {width: 70%;}
.news-in-paper .box-tail .right {width: 23%;}
.main-box{margin-bottom: 60px;}
.main-box .main-left-box .all-img{margin-bottom: 0;margin-right: 15px;}
.main-box .main-left-box .h2 a{font-weight: 500;}
.main-box .name-box li::before {top: 10px;}
.main-box .name-box li a {font-size: 16px;}
.main-box .main-left-box .h2 {padding-bottom: 20px;}
.news-in-paper .article .content{color: #666;}
.news-in-paper .article .content table{width: 100% !important;}
.news-in-paper .h1{margin-bottom: 30px;color: var(--public-color);letter-spacing: -1px;}
.news-in-paper .type-time{margin-bottom: 20px;}
.news-in-paper .type-time{display: flex;align-items: center;gap: 0 40px;}


.videos-list {margin-bottom: 150px;}
.videos-list .list{background-color: #f2f5f8;padding: 20px 15px 30px;transition: all .4s ease-in-out;height: 100%;}
.videos-list .list:hover{background-color: #ffffff;box-shadow: 0px 0px 50px 0px rgba(0, 65, 120, 0.1);}
.videos-list .video{margin-bottom: 10px;}
.videos-list .t1{font-size: 18px;line-height: 32px;color-scheme: #333;font-weight: 600;;}
.videos-list .row{margin: 0 -20px;gap: 60px 0;}
.videos-list .col-md-4{padding: 0 20px;}

.certificates-list {padding-bottom: 160px;}
.certificates-list .cer-content{border-top: 1px solid rgba(9, 60, 115, .2);}
.certificates-list .items{border-bottom: 1px solid rgba(9, 60, 115, .2);}
.certificates-list .items .cer-name{padding-top: 35px;padding-bottom: 35px;}
.certificates-list .items.active .cer-name{margin-bottom: 60px;padding-bottom: 0px;}
.certificates-list .items.active{padding-bottom: 70px;}
.certificates-list .cer-name{display: flex;align-items: center;justify-content: space-between;padding-right: 16px;}
.certificates-list .h2{font-size: 32px;line-height: 42px;font-weight: bold;color: #333;position: relative;padding-left: 60px;}
.certificates-list .h2::before{content: "";background:url(../../images/sign-4.png) no-repeat;width: 38px;height: 38px;background-size: contain;position: absolute;left: 0;}
.certificates-list .img{background-color: rgba(9, 60, 115, .05);padding: 20px 15px;transition: all .4s ease-in-out;margin-bottom: 35px;height: 100%;}
.certificates-list .list:hover .img{box-shadow: 0px 0px 50px 0px rgba(0, 65, 120, 0.1);background-color: #fff;}
.certificates-list .h5{font-size: 18px;line-height: 32px;color: #333;letter-spacing: -1px;}
.certificates-list .row{gap: 45px 0;margin: 0 -13px;}
.certificates-list .col-md-3{padding: 0 13px;}
.certificates-list .img{display: block;}
.certificates-list .dimen .minus{display: none;}
.certificates-list .dimen .plus{display: inline-flex;}
.certificates-list .items.active .dimen .minus{display: inline-flex;}
.certificates-list .items.active .dimen .plus{display: none;}
.certificates-list .dimen{font-size: 29px;color: #333;font-weight: bold;}
.certificates-list .list{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}

.factory-list {padding-bottom: 160px;}
.factory-content{border-top: 1px solid rgba(9, 60, 115, .2);}
.factory-list .items{border-bottom: 1px solid rgba(9, 60, 115, .2);}
.factory-list .items .cer-name{padding-top: 35px;padding-bottom: 35px;}
.factory-list .items.active .cer-name{margin-bottom: 60px;padding-bottom: 0px;}
.factory-list .items.active{padding-bottom: 70px;}
.factory-list .cer-name{display: flex;align-items: center;justify-content: space-between;padding-right: 16px;}
.factory-list .h2{font-size: 32px;line-height: 42px;font-weight: bold;color: #333;position: relative;padding-left: 60px;}
.factory-list .h2::before{content: "";background:url(../../images/sign-4.png) no-repeat;width: 38px;height: 38px;background-size: contain;position: absolute;left: 0;}
.factory-list .img{margin-bottom: 10px;}
.factory-list .list{background-color: rgba(9, 60, 115, .05);padding: 20px 15px 55px;transition: all .4s ease-in-out;height: 100%;}
.factory-list .list:hover{box-shadow: 0px 0px 50px 0px rgba(0, 65, 120, 0.1);background-color: #fff;}
.factory-list .h5{font-size: 18px;line-height: 32px;color: #333;font-weight: 600;}
.factory-list .row{gap: 40px 0;margin: 0 -20px;}
.factory-list .col-md-3{padding: 0 20px;}
.factory-list .img{display: block;}
.factory-list .dimen .minus{display: none;}
.factory-list .dimen .plus{display: inline-flex;}
.factory-list .items.active .dimen .minus{display: inline-flex;}
.factory-list .items.active .dimen .plus{display: none;}
.factory-list .dimen{font-size: 29px;color: #333;font-weight: bold;}


@media(max-width:768px){
    .certificates-list{padding: 30px 0;}
    .certificates-list .all-img{margin-bottom: 15px;}
    .certificates-list .top-head .text{
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word;
    }
    .certificates-list .items.active .cer-name {margin-bottom: 25px;padding-top: 15px;}
    .certificates-list .h2 {font-size: 20px;line-height: 28px;}
    .certificates-list .items.active{padding-bottom: 0px;}
    .certificates-list .img{margin-bottom: 15px;}
    .certificates-list .h5{text-align: center;font-size: 15px;line-height: 24px;}
    .certificates-list .col-md-3{width: 50%;}
    .certificates-list .img{padding: 15px 10px;}
    .certificates-list .dimen {font-size: 23px;}
    .certificates-list .items .cer-name{padding: 15px 0;}

    .factory-list .row .col-md-4{width: 50%;}
}

.faq-list{margin-bottom: 280px;}
.faq-list .aside{min-width: 270px;width: 20%;}
.faq-list .article{width: 70%;}
.faq-list .all-more-1{width: 100%;height: 80px;padding: 0;display: inline-flex;align-items: center;padding-left: 45px;font-size: 24px;font-weight: bold;}
.faq-list .all-more-1 p{width: 170px;display: flex;justify-content: space-between;}
.faq-list .all-more-1 span{font-family: 'Urbanist-SemiBold';font-size: 18px;}
.faq-list .all-faqs .items.active .quen-a{margin-bottom: 25px;}


.case-content{background-color: #f2f7fc;padding-top: 170px;padding-bottom: 135px;}
.case-content .top-head{text-align: center;font-size: 18px;line-height: 32px;margin-bottom: 90px;}
.case-content .title{margin-bottom: 20px;}
.case-content .top-head span{display: block;}
.case-content .row{gap: 40px 0;}
.case-global{padding-top:190px;padding-bottom: 220px;position: relative;}
.case-global::after{content: "";background:url(../../images/case-1.jpg) no-repeat center ;background-size: contain;position: absolute;bottom: 0;width: -webkit-fill-available;height: 695px;z-index: -1;}
.case-global .title{margin-bottom: 130px;text-align: center;}
.case-global .case-btn{position: absolute;right: -60px;top: 20%;z-index: 2;width: 100%;}
.case-global .case-btn-xl{display: flex;justify-content: flex-end;}
.case-global .all-hover-1{position: static;margin-top: 0;}
.case-global .all-hover-1::after{font-family:  "cmsfont";color: #fff;}
.case-global .next-case::after{content: "\f105";}
.case-global .prev-case::after{content: "\f104";}
.case-global .btn{width: 130px;height: 130px;border-radius: 100%;background-color: var(--public-color);display: flex;align-items: center;justify-content: space-between;}
.case-faq{padding-top: 30px;padding-bottom: 130px;}

.case-in-paper{padding-bottom: 230px;padding-top: 0px;}
.case-in-paper h1{font-size: 42px;line-height: 52px;width: 95%;margin-bottom: 45px;}
.case-in-paper .type{display: flex;align-items: center;gap: 0 40px;font-size: 18px;margin-bottom: 20px;}
.case-in-paper .content{padding-top: 75px;padding-bottom: 80px;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;color: #999;}
.case-in-paper .content img{max-width: 100%;height: auto;}
.case-in-paper h4{font-size: 24px;line-height: 36px;color: #333;letter-spacing: -1px;font-weight: 600;margin-bottom: 20px;}
.case-in-paper .content p{margin-bottom: 20px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;

}
.case-in-paper .content strong{color: #333;font-weight: 600;}

.case-in-paper .box-tail{font-size:18px;line-height:30px;margin-top:54px;margin-bottom: 130px;display:flex;justify-content:space-between}
.case-in-paper .box-tail .left{width:75%}
.case-in-paper .box-tail .right{width:20%;display:flex;justify-content:flex-end}
.case-in-paper .box-tail .left p{display:flex}
.case-in-paper .box-tail .left p a{display:inline-block;transition:all .6s;color:#666;font-size:16px;line-height:30px;padding-left:16px}
.case-in-paper .box-tail .left p a:hover{color:var(--public-color);text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 3px;}
.case-in-paper .box-tail .left p span{color:var(--public-color);display:block;font-weight:bold}
.case-in-paper .box-tail .left p:first-child{margin-bottom:10px}
.case-in-paper .box-tail .all-more-1{height: 51px;width: 170px;font-size: 16px;display: flex;justify-content: center;align-items: center;padding: 0;}
.case-in-paper .box-tail .all-more-1 span{font-family:'Urbanist-SemiBold';padding-left: 10px;}
.case-items .title{font-size: 32px;line-height: 48px;position: relative;display: flex;align-items: center;padding-left: 40px;margin-bottom: 70px;}
.case-items .title::before{content: "";width: 21px;height: 21px;background: url(../../images/sign-4.png) no-repeat;background-size: contain;position: absolute;left: 0;}
.case-items .img{margin-bottom: 35px;}
.case-items .t1{font-size: 20px;line-height: 30px;color: #333;font-weight: 500;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.case-items .row{margin: 0 -13px;}
.case-items .col-md-3{padding: 0 13px;}

.contact-index {padding-bottom: 180px;}
.contact-index .content{gap: 0 27px;}
.contact-index .list{flex: 1;height: 270px;width: 100%;position: relative;display: flex;align-items: center;justify-content: center;}
.contact-index .list-xl{height: 100%;width: 100%;padding: 10px;overflow: hidden;background-color: var(--public-color-1);}
.contact-index .img{position: absolute;top: -60px;background-color: #fff;border-radius: 100%;z-index: 2;width: 120px;height: 120px;border: 10px solid #fff;display: flex;justify-content: center;align-items: center;}
.contact-index .img-1{border: 6px solid var(--public-color);border-radius: 100%;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.contact-index .list-b{background-color: #fff;height: 100%;width: 100%;display: flex;justify-content: center;}
.contact-index .h5{font-size: 18px;line-height: 28px;color: #333;font-weight: bold;margin-bottom: 10px;}
.contact-index .font-sty{font-size: 18px;line-height: 28px;color: #333;}
.contact-index .cont{text-align: center;padding: 10px;margin-top: 80px;position: relative;z-index: 2;}

.news-list .banner-nav{align-items: flex-start}


@media(max-width:1880px){
    .pro-index .items:last-child .img{margin-left: -200px;}
}
@media(max-width:1830px){
    .pro-index .items:nth-child(1) .img {margin-right: -160px;}
    .pro-index .items:nth-child(1) .right {padding-left: 40px;}
}
@media(max-width:1780px){
    .pro-index .items:last-child .img{margin-left: -140px;}
}
@media(max-width:1740px){
    .pro-index .items:nth-child(1) .img {margin-right: -100px;}
    .pro-index .items:nth-child(1) .right {padding-left: 40px;}
}
@media(max-width:1700px){
    .home-pro .items:last-child .pro-img{width: 82%;}
}
@media(max-width:1680px){
    .home-about .container-xl.m-right{padding-left: 15px;}
    .home-pro .container-xl.m-right{padding-left: 15px;}
    .about-zhu .container-xl.m-right{padding-left: 15px;}
    .p-c-zhu .container-xl.m-right{padding-left: 15px;}
}
@media(max-width:1650px){
    .next-app {right: -79px;}
    .prev-app {left: -79px;}

    .pro-index .items:last-child .img{margin-left: -80px;}

}
@media(max-width:1630px){
    .pro-index .items:nth-child(1) .img {margin-right: -30px;}

    .p-d-com .next-com{right: 35px;}
    .p-d-com .prev-com{left: 35px;}

}
@media(max-width:1600px){
    .home-pro .items:last-child .right {margin-left: 0px;}
    .home-process .text{margin-bottom: 50px;}
    .home-process .right {width: 38%;}
    .home-process .title{margin-bottom: 30px;}
}

@media(max-width:1600px){
    .home-app::after {top: -120px;width: 500px;}
    .next-app {right: -35px;}
    .prev-app {left: -35px;}
}
@media(max-width:1560px){
    .about-zhu .title span{display: inline;}
    .pro-index .items:last-child .img{margin-left: -20px;padding-left: 20px;}
}
@media(max-width:1500px){
    .next-app {right: 10px;}
    .prev-app {left: 10px;}
    .pro-index .items:nth-child(odd) .right::after{width: 100%;}
    .pro-index .items:nth-child(1) .img {margin-right: 0px;padding-right: 20px;}

}
@media(max-width:1450px){
    .row{margin: 0 -15px !important;}
    .col-md-3,.col-md-4{padding: 0 15px !important;}
    .title,.p-d-models .title,.ser-faq .title, .app-faq .title, .case-faq .title,.index-banner h1.h1{font-size: 36px;line-height: 42px;}

    .ser-content .h2{font-size: 30px;line-height: 42px;}

    .home-app .d{flex-direction: column;}
    .home-app .items:last-child .d p:last-child{width: auto;}
    .home-app .items:last-child .ul p{margin-bottom: 20px;}
}
@media(max-width:1380px){
    .app-img .h4 {font-size: 16px;line-height: 25px;padding: 15px 10px;}

    .contact-index .cont {margin-top: 55px;}
    .contact-index .list:first-child .font-sty{font-size: 16px;}

    .all-product .list{padding: 50px 30px;}

}
@media(max-width:1350px){
    .home-app {margin-top: -80px;padding-top: 140px;}
    .home-app::after{background-size: contain;width: 465px;height: 355px;top: -100px;}

    .about-inedx {padding-top: 120px;}
    .all-news .m{font-size: 45px;}
    .about-zhu .left {width: 44%;}

    .factory-list .h2,.certificates-list .h2{font-size: 26px;line-height: 38px;}
    .factory-list .list,.certificates-list .list {padding-bottom: 30px;}
    .certificates-list .h2::before ,.factory-list .h2::before {width: 30px;height: 30px;}

    .all-product .list{padding: 30px 25px;}
    .home-pro .items:first-child .pro-img-xl{margin-right: -100px;}

    .p-l-specil .h5{font-size: 14px;line-height: 26px;}

    .ser-faq .aside {width: 35%;}
    .ser-faq .content, .app-faq .content, .case-faq .content {width: 59%;}

}
/* @media(max-width:1305px){
    .detail-nav.fadeInDown{top: 70px;}
} */
@media(max-width:1304px){
    .detail-nav li a {font-size: 18px;}

}
@media(max-width:1280px){
    .home-app::after {height: 415px;height: 316px;top: -70px;}
    .home-pro .items:first-child .left {width: 45%;}
    .home-pro .items:first-child .right{width: 50%;}
    .home-pro .items:last-child .right {width: 40%;}
    .home-pro .items:last-child .left {width: 55%;margin-top: 0;}
    .home-app {margin-top: -30px;}
    .home-pro .items:first-child .pro-img-xl {margin-right: -85px;}
    .home-process .left{width: 50%;}
    .home-process .right{width: 46%;}
    .home-process .title span,.home-about .title span{display: inline;}
    .p-l-pro .list{padding: 15px 20px;}
    .p-d-content{padding-bottom: 0;}

    .p-l-pro .size {font-size: 15px;}
}
@media(max-width:1250px){
    .p-l-feat .items-xl {padding: 55px 30px 0px;}
     .p-l-pro .size {font-size: 14px;}
}
@media(max-width:1220px){
    .home-app::after {top: 0;width: 330px;height: 250px;}
    .home-app .items-xl{padding: 50px 40px;}
    .about-choose .cont{font-size: 16px;line-height: 25px;padding: 0 15px;}
}   
@media(max-width:1200px){
    .home-ser .img{margin-bottom: 45px;}
    .home-ser .h5 {font-size: 20px;}
    .home-ser .cont {line-height: 30px;text-align: center;}
    .about-choose .list {padding-top: 20px;}
    .pro-index .items:nth-child(odd) .left::before {height: 100%;}
    .pro-index .items{margin-bottom: 30px;}
    .p-l-pro .col-md-4 {max-width: 50%;flex: 0 0 50%;}
    .case-items .t1{font-size: 16px;line-height: 28px;}
    .home-pro .items:first-child .pro-img-xl{margin-right: -50px;}

    .p-l-specil .h5{-moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
        
}
@media(max-width:1100px){
    .home-app{margin-top: 0;}
    .home-pro{padding-bottom: 30px;}
    .pro-index .items{flex-direction: column-reverse !important;align-items: flex-start;margin-bottom: 40px;}
    .pro-index .items .right{margin-bottom: 25px;padding: 20px;}
    .pro-index .items .left,.pro-index .items .right{width: auto;}
    .pro-index .items:nth-child(odd) .right::after{height: 100%;}

    .ser-faq .aside{width: 100%;display: flex;justify-content: space-between;}
    .ser-faq .content{width: 100%;}
    .ser-faq-xl{flex-direction: column;}

}
@media(max-width:1000px){
      .dfrsb{flex-wrap: wrap !important;}
      .detail-nav.fadeInDown,.detail-nav{display: none;}
}

@media(max-width:768px){
    .text p{margin-bottom: 10px;}
    .title span{display: inline;}
    .title{font-size: 22px !important;line-height: 32px !important;margin-bottom: 10px !important;letter-spacing: -1px !important;}
    .dfrsb,.dfrsbc{flex-wrap: wrap !important;}
    .left,.right{width: 100% !important;}
    .text{font-size: 14px !important;line-height: 20px !important;text-align: left !important;}
    .top-head{margin-bottom: 25px !important;width: 100% !important;}
    .top-head .text{text-align: center !important;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word;
    }
    .h6{font-size: 16px !important;line-height: 24px !important;}
    .all-hover {width: 35px;height: 35px;}
    .all-hover .iconfont {font-size: 16px;}
    .ul p{padding-left: 25px;}
    .ul p::before {font-size: 16px !important;line-height:20px !important;}
    ul li{font-size: 16px !important;line-height: 24px !important;}
    .h1{font-size: 24px !important;line-height: 32px !important;letter-spacing: 0px !important;margin-bottom: 15px !important;}
    .text p{margin-bottom: 10px !important;}
    .text p:last-child{margin-bottom: 0 !important;}
    .all-more{height: 42px !important;padding: 0 25px;font-size: 16px;line-height: 24px;display: inline-flex;justify-content: center;align-items: center;}
    .row{margin-left: -7px !important;margin-right: -7px !important;gap: 0 !important;}
    .col-md-4,.col-md-3,.col-md-6{padding-left: 7px !important;padding-right: 7px !important;margin-bottom: 25px !important;}
    .all-img{margin-bottom: 15px !important;}

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

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

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

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

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

    .in-banner .small-nav{padding-top: 15px;margin-bottom: 15px;}
    .small-nav ul {padding-left:25px}
    .small-nav ul::before {top: 4px;width: 16px;height: 16px;}
    .small-nav ul li::after {padding: 0 5px;}
    .small-nav ul a {font-size: 14px;line-height: 26px;}
    .small-nav ul li::after {line-height: 26px;font-size: 10px;}

    .nav{margin-bottom: 30px;}
    .nav .menu-collapse{width: 100%;}
    .menu-collapse .collapse-title h5{font-size: 1.1rem;}
    .all-news{padding-bottom: 0px;}
    .all-news .img{margin-bottom: 20px;}
    .all-news .t1{font-size: 18px;margin-bottom: 15px;}
    .all-news .m{display: none;}
    .all-news .time{font-size: 14px;}

    .every-footer{height: auto;padding: 30px 0;}
    .every-footer .content{flex-wrap: wrap;}
    .every-footer .text{width: 100%;margin-bottom: 20px;}
    .every-footer .box {gap: 20px;}
    .every-footer .box>div{width: 100%;padding: 10px 20px;height: auto;}
    .every-footer .box p{padding-left: 48px;}
    .every-footer .left{margin-bottom: 25px;}
    .every-footer .right{margin-top: 0;padding: 30px 25px;}
    .every-footer .form-feedback .form-control{padding: 10px 5px;}
    .every-footer .form-feedback .form-control::placeholder{font-size: 14px;}
    .every-footer .all-more-1{height: 42px;padding: 0 15px;font-size: 16px;}

    .footer{padding-top: 30px;}
    .footer .top{flex-wrap: wrap;margin-bottom: 20px;}
    .footer .logo{width: 100%;margin-bottom: 10px;}
    .footer .top .text,.footer .top .text p{width: 100%;}
    .footer .bottom{flex-wrap: wrap;}
    .footer .bottom>div{width: 100% !important;margin-bottom: 20px;}
    .footer .t1{font-size: 20px;line-height: 28px;margin-bottom: 10px;}
    .footer .font-sty{line-height: 26px;font-size: 14px;}
    .footer .d1 .icon {line-height: 27px;}
    .footer .d1{margin-bottom: 10px;}
    .footer-top{padding-bottom: 0px;}
    .footer-bottom {padding: 5px 0;line-height: 20px;}

    .contact-index{padding-bottom: 30px;}
    .contact-index .content{margin: 75px 0 0;}
    .contact-index .img{width: 100px;height: 100px;top: -50px;}
    .contact-index .list-b{align-items: center;}
    .contact-index .cont{margin-top: 0;}
    .contact-index .list{margin-bottom: 15px;flex: none;}
    .contact-index .font-sty{width: 100%;}
    .contact-index .mySwiper-pro{padding-top: 50px;}



    .main-box .main-left{max-width: none;width: auto;min-width: auto;}
    .news-in-paper .h1{margin-bottom: 15px;}
    .news-in-paper .type-time {padding-bottom: 15px;}
    .news-in-paper .article h2{font-size: 20px;line-height: 28px;}
    .news-in-paper .article h3{font-size: 16px;line-height: 24px;}
    .news-in-paper .box-tail .left p{font-size: 16px;line-height: 30px;}

    .main-box .table-title span.s1{background: none;animation: none;}
    .main-box .table-title.active .s1{width: 100%;}
    .main-box .main-left-box .table-title::before{background-color: transparent;}
    .main-box .main-left .main-left-box.active .news-name{overflow: auto;}
    .main-box .main-left .main-left-box{z-index: 99;top: 50px;}
    .all-banner .h1{margin-bottom: 0 !important;}

    .service-list{padding-top: 0;}
    .ser-content .top-head span{display: inline;}
    .ser-content .items{flex-direction: column !important;margin-bottom: 30px;}
    .ser-content .h2{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .ser-content .left{margin-bottom: 20px;}
    .ser-content{margin-bottom: 30px;}
    .ser-img{padding: 30px 0;}
    .ser-img .content{gap: 15px;}
    .ser-img .img{width: 100%;}
    .ser-faq{padding: 30px 0;}
    .ser-faq-xl{flex-wrap: wrap;}
    .ser-faq .aside{margin-bottom: 25px;display: flex;justify-content: space-between;}
    .ser-faq .title{width: 60%;}
    .ser-faq .a{width: 35%;display: flex;justify-content: flex-end;}
    .ser-faq .all-more{padding:0 10px;font-size: 12px;border-width: 2px;height: 35px !important;}
    .ser-faq .all-more span{font-size: 10px;padding-left: 3px;}
    .ser-faq .aside, .app-faq .title, .case-faq .title{width: 100%;}
    .ser-faq .content, .app-faq .content, .case-faq .content{width: 100%;}
    .all-faqs .quen-a{font-size: 14px;;line-height: 20px;padding-top:15px}
    .all-faqs .quen-q{font-size: 16px;line-height: 26px;}
    .all-faqs .quen-q::before{top: 1px;}
    .all-news{padding-top: 30px;}
    .all-news .title{font-size: 22px !important;}
    .all-faqs .dimen {font-size: 18px;}
    .faq-list .aside{width: 100%;}
    .faq-list .article{width: 100%;}
    .faq-list .all-faqs .items.active .quen-a{margin-bottom: 0;}
    .faq-list{margin-bottom: 30px;}

    .videos-list{margin-bottom: 30px;}

    .app-list{padding-top: 0px;}
    .app-zhu{margin-bottom: 40px;}
    .app-zhu .content{flex-direction: column-reverse;}
    .app-zhu .left{padding-top: 0;}
    .app-zhu .right{margin-bottom: 20px;}
    .app-img{margin-bottom: 30px;}
    .app-models{padding: 30px 0;}
    .app-choose{padding: 30px;}
    .app-choose .items{width: 100%;}
    .app-choose thead th{font-size: 16px;padding: 15px 10px;}
    .app-choose table td:first-child{width: auto;}
    .app-img .all-hover{top: 40%;}
    .mySwiper-app{padding-bottom: 30px;}
    .app-choose{padding: 30px 0;}
    .app-choose table td {padding: 15px 10px;}
    .app-choose .content{gap: 10px 0;margin-bottom: 30px;}
    .app-choose .vs{position: static;text-align: center;width: 100%;line-height: 42px;}
    .app-choose .all-a{font-size: 16px;text-decoration: underline;text-decoration-skip-ink: none;}
    .app-choose .all-a::after{display: none;}
    .app-choose .all-a:hover{text-decoration: none;}
    .all-faqs .items:first-child{padding-top: 0;}
    .app-faq{padding-bottom: 30px;}

    .every-footer-1.every-footer>img{width: auto;height: 850px;}
    .every-footer-1.every-footer .text{margin-bottom: 0;}
    .every-footer-1.every-footer{padding: 0;overflow: hidden;}
    .p-d-news .all-news{padding-bottom: 0;}

    .case-content{padding: 30px 0 0;}
    .all-case .cont{padding: 20px 15px;}
    .all-case .t1{margin-bottom: 15px;}
    .case-global{padding: 30px 0;}
    .case-global .content{padding: 0 15px;}
    .case-global .case-btn{right: auto;left: auto;top: 35%;}
    .case-global .case-btn-xl{justify-content: space-between;}
    .case-global .btn{background-color: transparent;width: 100%;height: auto;}
    .case-global .all-hover-1{width: 40px;height: 40px;border-radius: 100%;background-color: var(--public-color);}
    .case-global .all-hover-1::after {font-size: 24px;}
    .case-global .next-case{margin-right: -20px;}
    .case-global .prev-case{margin-left: -20px;}
    .case-faq{padding-top: 0;padding-bottom: 30px;}

    .case-in-paper{padding-bottom: 0px;}
    .case-in-paper h1{font-size: 20px !important;line-height: 28px !important;}
    .case-in-paper .type {font-size: 16px;margin-bottom: 10px;}
    .case-in-paper .content{padding: 30px 0 0;}
    .case-in-paper h4{font-size: 18px;line-height: 26px;margin-bottom: 10px;}
    .case-in-paper .box-tail{flex-wrap: wrap;font-size: 16px;line-height: 24px;margin-top: 20px;margin-bottom: 20px;}
    .case-in-paper .box-tail .left p a{font-size: 16px;line-height: 24px;}
    .case-in-paper .box-tail .left{margin-bottom: 15px;}
    .case-items .title{font-size: 19px !important;line-height: 27px !important;}
    .case-items .title::before {top: 2px;}
    .case-items .img{margin-bottom: 15px;}

    .pro-index{padding-top: 0;}
    .pro-index{font-size: 14px;line-height: 20px;}
    .pro-index .items:nth-child(1) .img{padding-right: 0;}
    .pro-index .items:nth-child(1) .right {padding-left: 20px;margin-bottom: 15px;}
    .pro-index .items:nth-child(odd) .left{padding-left: 0;}
    .pro-index .items:nth-child(odd) .left::before,.pro-index .items:nth-child(even) .left::before{display: none;}
    .pro-index .items .t1{font-size: 20px;line-height:28px;margin-bottom: 15px;}
    .pro-index .items .text{margin-bottom: 20px;}
    .pro-index .t2{margin-bottom:10px;padding-left: 25px;}
    .pro-index .t2::before {width: 18px;height: 18px;top: 0px;}
    .pro-index .items{margin-bottom: 25px;}
    .pro-index .items .t1 span.s1 {height: 14px;margin-left: 0px;}
    .pro-index .items:nth-child(even) .left{padding-right: 0;}
    .pro-index .content{margin-bottom: 30px;}
    .p-l-specil{margin-bottom: 30px;height: auto;flex-wrap: wrap;gap: 20px;background-color: transparent;align-items: normal}
    .p-l-specil .list{flex: none;width: calc(calc(100% - 20px) / 2);align-items: normal;padding: 15px 10px;flex-direction: column;line-height: 20px;background-color: var(--public-color);}
    .p-l-specil .h5{width: auto;}
    .p-l-specil .img{margin-right: 0;margin-bottom: 10px;}
    .p-l-pro{flex-wrap: wrap;margin-bottom: 30px;}
    .p-l-pro .left{min-width: none;margin-bottom:20px;}
    .p-l-pro .t1 {padding: 5px 0;}
    .p-l-pro ul{padding:0;}
    .p-l-pro li{margin-bottom: 10px;}
    .p-l-feat{margin-bottom: 30px;}
    .p-l-feat .content{flex-wrap: wrap;}
    .p-l-feat .items{width: 100%;height: auto;padding: 20px 15px;}
    .p-l-pro .col-md-4{max-width: 100%;flex: 0 0 100%;}
    .p-l-feat .items-xl{padding: 20px 10px;}
    .p-l-feat .h3{font-size: 20px;line-height: 28px;margin-bottom: 15px;height: auto;}
    .p-l-feat .ul{font-size: 16px;line-height: 24px;padding-left: 0;}
    .p-l-pro li{margin-bottom: 0;}
    .p-l-feat .ul p{padding-left: 25px;margin-bottom: 10px;}
    .p-l-feat .ul p::before {width: 16px;height: 16px;}
    .p-l-feat .content{gap: 30px 0;}
    .down-list{margin-top: 30px !important;}
    .p-l-quality .content{flex-wrap: wrap;}
    .p-l-quality .h5{font-size: 16px;line-height: 24px;display: flex;align-items: center;}
    .p-l-quality .left{padding-top: 0;margin-bottom: 20px;}
    .p-l-quality .left>div {padding:0 15px;}
    .p-l-quality .box{padding: 20px 15px;}
    .p-l-quality .img{margin-bottom: 15px;}
    .p-l-quality{margin-bottom: 30px;}
    .p-l-case{padding: 30px 0;}
    .p-l-pro .menu-collapse{width: 100%;}
    .p-l-pro .menu-collapse ul ul .menu-link{padding: 10px 5px 10px 30px;}
    .p-l-quality .box{display: block;}
    .p-l-quality .h4{line-height: 26px;}
    .all-case .t1{line-height: 26px;}

    .p-c-zhu{margin-bottom: 25px;}
    .p-c-zhu .content{flex-wrap: wrap;flex-direction: column-reverse;}
    .p-c-zhu .text{margin-bottom: 20px;}
    .p-c-zhu .size{line-height: 24px;padding-left: 20px;margin-bottom: 20px;}
    .p-c-zhu .img-cer{margin-bottom: 25px;}
    .p-c-zhu .a-btn{margin-bottom: 20px;}
    .p-c-zhu .right{margin-bottom: 20px;}
    .p-c-zhu .product-thumb{height: auto;}
    .p-c-zhu .swiper-container {width: 100%;}
    .p-c-img{margin-bottom: 00px;gap: 15px;}
    .detail-nav,.detail-nav.fadeInDown{display: none;}
    .p-d-content>div{margin-top: 30px;}
    .p-d-desc .content{flex-wrap: wrap;flex-direction: column;}
    .p-d-desc .video{margin-top: 20px;}
    .p-d-desc .text{width: 100%;}
    .p-d-content .all-img {width: 18px;height: 18px;margin-bottom: 0 !important;margin-right: 10px;}
    .p-d-high .ul p {padding-left: 25px;margin-bottom: 10px;}
    .p-d-content{line-height: 20px;}
    .table-wrapper table tr td:first-child, .table-wrapper table tr th:first-child{padding-left: 15px;}
    .table-wrapper table td{font-size: 14px;}
    .table-wrapper table thead th{font-size: 16px;}
    .p-d-com .img{margin-bottom: 15px;}
    .p-d-com .h5{line-height: 26px;}
    .p-d-opt .t3{outline-style: 18px;line-height: 26px;}
    .p-d-opt .box{padding: 20px 15px;}
    .p-d-opt{margin-bottom: 0;}
    .all-product .list{padding: 20px 15px;}
    .all-product .model{font-size: 18px;line-height: 26px;margin-bottom: 10px;}
    .all-product .model span.s1{width: 15px;height: 15px;}
    .all-product .size{padding-left: 20px;}
    .all-product .size::before {height: 91%;top: 4%;}
    .p-d-models{margin-bottom: 30px;}


    .all-banner .about-video{height: auto;}
    .all-banner .about-video video{width: 100%;}

    .about-inedx{padding-top: 0;}
    .about-zhu{margin-bottom: 30px;}
    .about-zhu .text{margin-bottom: 10px;}
    .about-zhu .content{flex-direction: column-reverse;}
    .about-zhu .right{margin-bottom: 20px;}
    .about-zhu .h5{line-height: 26px;margin-bottom: 10px;}
    .all-img-1{width: 80px;height: 80px;}
    .all-img-1 p{width: 60px;height: 60px;}
    .all-img-1::after{width: 100px;height: 100px;}
    .all-img-1 span{
        width: 36px;
        height: 20px;
        border-left: 18px solid #fff;
        border-right: 18px solid transparent;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        margin-right: -24px;}

    .about-img .h3{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .about-img .h4{line-height: 26px;}
    .about-img .img{margin-bottom: 10px;}
    .about-img .all-hover {top: 40%;}
    .about-img{margin-bottom: 30px;}
    .about-cer{margin-bottom: 30px;}
    .about-cer .img{margin-bottom: 15px;}
    .about-cer .left{margin-bottom: 20px;}
    .about-cer .ul{margin-bottom: 20px;}
    .about-cer .right{font-size: 16px;line-height: 24px;}
    .about-cer .ul p{margin-bottom: 10px;}
    .about-cer .ul p::before ,.about-work .ul p::before,.about-sust .ul p::before{width: 16px;height: 16px;}
    .about-cer .all-a, .about-work .all-a{text-decoration: underline;text-decoration-skip-ink: none;}
    .about-cer .all-a span, .about-work .all-a span{display: none;}
    .about-cer .all-a:hover{text-decoration: none;}
    .about-work .all-a:hover{text-decoration: none;}
    .about-cer .all-a::after, .about-work .all-a::after{display:none}
    .about-work{padding: 30px 0;}
    .about-work .left,.about-sust .right{font-size: 16px;line-height: 24px;}
    .about-work .text{margin-bottom: 20px;}
    .about-work .ul p{margin-bottom: 10px;padding-left: 25px;}
    .about-work .a{margin-bottom: 0px;}
    .about-work .content{flex-direction: column-reverse;}
    .about-sust{padding: 30px 0;margin-bottom: 00px;}
    .about-sust .left{margin-bottom: 15px;}
    .about-choose .img{width: 80px;height: 80px;top: -18%;}
    .about-choose .img img{max-width: 60%;}
    .about-choose .list{padding: 0;height: 200px;}
    .about-choose{margin-bottom: 0px;}
    .about-global .top-head{margin-bottom: 0 !important;}
    .about-global{padding: 30px 0 0;}
    .about-global .case-global{padding-bottom: 0;}

    .factory-list{padding-bottom: 30px;}
    .factory-list .h2, .certificates-list .h2{font-size: 20px;line-height: 28px;padding-left: 25px;}
    .certificates-list .h2::before, .factory-list .h2::before{width: 17px;height: 17px;top: 5px;}
    .factory-list .dimen {font-size: 22px;padding-top: 5px;}
    .factory-list .cer-name{align-items: flex-start;margin-bottom: 0px;}
    .factory-list .list, .certificates-list .list{padding-bottom: 10px;}
    .factory-list .h5{font-size: 16px;line-height: 24px;}
    .factory-list .items.active{padding-bottom: 30px;padding-bottom: 0px;}
    .factory-list .items .cer-name{padding: 20px 0;}
    .factory-list .items.active .cer-name{margin-bottom: 20px;}

    .index-banner h1.h1 {font-size: 20px !important;line-height: 28px !important;}
    .home{padding-top:45px;}
    .home-head{gap: 45px 0;margin-bottom: 30px;}
    .home-head .list{flex: none;width: 100%;height: 140px;}
    .home-head .img{padding: 0;top: -40px;}
    .home-head .img-xl{width: 80px;height: 80px;}
    .home-head .img-xl img{max-width: 60%;}
    .home-head .cont{font-size: 16px;line-height: 24px;margin-top: 20px;width: 85%;}
    .home-pro .items-xl{flex-direction: column-reverse !important;}
    .home-pro .itemsright{margin-bottom: 20px;}
    .home-pro .text{margin-bottom: 10px;}
    .home-pro .size{padding: 0 20px;margin-bottom: 20px;}
    .home-pro .pro-img-xl{gap: 0 10px;}
    .home-pro .items:first-child .pro-img-xl{margin-right: 0;}
    .home-pro .items:last-child,.home-pro .items{font-size: 14px;line-height: 24px;}
    .home-pro .items{margin-bottom: 40px;}
    .home-app::after{width: 100px;height: 100px;}
    .home-app .content{gap: 20px 0;}
    .home-app{padding-top: 30px;padding-bottom: 30px;margin-bottom: 0;}
    .home-app .items{flex: none;width: 100%;}
    .home-app .items-xl{padding: 20px 15px;}
    .home-app .h3{font-size: 20px;margin-bottom: 15px;}
    .home-app .items .text{margin-bottom: 30px;height: auto;}
    .home-app .ul{margin-bottom: 30px;}
    .home-app .a a{font-size: 16px;line-height: 24px;}
    .home-about{padding-top: 30px;margin-bottom: 30px;}
    .home-about .all-a{font-size: 16px;line-height: 24px;}
    .home-about .text{margin-bottom: 10px;}
    .home-about .a{margin-bottom: 20px;}
    .home-about .h5 {line-height: 26px;margin-bottom: 10px;}
    .home-about .content{flex-direction: column-reverse;}
    .home-about .right{margin-bottom: 20px;}
    .home-process .left{margin-bottom: 20px;}
    .home-process .h6 {margin-bottom: 0;}
    .home-process .text{margin-bottom: 20px;}
    .home-process{margin-bottom: 30px;}
    .home-part{margin-bottom: 30px;}
    .home-part .img{width: calc(calc(100% - 16px) / 2);}
    .home-ser .items{flex: none;width: 100%;}
    .home-ser .content{gap: 25px 0;padding: 0 15px;}
    .home-ser .img{margin-bottom: 15px;}
    .home-ser .h5{font-size: 18px;line-height: 26px;}

    .p-l-pro .t3{height: auto;}
}


.ul-box{display: none;justify-content: space-between;background-color: #fff;padding: 30px 50px;gap: 30px;position: absolute;min-width: 700px;top: 90px;box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.ul-box .name-app{font-size: 22px;line-height: 32px;color: #373737;font-weight: bold;margin-bottom: 20px;}
.ul-box .t1{font-size: 16px;line-height: 28px;color: #747474;}
.ul-box .t1:hover{text-decoration: underline;text-decoration-skip-ink: none;}
.ul-box li{margin-bottom: 5px;}
.nav-item:hover .ul-box{display: flex;animation: fadeIn .4s ease-in-out;}
.navbar-custom .navbar-nav .nav-item{display: flex;flex-direction: column;align-items: center;justify-content: center;}



.nav-item:hover .ul-box-big{display: flex;animation: fadeIn .4s ease-in-out;}
.navbar-custom .navbar-nav .nav-item{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.ul-box-big{display: none;justify-content: space-between;background-color: #fff;padding: 30px 30px 30px 50px;gap:30px;position: absolute;min-width: 1000px;min-height: 350px;top: 75px;left: auto;box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.ul-box-big .one-box{min-width: 245px;width: 20%;}
.ul-box-big .two-box{min-width: 400px;width: 35%;}
.ul-box-big .three-box{min-width: 210px;width: 20%;}
.ul-box-big .one-box li{margin-bottom: 15px;}
.ul-box-big .two-box li{margin-bottom: 10px;}
.ul-box-big .two-box .ul-menu>li{display: none;}
.ul-box-big .two-box .ul-menu>li.active{display: block;}
.ul-box-big .three-box .ul-menu>li{display: none;}
.ul-box-big .three-box .ul-menu>li.active{display: block;}
.ul-box-big .three-box .li-ul-menu>li{display: none;}
.ul-box-big .three-box .li-ul-menu>li.active{display: block}
.ul-box-big .ul-menu>li.active .li-ul-menu>.active a,.ul-box-big .ul-menu>li.active>a{color: var(--public-color);}
.ul-box-big .one-box a{font-size: 18px;line-height: 32px;}
.ul-box-big .two-box a{font-size: 16px;line-height: 28px;}
.ul-box-big .two-box p{font-size: 14px;line-height: 24px;}
.ul-box-big .two-box .ul-menu,.ul-box-big .two-box li {height: 100%;}
.ul-box-big .title-1{font-size: 18px;line-height: 32px;font-weight: bold;margin-bottom: 30px;}
/* .ul-box-big .two-box li .text{display: flex;flex-direction: column;justify-content: center;} */
.ul-box-big .two-box li .text p{margin-bottom: 0 !important;}
.ul-box-big .all-menu li {position: relative;padding-left: 10px;margin-bottom: 10px;}
.ul-box-big .all-menu li::before{content: "";width: 6px;height: 6px;background-color: #999;;display: inline-block;margin-right: 5px;position: absolute;left:0;top: 12px;}
.ul-box-big .two-box .all-menu li::before{top: 10px;}
.ul-box-big .one-box .all-menu li:first-child:hover::before ,.ul-box-big .one-box .all-menu li:first-child.active::before ,.ul-box-big .two-box .all-menu li:hover::before,.ul-box-big .two-box .all-menu li.active::before{content: "\f105";font-family: 'cmsfont';width: 6px;height: 6px;background-color: transparent;color: var(--public-color);position: absolute;left: 0;top: 0px;}
.ul-box-big .all-menu li:hover::before,.ul-box-big .all-menu li.active::before{color: var(--public-color);}
.ul-box-big .one-box .all-menu li.active::before{background-color: var(--public-color);}
.ul-box-big .one-box .all-menu {display: flex;flex-direction: column;gap: 15px 0;}
@media(max-width:1400px){
    /* .ul-box-big{left: -35%;} */
}
@media(max-width:1360px){
    /* .ul-box-big{left: -47%;} */
}
@media(max-width:1340px){
    /* .ul-box-big{min-width: 1240px;} */
}
@media(max-width:1290px){
    /* .ul-box-big{left: -41%;min-width: 1210px;} */
}
@media(max-width:1230px){
    .ul-box-big {padding: 30px 20px;min-width: auto;}
    .ul-box-big .one-box a {font-size: 17px;}
    /* .ul-box-big{left: -41%;min-width: 1210px;min-height: 325px;} */
    .ul-box-big .all-menu li {margin-bottom: 7px;}
}
@media(max-width:1160px){
    /* .ul-box-big{left: -41%;min-width: 1120px;max-height: 300px;left: -35%;padding: 30px 20px;} */
}
@media(max-width:1140px){
     /* .ul-box-big{left: -24%;min-width: 1030px;gap: 20px;} */
}
@media(max-width:1120px){
    .ul-box-big .two-box a {font-size: 15px;}
        .ul-box-big .one-box a {font-size: 16px;}
        /* .ul-box-big .two-box {min-width: 420px;} */
     /* .ul-box-big{left: -29%;min-width: 995px;} */
}
@media(max-width:1090px){
    /* .ul-box-big{left: -46%;min-width: 995px;} */
    /* .ul-box-big .one-box{min-width: 335px;}
    .ul-box-big .two-box{min-width: 415px;}
    .ul-box-big .three-box{min-width: 170px;} */
    .ul-box-big .all-menu li {margin-bottom: 4px;}
}
@media(max-width:1035px){
    /* .ul-box-big{left: -42%;} */
}