/*通用样式*/
:root{
    --public-color:#e63337;
    --max:1430px;
}
body{color:#333;font-size:16px;line-height:24px;font-family:'思源黑体'}
a{color:#333;display:inline-block;}
a:hover{color:var(--public-color)}
.swiper-pagination-bullet-active{background:var(--public-color)}
.page-item.active .page-link {color: #fff;background-color: var(--public-color);border-color: var(--public-color);}
body,div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
img{aspect-ratio:attr(width) / attr(height);}
ul,ol,li,dl,dd,dt{list-style-type:none}
.img-width{width:100%;height:auto}
.img-height{height:100%;width:auto}
.img-fluid {max-width: 100%;height: auto;}
.main-container{margin-bottom:40px;margin-top:40px}
.tkanniu{cursor:pointer}
.card-thumb img{transition:all .4s ease}
.card-thumb:hover img{transform:scale(1.1)}
.container-xl{max-width:var(--max)}
.container-xl.m-right{margin:0 0 0 auto;padding:0}
.container-xl.m-left{margin:0 auto 0 0;padding:0}
@media(max-width:768px){
    body{font-size:14px;line-height:20px;padding-top:50px;}
    .container-xl.m-right{margin:0 auto;padding:0 15px}
    .container-xl.m-left{margin:0 auto;padding:0 15px}
}

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

.banner-video{max-height:750px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;}

/*默认导航样式*/
.navbar{padding:0px;position:relative;z-index:98}
.navbar-custom{top:0;z-index:2;justify-content:end}
.navbar-custom .navbar-nav > .nav-item{font-size:16px;margin:0 20px}
.navbar-custom .navbar-nav > .nav-item:first-child{margin-left:40px}
.navbar-custom .navbar-nav > .nav-item:last-child{margin-right:40px}
.navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#fff;padding:0;height:70px;display:flex;align-items:center;justify-content:center;font-weight:400;text-transform:uppercase;font-size:16px;line-height:32px}
.navbar-custom .navbar-nav .nav-link:before{content:"";width:0px;height:2px;margin-left:0!important;background:var(--public-color);position:absolute;bottom:10px}
.navbar-custom .navbar-nav .nav-item:hover .nav-link:before{width:100%;transition:all 0}
.navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{transition:.6s ease-in-out}
.navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotateX(180deg);color:var(--public-color)}
.navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color);transition:.6s ease-in-out}
.navbar-custom .navbar-nav .nav-link.disabled{color:rgba(0,0,0,0.3)}
.navbar-custom .navbar-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)}

.product-list-box .product-list-left .navbox.fixed {
    position: fixed;
    width: 258px;
    top: 80px;
    z-index: 10;
}

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

/*#region 移动端栏目列表*/
.menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; }
.menu-collapse .collapse-title { padding: 0.875rem; background: #5bb44e; color: #fafafa; }
.menu-collapse .collapse-title h5 { font-size: 1.25rem; font-weight: 500; }
.menu-collapse .collapse-title .navbar-toggler { color: #fff; }
.menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 }
.menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; }
.menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #5bb44e }
.menu-collapse .menu-link:hover { background: #f8f9fa; }
.menu-collapse .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:flex;align-items:center;justify-content:center;width:56px;height:56px;position:relative;cursor:pointer;background:#fff;margin-bottom:1px;box-shadow:0 0 10px rgba(0,0,0,.1)}
#float .ico>svg{font-size:30px;line-height:56px;display:block;color:var(--public-color);position:relative;z-index:94;background:#fff}
#float .ico>i{font-size:30px;line-height:56px;display:block;color:var(--public-color);position:relative;z-index:94;background:#fff;width:100%;display:flex;align-items: center;justify-content: center;}
#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:0 20px;line-height:56px;font-size:16px;height:56px;background-color:#fff;color:#000;transition:all .6s;z-index:0;white-space:nowrap;border:1px solid #eee;box-shadow:0 0 10px rgba(0,0,0,.1)}
/*#float .ico:hover{background-color:var(--public-color)}*/
/*#float .ico:hover>svg,#float .ico:hover>i{color:#fff;background-color:var(--public-color)}*/
#float .ico:hover>.img{display:block}
#float .ico:hover p{right:56px}
#float .scale-ico{background-color:#f5f5f5;transition:.3s ease-in-out}
#float .scale-ico>svg,#float .scale-ico>i{background-color:#f5f5f5;transition:.3s ease-in-out}
#float .scale-ico>svg:hover,#float .scale-ico>i:hover{background-color:var(--public-color);color:#fff;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 svg,#float.hide .scale-ico i{transform:rotate(180deg)}
#float .ico#scroll-top{display:block!important}
#float .webxin p{height: auto;padding:10px;}
@media (min-width:1px) and (max-width:991px){
    #float{bottom:120px;display:none}
    #float .ico{width:40;px;height:40px}
    #float .ico>svg,#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;font-size:14px}
    #float.hide{transform:translateX(40px)}
    #float.hide .scale-ico{width:calc(40px / 2);transform:translateX(calc(-40px / 2))}
}

/*默认详情设置*/
.content-wrapper {font-size:16px;line-height:24px; }
.content-wrapper p{font-size:16px;line-height:24px;}
.content-wrapper li{font-size:16px;line-height:24px;}
.content-wrapper h3,.content-wrapper h4,.content-wrapper h5{font-size:20px;font-weight:bold;margin-bottom:10px;margin-top:20px;}
.content-wrapper img { max-width: 100% !important; height: auto !important; }
.content-wrapper video { max-width: 100% !important; height: auto !important; }
.content-wrapper iframe { max-width: 100%; }
@media (max-width: 768px) {
    .content-wrapper{font-size:14px;line-height:24px;}
    .content-wrapper p{font-size:14px;line-height:24px;}
}

/*#表格*/
.table-wrapper table th,.table-wrapper table td{padding:5px;vertical-align:middle;font-size:14px;border:1px solid #dee2e6;text-align:center}
.table-wrapper table tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,0.03)}
.table-wrapper table tbody tr:hover{background-color:#dee2e6;color:#555}
.table-wrapper table{display:table;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:auto}
@media (max-width:575.98px){
    .table-wrapper-sm table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:auto}
}@media(max-width:768px){
    .table-wrapper-md table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:auto}
}@media (max-width:991.98px){
    .table-res-lg table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:auto}
}@media (max-width:1500.98px){
    .table-wrapper-xl table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:auto}
}

/*#弹出框*/
.reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:3;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:92;padding:35px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.4);-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}
@media(max-width:768px){
    .reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:91;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.4);-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF}
    .reveal-modal .title{font-size:20px;text-align:center;margin-bottom:10px}
}

/*#留言表单*/
.form-feedback .btn{color:#fff;background:#9f1919;border-radius:0px;font-size:16px;line-height:22px;padding-top:8px;padding-bottom:8px}
.form-feedback .btn:hover{background:#003b66;color:#fff}
@media(max-width:768px){
    .form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px}
    .form-feedback .btn{padding-top:10px;padding-bottom:10px}
    .contact-wrapper .feedback-box .form-control{margin-bottom:0}
}
.form-row>.col,.form-row>[class*="col-"]{padding:0 15px}
.form-feedback .btn-c{background-color:#0b3b8d;height:100%;padding:10px 20px;transition:all .6s}
.popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:90;background:linear-gradient(-70deg,#24b66f 0%,#88ca4e 70%);color:#fff;border-radius:10px;padding:15px 25px;display:none;cursor:pointer;box-shadow:0 0 10px -2px #000;opacity:0;transition:.6s all}


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

/*#搜索*/
.search-group{width:200px;height:32px;overflow:hidden;border:1px solid #f7f7f7;border-radius:5px}
.search-group .form-control{border:none;border-radius:0px;background:transparent;color:#5c5352;height:32px;line-height:32px;}
.search-group .form-control::-webkit-input-placeholder{color:#5c5352}
.search-group .btn{background-color:#9f1919;border-radius:0px;height:32px;width:32px;display:flex;justify-content:center;align-items:center;padding:6px 15px;margin-bottom:0}
.search-group i{color:#fff;font-size:1rem}

/* 头部 */
.logo{display: flex;align-items: center;justify-content: center;padding:0 15px;}
.header-height{height:100px}
.navbar-custom .navbar-nav .nav-link{color:#4b526a;height: 100px;}
.navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color)}
.nav{align-items:center;font-size:18px;font-weight:500}
.top-search-box span{padding:0 30px;color:var(--public-color);cursor:pointer;position:relative;height: 100px;width: 100px;justify-content: center;align-items: center;display: flex;background-color:var(--public-color);color:#fff;}
.top-search-box .dropdown-menu{right:0;left:inherit}
.dropdown.lang{margin-right:0}
.dropdown.lang>span{cursor:pointer;height:100px;width: 100px;display: flex;align-items: center;justify-content: center;color: #4b526a;}
.dropdown.lang>span{color:#4b526a}
.top-lang .dropdown-menu{right:0;left:inherit}


@media (max-width: 1600px) {
    .nav{font-size:16px}
    .top-search-box{padding:0 20px}
    .dropdown.lang{margin-right:30px}
    .navbar-custom .navbar-nav > .nav-item{margin:0 10px;}
    .navbar-custom .navbar-nav > .nav-item:first-child{margin-left:20px}
    .navbar-custom .navbar-nav > .nav-item:last-child{margin-right:20px}
}

.header.fadeInDown{position:fixed;top:0;animation:fadeInDown .6s ease-in-out forwards;box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);}

@keyframes fadeInDown {
    0% {opacity: 0;transform: translate3d(0, -100%, 0);}
    100% {opacity: 1;transform: none;}
}
.header.fadeInDown .logo img{width:75%;}
.header.fadeInDown .navbar-custom .navbar-nav .nav-link{color:#4b526a;height:70px;}
.header.fadeInDown .dropdown.lang>span,
.header.fadeInDown .top-search-box span{height:70px;width: 70px;font-size: 14px;}

/* 搜索 */
.search-boxs{position:fixed;left:0;top:100px;width: 100%;height:240px;background-color: #f4f4f4;}
.header.fadeInDown .search-boxs{position:fixed;left:0;top:70px;}

.search-boxs .input-group{margin-top: 77px;background-color: #fff;width: 100%;}
.search-boxs .search-group{width: 100%;height: 60px;overflow: hidden;border-radius: 50px;}
.search-boxs .search-group .form-control{height: 100%;padding-left: 30px;font-size: 16px;}
.search-boxs .search-group .btn{height:100%;background-color:#fff;width: 100%;padding-right:20px;}
.search-boxs .search-group i{color:var(--public-color);font-size: 26px;font-weight: bold;}

.search-boxs .search-product-nav{margin-top: 20px;display: flex;flex-wrap: wrap;gap:15px;justify-content: center;}
.search-boxs .search-product-nav a{color:#888;font-size: 14px;line-height: 32px;}
.search-boxs .search-product-nav a:hover{color:var(--public-color);text-decoration: underline;}

/* banner */
.banner-text, .banner-content{align-items:flex-end;}
.banner-content-box{background-color:rgba(0,0,0, 0.8);width: 50%;padding:35px;display: flex;justify-content:flex-end;}
.banner-content-box .text{max-width:560px;display: flex;text-align:left;width: 100%;position:relative;}
.banner-content-box .text .left{max-width: 435px;}
.banner-content-box .text .title{font-size: 20px;line-height: 32px;color:#fff;margin-bottom: 10px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.banner-content-box .text .title a:hover{color:var(--public-color);transition:.6s all;}
.banner-content-box .swiper-slide:hover .title{color:var(--public-color);transition:.6s all;}

.banner-content-box .text .desc{font-size: 14px;line-height: 24px;color:#fff;opacity:.6;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.banner-content-box .text .right{flex:1;text-align:right;font-size: 14px;}
.banner-content-box .year{font-size: 14px;color:#fff;line-height:42px;display: flex;flex-direction:column;align-items:flex-end;}
.banner-content-box .year span{font-size: 24px;color:#fff;font-weight:700;line-height:24px;margin-bottom:10px;}
.banner-content-box .swiper-pagination{display: flex;gap:1px;right: 15px!important;left:initial!important; bottom: 8px;justify-content:flex-end;}
.banner-content-box .swiper-pagination-bullet{background-color:#fff;width:8px;height:8px;border-radius:50%;}
.banner-content-box .swiper-pagination-bullet-active{background-color:var(--public-color);}

.child-pro{display:flex;flex-wrap:wrap;width: 100%;}
.child-pro .child-pro-item{width:32%;margin-right:1%;font-size:14px;line-height:22px;}
.child-pro .child-pro-item a{color:#666;}
.child-pro .child-pro-item a:hover{text-decoration:underline;color:#e63337}
.product-list-right-content.active .child-pro{display:none}


@media(max-width:768px){
	.child-pro{display:none}
    .banner-content-box{width:100%;padding:20px;}
    .banner-content-box .text{flex-direction:column;}
    .banner-content-box .text .left{max-width:100%;}
    .banner-content-box .text .title{font-size:16px;line-height:24px;}
    .banner-content-box .text .desc{font-size:12px;line-height:20px;}
    .banner-content-box .text .right{text-align:left;margin-top:10px;display: none;}
    .banner-content-box .year{flex-direction:row;align-items:center;gap:10px;}
    .banner-content-box .year span{margin-bottom:0;font-size:18px;}
    .banner-content-box .swiper-pagination{bottom:5px;right:10px !important;}
}

/* 首页 */
.index-wrapper{max-width:1920px;margin:0 auto;overflow: hidden;}
.index-wrapper .title{font-size:42px;line-height:52px;font-weight: 700;}
.index-wrapper .desc{font-size: 14px;color: #999;line-height:24px;}

/* 解决方案 */
.solution-wrapper{background-color: #fff;padding:70px 0 0;}
.solution-wrapper .title{text-align: center;margin-bottom: 30px;}
.solution-wrapper .desc{text-align: center;max-width:800px;margin:0 auto 40px;}
.solution-wrapper .solution-box{background-color:#000;width: 100%;height: 600px;position:relative;overflow: hidden;}
.solution-wrapper .solution-box-bg::before{content:'';position:absolute;z-index:1;width: 100%;height: 100%;background:linear-gradient(to top,rgba(22, 37, 58,0.8),rgba(0,0,0,0))}
.solution-wrapper .solution-box-bg{background-size: cover;background-position: center;background-repeat: no-repeat;position:absolute;z-index:0;width: 100%;height: 100%;opacity: 0.7;transition: background-image 0.6s ease-in-out, opacity 0.6s ease-in-out;}
.solution-wrapper .container-xl{height:100%;position:relative;}
.solution-wrapper .solution-switch{display:flex;height:100%;min-width:1200px;margin:0 auto;position:relative;z-index:3;transition:all .6s}
.solution-wrapper .solution-switch-item{flex:1;width:100%;height:100%;display:flex;gap:30px;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:50px;cursor:pointer;transition:all 0.4s ease-in-out}
.solution-wrapper .solution-switch-item:hover{background-color:rgba(215,66,59,0.4)}
.solution-wrapper .solution-switch-item:hover img{transform:scale(1.1)}
.solution-wrapper .solution-switch-item .item-text{font-size:18px;color:#fff;line-height:28px;text-align:center}
.solution-wrapper .solution-switch-item img{transition:transform 0.4s ease-in-out}
.solution-wrapper .solution-switch-item.active{background-color:rgba(215,66,59,0.8);justify-content:center;transition:background-color 0.6s ease-in-out}
.solution-wrapper .solution-switch-item.active::after{content:'';width:60px;height:60px;display:inline-block;background-image:url(../../images/active-add.png);background-size:cover;background-position:center;background-repeat:no-repeat}
.solution-wrapper .solution-switch-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;gap:10px;width:100%;justify-content:space-between}
.solution-wrapper .solution-switch-btn .btn-left{display:flex;align-items:center;justify-content:center;cursor:pointer;position: relative;left:-100px;transform:rotate(180deg)}
.solution-wrapper .solution-switch-btn .btn-right{display:flex;align-items:center;justify-content:center;cursor:pointer;position: relative;right:-100px}
@media(max-width:768px){
    .solution-wrapper{padding:40px 0 0;}
    .solution-wrapper .title{font-size:24px;line-height:32px;margin-bottom:20px;}
    .solution-wrapper .desc{font-size:12px;line-height:20px;margin:0 15px 20px;}
    .solution-wrapper .solution-box{height:400px;}
    .solution-wrapper .solution-switch{min-width:100%;display:grid;grid-template-columns:repeat(3,1fr);}
    .solution-wrapper .solution-switch-item{padding:2%;padding-bottom:30px;gap:15px;}
    .solution-wrapper .solution-switch-item .item-text{font-size:14px;line-height:20px;}
    .solution-wrapper .solution-switch-item.active::after{width:40px;height:40px;}
    .solution-wrapper .solution-switch-item img{max-width:30px;}
    .solution-wrapper .solution-switch-btn{display:none;}
}
/* 产品中心 */
.product-center-wrapper{background:linear-gradient(to bottom, #333438 300px, #fff 0);padding:100px 0 120px;}
.product-center-wrapper .title{text-align: center;margin-bottom: 30px;color: #fff;}
.product-center-wrapper .desc{text-align: center;max-width:100%;margin:0 auto 40px;}
.product-center-wrapper .product-center-box{display:flex;flex-wrap:wrap;}
.product-center-item{width: 33.333333%;}
.product-center-item .img{overflow: hidden;}
.product-center-item .img img{width: 100%;transition:transform 0.4s ease-in-out}
.product-center-item .img:hover img{transform:scale(1.1)}
.product-center-item .item-text{padding:20px 0 30px 30px;}
.product-center-item .item-title{font-size:16px;line-height: 28px;color:#2b3041;margin-bottom: 10px;position: relative;}
.product-center-item .item-title::before{content:'';display: inline-block;width: 0;height: 0;border-top: 10px solid transparent;border-left: 10px solid #000;position:absolute;left:-20px;top:15px;transform:rotate(135deg);transition:.6s all;}
.product-center-item a.item-title{color:#2b3041;transition:.6s all;}
.product-center-item a.item-title:hover{color:var(--public-color)}
.product-center-item a.item-title:hover::before{border-left-color:var(--public-color)}
.product-center-item .item-desc{font-size: 14px;line-height: 24px;color:#999;max-width:280px;}
@media(max-width:768px){
    .product-center-wrapper{padding:40px 0 60px;}
    .product-center-wrapper .title{font-size:24px;line-height:32px;margin-bottom:20px;}
    .product-center-wrapper .desc{font-size:12px;line-height:20px;margin:0 15px 20px;}
    .product-center-wrapper .product-center-box{flex-direction:column;}
    .product-center-item{width:100%;margin-bottom:30px;}
    .product-center-item .item-text{padding:20px 0 0 20px;}
    .product-center-item .item-title{font-size:16px;line-height:24px;}
    .product-center-item .item-title::before{left:-15px;top:10px;border-top:8px solid transparent;border-left:8px solid #000;}
    .product-center-item .item-desc{font-size:12px;line-height:20px;max-width:100%;}
}
/* 新闻 */
.news-wrapper{background-image:url(../../images/news-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;height:528px;}
.news-wrapper .news-box{position:relative;overflow:hidden;}
.news-wrapper .news-box::before{content:"";display: inline-block;width: 120px;height: 6px;background-color: var(--public-color);position:absolute;left:50%;top:0;}
.news-wrapper .news-item{display:flex}
.news-wrapper .news-item .img{width:50%;padding:50px;max-height:528px}
.news-wrapper .news-item .img img{transition:transform 0.4s ease-in-out}
.news-wrapper .news-item .img:hover img{transform:scale(1.1)}
.news-wrapper .news-item .item-text{flex:1;display:flex;flex-direction:column;justify-content:center;align-items: flex-start}
.news-wrapper .news-item .item-title{font-size:42px;line-height:32px;color:#2b3041;margin-bottom:40px;position:relative}
.news-wrapper .news-item a.item-title{color:#2b3041;transition:.6s all}
.news-wrapper .news-item a.item-title:hover{color:var(--public-color)}
.news-wrapper .news-item .item-desc{font-size:14px;line-height:28px;color:#999}
.news-list-wrapper{position:relative;overflow:hidden;height:528px}
.news-list-wrapper .news-item{position:absolute;width:100%;opacity:0;transform:translateX(100%);transition:all 0.6s ease}
.news-list-wrapper .news-item.active{opacity:1;transform:translateX(0)}
.news-switch{display:flex;gap:8px;margin-top:-70px;position:relative;z-index:3;margin-left: 50%}
.news-switch .switch-item{width:8px;height:8px;border-radius:50%;background:#ddd;cursor:pointer;transition:all 0.3s}
.news-switch .switch-item.active{background:var(--public-color)}
@media(max-width:768px){
    .news-wrapper{height:auto;padding:40px 0 60px;}
    .news-wrapper .news-box::before{width:80px;height:4px;left:calc(50% - 40px);}
    .news-wrapper .news-item{flex-direction:column;}
    .news-wrapper .news-item .img{width:100%;padding:20px;}
    .news-wrapper .news-item .item-text{padding:0 20px;}
    .news-wrapper .news-item .item-title{font-size:24px;line-height:32px;margin-bottom:20px;}
    .news-wrapper .news-item .item-desc{font-size:12px;line-height:20px;}
    .news-list-wrapper{height:auto;}
    .news-switch{margin-top:20px;justify-content:center;margin-left:0;}
}
/* 定制服务 */
.custom-service-wrapper{background-image:url(../../images/custom-service-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;height:528px;}
.custom-service-wrapper .custom-service-box{position:relative;overflow:hidden;}
.custom-service-wrapper .custom-service-box::before{content:"";display: inline-block;width: 120px;height: 6px;background-color: var(--public-color);position:absolute;left:50%;top:0;}
.custom-service-wrapper .custom-service-item{display:flex}
.custom-service-wrapper .custom-service-item .img{width:50%;padding:50px;max-height:528px}
.custom-service-wrapper .custom-service-item .img img{transition:transform 0.4s ease-in-out}
.custom-service-wrapper .custom-service-item .img:hover img{transform:scale(1.1)}
.custom-service-wrapper .custom-service-item .item-text{flex:1;display:flex;flex-direction:column;justify-content:center;align-items: flex-start}
.custom-service-wrapper .custom-service-item .item-title{font-size:42px;line-height:32px;color:#fff;margin-bottom:40px;position:relative}
.custom-service-wrapper .custom-service-item a.item-title{color:#fff;transition:.6s all}
.custom-service-wrapper .custom-service-item a.item-title:hover{color:var(--public-color)}
.custom-service-wrapper .custom-service-item .item-desc{font-size:18px;line-height:32px;color:#fff}
.custom-service-list-wrapper{position:relative;overflow:hidden;height:528px}
.custom-service-list-wrapper .custom-service-item{position:absolute;width:100%;opacity:0;transform:translateX(100%);transition:all 0.6s ease}
.custom-service-list-wrapper .custom-service-item.active{opacity:1;transform:translateX(0)}
.custom-service-switch{display:flex;gap:8px;margin-top:-70px;position:relative;z-index:3;}
.custom-service-switch .switch-item{width:8px;height:8px;border-radius:50%;background:#ddd;cursor:pointer;transition:all 0.3s}
.custom-service-switch .switch-item.active{background:var(--public-color)}
@media(max-width:768px){
    .custom-service-wrapper{height:auto;padding:40px 0 60px;}
    .custom-service-wrapper .custom-service-box::before{width:80px;height:4px;left:calc(50% - 40px);}
    .custom-service-wrapper .custom-service-item{flex-direction:column;}
    .custom-service-wrapper .custom-service-item .img{width:100%;padding:20px;}
    .custom-service-wrapper .custom-service-item .item-text{padding:0 20px;}
    .custom-service-wrapper .custom-service-item .item-title{font-size:24px;line-height:32px;margin-bottom:20px;}
    .custom-service-wrapper .custom-service-item .item-desc{font-size:14px;line-height:24px;}
    .custom-service-list-wrapper{height:auto;}
    .custom-service-switch{margin-top:20px;justify-content:center;}
}


/* 新闻 */
.news-wrapper{background-image:url(../../images/news-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;height:528px;}
.news-wrapper .news-box{position:relative;overflow:hidden;}
.news-wrapper .news-box::before{content:"";display: inline-block;width: 120px;height: 6px;background-color: var(--public-color);position:absolute;left:50%;top:0;}
.news-wrapper .news-item{display:flex}
.news-wrapper .news-item .img{width:50%;padding:50px;max-height:528px}
.news-wrapper .news-item .img img{transition:transform 0.4s ease-in-out}
.news-wrapper .news-item .img:hover img{transform:scale(1.1)}
.news-wrapper .news-item .item-text{flex:1;display:flex;flex-direction:column;justify-content:center;align-items: flex-start}
.news-wrapper .news-item .item-title{font-size:42px;line-height:32px;color:#2b3041;margin-bottom:40px;position:relative}
.news-wrapper .news-item a.item-title{color:#2b3041;transition:.6s all}
.news-wrapper .news-item a.item-title:hover{color:var(--public-color)}
.news-wrapper .news-item .item-desc{font-size:14px;line-height:28px;color:#999}
.news-list-wrapper{position:relative;overflow:hidden;height:528px}
.news-list-wrapper .news-item{position:absolute;width:100%;opacity:0;transform:translateX(100%);transition:all 0.6s ease}
.news-list-wrapper .news-item.active{opacity:1;transform:translateX(0)}
.news-switch{display:flex;gap:8px;margin-top:-70px;position:relative;z-index:3;margin-left: 50%}
.news-switch .switch-item{width:8px;height:8px;border-radius:50%;background:#ddd;cursor:pointer;transition:all 0.3s}
.news-switch .switch-item.active{background:var(--public-color)}
@media(max-width:768px){}

/* 定制服务 */
.custom-service-wrapper{background-image:url(../../images/custom-service-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;height:528px;}
.custom-service-wrapper .custom-service-box{position:relative;overflow:hidden;}
.custom-service-wrapper .custom-service-box::before{content:"";display: inline-block;width: 120px;height: 6px;background-color: var(--public-color);position:absolute;left:50%;top:0;}
.custom-service-wrapper .custom-service-item{display:flex}
.custom-service-wrapper .custom-service-item .img{width:50%;padding:50px;max-height:528px}
.custom-service-wrapper .custom-service-item .img img{transition:transform 0.4s ease-in-out}
.custom-service-wrapper .custom-service-item .img:hover img{transform:scale(1.1)}
.custom-service-wrapper .custom-service-item .item-text{flex:1;display:flex;flex-direction:column;justify-content:center;align-items: flex-start}
.custom-service-wrapper .custom-service-item .item-title{font-size:42px;line-height:32px;color:#fff;margin-bottom:40px;position:relative}
.custom-service-wrapper .custom-service-item a.item-title{color:#fff;transition:.6s all}
.custom-service-wrapper .custom-service-item a.item-title:hover{color:var(--public-color)}
.custom-service-wrapper .custom-service-item .item-desc{font-size:18px;line-height:32px;color:#fff}
.custom-service-list-wrapper{position:relative;overflow:hidden;height:528px}
.custom-service-list-wrapper .custom-service-item{position:absolute;width:100%;opacity:0;transform:translateX(100%);transition:all 0.6s ease}
.custom-service-list-wrapper .custom-service-item.active{opacity:1;transform:translateX(0)}
.custom-service-switch{display:flex;gap:8px;margin-top:-70px;position:relative;z-index:3;}
.custom-service-switch .switch-item{width:8px;height:8px;border-radius:50%;background:#ddd;cursor:pointer;transition:all 0.3s}
.custom-service-switch .switch-item.active{background:var(--public-color)}
@media(max-width:768px){

}


/* 底部 */
.footer-wrapper{background-color:#222;}
.footer-wrapper .footer-top{display:flex;justify-content:space-between;align-items:center;padding: 80px 0 35px;border-bottom:2px solid rgba(255, 255, 255, 0.1);}
.footer-wrapper .footer-logo{width:200px;}
.footer-wrapper .footer-consult{display:flex;gap:20px;align-items: center;}
.footer-wrapper .footer-consult .consult-item i{color:#fff;}
.footer-wrapper .footer-copyright{padding:25px 0 50px;color:#999;font-size: 14px;line-height: 35px;border-top:2px solid rgba(255, 255, 255, 0.1);}
.footer-wrapper .footer-content{display:flex;gap:80px;}
.footer-wrapper .footer-copyright p a{color:#999;margin-left:20px;}
.footer-wrapper .footer-copyright p a:hover{text-decoration:underline;}
/* 底部导航 */
.footer-wrapper .footer-nav{display:flex;gap:0;padding:50px 0;flex:1;max-width:700px;}
.footer-wrapper .footer-nav .nav-item{flex:1;}
.footer-wrapper .footer-nav .nav-title{color:#fff;font-size:14px;line-height:24px;margin-bottom:20px;}
.footer-wrapper .footer-nav .nav-list{display:flex;flex-direction:column;gap:10px;}
.footer-wrapper .footer-nav .nav-list a{color:#999;font-size:14px;line-height:24px;transition:all 0.3s;}
.footer-wrapper .footer-nav .nav-list a:hover{color:var(--public-color);}
/* 底部表单 */
.footer-wrapper .footer-form{display:flex;flex-direction:column;padding:50px 0;max-width:440px}
.footer-wrapper .footer-form .form-title{color:#fff;font-size:14px;line-height:24px;margin-bottom:20px;}
.footer-wrapper .form-row>.col, .footer-wrapper .form-row>[class*="col-"]{padding:0;}
.footer-wrapper .form-group{margin-bottom: 0;flex:1;}
.footer-wrapper .form-row{margin: 0;gap:10px;}
.footer-wrapper .form-feedback{display: flex;flex-direction: column;gap: 10px;height: 100%;}
.footer-wrapper .form-control{background: rgba(255, 255, 255, 0.05);border:none}
.footer-wrapper .form-control::placeholder{color:#999}
.footer-wrapper .btn-box{display: flex;justify-content:flex-end;align-items:flex-end;flex-direction: column;}
.footer-wrapper .form-feedback .btn{background-color:#d7423b;color:#fff;padding:6px 30px;}
@media(max-width:768px){
    .footer-wrapper .footer-top{flex-direction:column;padding:30px 0 20px;gap:20px;}
    .footer-wrapper .footer-logo{width:150px;margin-bottom:10px;}
    .footer-wrapper .footer-consult{flex-wrap:wrap;justify-content:center;}
    .footer-wrapper .footer-copyright{padding:15px 0 30px;font-size:12px;line-height:20px;}
    .footer-wrapper .footer-content{flex-direction:column;gap:20px;}
    .footer-wrapper .footer-nav{flex-wrap:wrap;padding:20px 0;gap:15px;}
    .footer-wrapper .footer-nav .nav-item{flex:0 0 45%;margin-bottom:10px;}
    .footer-wrapper .footer-nav .nav-title{font-size:14px;margin-bottom:10px;}
    .footer-wrapper .footer-nav .nav-list{gap:5px;}
    .footer-wrapper .footer-nav .nav-list a{font-size:12px;line-height:20px;}
    .footer-wrapper .footer-form{padding:20px 0;max-width:100%;}
    .footer-wrapper .footer-form .form-title{font-size:14px;margin-bottom:15px;}
    .footer-wrapper .form-row{flex-direction:column;}
    .footer-wrapper .btn-box{align-items:center;}
    .footer-wrapper .form-feedback .btn{width:100%;margin-top:10px;}
}

/* banner-product-nav */
.banner-product-nav{background-color: #e63337;line-height: 90px;}
.banner-product-nav .breadcrumb-item{font-size: 16px;color:#fff;}
.banner-product-nav .breadcrumb-item a{color:#fff;}
.banner-product-nav .breadcrumb-item+.breadcrumb-item::before{content: "\f054";color:#fff;font-family:"CmsFont" !important;}
.product-list-box{display: flex;padding:30px 0 70px;justify-content:space-between;}
.product-list-left{width:22%; }
.product-list-right{width:75%;}
.product-list-left-box{margin-bottom:40px;}
.product-list-left-title{font-size: 24px;line-height: 32px;color:#fff;background-color: #4d4d4d;position: relative;padding:15px 20px;text-align: center;}
.product-list-left-content{background-color:#b3b3b5;}
.product-list-left-content-item{font-size: 16px;line-height:52px;color:#fff;padding:0 30px;border-bottom:1px solid #efeeec;}
.product-list-left-content-item:hover,.product-list-left-content-item.active{color:#333;background:#fbfaf8;}
.product-list-left-content-item:hover .dropdown-title{color:#333;}
.product-list-box .dropdown.active::before{border-left:8px solid #333;}
.product-list-box .dropdown:hover::before{border-left:8px solid #333;}
.product-list-box .dropdown{position: relative;}
.product-list-box .dropdown::before{content:"";display:inline-block;width: 0;height: 0;border-top:8px solid transparent;border-left:8px solid #fff;position:absolute;right:30px;top:50%;transform:rotate(-135deg) translateY(50%);transition:.6s all;}
.product-list-box .dropdown-menu{position: absolute;top:0;left:inherit;right:0;background:#fbfaf8; z-index:89;display: none;min-width: 100%;padding:0;margin: 0;list-style: none;transform: translateX(100%);}
.product-list-box .dropdown:hover .dropdown-menu{display: block;}
.product-list-box .dropdown-menu a{display:block;padding:0 20px;border-bottom:1px solid #efeeec;}
.product-list-box .dropdown .dropdown-title{color:#fff;}
.product-list-box .dropdown .dropdown-title.active{color:#333;}
.product-list-box .dropdown:hover .dropdown-title{color:#333;}
@media(max-width:768px){
	.product-list-box{flex-wrap:wrap;}
	.product-list-left{width:100%; display:none; }
	.product-list-right{width:100%;}
    .banner-product-nav{line-height: 50px;}
}

.aux .box1{position:relative;}
.aux .box1 .div:hover{cursor:pointer;}
.aux .box1 .check-attr{display:flex;flex-wrap:wrap;}
.aux .box1 .check-attr p{font-size:14px;line-height:20px;color:#e53336;padding:10px;}
.aux .box1 .div{color:#666666;font-size:15px;line-height:28px;padding:5px 20px;position:relative;cursor:pointer;border:1px solid #ddd;margin-top:10px;display:flex;align-items:center;justify-content:space-between;}
.aux .box1 .div::after{content:"+";color:var(--public-color);font-size:20px;font-weight: bold;border-color:transparent;}
.aux .box1.active .div{border-color:transparent;}
.aux .box1.active .div::after{content:"-";color:#000;}
.aux .box1.active + .box2{height:auto;transition:all .3s}
.aux .box2{position:absolute;left:292px; top:0;width:500px;height:0;background-color:#fff;box-shadow:0 0 10px 1px rgba(0,0,0,.1);overflow:hidden;z-index:88;transition:all .5s;color:#000;padding:0 40px;opacity:0;}
.aux .box2 .sumbit{color:#fff;cursor:pointer;display:inline-block;padding:4px 45px;background:var(--public-color); margin-top:10px;position:relative;}
.aux .box1.active .box2{height:auto;transition:all .5s;padding:30px 40px;opacity:1;}
.aux .box3{display:flex;flex-wrap:wrap;color:#000;}
.aux .attr-item{position:relative;display:flex;margin-bottom:11px;cursor:pointer;margin-right:10px;color:#666666;}
.aux .attr-item span{line-height:18px;padding-left:6px;font-size:15px;}
.aux .attr-item .input_check{min-width:18px;width:18px;height:18px;display:inline-block;cursor:pointer;}
.aux .attr-item .cont{display:flex;align-items:center;transform:scale(1)}
.aux .attr-item .cont input[type="checkbox"]{width:18px;height:18px;display:inline-block;appearance:none;position:relative;background-color:transparent;border-radius:15%;cursor:pointer;overflow:hidden;border:1px solid #929292;}
.aux .attr-item .cont input[type="checkbox"]::after{content:'';display:block;height:18px;width:.5rem;border-bottom:3px solid #fff;border-right:3px solid #fff;opacity:0;transform:rotate(45deg) translate(-50%,-50%);position:absolute;top:40%;left:15%;transition:.25s ease}
.aux .attr-item .cont input[type="checkbox"]::before{content:'';display:block;height:0;width:0;background-color:#d81918;border-radius:5px;opacity:.5;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;transition:.3s ease}
.aux .attr-item.active .cont input[type="checkbox"]::before{height:150%;width:150%;opacity:100%}
.aux .attr-item.active .cont input[type="checkbox"]::after{opacity:100%}
.aux .attr-item .cont span{font-size:2rem;padding-left:6px;}
@media(max-width:768px){}


.product-list-attribute{margin-top:10px;}
.product-list-attribute .attribute-box{display: flex;flex-direction: column;gap:10px;}
.product-list-attribute .attribute-box .attribute-item{border:1px solid #ddd;padding:6px 15px;font-size: 14px;position:relative;}
.product-list-attribute .attribute-box .attribute-item.active{border-color:transparent;}
.product-list-attribute .attribute-box .attribute-item .attribute-item-title{display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.product-list-attribute .attribute-box .attribute-item .attribute-item-title span:last-child::before{content:"+";color:var(--public-color);font-size:20px;font-weight: bold;}
.product-list-attribute .attribute-box .attribute-item.active .attribute-item-title span:last-child::before{content:"-";color:#000;}
.product-list-attribute .attribute-box .attribute-item .attribute-item-content{visibility: hidden;opacity: 0;}
.product-list-attribute .attribute-box .attribute-item.active .attribute-item-content{visibility: visible;opacity: 1;display:flex;transition: all 0.3s ease;}
@media(max-width:768px){}

.attribute-item-content{position:absolute;left:calc(100% + 20px);top:0;width:980px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);padding:40px;z-index:6;flex-wrap: wrap;gap:10px;}
.attribute-item-content input[type="checkbox"]{width: 14px;height:14px;border:1px solid #ddd;border-radius:0;margin-right:15px;appearance:none;-webkit-appearance:none;position:relative;cursor:pointer; }
.attribute-item-content input[type="checkbox"]:checked{background-color:var(--public-color);border-color:var(--public-color);}
.attribute-item-content input[type="checkbox"]:checked::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:4px;border:2px solid #fff;border-top:none;border-right:none;transform:translate(-50%,-70%) rotate(-45deg);}
.attribute-item-content-item{display: flex;align-items: center;gap:0px;flex:0 0 calc((100% / 8) - (10px * 7 / 8)); max-width:calc((100% / 8) - (10px * 7 / 8))}
.attribute-item-content-item label{font-size: 14px;line-height: 32px;color:#000;cursor: pointer;flex: 1;}
@media(max-width:768px){}

.btn-box{flex:1 1 100%;margin-top: 20px;}
.btn-outline-danger{background-color:#d7423b;color:#fff;padding:6px 40px;border-radius:0;border:none;cursor: pointer;}
.btn-outline-danger:hover{color:#fff;}
.product-list-right-box{display: flex;flex-direction: column;background-color: #f8f8f8;padding:10px;}
.product-list-right-box .product-list-right-title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.product-list-right-box .product-list-right-title .title-count{font-size:22px;line-height: 32px;color:#000;}
.product-list-right-box .product-list-right-title .title-switch{display: flex;gap:0;align-items: center;}
.product-list-right-box .product-list-right-title .title-switch-item{font-size:18px;line-height: 32px;color:#fff;background-color: #4d4d4d;padding:6px 20px;cursor: pointer;transition: all 0.3s;}
.product-list-right-box .product-list-right-title .title-switch-item.active{color:#fff;background-color: var(--public-color);}
@media(max-width:768px){}

/* 参数样式-列表 */
.product-list-right-content{display: flex;flex-direction: column;gap:15px;}
.product-list-right-content-item{display: flex;gap:10px;background-color:#fff;padding:10px;align-items: center;}
.product-list-right-content-item .img{width:170px;height:170px;display: flex;align-items: center;justify-content: center;mix-blend-mode:multiply;}
.product-list-right-content-item .img img{width:100%;height:100%;object-fit: cover;mix-blend-mode:multiply;}
.product-list-right-content-item .text{flex:1;display: flex;flex-direction: column;gap:10px;align-items: flex-start;}
.product-list-right-content-item .text-title{font-size: 16px;line-height: 24px;color:#000;}
.product-list-right-content-item .text-title .xh{font-size: 14px;line-height: 22px;color:#666;margin-bottom: 10px;}
.product-list-right-content-item .text-title .xh a{color:#666;}
.product-list-right-content-item .text-title .xh a:hover{color:var(--public-color);text-decoration:underline;}
.product-list-right-content-item .text-content{font-size: 14px;line-height: 24px;color:#999;}
.product-list-right-content-item .text-compare{font-size: 14px;line-height: 24px;cursor: pointer;color:#fff;background-color:var(--public-color);padding:3px 10px;border-radius:20px;text-align: center;margin-top: 20px;}


/* 图片样式-卡片 */
.product-list-right-content.active{flex-wrap: wrap;flex-direction: row;gap:10px;}
.product-list-right-content.active .product-list-right-content-item{flex:0 0 calc((100% / 4) - (10px * 3 / 4)); max-width:calc((100% / 4) - (10px * 3 / 4));flex-direction: column;}
.product-list-right-content.active .img{width:auto;height:auto;display: flex;align-items: center;justify-content: center;}
.product-list-right-content.active .text-content{display: none;}
.product-list-right-content.active .text-compare{margin-top: 0;}
.product-list-right-content.active .text-compare .compare-btn{margin-top: 0;}
.product-content-box-top{display:flex;flex-direction:row;gap:10px;align-items: flex-start}
.product-content-box-top .head-pro-top-left{width:50%}
.product-content-box-top .cover{width:100%;margin-right:0;float:none;position:relative;transition:background .3s;display:inline-block;vertical-align:middle;background-position:center center;background-size:100% 100%}
.product-content-box-top .biger{position:absolute;left:100%;top:0;width:100%;height:100%;overflow:hidden;background:#eee;z-index:50;border:1px solid #1f2837}
.product-content-box-top .biger img{max-width:none;position:absolute}
.product-content-box-top .mask{position:absolute;display:none;left:0;top:0;width:200px;height:200px;background:rgba(0,0,0,0.2);z-index:9;cursor:crosshair}
.box-ratio{background-position:center center;background-size:100% 100%}
.product-content-box-top .swiper-container{padding:5px 24px;margin-top:15px}
.product-content-box-top .swiper-button-prev{color:var(--public-color);font-size: 20px;left: 0;}
.product-content-box-top .swiper-button-next{color:var(--public-color);font-size: 20px;right: 0;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.product-content-box-top .head-pro-top-right{width:50%;background-color:#fbfaf9;height: auto;    padding: 20px 32px;}
.product-content-box-top .head-pro-top-right h1{max-height:3em;line-height:1.5em;overflow:hidden;word-break:break-all;margin-bottom:0.5em;font-weight:bold;font-size:26px}
.product-content-box-top .head-pro-top-right h3{color:#333;margin-right:2em;display:inline-block;font:12px / 1.5 思源黑体;margin:0;font-weight:inherit;font-size:inherit}
.product-content-box-top .head-pro-top-right .lines{margin:1.5em 0;display:flex;flex-wrap:wrap;}
.product-content-box-top .head-pro-top-right .type{max-width:5em;float:left;font-weight:bold;font-size:14px}
.product-content-box-top .head-pro-top-right .lines .ol{display:block;width:calc(100% - 7em);float:left;margin-left:1em;margin-bottom:0;position:relative;overflow:hidden;font-size:14px}
.product-content-box-top .head-pro-top-right .lines .ol .li{display:inline-block;width:auto;height:auto;cursor:pointer;margin-right:0.5em;padding:0.6em 0.5em;margin-bottom:0.5em;position:relative;overflow:hidden}
.product-content-box-top .head-pro-top-right .lines .ol .li::after,.product-content-box-top .head-pro-top-right .color .ol .li::after,.product-content-box-top .head-pro-top-right .lines .ol .li::before,.product-content-box-top .head-pro-top-right .color .ol .li::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #cccccc;z-index:9}
.product-content-box-top .head-pro-top-right .lines .ol .li.on::before,.product-content-box-top .head-pro-top-right .color .ol .li.on::before{border:0;border:0.7em solid transparent;border-right-color:var(--public-color);transform:translate(0%,50%);width:0;height:0;left:auto;right:0;top:auto;bottom:0}
.product-content-box-top .head-pro-top-right .lines .ol .li.on::after,.product-content-box-top .head-pro-top-right .color .ol .li.on::after{border:1px solid var(--public-color)}
.product-content .product-list-right-content{margin-top:20px;background-color:#fbfaf9;border:1px solid #e6e6e6}
.product-content .connect-tab-card{}
.product-content .product-list-right-content .connect-tab-title{background-color:#fbfaf9;border:0}
.product-content .product-list-right-content .connect-tab-title{position:relative;left:0;height:40px;white-space:nowrap;font-size:0;transition:all .2s;-webkit-transition:all .2s}
.product-content .product-list-right-content ul.connect-tab-title  li+li{border-left:1px solid #fbfaf9}
.product-content .product-list-right-content ul.connect-tab-title li{display:inline-block;vertical-align:middle;font-size:14px;transition:all .2s;-webkit-transition:all .2s;position:relative;line-height:40px;min-width:65px;padding:0 15px;text-align:center;cursor:pointer}
.product-content .product-list-right-content ul.connect-tab-title li{padding:0 2em;background:#5c5d60;color:#fff;margin-left:0;margin-right:0;margin-bottom:0}
.product-content .product-list-right-content ul.connect-tab-title .on{background:#fbfaf9;color:#333438;position:relative}
.product-content .product-list-right-content ul.connect-tab-title .on::before{content:'';position:absolute;left:0;top:-1px;width:100%;background:var(--public-color);height:3px}
.product-content .product-list-right-content .connect-tab-content-item{display:none;padding:40px;background:#fbfaf9;font-size:24px}
.product-content .product-list-right-content .connect-tab-content-item.on{display:block}
.dier .layui-collapse{margin-top:24px}
.dier img{max-width:100% !important;height:auto !important}
.dier ol{font-size:0;line-height:1.5}
.dier li{display:inline-block;font-size:12px;margin-right:20px}
.dier .layui-collapse{font-size:14px}
.dier .layui-colla-title{position:relative;height:42px;line-height:42px;padding:0 15px;color:#333;background-color:#f2f2f2;cursor:pointer;font-size:14px;overflow:hidden}
.dier .layui-colla-content{display:none;padding:10px 15px;line-height:22px;color:#666}
.dier .layui-colla-icon{position:absolute;left:15px;top:0;font-size:14px}
.dier .layui-show{display:block !important}
@media(max-width:768px){
.product-list-right-content.active .product-list-right-content-item{flex:0 0 calc((100% / 2) - (10px * 1 / 2)); max-width:calc((100% / 2) - (10px * 1 / 2));flex-direction: column;}
.product-content-box-top{display:block;}
.product-content-box-top .head-pro-top-left{width:100%}
.product-content-box-top .head-pro-top-right{width:100%}
.product-content .product-list-right-content .connect-tab-content-item{padding:10px;}
.product-content .product-list-right-content ul.connect-tab-title li{padding:0 10px;}
}


.product-parts{display: flex;flex-direction: column;margin-top: 30px;}
.product-parts-title{font-size: 24px;line-height: 32px;margin:1rem 0;}
.product-parts-tabs{display: flex;flex-direction: column;border:1px solid #e6e6e6;position:relative;min-height:500px;}
.product-parts-tab{position: absolute;left: 0;width: 260px;height: 100%;background: #5c5d60;padding: 24px 0;box-sizing: border-box;overflow: hidden;}
.product-parts-tab::before{content: '';position: absolute;left: 0;bottom: 0;width: 200%;height: 50%;background: var(--public-color);transform: rotate(-25deg) translate(-10%, 20%);}
.product-parts-tab li{display: block;margin-bottom: 0;background: none;color: #fff;text-align: left;padding: 20px 24px;line-height: 1em;height: auto;position: relative;z-index: 1;font-size: 1em;cursor: pointer;}
.product-parts-tab li.on{background: #fff;color: #1f2837;}
.product-parts-tab li::after{content: "";display: inline-block;width: 0;height: 0;border-top: 8px solid transparent;border-left: 8px solid #fff;position: absolute;right: 30px;top: 50%;transform: rotate(-135deg) translateY(50%);transition: .6s all;}
.product-parts-tab li.on::after{border-left-color:#000;}
.product-parts-filter{margin-left:260px;padding:24px}
.product-parts-filter span{text-align:right;color:#59595b;display:block;margin-bottom:15px}
.product-parts-filter-items{display:none}
.product-parts-filter-items.on{display:block}
.product-parts-filter-item{display:flex;background-color:#fbfaf9;padding:10px;justify-content: space-between;}
.product-parts-filter-item .img{width:150px}
.product-parts-filter-item .text{width:calc(100% - 330px);padding:24px 12px;box-sizing:border-box;line-height:1.5em}
.product-parts-filter-item .mores{width:140px;padding:24px 12px;box-sizing:border-box;text-align:right}
.product-parts-filter-item .mores a{color:#fff;background:var(--public-color);margin-top:1em;display:inline-block;padding:0.5em 1em}
.product-parts-filter-item .mores a:hover{text-decoration:underline;}
.guanlian{font-size:14px;}
.neirong{font-size:14px;color:#989898}
@media(max-width:768px){}


.imgs-col{margin-bottom:30px;}
.imgs-col .title{text-align:center;margin-top:10px;}

.newsnr-top{border-bottom:1px solid #999;margin-bottom:40px;padding-bottom:15px;}
.newsnr-top h1{font-size:30px;line-height:36px;margin-bottom:20px;}
.article-row{margin:40px 0 30px;background:#f5f5f5;padding:15px}
.article-row .card-thumb{display:flex;justify-content:center;align-items:center;max-height:285px;overflow:hidden}
.article-row .blog-text{display:flex;align-items:center}
.article-row .card-body{padding-left:25px}
.article-row .article-text{display:flex;align-items:center}
.article-row .card-body .title a{font-size:24px;color:#000;margin-bottom:10px}
.article-row .card-body .title a:hover{color:var(--public-color);transition:all 0.3s}
.article-row .card-body p{font-size:16px;color:#868686;margin-bottom:30px}
.article-row .card-body time{font-size:16px;color:var(--public-color)}

@media(max-width:768px) {
    .article-row .card-body {
        padding-left: 0px;
        padding-top: 20px;
    }
    .newsnr-top h1{font-size:24px;line-height:30px;}
    .article-row{margin:20px 0 15px;padding:10px;}
    .article-row .card-body .title a{font-size:18px;}
    .article-row .card-body p{font-size:14px;margin-bottom:15px;}
    .article-row .card-body time{font-size:14px;}
}


/* 下拉菜单 */
.fadeInDown .product-dropdown-menu{top:70px;}
.product-dropdown-menu{background-color:rgb(244,244,244);position:fixed !important;top:100px;left:0;width: 100vw;padding:80px 0;}
.product-dropdown-menu .container-xl{display: flex;align-items:flex-start;flex-wrap: nowrap;}
.product-dropdown-menu .product-menu-title{font-size: 28px;line-height: 32px;margin-bottom: 20px;width:max(300px,100%);}
.product-dropdown-menu .product-menu-item{width:min(120px,20vw);}
.product-dropdown-menu .product-menu-items{display: flex;gap:0;flex:1;}
.product-dropdown-menu .product-menu-item-title{font-size: 14px;color:#333;line-height:28px;padding-bottom:40px;margin-bottom: 40px;border-bottom:1px solid #ddd;width:min(120px,20vw);position: relative;}
.product-dropdown-menu .product-menu-item-title:hover{color: var(--public-color);}
.product-dropdown-menu .product-menu-item-title:hover::after{content:'';display:block;width:100%;height:4px;background-color: var(--public-color);position:absolute;bottom:-2px;left:0;}
.product-dropdown-menu .product-menu-item-menu{display: flex;flex-direction: column;}
.product-dropdown-menu .product-menu-item-menu a{font-size: 14px;line-height:32px;color: #888;padding: 0;}
.product-dropdown-menu .product-menu-item-menu a:hover{color: var(--public-color);text-decoration:underline;background-color:transparent;}
@media(max-width:768px){}

/* 新app */
.app-wrapper{padding: 50px 0;}
.app-wrapper .title{font-size:42px;line-height: 52px;margin-bottom: 40px;}
.app-wrapper .title.h1::before{content:"";display:inline-block;width:16px;height:32px;background-color:var(--public-color);margin-right:10px}
.app-wrapper .app-content{padding: 20px 0;}
.app-wrapper .app-content p{font-size: 14px;line-height: 32px;color: #666;}
.app-wrapper .app-content h5{font-size: 23px;line-height: 32px;color:var(--public-color);}
.app-wrapper .app-content h5:before{content:"◑";color:var(--public-color);font-size:24px;font-weight: bold;margin-right:20px;}
@media(max-width:768px){
    .app-wrapper{padding:30px 0;}
    .app-wrapper .title{font-size:24px;line-height:32px;margin-bottom:20px;}
    .app-wrapper .title.h1::before{width:10px;height:24px;margin-right:5px;}
    .app-wrapper .app-content{padding:10px 0;}
    .app-wrapper .app-content p{font-size:12px;line-height:24px;}
    .app-wrapper .app-content h5{font-size:16px;line-height:24px;}
    .app-wrapper .app-content h5:before{font-size:16px;margin-right:10px;}
}



/* about-wrapper */
.about-wrapper{padding:50px 0 100px;max-width:1920px;margin:0 auto;}
.about-wrapper .title{font-size:42px;line-height: 52px;margin-bottom: 40px;}
.about-wrapper .title.be::before{content:"◑";color:var(--public-color);font-size:42px;font-weight: bold;margin-right:20px;}
.about-wrapper .title.h1::before{content:"";display:inline-block;width:16px;height:32px;background-color:var(--public-color);margin-right:10px}
.about-wrapper .about-company-box{display: flex;font-size: 14px;position: relative;}
.about-wrapper .about-company-box .left{max-width:600px;}
.about-wrapper .about-company-box .right{flex:1;display: flex;justify-content:flex-end;}
.about-wrapper .about-video-box{position: absolute;width: 100%;height:auto;top:50%;left:0%;transform: translateY(-50%);max-width:1200px;}
.about-wrapper .about-video-box-img{width: 50%;float: right;display: flex;align-items: center;justify-content: center;}
.about-wrapper .about-video-box-img img{cursor:pointer;}
.about-wrapper .about-history{padding:80px 0 0;overflow: hidden;}
.about-wrapper .about-history-box{display: flex;font-size: 14px;position: relative;}
.about-wrapper .about-history-box .left{max-width:700px;position: relative;}
.about-wrapper .about-history-box .left .img{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 9;}
.about-wrapper .about-history-box .right{flex:1;display: flex;flex-direction: column;justify-content: center;padding-left:20px;padding-top: 110px;}
.history-content .history-head{display: flex;gap:30px;position:relative;}
.history-content .history-head::before{content:"";position:absolute;bottom:0;left:-35%;width: 65vw;height:1px;background-color: #ddd;}
.history-content .history-head .item{font-size: 24px;line-height:72px;font-weight: bold;color:#999;cursor:pointer;transition: all 0.3s ease-in-out;}
.history-content .history-head .item:hover,
.history-content .history-head .item.active{color:var(--public-color);}
.history-content .history-body{position:relative;min-height: 200px;padding:40px 0;max-width:600px;overflow:hidden;}
.history-content .history-body .item{visibility: hidden;opacity: 0;position:absolute;width:100%;transform:translateX(200%);transition:transform 0.4s ease-in-out,opacity 0.8s ease-in-out;height:0;}
.history-content .history-body .item.active{visibility: visible;opacity: 1;transform:translateX(0);height:auto;}
.history-content .history-body .item p{font-size: 14px;line-height: 32px;color: #666;}
.history-content .history-switch{display: flex;gap:30px;}
.history-content .history-switch .switch-item{width: 60px;height: 60px;background-color: #ddd;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor:pointer;}
.history-content .history-switch .switch-item:hover{background-color: var(--public-color);}
.history-content .history-switch .switch-item i{font-size:24px;}
.history-content .history-switch .switch-item:hover i{color:#fff;}
@media(max-width:768px){
    .about-wrapper{padding:30px 0 50px;}
    .about-wrapper .title{font-size:24px;line-height:32px;margin-bottom:20px;}
    .about-wrapper .title.be::before{font-size:24px;margin-right:10px;}
    .about-wrapper .title.h1::before{width:10px;height:24px;margin-right:5px;}
    
    .about-wrapper .about-company-box{flex-direction:column;}
    .about-wrapper .about-company-box .left,
    .about-wrapper .about-company-box .right{max-width:100%;margin-bottom:20px;}
    .about-wrapper .about-video-box{transform:none;bottom:45px;margin:20px 0;top: inherit;}
    .about-wrapper .about-video-box-img{width:100%;float:none;}
    
    .about-wrapper .about-history{padding:40px 0 0;}
    .about-wrapper .about-history-box{flex-direction:column;}
    .about-wrapper .about-history-box .left{max-width:100%;margin-bottom:30px;}
    .about-wrapper .about-history-box .left .img{width: 80%;}
    .about-wrapper .about-history-box .right{padding-left:0;padding-top:30px;}
    
    .history-content .history-head{gap:15px;flex-wrap:wrap;}
    .history-content .history-head::before{left:-10%;width:120%;}
    .history-content .history-head .item{font-size:18px;line-height:50px;}
    .history-content .history-body{padding:20px 0;min-height:150px;}
    .history-content .history-switch{gap:15px;}
    .history-content .history-switch .switch-item{width:40px;height:40px;}
    
    .about-team-box{flex-direction:column-reverse;}
    .about-team-box .left,
    .about-team-box .right{max-width:100%;margin-bottom:20px;}
    
    .about-quality{padding:40px 0 0;}
    .about-quality .about-quality-box{flex-direction:column;}
    .about-quality .about-quality-box .left,
    .about-quality .about-quality-box .right{max-width:100%;margin-bottom:20px;}
    .about-quality .about-quality-box .right .more{height:40px;max-width:180px;}
}

.about-team-box{display: flex;gap:0;}
.about-team-box .left{max-width:600px;flex: 1;display: flex;flex-direction: column;justify-content: center;}
.about-team-box .right{flex:1;display: flex;align-items: center;justify-content:flex-end;}
.about-team-box .left p{font-size: 14px;line-height: 32px;color: #666;}
.about-quality{padding:80px 0 0;}
.about-quality .about-quality-box{display: flex;gap:0;}
.about-quality .about-quality-box .left{flex:1;display: flex;align-items: center;justify-content:flex-start;}
.about-quality .about-quality-box .right{max-width:600px;flex: 1;display: flex;flex-direction: column;justify-content: center;}
.about-quality .about-quality-box .right p{font-size: 14px;line-height: 32px;color: #666;}
.about-quality .about-quality-box .right .more{padding:10px 20px;background-color: var(--public-color);color:#fff;margin-top: 20px;max-width:230px;text-align: center;height: 52px;display: flex;justify-content: center;align-items: center;}
@media(max-width:768px){}

/* laboratory-wrapper */
.laboratory-wrapper{padding:80px 0}
.laboratory-wrapper .title{font-size:42px;line-height:32px;margin-bottom:80px}
.laboratory-wrapper .title::before{content:"";display:inline-block;width:16px;height:32px;background-color:var(--public-color);margin-right:10px}
.laboratory-wrapper .item-title{font-size:24px;line-height:32px;margin:30px 0;color:var(--public-color)}
.laboratory-wrapper .item-title.be::before{content:"◑";color:var(--public-color);font-size:24px;font-weight:bold;margin-right:20px}
.laboratory-wrapper .laboratory-content{display:grid;grid-template-columns:repeat(3,1fr);gap:100px 40px;margin:40px 0 100px}
.laboratory-wrapper .laboratory-content .item{display:flex;flex-direction:column;}
@media(max-width:768px){
    .laboratory-wrapper{padding:40px 0;}
    .laboratory-wrapper .title{font-size:24px;line-height:28px;margin-bottom:40px;}
    .laboratory-wrapper .title::before{width:10px;height:24px;margin-right:5px;}
    .laboratory-wrapper .item-title{font-size:18px;line-height:24px;margin:20px 0;}
    .laboratory-wrapper .item-title.be::before{font-size:18px;margin-right:10px;}
    .laboratory-wrapper .laboratory-content{grid-template-columns:1fr;gap:40px 0;margin:20px 0 50px;}
}

/* services-wrapper */
.services-wrapper{padding:80px 0}
.services-wrapper .title{font-size:42px;line-height:32px;margin-bottom:80px}
.services-wrapper .title::before{content:"";display:inline-block;width:16px;height:32px;background-color:var(--public-color);margin-right:10px}
.services-wrapper .item-title{font-size:24px;line-height:32px;margin:30px 0}
.services-wrapper .item-title.be::before{content:"◑";color:var(--public-color);font-size:24px;font-weight:bold;margin-right:20px}
.services-wrapper .item-text{font-size:14px;line-height:28px;color:#666;}
.services-wrapper .services-list{display: flex;flex-direction:column;gap:50px;}
.services-wrapper .services-list .item{display: flex;gap:80px;align-items: center;}
.services-wrapper .services-list .item .img{width:calc(50% - 80px);}
.services-wrapper .services-list .item .text{width:50%;}
.services-wrapper .services-list .item:nth-child(2){flex-direction: row-reverse;}
.services-wrapper .services-demo{font-size:14px;line-height:36px;color:#666;padding:60px 0;text-align: center;background-color: #fceaeb;margin-top: 100px;}
@media(max-width:768px){
    .services-wrapper{padding:40px 0;}
    .services-wrapper .title{font-size:24px;line-height:28px;margin-bottom:40px;}
    .services-wrapper .title::before{width:10px;height:24px;margin-right:5px;}
    .services-wrapper .item-title{font-size:18px;line-height:24px;margin:20px 0;}
    .services-wrapper .item-title.be::before{font-size:18px;margin-right:10px;}
    .services-wrapper .item-text{font-size:12px;line-height:20px;}
    .services-wrapper .services-list{gap:30px;}
    .services-wrapper .services-list .item{flex-direction:column !important;gap:20px;}
    .services-wrapper .services-list .item .img,
    .services-wrapper .services-list .item .text{width:100%;}
    .services-wrapper .services-demo{padding:30px 0;margin-top:50px;font-size:12px;line-height:24px;}
}

/* cert-wrapper */
.cert-wrapper{padding:80px 0}
.cert-wrapper .title{font-size:42px;line-height:32px;margin-bottom:80px}
.cert-wrapper .title::before{content:"";display:inline-block;width:16px;height:32px;background-color:var(--public-color);margin-right:10px}
.cert-wrapper .cert-list{display:grid;grid-template-columns:repeat(4,1fr);gap:70px 50px;margin:40px 0 100px}
.cert-wrapper .cert-list .item{display:flex;flex-direction:column;}
.cert-wrapper .cert-list .item .img{padding:15px;background-color:#f5f7f9;}
.cert-wrapper .cert-list .item .text{text-align: center;font-size: 14px;line-height: 32px;color: #333;margin-top: 10px;}
@media(max-width:768px){
    .cert-wrapper{padding:40px 0;}
    .cert-wrapper .title{font-size:24px;line-height:28px;margin-bottom:40px;}
    .cert-wrapper .title::before{width:10px;height:24px;margin-right:5px;}
    .cert-wrapper .cert-list{grid-template-columns:repeat(2, 1fr);gap:30px 15px;margin:20px 0 50px;}
    .cert-wrapper .cert-list .item .img{padding:10px;}
    .cert-wrapper .cert-list .item .text{font-size:12px;line-height:24px;}
}

/* sample-wrapper */
.sample-wrapper{padding: 80px 0;}
.sample-wrapper .title{font-size:42px;line-height:32px;margin-bottom:60px}
.sample-wrapper .title::before{content:"";display:inline-block;width:16px;height:32px;background-color:var(--public-color);margin-right:10px}
.sample-wrapper .sample-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px;}
.sample-wrapper .sample-list .item{display: flex;flex-direction:column;align-items: center;height: 460px;background-color:#fef5f5;}
.sample-wrapper .sample-list .item .img{margin:60px 0;}
.sample-wrapper .sample-list .item .text{text-align: center;padding:0 40px;}
.sample-wrapper .sample-list .item .text .t1{font-size: 24px;line-height: 32px;margin-bottom: 30px;}
.sample-wrapper .sample-list .item .text .t2{font-size: 14px;line-height: 24px;color:#666;}
.sample-form{margin-top:80px;}
.sample-form .sample-form-one{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.sample-form .form-feedback textarea.form-control{height:120px;}
.sample-form .btn-box{display: flex;justify-content:center;}
.sample-form .form-feedback .btn{width: 360px;height: 54px;display: flex;justify-content: center;align-items: center;color:#fff;background-color:var(--public-color);}
@media(max-width:768px){
    .sample-wrapper{padding:40px 0;}
    .sample-wrapper .title{font-size:24px;line-height:28px;margin-bottom:40px;}
    .sample-wrapper .title::before{width:10px;height:24px;margin-right:5px;}
    .sample-wrapper .sample-list{grid-template-columns:repeat(1,1fr);gap:20px;margin-top:30px;}
    .sample-wrapper .sample-list .item{height:auto;padding:30px 0;}
    .sample-wrapper .sample-list .item .img{margin:30px 0;}
    .sample-wrapper .sample-list .item .text{padding:0 20px;}
    .sample-wrapper .sample-list .item .text .t1{font-size:18px;line-height:24px;margin-bottom:15px;}
    .sample-wrapper .sample-list .item .text .t2{font-size:12px;line-height:20px;}
    .sample-form{margin-top:40px;}
    .sample-form .sample-form-one{grid-template-columns:repeat(1,1fr);gap:15px;}
    .sample-form .btn-box{margin-top:20px;}
    .sample-form .form-feedback .btn{width:100%;height:44px;font-size:14px;}
}


.contact-box{display:flex;justify-content:space-between;flex-wrap:wrap;}
.contact-box .left{width:40%;}
.contact-box .right{width:58%;}
.contact-box .left .t1{color:#e63337;font-size:24px;margin-bottom:40px;font-weight:bold;}
.contact-box .left p{font-size:18px;color:#7a7673;margin-top:20px;}
.contact-box .left .ewm{margin-bottom:70px;margin-top:20px;}
.contact-box .left .ewm{font-size:20px;color:#e63337;padding-left:12px;font-weight:bold;}

@media(max-width:768px) {
    .contact-box .left{width:100%;margin-bottom:30px;}
    .contact-box .right{width:100%;}
    .contact-box .left .t1{font-size:20px;margin-bottom:25px;}
    .contact-box .left p{font-size:16px;margin-top:15px;}
    .contact-box .left .ewm{margin-bottom:20px;}
}

/* join-wrapper */
.join-wrapper{padding:80px 0;}
.join-wrapper .title{font-size:42px;line-height:32px;margin-bottom:80px}
.join-wrapper .title::before{content:"";display:inline-block;width:16px;height:32px;background-color:var(--public-color);margin-right:10px}

.Recruitment-paper{margin-top:110px;margin-bottom:120px}
.Recruitment-paper .Recruitment-1 .container-xl.max-1600px{margin-right:0;padding-right:0;max-width:1600px}
.Recruitment-paper .Recruitment-1 .top .h2{font-size:48px;line-height:64px;margin-bottom:19px}
.Recruitment-paper .Recruitment-1 .top>.p{font-size:20px;line-height:32px}
.Recruitment-paper .Recruitment-1 .top>.p::after{content:"";width:80px;height:2px;background-color:#c4262c;display:block;margin-top:49px}
.Recruitment-paper .Recruitment-1 .bottom{display:flex;align-items:center;justify-content:space-between}
.Recruitment-paper .Recruitment-1 .bottom .text{font-size:18px;line-height:28px;color:#666666}
.Recruitment-paper .Recruitment-1 .bottom .text p{margin-bottom:20px}
.Recruitment-paper .Recruitment-1 .bottom .left{width:51%}
.Recruitment-paper .Recruitment-1 .bottom .right{width:45%;margin-top:-8px}
.Recruitment-paper .Recruitment-1 .bottom .right img{border-radius:6px 0px 0px 6px}
.Recruitment-paper .Recruitment-2 .h2{font-size:48px;line-height:56px}
.Recruitment-paper .Recruitment-2 .h2::after{content:"";width:80px;height:2px;background-color:#c4262c;display:block;margin-top:51px}
.Recruitment-paper .Recruitment-2 .content{margin-top:80px}
.Recruitment-paper .Recruitment-2 .content .items{background-color:#f4f4f4;margin-bottom:2px;border-radius:6px;padding:28px 40px 18px;transition:all 0.4s}
.Recruitment-paper .Recruitment-2 .content .items.active{padding:59px 40px 65px;transition:all 0.4s}
.Recruitment-paper .Recruitment-2 .content .items .it-q{display:flex;justify-content:space-between;position:relative;padding-bottom:10px}
.Recruitment-paper .Recruitment-2 .content .items .it-q p:first-child{padding-right:30px}
.Recruitment-paper .Recruitment-2 .content .items .it-q p:last-child{color:#c4262c}
.Recruitment-paper .Recruitment-2 .content .items .it-q p{font-size:24px;font-weight:500}
.Recruitment-paper .Recruitment-2 .content .items .it-q::after{content:"";width:50px;height:3px;background-color:#c4262c;display:block;position:absolute;bottom:0;transition:all .4s;opacity:0;overflow:hidden}
.Recruitment-paper .Recruitment-2 .content .items.active .it-q::after{content:"";width:50px;height:3px;background-color:#c4262c;display:block;position:absolute;bottom:0;opacity:1;transition:all .4s}
.Recruitment-paper .Recruitment-2 .content .items .it-a{font-size:18px;line-height:28px;margin-top:35px;padding-right:30px}
.Recruitment-paper .Recruitment-2 .content .items .it-a p{margin-bottom:20px}
.Recruitment-paper .Recruitment-2 .content .items.active .plus{display:none}
.Recruitment-paper .Recruitment-2 .content .items .times{display:none}
.Recruitment-paper .Recruitment-2 .content .items.active .times{display:block}
.Recruitment-paper .Recruitment-3{margin-top:149px;margin-bottom:120px}
.Recruitment-paper .Recruitment-3 .container-xl.max-1600px{max-width:1600px;margin-left:0;padding-left:0;display:flex;justify-content:space-between;align-items:center}
.Recruitment-paper .Recruitment-3 .left img{border-radius:0px 6px 6px 0px}
.Recruitment-paper .Recruitment-3 .left{width:60%}
.Recruitment-paper .Recruitment-3 .right{width:34%}
.Recruitment-paper .Recruitment-3 .right .h2{font-size:42px;line-height:56px}
.Recruitment-paper .Recruitment-3 .right .h2:after{content:"";width:81px;height:3px;background-color:#c4262c;display:block;margin-top:30px}
.Recruitment-paper .Recruitment-3 .right .text{font-size:18px;line-height:32px;color:#666666;margin-top:40px;margin-bottom:40px}
.Recruitment-paper .Recruitment-3 .right form input{border:0;background-color:#f4f4f4}
.Recruitment-paper .Recruitment-3 .right form input::placeholder{color:#999999;font-size:18px}
.Recruitment-paper .Recruitment-3 .right .form-feedback .form-control{padding:20px}
.Recruitment-paper .Recruitment-3 .right form .form-control{padding:0}
.Recruitment-paper .Recruitment-3 .right form .btn{width:191px;height:47px;background-color:#c4262c;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:56px;margin-top:55px}
.Recruitment-paper .Recruitment-3 .right form .btn i{margin-left:18px;font-size:12px}
.Recruitment-paper .Recruitment-3 .right form .form-row>[class*="col-"]{padding:0 5px}
@media(max-width:768px){
    .join-wrapper{padding:40px 0;}
    .join-wrapper .title{font-size:24px;line-height:28px;margin-bottom:40px;}
    .join-wrapper .title::before{width:10px;height:24px;margin-right:5px;}
    
    .Recruitment-paper{margin-top:50px;margin-bottom:60px;}
    .Recruitment-paper .Recruitment-1 .top .h2{font-size:24px;line-height:32px;margin-bottom:10px;}
    .Recruitment-paper .Recruitment-1 .top>.p{font-size:16px;line-height:24px;}
    .Recruitment-paper .Recruitment-1 .top>.p::after{width:50px;margin-top:25px;}
    .Recruitment-paper .Recruitment-1 .bottom{flex-direction:column;}
    .Recruitment-paper .Recruitment-1 .bottom .text{font-size:14px;line-height:22px;}
    .Recruitment-paper .Recruitment-1 .bottom .left{width:100%;margin-bottom:20px;}
    .Recruitment-paper .Recruitment-1 .bottom .right{width:100%;margin-top:0;}
    .Recruitment-paper .Recruitment-1 .bottom .right img{border-radius:6px;}
    
    .Recruitment-paper .Recruitment-2 .h2{font-size:24px;line-height:32px;}
    .Recruitment-paper .Recruitment-2 .h2::after{width:50px;margin-top:25px;}
    .Recruitment-paper .Recruitment-2 .content{margin-top:40px;}
    .Recruitment-paper .Recruitment-2 .content .items{padding:20px 15px 15px;}
    .Recruitment-paper .Recruitment-2 .content .items.active{padding:30px 15px 30px;}
    .Recruitment-paper .Recruitment-2 .content .items .it-q p{font-size:18px;}
    .Recruitment-paper .Recruitment-2 .content .items .it-q p:first-child{padding-right:15px;}
    .Recruitment-paper .Recruitment-2 .content .items .it-a{font-size:14px;line-height:22px;margin-top:20px;padding-right:15px;}
    
    .Recruitment-paper .Recruitment-3{margin-top:60px;margin-bottom:60px;}
    .Recruitment-paper .Recruitment-3 .container-xl.max-1600px{flex-direction:column;margin:0;padding:0 10px;}
    .Recruitment-paper .Recruitment-3 .left{width:100%;margin-bottom:30px;}
    .Recruitment-paper .Recruitment-3 .left img{border-radius:6px;}
    .Recruitment-paper .Recruitment-3 .right{width:100%;}
    .Recruitment-paper .Recruitment-3 .right .h2{font-size:24px;line-height:32px;}
    .Recruitment-paper .Recruitment-3 .right .h2:after{width:50px;margin-top:15px;}
    .Recruitment-paper .Recruitment-3 .right .text{font-size:14px;line-height:24px;margin-top:20px;margin-bottom:20px;}
    .Recruitment-paper .Recruitment-3 .right form input::placeholder{font-size:14px;}
    .Recruitment-paper .Recruitment-3 .right .form-feedback .form-control{padding:15px;}
    .Recruitment-paper .Recruitment-3 .right form .btn{width:150px;height:40px;font-size:16px;line-height:40px;margin-top:30px;}

    .Recruitment-paper .Recruitment-1 .container-xl.max-1600px{margin:0;padding:0 10px;}
}


@media (max-width:480px){
.banner-content-box{width:100%;padding:15px 10px}
.banner-content-box .text .title{font-size:14px;line-height:22px}
.banner-content-box .text .desc{font-size:12px;line-height:18px}
.solution-wrapper{padding:30px 0 0}
.solution-wrapper .title{font-size:20px;line-height:28px;margin-bottom:15px}
.solution-wrapper .desc{font-size:12px;line-height:18px;margin:0 10px 15px}
.solution-wrapper .solution-box{height:300px}
.solution-wrapper .solution-switch{grid-template-columns:repeat(3,1fr)}
.solution-wrapper .solution-switch-item{padding:2%;padding-bottom:20px;gap:8px}
.solution-wrapper .solution-switch-item .item-text{font-size:12px;line-height:16px}
.solution-wrapper .solution-switch-item.active::after{width:30px;height:30px}
.solution-wrapper .solution-switch-item img{max-width:24px}
.product-center-wrapper{padding:30px 0 40px}
.product-center-wrapper .title{font-size:20px;line-height:28px;margin-bottom:15px}
.product-center-wrapper .desc{font-size:12px;line-height:18px;margin:0 10px 15px}
.product-center-item .item-text{padding:15px 0 0 15px}
.product-center-item .item-title{font-size:14px;line-height:20px}
.product-center-item .item-title::before{left:-12px;top:8px;border-top:6px solid transparent;border-left:6px solid #000}
.product-center-item .item-desc{font-size:12px;line-height:18px}
.news-wrapper{height:auto;padding:30px 0 40px}
.news-wrapper .news-box::before{width:60px;height:3px;left:calc(50% - 30px)}
.news-wrapper .news-item .img{width:100%;padding:15px}
.news-wrapper .news-item .item-title{font-size:18px;line-height:26px;margin-bottom:15px}
.news-wrapper .news-item .item-desc{font-size:12px;line-height:18px}
.custom-service-wrapper{height:auto;padding:30px 0 40px}
.custom-service-wrapper .custom-service-box::before{width:60px;height:3px;left:calc(50% - 30px)}
.custom-service-wrapper .custom-service-item .img{width:100%;padding:15px}
.custom-service-wrapper .custom-service-item .item-title{font-size:18px;line-height:26px;margin-bottom:15px}
.custom-service-wrapper .custom-service-item .item-desc{font-size:12px;line-height:20px}
.form-control{font-size:14px;height:38px}
textarea.form-control{height:auto}
.btn{font-size:14px;padding:8px 15px}
input,textarea{-webkit-appearance:none;border-radius:0}
img{max-width:100%;height:auto}
}
@media (max-width:375px){
.solution-wrapper .solution-box{height:250px}
.solution-wrapper .solution-switch-item img{max-width:20px}
.solution-wrapper .solution-switch-item .item-text{font-size:10px;line-height:14px}
.product-center-item .item-text{padding:10px 0 0 10px}
.news-wrapper .news-item .item-title,.custom-service-wrapper .custom-service-item .item-title{font-size:16px;line-height:22px}
}



.contact-wrapper{background:url(../../images/contact-bg.jpg) no-repeat top center;padding-top:600px;padding-bottom:140px;}
.contact-wrapper .box{background:#fff;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1);padding:70px 90px;}
.contact-wrapper .box .items{display:flex;justify-content:space-between;flex-wrap:wrap;}
.contact-wrapper .box .items.en{justify-content:flex-start;}
.contact-wrapper .box .t2{margin:60px 0 40px;border-top:1px solid #e6e6e6;padding-top:20px;font-size:30px;line-height:48px;}
.contact-wrapper .box .t1{font-size:24px;line-height:48px;margin-bottom:15px;}
.contact-wrapper .box .tb{margin-bottom:20px;}
.contact-wrapper .box .tb img{transform:scale(0.8);transition:all 0.5s;}
.contact-wrapper .box .item:hover .tb img{transform:scale(1.0);}
.contact-wrapper .box p{font-size:18px;line-height:30px;display:flex;align-items:center;}
.contact-wrapper .box p img{margin-left:6px;}
.contact-wrapper .box p.tel{font-size:18px;line-height:30px;border-bottom:1px solid #e6e6e6;padding:10px 0;}
.contact-wrapper .box p.tel:last-child{border-bottom:0;}
.contact-wrapper .box .items.en .item{min-width:25%;}


@media(max-width:768px) {
    .contact-wrapper{background:#ebebeb;padding:30px 0;}
    .contact-wrapper .box{padding:20px 15px;}
    .contact-wrapper .box .item{width:100%;display:flex;flex-wrap:wrap;margin-bottom:20px;}
    .contact-wrapper .box .item p{width:100%;}
    .contact-wrapper .box p{font-size:16px;line-height:26px;}
    .contact-wrapper .box p.tel{font-size:18px;line-height:32px;padding:0;}
    .contact-wrapper .box p.email{display:none;}
    .contact-wrapper .box .t1{font-size:22px;line-height:30px;margin-bottom:10px;}
    .contact-wrapper .box .item .tb{margin-bottom:10px;}
    .contact-wrapper .box .item .tb img{width:30px;height:30px;margin-right:10px;}
    .contact-wrapper .box .t2{font-size:22px;line-height:32px;margin:25px 0;}
    .contact-wrapper .box .items.en .tb{display:none;}
}




.join-cake{display: flex;gap:60px;align-items: center;padding-bottom: 80px;}
.join-cake .cake-text{max-width:360px;}
.join-cake .cake-text .t1{font-size: 72px;line-height: 72px;color:var(--public-color);font-weight:600;}
.join-cake .cake-text .t2{margin-top: 30px;font-size: 18px;line-height: 28px;font-weight: bold;}
.join-cake .cake-text .text-content{margin-top:60px;}
.join-cake .cake-text .text-content p{font-size: 16px;line-height: 28px;}
@media(max-width:768px) {
    .join-cake{flex-direction: column;gap:30px;padding-bottom: 40px;}
    .join-cake .cake-text{max-width:100%;}
    .join-cake .cake-text .t1{font-size: 42px;line-height: 42px;}
    .join-cake .cake-text .t2{margin-top: 20px;font-size: 16px;line-height: 24px;}
    .join-cake .cake-text .text-content{margin-top:30px;}
    .join-cake .cake-text .text-content p{font-size: 14px;line-height: 24px;}
}

.join-list{text-align: center;padding:80px 0 0;background-color:#faf8f5;}
.join-list .join-list-title{font-size: 40px;line-height:48px;color:#000;font-weight:600;}
.join-list .join-items{display: flex;flex-wrap: wrap;justify-content: center;margin: 40px auto;max-width:1060px;gap:20px;}
.join-list .join-items .item{width: calc(33.33% - 15px);padding:60px 40px;box-sizing: border-box;background-color:#fff;max-width:340px;}
.join-list .join-items .item .img img{transition:all .45s;}
.join-list .join-items .item .img img:hover{transform: scale(1.15);}
.join-list .join-items .item .text .t1{font-size: 18px;line-height: 28px;font-weight: bold;margin:20px 0 10px;}
.join-list .join-items .item .text .t2{font-size: 14px;line-height: 24px;color: #666;text-align:left;}
.join-list .join-list-bottom{padding:0 0 40px;font-size: 20px;}
@media(max-width:768px) {
    .join-list{padding:40px 0 0;}
    .join-list .join-list-title{font-size: 28px;line-height:36px;}
    .join-list .join-items{margin: 20px auto;gap:15px;padding:0 15px;}
    .join-list .join-items .item{width:48%;padding:30px 20px;max-width:none;}
    .join-list .join-items .item .text .t1{font-size: 16px;line-height: 24px;margin:15px 0 8px;}
    .join-list .join-items .item .text .t2{font-size: 13px;line-height: 22px;}
    .join-list .join-list-bottom{padding:0 0 30px;font-size: 16px;}
}

.join-searching{background-color:#ffc140;padding:100px 0;text-align: center;}
.join-searching .join-title{font-size: 70px;line-height: 120px;;font-weight: bold;color:#000;margin-bottom:50px;}
.join-searching .img img{max-width:50%;}

.join-recruitment{padding:80px 0 0}
.recruitment-types{display:flex;justify-content:center;gap:30px;align-items: center;}
.recruitment-type{flex:1;max-width:500px;background-color:#fff;border-radius:10px;transition:transform 0.3s ease}
.recruitment-type:hover{transform:translateY(-10px)}
.type-content{padding:40px}
.type-content h3{font-size:38px;font-weight:500;margin-bottom:15px;color:#333;margin-bottom:40px;}
.type-content p{font-size:24px;line-height:30px;color:#666;margin-bottom:25px}
.recruitment-link{display:inline-block;color:#ff6600;font-weight:500;text-decoration:none;transition:color 0.3s ease;font-size: 24px;}
.recruitment-link:hover{color:#e65c00;text-decoration:underline}
.recruitment-contact{text-align:center;font-size:24px;color:#666}
.recruitment-one{width: 2px;height:324px;display: inline-block;background-color:#ccc;}

@media(max-width:768px) {
    .join-searching{padding:60px 0;}
    .join-searching .join-title{font-size:36px;line-height:42px;margin-bottom:40px;}
.join-searching .img img{max-width:100%;}
    .join-recruitment{padding:40px 0 0}
    .recruitment-types{flex-direction:column;gap:20px;}
    .recruitment-type{max-width:100%;width:90%;}
    .type-content{padding:25px}
    .type-content h3{font-size:24px;margin-bottom:20px;}
    .type-content p{font-size:16px;line-height:24px;margin-bottom:15px}
    .recruitment-link{font-size:16px;}
    .recruitment-one{display:none;}
}


.x1-job{padding:80px 0;}
.x1-job .x1-t1{font-size:42px;line-height:46px;font-weight:bold;text-align:center;}
.x1-job .box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:60px;}
.x1-job .box .left{width:22%;}
.x1-job .box .right{width:72%;border-left:1px solid #ececec;padding-left:50px;}
.x1-job .box .left ul li{border-bottom:1px solid #ececec;padding:5px 0px;position:relative;}
.x1-job .box .left ul li a{padding:15px 10px;display:flex;position:relative;align-items:center;justify-content:space-between;}
.x1-job .box .left ul li a:after{content:"\f067";font-family:Cmsfont;display:inline-block;}
.x1-job .box .left ul li a:hover{background:#ececec;}
.x1-job .box .left ul li a.active{background:#ececec;}
.x1-job .box .right .td{display:flex;}
.x1-job .box .right .td .item1{width:60%;}
.x1-job .box .right .td .item2{width:15%;}
.x1-job .box .right .td .item3{width:25%;}
.x1-job .box .right .td>div{padding:20px 20px;border-bottom:1px solid #ececec;}
.x1-job .box .right .td:hover{background:#ececec;}
.x1-job .box .right .td:first-child{background:#fff!important;}

@media(max-width:768px) {
    .x1-job{padding:30px 0;}
    .x1-job .x1-t1{font-size:26px;line-height:32px;}
    .x1-job .box{margin-top:30px;}
    .x1-job .box .left{width:100%;display:none;}
    .x1-job .box .right{width:100%;border-left:0px solid #ececec;padding-left:0px;}
    .x1-job .box .right .td>div{padding:10px 10px;}
    .x1-job .box .right .td .item1{width:50%;}
    .x1-job .box .right .td .item2{width:23%;}
    .x1-job .box .right .td .item3{width:27%;}
}