/*通用样式*/
:root{
    --public-color:#e50113;
    --max:1430px;
}
html{scroll-behavior:smooth}
body{color:#333;font-size:16px;line-height:24px;font-family:'Roboto','Outfit',Arial,Helvetica,sans-serif}
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}
.pointer{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}
}

/*默认导航样式*/
.navbar{padding:0px;position:relative;z-index:9999}
.navbar-custom{top:0;z-index:2;justify-content:end}
.navbar-custom .navbar-nav > .nav-item{font-size:16px;margin:0 20px}
.navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#666;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-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{z-index:1}
.navbar-custom .navbar-text{color:rgba(0,0,0,0.5)}
.navbar-custom .navbar-text a{color:rgba(0,0,0,0.9)}
.navbar-custom .navbar-text a:hover,.navbar-custom .navbar-text a:focus{color:rgba(0,0,0,0.9)}

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

/*#region 移动端栏目列表*/
.menu-collapse{border-radius:6px 6px 0 0;border:1px solid #e7e7e7;background:#fff}
.menu-collapse .collapse-title{padding:0.875rem;background:#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: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 0;height:40px}
    #float.hide{transform:translateX(40px)}
    #float.hide .scale-ico{width:calc(40px / 2);transform:translateX(calc(-40px / 2))}
}

/*默认详情设置*/
.content-wrapper{line-height:1.7;margin-bottom:1.5rem}
.content-wrapper h2{font-size:26px;font-weight:600;margin-bottom:10px}
.content-wrapper h3{font-size:24px;font-weight:600;margin-bottom:10px}
.content-wrapper h4{font-size:20px;font-weight:600;margin-bottom:10px}
.content-wrapper img{max-width:100% !important;height:auto !important}
.content-wrapper video{max-width:100% !important;height:auto !important}
.content-wrapper ul{padding-left:20px}
.content-wrapper ul li{list-style-type:initial}
.content-wrapper ol{padding-left:20px}
.content-wrapper ol li{list-style-type:initial}
.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 #dee2e6;text-align:center}
.content-wrapper table tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,0.03)}
.content-wrapper table tbody tr:hover{background-color:rgba(0,0,0,0.075);color:#555}
.content-wrapper table p{margin-bottom:0;line-height:32px}
.content-wrapper tbody th{color:#2980c7}

/*#表格*/
.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;overflow-y:visible}
@media (max-width:575.98px){.table-wrapper-sm table{display:block;width:100%;overflow-x:auto;overflow-y:hidden}
}@media (max-width:768px){.table-wrapper-md table{display:block;width:100%;overflow-x:auto;overflow-y:hidden}
}@media (max-width:991.98px){.table-res-lg table{display:block;width:100%;overflow-x:auto;overflow-y:hidden}
}@media (max-width:1500.98px){.table-wrapper-xl table{display:block;width:100%;overflow-x:auto;overflow-y:hidden}
}
/*#弹出框*/
.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;box-shadow:0 0 10px rgba(0,0,0,.4)}
.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 rgba(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: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;box-shadow:0 0 10px rgba(0,0,0,.4)}
    .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}
}
.popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#24b66f 0%,#88ca4e 70%);color:#fff;border-radius:10px;padding:15px 25px;display:none;cursor:pointer;box-shadow:0 0 10px -2px #000;opacity:0;transition:.6s all}


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

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

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

/*#视频详情*/
.video-nr{position:relative;background:#f4f6f9;padding:30px;display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #ddd}
.video-nr .v-content{width:76%}
.video-nr .v-content::-webkit-scrollbar{display:none}
.video-nr .v-content .v-title{font-size:22px;line-height:28px;font-weight:bold;margin-top:15px;margin-bottom:15px}
.video-nr .v-content .v-desc{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.video-nr .v-content .v-desc .left{font-size:14px;color:#777}
.video-nr .v-content .v-desc .left i{margin-left:20px;margin-right:10px}
.video-nr .v-content .v-desc .left i:first-child{margin-left:0}
.video-nr .v-content .v-desc .right .v-ly{background:#4bcd65;border:1px solid #4bcd65;display:inline-flex;padding:5px 20px;border-radius:50px;align-items:center;color:#fff}
.video-nr .v-content .v-desc .right .v-ly i{margin-right:8px}
.video-nr .v-content .v-desc .right .v-ly:hover{box-shadow:0 2px 10px rgb(0 0 0 / 20%)}
.video-nr .v-content .v-desc .right .v-fx{background:#fff;border:1px solid #333;display:inline-flex;margin-left:15px;padding:5px 20px;border-radius:50px;align-items:center;color:#333}
.video-nr .v-content .v-desc .right .v-fx i{margin-right:8px}
.video-nr .v-content .v-desc .right .v-fx:hover{background:#527dff;border-color:#527dff;color:#fff}
.video-nr .v-content .v-nr{padding:20px 0;font-size:14px;line-height:20px}
.video-nr .v-content .v-nr ul{display:flex;flex-wrap:wrap;margin-bottom:20px}
.video-nr .v-content .v-nr ul li{margin-left:20px}
.video-nr .v-content .v-nr ul li:first-child{margin-left:0}
.video-nr .v-content .v-nr a{color:#527dff}
.video-nr .v-content .v-nr a:hover{text-decoration:underline}
.video-nr .v-content .v-title2{border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;font-size:22px;font-weight:bold;line-height:32px;margin-bottom:15px;padding-bottom:10px;margin-top:10px}
.video-nr .v-content .v-title2 .right{font-size:16px;line-height:24px;color:#4bcd65;cursor:pointer;font-weight:initial}
.video-nr .v-content .v-title2 .right:hover{color:#527dff}
.video-nr .v-content .v-massage{font-size:16px;line-height:24px}
.video-nr .v-content .v-massage p{position:relative;display:flex;align-items:center}
.video-nr .v-content .v-massage p:before{content:"\f406";font-family:cmsfont;width:40px;height:40px;text-align:center;color:#fff;line-height:40px;font-size:20px;background:#ff6200;border-radius:50%;display:inline-block;margin-right:10px}
.video-nr .v-content .v-massage ul{padding:10px 10px 10px 50px}
.video-nr .v-content .v-massage ul li{position:relative;display:flex;margin-bottom:10px}
.video-nr .v-content .v-massage ul li:before{content:"\f406";font-family:'cmsfont', sans-serif;width:24px;height:24px;text-align:center;line-height:24px;color:#fff;background:#ff9e43;border-radius:50%;display:inline-block;margin-right:10px}
.video-nr .v-content .v-massage strong{margin-right:0px}
.video-nr .v-side{width:22%;height:100%;overflow:auto}
.video-nr .v-side::-webkit-scrollbar{display:none}
.video-nr .v-side .v-pro{background:#fff;padding:15px;border-radius:20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.video-nr .v-side .v-pro .img{width:30%}
.video-nr .v-side .v-pro .text{width:67%}
.video-nr .v-side .v-pro .text .t1{font-size:16px;line-height:24px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal !important;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.video-nr .v-side .v-pro .d-flex{margin-top:20px}
.video-nr .v-side .v-pro .d-flex a{display:inline-block;margin-right:10px;padding:5px 10px;border:1px solid #4bcd65;border-radius:50px;font-size:14px;line-height:20px}
.video-nr .v-side .v-pro .d-flex a:last-child{margin-right:0p}
.video-nr .v-side .v-pro .d-flex a:hover{background:#4bcd65;color:#fff}
.video-nr .v-side .v-pro .d-flex a:first-child{background:#4bcd65;color:#fff}
.video-nr .v-side .v-pro .d-flex a:first-child:hover{box-shadow:0 2px 10px rgb(0 0 0 / 20%)}
.video-nr .v-side .v-rel{background:#fff;padding:15px;border-radius:20px}
.video-nr .v-side .v-rel .big-t1{font-size:22px;line-height:28px;font-weight:bold;margin-bottom:15px}
.video-nr .v-side .v-rel .v-video-item{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.video-nr .v-side .v-rel .v-video-item .left{width:54%;position:relative}
.video-nr .v-side .v-rel .v-video-item .left a{position:absolute;left:0;right:0;bottom:0;top:0;z-index:99}
.video-nr .v-side .v-rel .v-video-item .right{width:42%}
.video-nr .v-side .v-rel .v-video-item .t1{font-size:14px;line-height:20px;margin-bottom:8px}
.video-nr .v-side .v-rel .v-video-item .t2{font-size:12px;color:#999;line-height:20px}

.v-feed-box{display:flex;justify-content:space-between;flex-wrap:wrap}
.v-feed-box .pro{width:30%}
.v-feed-box .pro a{transition:none}
.v-feed-box .right{width:68%}
.v-feed-box .right .title{text-align:left}
.v-feed-box .pro .text p{font-size:15px;line-height:22px;color:#666;position:relative;padding-left:35px;margin-bottom:0}
.v-feed-box .pro .text p::before{content:url(../../images/sign-2.webp);font-family:'cmsfont';line-height:32px;font-size:14px;position:absolute;left:0;top:0px;color:var(--public-color);font-weight:bold}
.v-feed-box .pro h5{font-size:15px;line-height:22px;color:#666666;font-family:'Rubik';font-weight:400;margin-top:15px;margin-bottom:15px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}
.v-share_bot{margin-top:30px;border:1px solid #527dff;border-radius:30px;padding:6px;display:flex;justify-content:space-between;overflow:hidden}
.v-share_bot input{border:0;color:#666;font-size:14px;padding-left:10px;width:100%;box-sizing:border-box;outline:0;overflow:hidden;text-overflow:ellipsis}
.v-share_bot button{width:114px;height:42px;line-height:42px;color:#fff;border:0;background:#527dff;border-radius:20px;flex-shrink:0;cursor:pointer}

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

.reveal-modal#mb-share{left:60%;margin-left:-30%;width:40%}
.v-share-box .share{display:flex;margin-top:30px;font-size:0;transition:all .3s ease-in-out;justify-content:space-between}
.v-share-box .share_cell{font-size:16px;color:#333;text-align:center}
.v-share-box .share_cell p{margin-bottom:0}
.v-share-box .share_cell .icon.wa{background-position:-3px -180px}
.v-share-box .share_cell .icon.fb{background-position:-185px -235px}
.v-share-box .share_cell .icon.tw{background-position:-124px -177px}
.v-share-box .share_cell .icon.em{background-position:-64px -237px}
.v-share-box .share_cell .icon.li{background-position:-241px -204px}
.v-share-box .share_cell .icon:hover{box-shadow:0 2px 6px rgb(0 0 0 / 25%)}
.v-share-box .share_cell .icon{width:55px;height:55px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:6px;background:url(../../images/vc-sprite.webp) no-repeat -3px -180px;background-size:300px;border-radius:50%}

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

/*#标签样式*/
.tag{margin-bottom:30px;font-size:17px;line-height:30px}
.tag span{color:var(--public-color)}
.tag i{color:var(--public-color)}
.tag a{font-size:17px;line-height:30px;color:#333}
.tag a:hover{text-decoration:underline;color:var(--public-color)}
.tag a:after{content:",";display:inline-block;margin-left:3px;margin-right:4px}
.tag a:last-child:after{display:none}

@media(max-width:768px) {
    .tag{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal !important;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}
}

.header{position:relative;height:100px;z-index:9}
.header-top{height:100px;display:flex;align-items:center;background-color:#fff}
.header .header-nav{display:flex;align-items:center;justify-content:space-between}
.header .row-nav{display:flex;align-items:center}

.header-top.fadeInDown{position:fixed;top:0;left:0;width:100%;z-index:9999;box-shadow:0 0 10px rgba(0,0,0,0.1);animation:fadeInDownAnim 0.5s cubic-bezier(0.23,1,0.32,1)}
@keyframes fadeInDownAnim {
    0% {
        opacity:0;
        transform: translateY(-40px);
    }
    100% {
        opacity:1;
        transform: translateY(0);
    }
}
.get-in-touch .btn{background-color:var(--public-color);color:#fff;padding:8px 20px}

.banner{max-width:1920px;margin:0 auto}
.banner-text1 .text{background-color:#e50113cc;padding:60px 50px;max-width:1100px}
.banner-text1 .text .t1{font-size:32px;line-height:42px;letter-spacing:calc((32px * -40) / 1000);font-weight:500;color:#fff;max-width:500px;text-align:left}
.banner-text1 .img{position:absolute;right:100px;top:50%;transform:translateY(-50%)}

.home{max-width:1920px;margin:0 auto}
.home .title{font-size:36px;line-height:42px;letter-spacing:calc((36px * -40) / 1000);font-weight:500;color:#333}
.home .title span{color:var(--public-color)}
.home .summary{font-size:18px;line-height:28px;color:#888;letter-spacing:calc((12px * -40) / 1000)}

.home-about{padding:110px 0;display:flex;justify-content:space-between;gap:60px}
.home-about .text{max-width:715px;margin:0 0 0 auto;padding-left:15px;width:50%}
.home-about .img{max-width:920px;width:50%}
.home-about .title{max-width:500px;margin-bottom:20px}
.home-about .text-more{color:var(--public-color);margin:30px 0;text-decoration:underline;text-transform:uppercase;font-weight:bold}
.home-about .text-more::after{content:'\f105 \f105';font-family:'CmsFont'}
.home-about .icons{display:flex;gap:15px}
.home-about .icons .item{background-color:#f1f1f1;padding:20px}
.home-about .icons .item .icon{margin-bottom:30px}
.home-about .icons .item .icons-t1{font-size:16px;line-height:24px;color:#888;letter-spacing:calc((12px * -40) / 1000)}
.home-about .icons .item .icons-sum{font-size:32px;line-height:36px;color:var(--public-color);font-weight:bold;position:relative}
.home-about .icons .item .icons-sum b{font-size:16px;line-height:24px;color:var(--public-color);position:absolute;top:0;right:12px}
.home-about .icons .item .icons-sum span{font-size:12px;line-height:24px;color:#333;margin-left:8px}

.home-pro{padding:110px 0;background:url(../../images/home-pro-bg.webp) no-repeat top center}
.home-pro .home-pro-header{display:flex;justify-content:space-between}
.home-pro .home-pro-header .title{color:#fff;width:50%;max-width:600px}
.home-pro .home-pro-header .text{max-width:700px;width:50%}
.home-pro .home-pro-header .text p{font-size:18px;line-height:26px;color:#fff;letter-spacing:calc((18px * -40) / 1000)}
.home-pro .home-pro-header .text a{color:#fff;margin-top:30px;text-decoration:underline;text-transform:uppercase;font-weight:bold;transition:all 0.3s ease}
.home-pro .home-pro-header .text a::after{content:'\f105 \f105';font-family:'CmsFont'}
.home-pro .home-pro-header .text a:hover{color:var(--public-color)}
.home-pro-grid{padding-top:100px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.home-pro-grid .item:nth-child(1){grid-column:1 / 4;flex-direction:row;padding:50px}
.home-pro-grid .item:nth-child(1) .img{max-width:640px}
.home-pro-grid .item:nth-child(1) .text .more{margin:20px 0 0 auto;display:table}
.home-pro-grid .item{background-color:#fff;padding:30px;box-shadow:0px 0px 80px 0px rgba(51,51,51,0.1);display:flex;flex-direction:column;gap:40px}
.home-pro-grid .item .img{width:100%;background-color:#f1f1f1;position:relative;padding:20px;display:flex;align-items:center;justify-content:center}
.home-pro-grid .item .img img{mix-blend-mode:multiply;transition:all 0.3s ease}
.home-pro-grid .item .img svg{position:absolute;right:-20px;bottom:-20px}
.home-pro-grid .item .img:hover img{transform:scale(1.1)}
.home-pro-grid .item .text{width:100%}
.home-pro-grid .item .text .model{font-size:18px;line-height:28px;color:var(--public-color);letter-spacing:calc((12px * -40) / 1000);font-weight:bold;margin-bottom:10px}
.home-pro-grid .item .text .title{font-size:24px;line-height:28px;color:#333;letter-spacing:calc((12px * -40) / 1000);font-weight:bold;transition:all 0.3s ease;min-height:calc(28px * 2)}
.home-pro-grid .item .text .title:hover{color:var(--public-color)}
.home-pro-grid .item .text .summary{font-size:14px;line-height:22px;margin-top:20px;min-height:calc(22px * 3);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}
.home-pro-grid .item .text .pro-adv{font-size:14px;line-height:22px;margin-top:20px;color:#666}
.home-pro-grid .item .text .pro-adv li::before{content:'\f00c';font-family:'CmsFont';margin-right:10px;color:var(--public-color)}
.home-pro-grid .item .text .more{border:3px solid var(--public-color);border-radius:4px;color:var(--public-color);font-weight:500;min-width:200px;line-height:36px;text-align:center;letter-spacing:calc((14px * -40) / 1000);font-size:14px;margin-top:20px;transition:all 0.3s ease}
.home-pro-grid .item .text .more:hover{background-color:var(--public-color);color:#fff}
.home-pro-link{margin-top:90px;display:flex;justify-content:space-between;gap:20px;}

.home-sol{background-color:#f4f4f4;padding:100px 15px 70px}
.home-sol .title{text-align:center}
.home-sol .summary{text-align:center;margin-top:20px}
.home-sol .home-sol-swiper{margin-top:20px;padding:50px 30px;position:relative}
.home-sol .swiper-slide .item{background-color:#fff;padding:20px;box-shadow:0px 0px 80px 0px rgba(51,51,51,0.1);display:flex;flex-direction:column;gap:20px}
.home-sol .swiper-slide .item .img{width:100%;position:relative;padding:20px;display:flex;align-items:center;justify-content:center}
.home-sol .swiper-slide .item .text{width:100%}
.home-sol .swiper-slide .item .text .t1{font-size:18px;line-height:28px;color:#333;letter-spacing:calc((12px * -40) / 1000);font-weight:bold;margin-bottom:10px}
.home-sol .swiper-slide .item .text .t2{font-size:14px;line-height:22px;color:#666;letter-spacing:calc((12px * -40) / 1000)}
.home-sol .sol-next{background-color:#fff;box-shadow:0px 0px 10px 0px #33333333;width:50px;height:50px;border-radius:4px}
.home-sol .sol-next.swiper-button-next:after{content:'\f105';font-family:'CmsFont';font-size:28px;color:var(--public-color);transition:all 0.3s ease}
.home-sol .sol-next.swiper-button-next:hover::after{transform:scale(1.1)}
.home-sol .sol-prev{background-color:#fff;box-shadow:0px 0px 10px 0px #33333333;width:50px;height:50px;border-radius:4px}
.home-sol .sol-prev.swiper-button-prev:after{content:'\f104';font-family:'CmsFont';font-size:28px;color:var(--public-color);transition:all 0.3s ease}
.home-sol .sol-prev.swiper-button-prev:hover::after{transform:scale(1.1)}
.home-sol .text-more{color:var(--public-color);margin:30px 0;text-decoration:underline;text-transform:uppercase;font-weight:bold;display:table;margin:0 auto}
.home-sol .text-more::after{content:none}

.home-adv{padding:130px 0}
.home-adv-box{display:flex;justify-content:space-between;gap:20px}
.home-adv-box .text{width:50%}
.home-adv-box .img{width:50%;max-width:660px}
.home-adv-box .text .text-t1{display:flex;align-items:center;gap:50px}
.home-adv-box .text .text-icon{min-width:100px;min-height:100px}
.home-adv-box .title{max-width:500px}
.home-adv-box .summary{padding:50px 0}
.home-adv-box ul{font-size:14px;line-height:24px;color:#666;margin-bottom:50px}
.home-adv-box li::before{content:'';display:inline-block;width:67px;height:12px;margin-right:14px;vertical-align:middle;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="67px" height="12px"><path fill-rule="evenodd" fill="rgb(229,1,19)" d="M0.234,6.255 L64.226,6.255 L60.653,9.836 C60.561,9.931 60.561,10.086 60.653,10.181 L61.370,10.928 C61.462,11.023 61.610,11.023 61.702,10.928 L66.199,6.420 C66.204,6.415 66.210,6.411 66.215,6.406 L66.238,6.381 L66.932,5.685 C66.981,5.635 67.004,5.567 67.000,5.499 C67.004,5.433 66.981,5.365 66.932,5.313 L66.215,4.594 C66.210,4.589 66.205,4.584 66.200,4.580 L61.702,0.071 C61.610,-0.024 61.462,-0.024 61.370,0.071 L60.653,0.818 C60.561,0.913 60.561,1.068 60.653,1.164 L64.192,4.710 L0.234,4.710 C0.105,4.710 0.000,4.819 0.000,4.955 L0.000,6.011 C0.000,6.146 0.105,6.255 0.234,6.255 L0.234,6.255 Z"/></svg>') no-repeat center center;background-size:contain}
.home-adv-box .more{background-color:#fff;color:var(--public-color);padding:10px 20px;border:3px solid var(--public-color);border-radius:4px;transition:all 0.3s ease}
.home-adv-box .more:hover{background-color:var(--public-color);color:#fff;border:3px solid var(--public-color)}

.home-case{background-color:#df3b48;padding:80px 0;color:#fff}
.home-case-box{display:flex;justify-content:space-between}
.home-case-box .item{max-width:400px;position:relative}
.home-case-box .item .t1{font-size:24px;line-height:32px;color:#fff;letter-spacing:calc((24px * -40) / 1000);font-weight:bold;margin-bottom:30px}
.home-case-box .item .t2{font-size:14px;line-height:22px;color:#fff;letter-spacing:calc((14px * -40) / 1000)}
.home-case-box .item:not(:last-child)::after{content:'';position:absolute;top:50%;right:-50px;transform:translateY(-50%);width:2px;height:100%;background:rgba(255,255,255,.3);border-radius:2px}
.home-base{background-color:#f4f4f4;padding:110px 0}
.home-base .container-xl{background:url(../../images/home-base-bg.webp) no-repeat center center;padding:1px 0}
.home-base-box{max-width:1200px;margin:90px auto;padding:80px 0;background-color:#ffffffcc;text-align:center}
.home-base-box .summary{max-width:800px;margin:20px auto 30px}
.home-base-box .more{background-color:transparent;color:var(--public-color);padding:10px 20px;border:3px solid var(--public-color);border-radius:4px;transition:all 0.3s ease}
.home-base-box .more:hover{background-color:var(--public-color);color:#fff;border:3px solid var(--public-color)}

.home-news{padding:140px 0;max-width:1920px;overflow:hidden;margin:0 auto}
.news-section{display:flex;gap:30px;margin:40px 0}
.news-section .news-main{flex:0 0 60%;max-width:700px}
.news-section .news-main a{display:block;color:#333;text-decoration:none}
.news-section .news-main-img{aspect-ratio:16 / 7;display:flex !important;align-items: center;justify-content: center;overflow: hidden}
.news-section .news-main-img img{width:100%;display:block}
.news-section .news-main-text{padding-top:30px}
.news-section .news-main-text .news-title{font-size:22px;font-weight:600;margin-bottom:10px}
.news-section .news-main-text .news-title:hover{color:var(--public-color)}
.news-section .news-main-text p{color:#777;line-height:1.6;margin-bottom:15px}
.news-section .news-main-text .news-date{color:#ff0000;font-size:12px}
.news-section .news-list{flex:0 0 50%;display:flex;flex-direction:column;gap:20px;max-width:660px}
.news-section .news-item{display:flex;text-decoration:none;color:#333;gap:15px}
.news-section .news-thumb{flex:0 0 40%;max-width:220px}
.news-section .news-thumb img{width:100%;display:block}
.news-section .news-info{max-width:360px}
.news-section .news-info .news-title{font-size:16px;font-weight:600;margin-bottom:8px}
.news-section .news-info p{font-size:14px;color:#777;line-height:22px;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}
.news-section .news-info .news-date{color:#ff0000;font-size:12px}
@media (max-width:768px){
    .news-section{flex-direction:column}
    .news-main,.news-list{flex:0 0 100%}
}

.news-exhibition-swiper{position:relative}
.news-exhibition-swiper .item{background-color:#f4f4f4;padding:20px}
.news-exhibition-swiper .item .img{width:100%;aspect-ratio:16 / 9;text-align:center;padding:10px 0;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#fff}
.news-exhibition-swiper .item .img img{width:auto;height:100%;object-fit:cover;display:block}
.news-exhibition-swiper .item .text-time{font-size:14px;color:#999;margin-top:10px}
.news-exhibition-swiper .item .text-time::before{content:'';display:inline-block;width:16px;height:15px;vertical-align:middle;margin-right:6px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="15px"><path fill-rule="evenodd" fill="rgb(218,39,30)" d="M4.005,-0.000 C4.483,-0.000 4.961,-0.000 5.439,-0.000 C5.439,0.433 5.439,0.866 5.439,1.299 C7.146,1.299 8.854,1.299 10.561,1.299 C10.561,0.866 10.561,0.433 10.561,-0.000 C11.039,-0.000 11.517,-0.000 11.995,-0.000 C11.995,0.433 11.995,0.866 11.995,1.299 C12.951,1.271 14.345,1.399 15.478,1.399 C15.886,1.492 16.010,1.601 15.990,1.899 C16.011,4.125 15.990,11.757 15.990,14.391 C15.930,14.716 15.772,14.840 15.683,14.991 C13.193,15.010 4.160,14.991 0.624,14.991 C0.184,14.946 0.157,14.792 0.010,14.591 C0.044,10.194 -0.025,6.196 0.010,1.799 C0.013,1.649 0.221,1.332 0.522,1.299 C1.717,1.266 2.810,1.332 4.005,1.299 C4.005,0.866 4.005,0.433 4.005,-0.000 ZM1.444,2.698 C1.444,3.531 1.444,4.364 1.444,5.197 C5.814,5.197 10.186,5.197 14.556,5.197 C14.556,4.364 14.556,3.531 14.556,2.698 C13.703,2.698 12.849,2.698 11.995,2.698 C11.995,3.031 11.995,3.365 11.995,3.698 C11.517,3.698 11.039,3.698 10.561,3.698 C10.561,3.365 10.561,3.031 10.561,2.698 C8.854,2.698 7.146,2.698 5.439,2.698 C5.439,3.031 5.439,3.365 5.439,3.698 C4.961,3.698 4.483,3.698 4.005,3.698 C4.005,3.365 4.005,3.031 4.005,2.698 C3.151,2.698 2.297,2.698 1.444,2.698 ZM1.444,6.496 C1.444,8.894 1.444,11.293 1.444,13.691 C5.814,13.691 10.186,13.691 14.556,13.691 C14.556,11.293 14.556,8.894 14.556,6.496 C10.186,6.496 5.814,6.496 1.444,6.496 Z"/></svg>') no-repeat center center;background-size:contain}
.news-exhibition-swiper .item .t1{font-size:16px;margin-top:5px}
.news-exhibition-swiper .exhibition-next{background-color:#fff;box-shadow:0px 0px 10px 0px #33333333;width:50px;height:50px;border-radius:4px}
.news-exhibition-swiper .exhibition-next.swiper-button-next:after{content:'\f105';font-family:'CmsFont';font-size:28px;color:var(--public-color);transition:all 0.3s ease}
.news-exhibition-swiper .exhibition-next.swiper-button-next:hover::after{transform:scale(1.1)}
.news-exhibition-swiper .exhibition-prev{background-color:#fff;box-shadow:0px 0px 10px 0px #33333333;width:50px;height:50px;border-radius:4px}
.news-exhibition-swiper .exhibition-prev.swiper-button-prev:after{content:'\f104';font-family:'CmsFont';font-size:28px;color:var(--public-color);transition:all 0.3s ease}
.news-exhibition-swiper .exhibition-prev.swiper-button-prev:hover::after{transform:scale(1.1)}

.footer-consultation{background-color:#f4f4f4;padding:90px 0}
.footer-consultation .consultation-box{display:flex;justify-content:space-between;gap:30px}
.footer-consultation .consultation-box .left{width:100%}
.footer-consultation .consultation-box .right{width:50%;max-width:440px}
.footer-consultation .consultation-box .left .title{font-size:32px;font-weight:600;margin-bottom:20px}
.footer-consultation .consultation-box .left .summary{font-size:16px;line-height:24px;color:#888;margin-bottom:30px}
.footer-consultation .consultation-box .left .more{background-color:transparent;color:var(--public-color);padding:10px 20px;border:3px solid var(--public-color);border-radius:4px;transition:all 0.3s ease}
.footer-consultation .consultation-box .left .more:hover{background-color:var(--public-color);color:#fff;border:3px solid var(--public-color)}
.footer-consultation .consultation-box .right .title{font-size:28px;line-height:36px;font-weight:600;margin-bottom:20px;color:var(--public-color);border-bottom:1px solid #a3a39bcc;padding-bottom:15px}
.footer-consultation .consultation-box .right ul{font-size:16px;line-height:24px;color:#888;margin-bottom:30px}
.footer-consultation .consultation-box .right ul li::before{content:'\f00c';font-family:'CmsFont';margin-right:10px;color:var(--public-color)}

.footer-consultation2{background:linear-gradient(to top,#222 50%,#fff 50%)}
.footer-consultation2-box{background-color:#fff;padding:60px;box-shadow:0px 20px 120px 0px rgba(51,51,51,0.1);display:flex;justify-content:space-between;gap:40px}
.footer-consultation2-box .img{max-width:550px}
.footer-consultation2-box .text{max-width:700px;display:flex;flex-direction:column;gap:30px;justify-content:center;align-items:flex-start}
.footer-consultation2-box .text .title{font-size:36px;line-height:42px;letter-spacing:calc((36px * -40) / 1000);font-weight:500;color:#333}
.footer-consultation2-box .text .summary{font-size:18px;line-height:28px;color:#888;letter-spacing:calc((12px * -40) / 1000)}
.footer-consultation2-box .text .more{background-color:transparent;color:var(--public-color);padding:10px 20px;border:3px solid var(--public-color);border-radius:4px;transition:all 0.3s ease}
.footer-consultation2-box .text .more:hover{background-color:var(--public-color);color:#fff;border:3px solid var(--public-color)}

footer{background-color:#222}
footer a{color:#fff;text-decoration:none;transition:all 0.3s ease}
footer a:hover{color:var(--public-color)}
.footer-top{padding:130px 0 100px;display:flex;justify-content:space-between;align-items:flex-start;gap:60px}
.footer-logo-box{flex:0 0 100%;max-width:450px;color:#fff}
.footer-logo{height:70px;display:block;margin-bottom:50px}
.footer-contact{display:flex;flex-direction:column;gap:10px}
.footer-contact li{display:flex;align-items:center;gap:10px;font-size:14px;line-height:26px}
.footer-contact .icon{display:inline-block;width:20px;height:20px;text-align:center;margin-right:10px}
.footer-contact .icon-mailto{background:url(../../images/icon-mailto.webp) no-repeat center center}
.footer-contact .icon-tel{background:url(../../images/icon-tel.webp) no-repeat center center}
.footer-contact .icon-fax{background:url(../../images/icon-fax.webp) no-repeat center center}
.footer-contact .icon-web{background:url(../../images/icon-web.webp) no-repeat center center}
.footer-menu{flex:0 0 100%;max-width:400px}
.footer-title{font-size:16px;color:#ffffff;text-transform:uppercase;display:flex;align-items:flex-end}
.footer-menu ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.footer-menu li{font-size:14px;line-height:26px}
.footer-menu li a{display:flex;justify-content:space-between;align-items:center}
.footer-menu li a::after{content:'\f105';font-family:'CmsFont';color:#fff;transition:all 0.3s ease}
.footer-menu li a:hover::after{color:var(--public-color)}
.footer-subscribe{flex:0 0 30%}
.footer-form{display:flex;margin-bottom:20px}
.footer-input{flex:1;padding:10px 12px;border:none;border-radius:2px 0 0 2px;background-color:#252525;color:#ffffff;border:1px solid rgba(255,255,255,.1);border-right:0}
.footer-input:focus,.footer-input:active{outline:none;box-shadow:none;border-color:rgba(255,255,255,.1)}
.footer-input::placeholder{color:#777777}
.footer-btn{padding:0 24px;border:none;border-radius:0 2px 2px 0;background-color:var(--public-color);color:#ffffff;font-weight:bold;cursor:pointer;transition:all 0.3s ease}
.footer-btn:focus,.footer-btn:active{outline:none;box-shadow:none;border-color:rgba(255,255,255,.1)}
.footer-btn:hover{background-color:#ff4444}
.footer-social{display:flex;gap:10px}
.footer-social .social{gap:5px}
.footer-social .hover-1,.footer-social .hover-2{background-color:#202020 !important;border:1px solid #383838;color:#fff !important;width:30px;height:30px;font-size:12px !important;display:inline-flex;justify-content:center;align-items:center}
.footer-social .hover-1::before,.footer-social .hover-2::before{font-size:12px;width:inherit}
.footer-social .hover-1:hover,.footer-social .hover-2:hover{background-color:var(--public-color) !important;color:#fff !important}
.footer-bottom{background-color:#1a1a1a;color:#fff;line-height:50px}
.footer-bottom-copy{display:flex;gap:50px}
.footer-bottom .copy-right::before{content:'';display:inline-block;width:15px;height:18px;vertical-align:middle;margin-right:6px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='18'><path fill-rule='evenodd' fill='rgb(196,203,204)' d='M6.881,0.028 C11.757,-0.407 16.410,4.244 14.603,10.044 C13.838,12.499 11.625,13.940 9.941,15.613 C9.141,16.409 8.340,17.204 7.540,17.1000 C5.751,16.237 3.961,14.474 2.172,12.711 C1.653,11.659 0.754,10.990 0.335,9.622 C-0.945,5.436 1.662,1.868 4.385,0.683 C5.135,0.357 5.777,0.198 6.881,0.028 ZM7.540,4.146 C3.063,4.159 3.075,10.792 7.540,10.792 C12.274,10.585 11.710,4.146 7.540,4.146 Z'/></svg>") no-repeat center center;background-size:contain}

.banner-other{background:linear-gradient(to bottom,#f4f4f4 ,#fff);position:relative;max-width:1920px;margin:0 auto;min-height:70px}
.banner-other .breadcrumbs{position:absolute;top:0;width:100%;z-index:3}
.banner-other .breadcrumb::before{content:'';display:inline-block;vertical-align:middle;width:22px;height:66px;margin-right:10px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='18px'><path fill-rule='evenodd' fill='rgb(230,17,34)' d='M3.341,10.850 L3.341,16.361 L6.289,16.361 L6.289,13.070 L13.850,13.070 L13.850,16.361 L16.797,16.361 L16.797,10.801 L10.074,6.052 L3.341,10.850 ZM10.069,4.024 L18.480,9.964 L18.480,18.000 L12.167,18.000 L12.167,14.710 L7.971,14.710 L7.971,18.000 L1.657,18.000 L1.657,10.018 L10.070,4.023 L10.069,4.024 ZM0.982,8.787 L-0.000,7.455 L10.066,0.399 L20.241,7.455 L19.267,8.790 L10.072,2.416 L0.982,8.787 Z'/></svg>") no-repeat center center;background-size:contain}
.banner-other .breadcrumbs.white .breadcrumb::before{content:'';display:inline-block;vertical-align:middle;width:22px;height:66px;margin-right:10px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='18px'><path fill-rule='evenodd' fill='rgb(255,255,255)' d='M3.341,10.850 L3.341,16.361 L6.289,16.361 L6.289,13.070 L13.850,13.070 L13.850,16.361 L16.797,16.361 L16.797,10.801 L10.074,6.052 L3.341,10.850 ZM10.069,4.024 L18.480,9.964 L18.480,18.000 L12.167,18.000 L12.167,14.710 L7.971,14.710 L7.971,18.000 L1.657,18.000 L1.657,10.018 L10.070,4.023 L10.069,4.024 ZM0.982,8.787 L-0.000,7.455 L10.066,0.399 L20.241,7.455 L19.267,8.790 L10.072,2.416 L0.982,8.787 Z'/></svg>") no-repeat center center;background-size:contain}
.banner-other .breadcrumbs.white .breadcrumb-item:nth-child(1){color:#fff}
.banner-other .breadcrumbs.white .breadcrumb-item a{color:#fff}
.banner-other .breadcrumbs.white .breadcrumb-item:hover a{color:var(--public-color)}
.banner-other .breadcrumbs.white .breadcrumb-item+.breadcrumb-item::before{color:#fff}
.banner-other .breadcrumb{line-height:70px}
.banner-other .breadcrumb .breadcrumb-item:nth-child(1){color:#666}
.banner-other .breadcrumb .breadcrumb-item{color:#ccc}

.banner-other .title{font-size:36px;line-height:42px;letter-spacing:calc((36px * -40) / 1000);font-weight:500;color:#fff}
.banner-other .summary{font-size:18px;line-height:28px;color:#fff;letter-spacing:calc((12px * -40) / 1000);margin-top:30px;max-width:700px}
.banner-other .mores{display:flex;gap:20px;margin-top:40px}
.banner-other .mores .more{background-color:transparent;color:#fff;padding:10px 20px;border:3px solid #fff;border-radius:4px;transition:all 0.3s ease}
.banner-other .mores .more.active,.banner-other .mores .more:hover{background-color:var(--public-color);color:#fff;border:3px solid var(--public-color)}
.banner-other-text{position:absolute;height:calc(100%);width:100%;top:0;display:flex;align-items:center}
.banner-other-text .title-bg{background-color:#e50113cc;max-width:500px;padding:40px 30px}

.banner-other-products{position:absolute;left:0%;bottom:0;width:100%}
.banner-other-products-box{display:flex;gap:80px;justify-content:space-between;margin-bottom:-70px}
.banner-other-products-box .item{width:100%;background-color:#fff;display:flex;justify-content:space-between;box-shadow:0px 0px 40px 0px #3333331a}
.banner-other-products-box .item .text{font-size:20px;font-weight:bold;line-height:28px;display:flex;align-items:center;padding-left:40px}

.product-index-wrapper{max-width:1920px;margin:0 auto}
.product-index-list{padding:170px 0 120px}
.product-index-list .item{background-color:#fff;padding:50px 0;display:flex;gap:40px;border-bottom:1px dashed #666}
.product-index-list .item .img{width:100%;background-color:#f1f1f1;position:relative;padding:20px;display:flex;align-items:center;justify-content:center}
.product-index-list .item .img img{mix-blend-mode:multiply;transition:all 0.3s ease}
.product-index-list .item .img:hover img{transform:scale(1.1)}
.product-index-list .item .text{width:100%;max-width:660px}
.product-index-list .item .text .model{font-size:18px;line-height:28px;color:var(--public-color);letter-spacing:calc((12px * -40) / 1000);font-weight:bold;margin-bottom:10px}
.product-index-list .item .text .title{font-size:24px;line-height:28px;color:#333;letter-spacing:calc((12px * -40) / 1000);font-weight:bold;transition:all 0.3s ease}
.product-index-list .item .text .title:hover{color:var(--public-color)}
.product-index-list .item .text .title::after{content:'\f105 \f105';font-family:'CmsFont';color:var(--public-color)}
.product-index-list .item .text .summary{font-size:14px;line-height:22px;margin-top:20px;color:#888}
.product-index-list .item .text .summary::before{content:'';display:inline-block;width:100%;height:4px;background-color:var(--public-color);margin-bottom:20px}
.product-index-list .item .text .pro-adv{font-size:14px;line-height:22px;margin-top:20px;color:#666}
.product-index-list .item .text .pro-adv li::before{content:'\f00c';font-family:'CmsFont';margin-right:10px;color:var(--public-color)}
.product-index-applications{background-color:#fff;padding:0 15px 70px}
.product-index-applications .title{font-size:36px;line-height:42px;letter-spacing:calc((36px * -40) / 1000);font-weight:500;color:#333;text-align:center}
.product-index-applications .product-index-swiper{margin-top:20px;padding:50px 20px;position:relative}
.product-index-applications .swiper-slide .item{background-color:#fff;padding:20px;box-shadow:0px 0px 80px 0px rgba(51,51,51,0.1);display:flex;flex-direction:column;gap:20px}
.product-index-applications .swiper-slide .item .img{width:100%;position:relative;padding:20px;display:flex;align-items:center;justify-content:center}
.product-index-applications .swiper-slide .item .text{width:100%}
.product-index-applications .swiper-slide .item .text .t1{font-size:18px;line-height:28px;color:#333;letter-spacing:calc((12px * -40) / 1000);font-weight:bold;margin-bottom:10px}
.product-index-applications .swiper-slide .item .text .t2{font-size:14px;line-height:22px;color:#666;letter-spacing:calc((12px * -40) / 1000)}
.product-index-applications .product-index-next{background-color:#fff;box-shadow:0px 0px 10px 0px #33333333;width:50px;height:50px;border-radius:4px}
.product-index-applications .product-index-next.swiper-button-next:after{content:'\f105';font-family:'CmsFont';font-size:28px;color:var(--public-color);transition:all 0.3s ease}
.product-index-applications .product-index-next.swiper-button-next:hover::after{transform:scale(1.1)}
.product-index-applications .product-index-prev{background-color:#fff;box-shadow:0px 0px 10px 0px #33333333;width:50px;height:50px;border-radius:4px}
.product-index-applications .product-index-prev.swiper-button-prev:after{content:'\f104';font-family:'CmsFont';font-size:28px;color:var(--public-color);transition:all 0.3s ease}
.product-index-applications .product-index-prev.swiper-button-prev:hover::after{transform:scale(1.1)}

.product-list-wrapper{max-width:1920px;margin:0 auto}
.product-list-header{padding:140px 0 100px;display:flex;justify-content:space-between}
.product-list-header .title{font-size:36px;line-height:42px;letter-spacing:calc((36px * -40) / 1000);font-weight:500}
.product-list-header .text{max-width:700px}
.product-list-header .product-summary{color:#888;font-size:16px;line-height:28px;position:relative;height:calc(28px * 7);overflow:hidden;transition:height 1s ease}
.product-list-header .product-summary::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:calc(28px * 3);background:linear-gradient(to top,#fff,rgba(255,255,255,0));pointer-events:none;opacity:1;transition:all 0.3s ease 1s}
.product-list-header .product-summary.mask{height:100%}
.product-list-header .product-summary.mask::before{content:'';opacity:0}
.show-more{font-size:16px;color:var(--public-color);font-weight:bold;cursor:pointer;display:inline-block;padding:5px}
.show-more::after{content:'\f107';font-family:'CmsFont';margin-left:10px}

.product-list-list{display:flex;flex-direction:column;gap:40px;padding-bottom:150px}
.product-list-list .item{background-color:#fff;padding:50px;box-shadow:0px 0px 80px 0px rgba(51,51,51,0.1);display:flex;gap:40px}
.product-list-list .item .img{width:100%;background-color:#f1f1f1;position:relative;padding:20px;display:flex;align-items:center;justify-content:center}
.product-list-list .item .img img{mix-blend-mode:multiply;transition:all 0.3s ease}
.product-list-list .item .text{width:100%}
.product-list-list .item .text .model{font-size:18px;line-height:28px;color:var(--public-color);letter-spacing:calc((12px * -40) / 1000);font-weight:bold;margin-bottom:10px}
.product-list-list .item .text .title{font-size:24px;line-height:28px;color:#333;letter-spacing:calc((12px * -40) / 1000);font-weight:bold;transition:all 0.3s ease}
.product-list-list .item .text .title:hover{color:var(--public-color)}
.product-list-list .item .text .summary{font-size:14px;line-height:22px;margin-top:20px;min-height:calc(22px * 3);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}
.product-list-list .item .text .pro-adv{font-size:14px;line-height:22px;margin-top:20px;color:#666}
.product-list-list .item .text .pro-adv li::before{content:'\f00c';font-family:'CmsFont';margin-right:10px;color:var(--public-color)}
.tag-box{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}
.tag-box .tag{border:1px solid var(--public-color);color:var(--public-color);padding:0px 20px;border-radius:4px;font-size:14px;line-height:30px;transition:all .3s ease;margin-bottom:0}
.tag-box .tag:hover{background-color:var(--public-color);color:#fff}


.product-list-solution{background-color:#f4f4f4;padding:100px 0 70px}
.product-list-solution .title{font-size:36px;line-height:42px;letter-spacing:calc((36px * -40) / 1000);font-weight:500;color:#333;text-align:center}
.product-list-solution .summary{text-align:center;margin-top:20px;font-size:18px;line-height:28px;color:#888;letter-spacing:calc((12px * -40) / 1000)}
.product-list-solution .product-list-solution-swiper{margin-top:20px;padding:50px 20px;position:relative}
.product-list-solution .swiper-slide .item{background-color:#fff;padding:20px;box-shadow:0px 0px 80px 0px rgba(51,51,51,0.1);display:flex;flex-direction:column;gap:20px}
.product-list-solution .swiper-slide .item .img{width:100%;position:relative;padding:20px;display:flex;align-items:center;justify-content:center}
.product-list-solution .swiper-slide .item .text{width:100%}
.product-list-solution .swiper-slide .item .text .t1{font-size:18px;line-height:28px;color:#333;letter-spacing:calc((12px * -40) / 1000);font-weight:bold;margin-bottom:10px}
.product-list-solution .swiper-slide .item .text .t2{font-size:14px;line-height:22px;color:#666;letter-spacing:calc((12px * -40) / 1000)}
.product-list-solution .sol-next{background-color:#fff;box-shadow:0px 0px 10px 0px #33333333;width:50px;height:50px;border-radius:4px}
.product-list-solution .sol-next.swiper-button-next:after{content:'\f105';font-family:'CmsFont';font-size:28px;color:var(--public-color);transition:all 0.3s ease}
.product-list-solution .sol-next.swiper-button-next:hover::after{transform:scale(1.1)}
.product-list-solution .sol-prev{background-color:#fff;box-shadow:0px 0px 10px 0px #33333333;width:50px;height:50px;border-radius:4px}
.product-list-solution .sol-prev.swiper-button-prev:after{content:'\f104';font-family:'CmsFont';font-size:28px;color:var(--public-color);transition:all 0.3s ease}
.product-list-solution .sol-prev.swiper-button-prev:hover::after{transform:scale(1.1)}
.product-list-solution .text-more{color:var(--public-color);margin:30px 0;text-decoration:underline;text-transform:uppercase;font-weight:bold;display:table;margin:0 auto}
.product-list-solution .text-more::after{content:none}

.product-list-adv{padding:100px 0}
.product-list-adv .title{font-size:36px;line-height:42px;letter-spacing:calc((36px * -40) / 1000);font-weight:500;color:#333;text-align:center}
.product-list-adv .summary{text-align:center;margin-top:20px;font-size:18px;line-height:28px;color:#888;letter-spacing:calc((12px * -40) / 1000)}
.product-list-adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}
.product-list-adv-grid .item .img{padding:10px;box-shadow:0px 0px 10px 0px rgba(99,99,99,0.2)}
.product-list-adv-grid .item .text{margin-top:20px}
.product-list-adv-grid .item .text .t1{font-size:18px;line-height:28px;color:#333;letter-spacing:calc((12px * -40) / 1000);font-weight:bold;margin-bottom:10px}
.product-list-adv-grid .item .text .t2{font-size:14px;line-height:22px;color:#888;letter-spacing:calc((12px * -40) / 1000)}

.product-list-model .title{font-size:36px;line-height:42px;letter-spacing:calc((36px * -40) / 1000);font-weight:500;color:#333;text-align:center}
.product-spec-table{margin:60px 0;background-color:#fff;padding:30px 40px;overflow-x:auto}
.product-spec-table table{width:100%;border-collapse:collapse;font-size:14px;color:#555}
.product-spec-table td{padding:12px 18px;border-top:1px solid #e5e5e5}
.product-spec-table tr:first-child th{border-top:none;background-color:#f7f7f7;font-weight:600;color:#333}
.product-spec-table td:first-child{width:180px;font-weight:500;color:#333;white-space:nowrap}
.product-spec-table td:first-of-type{border-bottom:1px solid #f7f7f7}

.product-list-consultation{background-color:#f4f4f4;padding:90px 0}
.product-list-consultation .consultation-box{display:flex;justify-content:space-between;gap:30px}
.product-list-consultation .consultation-box .left{width:100%;max-width:700px}
.product-list-consultation .consultation-box .right{width:100%;max-width:590px}
.product-list-consultation .consultation-box .left .title{font-size:32px;font-weight:600;margin-bottom:20px}
.product-list-consultation .consultation-box .left .summary{font-size:16px;line-height:24px;color:#888;margin-bottom:30px}
.product-list-consultation .consultation-box .left .more{background-color:transparent;color:var(--public-color);padding:10px 20px;border:3px solid var(--public-color);border-radius:4px;transition:all 0.3s ease;font-weight:500}
.product-list-consultation .consultation-box .left .more:hover{background-color:var(--public-color);color:#fff;border:3px solid var(--public-color)}
.product-list-consultation .consultation-box .right .title{font-size:28px;line-height:36px;font-weight:600;margin-bottom:20px;color:var(--public-color);border-bottom:1px solid #a3a39bcc;padding-bottom:15px}
.product-list-consultation .consultation-box .right ul{font-size:16px;line-height:24px;color:#888;margin-bottom:30px}
.product-list-consultation .consultation-box .right ul li::before{content:'\f00c';font-family:'CmsFont';margin-right:10px;color:var(--public-color)}

.faq-form{padding:120px 0;display:flex;justify-content:space-between;gap:40px}
.faq-form .title{font-size:36px;line-height:42px;letter-spacing:calc((36px * -40) / 1000);font-weight:500;color:#333;padding:30px 0}
.faq-form .faq-box{width:100%;max-width:740px}
.faq-form .faq-box .item{padding:30px 0;border-bottom:1px solid #e5e5e5}
.faq-form .faq-box .item .faq-title{font-size:18px;line-height:26px;font-weight:bold;position:relative;cursor:pointer;transition:all .3s ease}
.faq-form .faq-box .item .faq-title i{position:absolute;top:0;right:0;width:20px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--public-color)}
.faq-form .faq-box .item.active .faq-title{margin-bottom:30px}
.faq-form .faq-box .item.active .faq-title i::before{content:'\f068'}
.faq-form .faq-box .item .faq-content{font-size:14px;line-height:24px;color:#888;overflow:hidden;height:0}
.faq-form .faq-box .item.active .faq-content{height:auto}
.faq-form .form-box{max-width:540px;background-color:#f4f4f4;padding:0 50px 50px}
.faq-form .form-box .summary{color:#888;margin-bottom:20px}
.faq-form .form-box .form-link{display:flex;gap:20px;margin-bottom:30px}
.faq-form .form-box .form-link a{color:var(--public-color);text-decoration:underline}
.faq-form .form-box .form-link svg{margin-left:10px}

.product-content-header{background-color:#fff;display:flex;justify-content:space-between;gap:40px;padding:70px 0 80px}
.product-content-header .img{width:100%;background-color:#f1f1f1;position:relative;padding:20px;display:flex;align-items:center;justify-content:center;max-width:700px}
.product-content-header .img img{mix-blend-mode:multiply;transition:all 0.3s ease}
.product-content-header .text{width:100%;max-width:600px}
.product-content-header .text .model{font-size:18px;line-height:28px;color:var(--public-color);letter-spacing:calc((12px * -40) / 1000);font-weight:bold;margin-bottom:10px}
.product-content-header .text .title{font-size:24px;line-height:28px;color:#333;letter-spacing:calc((12px * -40) / 1000);font-weight:bold;transition:all 0.3s ease}
.product-content-header .text .title:hover{color:var(--public-color)}
.product-content-header .text .summary{font-size:14px;line-height:22px;margin-top:20px;color:#888}
.product-content-header .text .pro-adv{font-size:14px;line-height:22px;margin-top:20px;color:#666}
.product-content-header .text .pro-adv li::before{content:'\f00c';font-family:'CmsFont';margin-right:10px;color:var(--public-color)}
.tag-box{display:flex;gap:20px;margin-top:20px}
.product-content-header .tag-box .tag{border:1px solid var(--public-color);color:var(--public-color);padding:0px 20px;border-radius:4px;font-size:14px;line-height:30px;transition:all .3s ease}
.product-content-header .tag-box .tag:hover{background-color:var(--public-color);color:#fff}
.product-content-header .mores{display:flex;gap:20px;margin-top:30px}
.product-content-header .more{background-color:transparent;color:var(--public-color);padding:10px 20px;border:3px solid var(--public-color);border-radius:4px;transition:all 0.3s ease;font-weight:500}
.product-content-header .more.active,.product-content-header .more:hover{background-color:var(--public-color);color:#fff;border:3px solid var(--public-color)}

.product-main-content{position:relative}
.main-nav{position:sticky;top:100px;align-self:flex-start;display:flex;gap:20px;background-color:#fff;padding-top:10px;z-index:2}
.main-nav .item{background-color:#f4f4f4;padding:18px;min-width:260px;text-align:center;font-size:18px;font-weight:bold;text-transform:uppercase;color:#333;border-radius:4px;transition:all .45s ease}
.main-nav .item:hover,.main-nav .item.active{background-color:var(--public-color);color:#fff}
.main-content{padding:100px 0;display:flex;justify-content:space-between;gap:30px}
.main-content .main-content-left{max-width:960px;display:flex;flex-direction:column;gap:50px;width:100%}
.main-content .main-content-left .title{font-size:36px;line-height:42px;letter-spacing:calc((36px * -40) / 1000);font-weight:500;color:#333;margin-bottom:40px}
.main-content .main-content-left .content{color:#888}
.main-content .main-content-left #main1 li{line-height:28px}
.main-content .main-content-left #main1 li::before{content:'\f00c';font-family:'CmsFont';margin-right:10px;color:var(--public-color)}


.main-content .main-content-right{position:sticky;top:170px;align-self:flex-start;max-width:360px;padding-top:10px}
.main-content-right .content-right-one{border:2px solid #eaeaea;padding:50px}
.main-content-right .content-right-one .text{font-size:18px;line-height:24px;color:#333;margin-bottom:20px;text-align:center;font-weight:500}
.main-content-right .content-right-one .more{background-color:var(--public-color);color:#fff;padding:12px 40px;border-radius:4px;width:100%;text-align:center}
.main-content-right .content-right-two{margin-top:40px;padding:60px 40px;background-color:#e50113cc;color:#fff}
.main-content-right .content-right-two .title{font-size:24px;line-height:28px;color:#fff;letter-spacing:calc((12px * -40) / 1000);font-weight:bold}
.main-content-right .content-right-two .right-two-box{margin-top:50px;display:flex;flex-direction:column;gap:20px}
.main-content-right .content-right-two .item-t1{font-size:18px;line-height:28px;display:flex;align-items:center;margin-bottom:20px}
.main-content-right .content-right-two .item-t1 span{width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,0.4);background-color:#fff;display:flex;align-items:center;justify-content:center;color:var(--public-color);margin-right:20px}
.main-content-right .content-right-two .item-t2{font-size:14px;line-height:18px}

.main-table table th{background-color:var(--public-color);color:#fff}
.main-table table td:first-child{font-weight:bold;color:#333}
.main-table table th{padding:10px 0;border:1px solid #ddd}
.main-table table td{background-color:#fff;padding:10px 0;border:1px solid #ddd}

.content-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.content-grid-3 .t1{font-size:18px;line-height:26px;margin-top:20px}
.content-main4{margin-top:80px;box-shadow:0px 0px 50px 0px rgba(99,99,99,0.1);padding:60px;display:flex;flex-direction:column;align-items:center}
.content-main4 .text{text-align:center;font-size:18px;line-height:28px}
.content-main4 .more{background-color:var(--public-color);color:#fff;padding:12px 40px;border-radius:4px;text-align:center;margin-top:40px}
#main5 .faq-form{padding:0}
#main5 .faq-form .faq-box{max-width:inherit}

.product-related{margin-bottom:80px}
.product-related .related-title{font-size:36px;line-height:42px;letter-spacing:calc((36px * -40) / 1000);font-weight:500;color:#333;margin-bottom:40px}
.product-related .product-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.product-related .product-related-grid .item{width:100%}
.product-related .product-related-grid .item .img{background-color:#f1f1f1;position:relative;padding:20px;display:flex;align-items:center;justify-content:center}
.product-related .product-related-grid .item .img img{mix-blend-mode:multiply;transition:all 0.3s ease}
.product-related .product-related-grid .item .model{font-size:18px;line-height:28px;color:var(--public-color);letter-spacing:calc((12px * -40) / 1000);font-weight:bold;margin:10px 0}
.product-related .product-related-grid .item .title{font-size:24px;line-height:28px;color:#333;letter-spacing:calc((12px * -40) / 1000);font-weight:bold;transition:all 0.3s ease}
.product-related .product-related-grid .item .title:hover{color:var(--public-color)}
.product-related .product-related-grid .item .summary{font-size:14px;line-height:22px;margin-top:20px;color:#888}

.contact-wrapper{padding:150px 0 240px}
.contact-grid{display:grid;gap:40px;grid-template-rows:repeat(1,1fr);grid-template-columns:repeat(12,1fr)}
.contact-grid .item{position:relative;padding-bottom:65px;padding-top:30px;grid-column:auto / span 4;background-image:-moz-linear-gradient( 0deg,rgba(244,244,244,0) 0%,rgb(244,244,244) 100%);background-image:-webkit-linear-gradient( 0deg,rgba(244,244,244,0) 0%,rgb(244,244,244) 100%);background-image:-ms-linear-gradient( 0deg,rgba(244,244,244,0) 0%,rgb(244,244,244) 100%)}
.contact-grid .item::before{content:"";width:200px;height:4px;background-color:var(--public-color);display:block;position:absolute;left:0;bottom:0}
.contact-grid .text{margin-top:30px;font-size:18px;line-height:32px;color:#666666}

.contact-main{padding-top:150px;display:flex;justify-content:space-between}
.contact-main .text{width:100%;max-width:700px}
.contact-main .text .summary{font-size:18px;line-height:28px;color:#888;margin-bottom:30px}
.contact-main .text .contact-list{display:flex;flex-direction:column;gap:30px}
.contact-main .text .contact-list .item{display:flex;gap:20px}
.contact-main .text .contact-list .item .item-text{width:100%}
.contact-main .text .contact-list .item .item-text .t1{font-size:18px;line-height:28px;color:#333;letter-spacing:calc((12px * -40) / 1000);font-weight:bold;margin-bottom:10px}
.contact-main .text .contact-list .item .item-text .t2{font-size:14px;line-height:26px;color:#888;letter-spacing:calc((12px * -40) / 1000)}
.contact-main .text .text{margin-top:30px;font-size:32px;font-weight:bold;color:var(--public-color)}

.contact-from{width:100%;max-width:600px}
.contact-from .form-title{font-size:36px;line-height:42px;letter-spacing:calc((36px * -40) / 1000);font-weight:500;color:#333;margin-bottom:40px}
.contact-from label{font-size:16px;color:#888}
.contact-from label .text-danger{color:var(--public-color);margin-right:4px}
.contact-from .form-control{background-color:#f8f8f8;border:2px solid transparent;min-height:50px}
.contact-from .form-control:focus{background-color:#fff;border:2px solid #d01027}

.services-header{display:flex;justify-content:space-between;gap:20px;padding:30px 0 130px}
.services-header .services-text{width:100%;max-width:500px}
.services-header .services-text .title{font-size:36px;line-height:42px;letter-spacing:calc((36px * -40) / 1000);font-weight:500;color:#333}
.services-header .services-text .more{background-color:transparent;color:var(--public-color);padding:12px 40px;border-radius:4px;text-align:center;margin-top:40px;border:3px solid var(--public-color);transition:all .3s ease}
.services-header .services-text .more:hover{background-color:var(--public-color);color:#fff;border:3px solid var(--public-color)}
.services-header .service-list{width:100%;max-width:700px;display:flex;flex-direction:column;gap:30px}
.services-header .service-list .item{display:flex;flex-direction:column;padding:40px 50px;background-color:#f4f4f4;position:relative}
.services-header .service-list .item b{color:var(--public-color)}
.services-header .service-list .item .t1{font-size:22px;line-height:28px;color:#333;letter-spacing:calc((22px * -40) / 1000);font-weight:bold;margin-bottom:10px}
.services-header .service-list .item .t2{font-size:18px;line-height:26px;color:#888;letter-spacing:calc((18px * -40) / 1000)}
.services-header .service-list .item svg{position:absolute;bottom:10px;right:25px}

.services-partner{padding:100px 0 0;background:url(../../images/services-partner-bg.webp) no-repeat center top;max-width:1920px;margin:0 auto}
.services-partner .title{font-size:36px;line-height:42px;letter-spacing:calc((36px * -40) / 1000);font-weight:500;color:#fff;text-align:center}
.services-partner .summary{font-size:18px;line-height:28px;color:#888;letter-spacing:calc((12px * -40) / 1000);text-align:center;color:#fff;margin:15px 0}
.services-partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}
.services-partner-grid .item{display:flex;flex-direction:column;background-color:#fff;position:relative;box-shadow:0px 0px 10px 0px rgba(99,99,99,0.2);padding:10px}
.services-partner-grid .item .img{width:100%;height:100%;object-fit:cover}
.services-partner-grid .item .text{width:100%;margin-top:20px}
.services-partner-grid .item .text .t1{font-size:22px;line-height:28px;color:#333;letter-spacing:calc((22px * -40) / 1000);font-weight:bold;margin-bottom:10px}
.services-partner-grid .item .text .t2{font-size:18px;line-height:26px;color:#888;letter-spacing:calc((18px * -40) / 1000)}
.services-partner-grid .item svg{position:absolute;bottom:10px;right:25px}

.about-wrapper{max-width:1920px;margin:0 auto}
.about-wrapper .title{font-size:36px;line-height:42px;letter-spacing:calc((36px * -40) / 1000);font-weight:500;color:#333}
.about-wrapper .summary{font-size:18px;line-height:28px;color:#888;letter-spacing:calc((12px * -40) / 1000)}
.about-header{display:flex;gap:20px;justify-content:space-between;padding:100px 0}
.about-header .left{width:100%;max-width:700px}
.about-header .right{width:100%;max-width:650px}
.about-header .title{margin-bottom:20px}
.about-header-list{display:flex;justify-content:space-between;margin-bottom:80px}
.about-header-list .item{width:100%;display:flex;justify-content:center;align-items:center;gap:30px;min-height:120px;border-right:1px solid #ddd}
.about-header-list .item:first-child{border-left:1px solid #ddd}
.about-header-list .item .text{display:flex;flex-direction:column;align-items:center}
.about-header-list .item .text .sum{font-size:30px;font-weight:bold;color:var(--public-color);margin-bottom:10px}

.about-his{padding-top:70px;max-width:1920px;margin:auto;background-color:#f4f4f4}
.about-his .title{text-align:center;color:#333;margin-bottom:70px}
.about-his .big-box{position:relative;max-width:450px;margin:0 auto 60px}
.about-his .box{text-align:center}
.about-his .year{font-size:28px;font-weight:500;color:#333;letter-spacing:-1px;margin-bottom:20px}
.about-his .text{color:#333}
.about-his .all-hover-1{position:absolute;top:50%;transform:translateY(-50%);transition:all 0.3s ease;z-index:10;cursor:pointer}
.swiper-button-prev-his{left:-80px}
.swiper-button-next-his{right:-80px}
.about-his .all-hover-1::after{font-size:28px}
.about-his .img-box{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.about-his .img-xl{background-color:#000;position:relative;display:flex;align-items:center}
.about-his .img-xl img{opacity:.6}
.pagination-viewport{max-width:1920px;margin:0 auto 50px;overflow:hidden;position:relative}
.pagination-viewport::before{content:'';position:absolute;bottom:49px;left:0;width:100%;height:2px;background-color:var(--public-color)}
.swiper-pagination-his{display:flex;justify-content:flex-start;gap:10px;max-width:none;width:auto;margin:0 auto 50px;position:relative;left:0 !important;bottom:0 !important;transition:transform 0.5s ease;padding:0 20px;justify-content:center}
.about-his .time{font-size:20px;font-weight:500;color:var(--public-color);letter-spacing:-1px;padding-bottom:40px;position:relative;display:flex;justify-content:center;width:auto;height:auto;border-radius:0;background-color:transparent;flex-shrink:0;min-width:140px}
.swiper-pagination-his .time:hover{color:var(--public-color)}
.swiper-pagination-his .time::before{content:'';width:20px;height:20px;border-radius:100%;background-color:var(--public-color);position:absolute;bottom:-10px}
.swiper-pagination-his .time.swiper-pagination-bullet-active::after{content:"";width:56px;height:56px;border:1px solid var(--public-color);background-color:#e5011333;border-radius:100%;position:absolute;bottom:-28px}
.about-his-text{font-size:18px;line-height:32px;color:#666;text-align:center;max-width:1100px;margin:0 auto;padding-top:60px}
.all-style{position:relative;padding:0px}
.all-swiper{overflow:hidden}
.all-hover{transition:all .3s ease-in-out;background-color:var(--public-color);border:solid 2px var(--public-color);font-weight:bold;width:52px;height:97px;opacity:1;margin-top:-65px}
.all-hover::after{font-size:52px;font-weight:300;font-family:'cmsfont';color:var(--public-color)}
.all-hover:hover{border-color:var(--public-color);opacity:1}
.all-hover-next{right:-70px}
.all-hover-prev{left:-70px}
.all-hover-next::after{content:'\f105'}
.all-hover-prev::after{content:'\f053'}
.all-hover-1:hover::after{color:var(--public-color)}
.all-hover-1::after{font-family:'cmsfont';color:var(--public-color);font-size:58px;font-weight:300;transition:all .3s ease-in-out}
.all-hover-next-1{right:-80px}
.all-hover-prev-1{left:-80px}
.all-hover-next-1::after{content:"\f054"}
.all-hover-prev-1::after{content:"\f053"}

@media (max-width: 1200px) {
    .about-his .time{min-width:90px;font-size:18px}
}

@media (max-width: 768px) {
.about-his .time{min-width:80px;font-size:16px;padding-bottom:30px}
.swiper-pagination-his .time.swiper-pagination-bullet-active::after{width:40px;height:40px;bottom:-20px}
}


.about-commitment{padding:120px 0}
.about-commitment .title{text-align:center;margin-bottom:30px}
.about-commitment .summary{text-align:center;max-width:1000px;margin:0 auto}
.commitment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}
.commitment-grid .item{background-color:#ea3442;border-radius:30px;padding:40px;display:flex;flex-direction:column;align-items:center}
.commitment-grid .item .t1{display:flex;align-items:center;gap:20px;font-size:22px;color:#fff}
.commitment-grid .item .t2{margin-top:30px;color:#fff}

.about-commitment2{background:linear-gradient(to bottom,#f4f4f4 63%,#fff 200px)}
.about-commitment2 .about-commitment2-swiper{margin-top:20px;padding:50px 30px;position:relative}
.about-commitment2 .swiper-slide .item{background-color:#fff;padding:20px;box-shadow:0px 0px 2px 0px rgba(51,51,51,0.1);display:flex;flex-direction:column;gap:20px}
.about-commitment2 .swiper-slide .item .img{width:100%;position:relative;padding:20px;display:flex;align-items:center;justify-content:center}
.about-commitment2 .swiper-slide .item .text{width:100%}
.about-commitment2 .swiper-slide .item .text .t1{font-size:18px;line-height:28px;color:#333;letter-spacing:calc((12px * -40) / 1000);font-weight:bold;margin-bottom:10px}
.about-commitment2 .swiper-slide .item .text .t2{font-size:14px;line-height:22px;color:#666;letter-spacing:calc((12px * -40) / 1000);min-height:44px}
.about-commitment2 .sol-next{background-color:#fff;box-shadow:0px 0px 10px 0px #33333333;width:50px;height:50px;border-radius:4px}
.about-commitment2 .sol-next.swiper-button-next:after{content:'\f105';font-family:'CmsFont';font-size:28px;color:var(--public-color);transition:all 0.3s ease}
.about-commitment2 .sol-next.swiper-button-next:hover::after{transform:scale(1.1)}
.about-commitment2 .sol-prev{background-color:#fff;box-shadow:0px 0px 10px 0px #33333333;width:50px;height:50px;border-radius:4px}
.about-commitment2 .sol-prev.swiper-button-prev:after{content:'\f104';font-family:'CmsFont';font-size:28px;color:var(--public-color);transition:all 0.3s ease}
.about-commitment2 .sol-prev.swiper-button-prev:hover::after{transform:scale(1.1)}

.about-difference{padding-bottom:130px}
.about-difference .about-difference-box{display:flex;justify-content:space-between;gap:40px}
.about-difference .about-difference-box .text{width:100%;max-width:700px}
.about-difference .about-difference-box .text .title{font-size:36px;line-height:42px;letter-spacing:calc((36px * -40) / 1000);font-weight:500;color:#333;margin-bottom:20px}
.about-difference .about-difference-box .text .summary{font-size:18px;line-height:28px;color:#888;letter-spacing:calc((12px * -40) / 1000);margin-bottom:30px}
.about-difference .about-difference-box .text .more{background-color:transparent;color:var(--public-color);padding:12px 40px;border-radius:4px;text-align:center;margin-top:40px;display:inline-block;border:3px solid var(--public-color);transition:all 0.3s ease}
.about-difference .about-difference-box .text .more:hover{background-color:var(--public-color);color:#fff;border:3px solid var(--public-color)}
.about-difference .about-difference-box .img{width:100%;max-width:650px}
.about-difference .about-difference-box .img img{width:100%;height:100%;object-fit:cover}
.about-cert{background-color:#f4f4f4;padding:100px 0;text-align:center}
.about-cert .title{font-size:36px;line-height:42px;letter-spacing:calc((36px * -40) / 1000);font-weight:500;color:#333;margin-bottom:20px}
.about-cert .summary{font-size:18px;line-height:28px;color:#888;letter-spacing:calc((12px * -40) / 1000);margin-bottom:30px}
.about-cert-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.about-cert-list .item{position:relative;padding:0 40px}
.about-cert-list .item::before{background:url(../../images/about-cert-bg.webp) no-repeat center center;content:'';width:40px;height:100%;z-index:1;display:inline-block;position:absolute;top:0;right:0;transform:scaleX(-1)}
.about-cert-list .item::after{background:url(../../images/about-cert-bg.webp) no-repeat center center;content:'';width:40px;height:100%;z-index:1;display:inline-block;position:absolute;top:0;left:0}
.about-cert-list .item .t1{font-size:16px;line-height:24px;color:#333;letter-spacing:calc((16px * -40) / 1000);font-weight:bold;margin-bottom:10px}
.about-cert-list .item .t2{font-size:16px;line-height:22px;color:#666;letter-spacing:calc((14px * -40) / 1000);min-height:44px}

.about-map{margin:160px 0;background:url(../../images/about-map-bg.webp) no-repeat center right}
.about-map .text{max-width:550px}
.about-map .title{margin-bottom:20px}
.about-map .img{margin-top:70px}

.news-list-wrapper{padding:100px 0}
.news-navigation{display:flex;gap:20px}
.news-navigation .item{background-color:#f4f4f4;font-size:18px;line-height:28px;color:#666;letter-spacing:calc((18px * -40) / 1000);padding:10px 40px;border-radius:4px;transition:all 0.3s ease}
.news-navigation .item.active,.news-navigation .item:hover{background-color:var(--public-color);color:#fff}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:80px}
.news-grid .item{background-color:#fff;padding:20px;display:flex;flex-direction:column;gap:20px;transition:all 0.3s ease}
.news-grid .item:hover{box-shadow:0px 10px 30px 0px rgba(0,0,0,0.1)}
.news-grid .item .img{width:100%;position:relative;display:flex;align-items:center;justify-content:center}
.news-grid .item .text{width:100%;display:flex;flex-direction:column}
.news-grid .item .text time{font-size:14px;line-height:22px;color:#666;letter-spacing:calc((12px * -40) / 1000);margin-bottom:10px;color:var(--public-color)}
.news-grid .item .text .t1{font-size:18px;line-height:28px;color:#333;letter-spacing:calc((12px * -40) / 1000);font-weight:bold}
.news-grid .item .text .t2{font-size:14px;line-height:22px;color:#666;letter-spacing:calc((12px * -40) / 1000);min-height:44px}



.news-in-paper{margin-top:110px;border-bottom:1px solid #ddd}
.news-in-paper .h1{font-size:38px;line-height:56px;color:#333;font-weight:bold;margin-bottom:50px}
.news-in-paper .type-time{border-bottom:1px solid #e5e5e5;color:#999;padding-bottom:30px}
.news-in-paper .time img{display:inline-block;margin-right:10px}
.news-in-paper .main-top{display:flex;justify-content:space-between;width:100%}
.news-in-paper .article{margin-bottom:0}
.news-in-paper .article .content{color:#666666;line-height:30px;font-size:16px;border-bottom:1px solid #e5e5e5;padding-bottom:70px;padding-top:40px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}
.news-in-paper .article img{max-width:100% !important;height:auto !important}
.news-in-paper .article .content p{margin-bottom:20px}
.news-in-paper .article h2{font-size:28px;line-height:32px;color:#18284e;margin-bottom:25px;font-weight:600}
.news-in-paper .article h4{font-size:24px;line-height:32px;color:#18284e;font-weight:600;margin-bottom:15px}
.news-in-paper .box-tail{font-size:18px;line-height:30px;margin-top:54px;display:flex;justify-content:space-between;align-items:flex-start}
.news-in-paper .box-tail .left{width:75%}
.news-in-paper .box-tail .right{width:20%;display:flex;justify-content:flex-end}
.news-in-paper .box-tail .right .more{display:flex;justify-content:center;align-items:center;gap:10px;color:#fff;background-color:var(--public-color);padding:12px 40px;border-radius:4px;text-align:center;margin-top:20px;transition:all 0.3s ease;cursor:pointer}
.news-in-paper .box-tail .left p{display:flex}
.news-in-paper .box-tail .left p a{display:inline-block;transition:all .6s;color:#666;font-size:16px;line-height:30px;padding-left:16px}
.news-in-paper .box-tail .left p a:hover{color:var(--public-color);text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:3px}
.news-in-paper .box-tail .left p span{color:var(--public-color);display:block;font-weight:bold}
.news-in-paper .box-tail .left p:first-child{margin-bottom:10px}
.news-in-paper .box-tail .more-7{height:51px;font-size:18px}
.news-in-paper .aside{padding:0px}
.news-in-paper .aside>div{background-color:#fff;padding:60px 30px;box-shadow:0px 40px 50px 0px rgba(51,51,51,0.1)}
.news-in-paper .aside>div .more{display:flex;justify-content:center;align-items:center;gap:10px;color:#fff;background-color:var(--public-color);padding:12px 40px;border-radius:4px;text-align:center;margin-top:20px;transition:all 0.3s ease;cursor:pointer}
.news-in-paper .aside-con{margin-bottom:40px}
.news-in-paper .h4{font-size:28px;color:#333;margin-bottom:50px;font-weight:500}
.news-in-paper .aside .more-7{height:51px;font-size:18px;margin-bottom:30px}
.news-in-paper .aside img.b{display:none}
.news-in-paper .aside img.g{display:inline-block}
.news-in-paper .aside .a-box{display:inline-flex;flex-direction:column;margin-top:40px}
.news-in-paper .aside .a-box a{margin-bottom:20px;font-size:18px;line-height:26px}
.news-in-paper .aside .a-box a svg{margin-right:5px;width:30px}
.news-in-paper .aside .a-box a:hover svg path{fill:var(--public-color)}
.news-in-paper span.img-small{width:24px;text-align:center;margin-right:10px}
.news-in-paper .other-news .t1{font-size:20px;line-height:32px;color:#333;font-weight:600;margin-bottom:15px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.news-in-paper .other-news .t1:hover{text-decoration:underline;text-decoration-skip-ink:none}
.news-in-paper .other-news .time{font-size:16px;line-height:30px}
.news-in-paper .a-news{height:15px;display:inline-flex;align-items:center;line-height:0}
.news-in-paper .a-news .line{display:block}
.news-in-paper .other-news .list:hover .line{display:none;animation:bounceIn .6s ease-in-out}
.news-in-paper .a-news .arrow{display:none}
.news-in-paper .other-news .list:hover .arrow{display:block;animation:bounceIn .6s ease-in-out}
.news-in-paper .other-news .list + .list{border-top:1px solid #e5e5e5;padding-top:30px}
.news-in-paper .other-news .list{padding-bottom:30px}

.main-box{display:flex;gap:50px;padding-bottom:120px}
.main-box .main-left{position:sticky;top:110px;height:fit-content;min-width:330px;margin-bottom:80px}
.main-box .main-top{max-width:1300px;margin-left:auto;width:100%;gap:40px}
.main-box .aside{width:100%;border-radius:8px;max-width:330px}
.main-box .article{width:100%}
.main-box .main-left-box .table-title{font-size:28px;line-height:32px;color:var(--public-color);font-weight:500;padding:20px 0 20px 0;background-color:#fff;margin-bottom:40px;position:relative}
.main-box .main-left-box .h2 a{font-size:18px;line-height:26px;color:#333;font-weight:600}
.main-box .main-left-box .h2{padding-bottom:15px}
.main-box .name-box{padding-bottom:10px}
.main-box .name-box + .name-box{border-top:4px solid #e5e5e5;padding-top:20px}
.main-box .name-box ul{margin-left:0px;padding-top:10px;border-top:1px solid #e5e5e5}
.main-box .name-box li{position:relative;margin-bottom:5px;padding-left:0}
.main-box .name-box li a{color:#666666;font-size:18px;line-height:26px}
.main-box .name-box li::before{display:none}

.product-related2{padding:110px 0;margin:0 auto;max-width:1630px}
.product-related2 .related-title{font-size:36px;line-height:42px;letter-spacing:calc((36px * -40) / 1000);font-weight:500;color:#333;margin-bottom:100px}
.product-related2 .product-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.product-related2 .product-related-grid .item{width:100%}
.product-related2 .product-related-grid .item .img{background-color:#f1f1f1;position:relative;padding:20px;display:flex;align-items:center;justify-content:center}
.product-related2 .product-related-grid .item .img img{mix-blend-mode:multiply;transition:all 0.3s ease}
.product-related2 .product-related-grid .item .model{font-size:18px;line-height:28px;color:var(--public-color);letter-spacing:calc((12px * -40) / 1000);font-weight:bold;margin:10px 0}
.product-related2 .product-related-grid .item .title{font-size:24px;line-height:28px;color:#333;letter-spacing:calc((12px * -40) / 1000);font-weight:bold;transition:all 0.3s ease}
.product-related2 .product-related-grid .item .title:hover{color:var(--public-color)}
.product-related2 .product-related-grid .item .summary{font-size:14px;line-height:22px;margin-top:20px;color:#888}


@media (max-width: 768px) {
    /* Banner */
    .banner-text1 .text{padding:30px 20px;max-width:100%}
    .banner-text1 .text .t1{font-size:24px;line-height:32px;max-width:100%}
    .banner-text1 .img{position:static;transform:none;right:auto;top:auto;margin-top:20px;text-align:center}
    
    /* Home */
    .home .title{font-size:28px;line-height:36px}
    .home .summary{font-size:16px;line-height:24px}
    
    .home-about{padding:60px 0;flex-direction:column;gap:30px}
    .home-about .text{width:100%;max-width:100%;margin:0;padding-left:0}
    .home-about .img{width:100%;max-width:100%}
    .home-about .title{max-width:100%}
    .home-about .icons{flex-wrap:wrap;gap:10px}
    .home-about .icons .item{flex:1 1 calc(50% - 5px);min-width:calc(50% - 5px)}
    
    .home-pro{padding:60px 0;background-size:cover}
    .home-pro .home-pro-header{flex-direction:column;gap:30px}
    .home-pro .home-pro-header .title{width:100%;max-width:100%}
    .home-pro .home-pro-header .text{width:100%;max-width:100%}
    .home-pro-grid{padding-top:50px;grid-template-columns:1fr;gap:20px}
    .home-pro-grid .item:nth-child(1){grid-column:1;flex-direction:column}
    .home-pro-grid .item:nth-child(1) .img{max-width:100%}
    .home-pro-grid .item{padding:30px 20px !important;gap:20px}
    .home-pro-grid .item .text .more{margin:20px auto 0;display:block}
    .home-pro-link{margin-top:50px;display: flex;flex-wrap: wrap;gap:20px;justify-content:space-between;}
    .home-pro-link img{width:calc(50% - 10px);}
    
    .home-sol{padding:60px 15px 40px}
    .home-sol .home-sol-swiper{padding:30px 15px}
    
    .home-adv{padding:60px 15px}
    .home-adv-box{flex-direction:column;gap:30px}
    .home-adv-box .text{width:100%}
    .home-adv-box .img{width:100%;max-width:100%}
    .home-adv-box .text .text-t1{flex-direction:column;gap:20px}
    .home-adv-box .text .text-icon{min-width:80px;min-height:80px}
    .home-adv-box .title{max-width:100%}
    .home-adv-box .summary{padding:30px 0}
    
    .home-case{padding:50px 15px}
    .home-case-box{flex-direction:column;gap:30px}
    .home-case-box .item{max-width:100%}
    .home-case-box .item:not(:last-child)::after{display:none}
    
    .home-base{padding:60px 15px}
    .home-base-box{margin:40px auto;padding:40px 20px}
    
    .home-news{padding:60px 15px}
    .news-section{margin:30px 0}
    
    /* Footer */
    .footer-consultation{padding:60px 15px}
    .footer-consultation .consultation-box{flex-direction:column;gap:30px}
    .footer-consultation .consultation-box .left{width:100%}
    .footer-consultation .consultation-box .right{width:100%;max-width:100%}
    .footer-consultation .consultation-box .left .title{font-size:24px}
    .footer-consultation .consultation-box .right .title{font-size:22px}
    
    .footer-consultation2-box{flex-direction:column;padding:40px 20px;gap:30px}
    .footer-consultation2-box .img{max-width:100%}
    .footer-consultation2-box .text{max-width:100%}
    .footer-consultation2-box .text .title{font-size:28px;line-height:36px}
    
    .footer-top{padding:40px 15px 50px;flex-direction:column;gap:20px}
    .footer-logo-box{max-width:100%}
    .footer-logo{height:auto;margin-bottom:20px}
    .footer-menu{max-width:100%}
    .footer-subscribe{flex:0 0 100%;width:100%}
    .footer-form{flex-direction:column}
    .footer-input{border-radius:2px;border-right:1px solid rgba(255,255,255,.1)}
    .footer-btn{border-radius:2px;width:100%;margin-top:10px;padding:10px}
    .footer-bottom{line-height:24px}
    .footer-bottom-copy{flex-direction:column;gap:20px}
    
    /* Banner Other */
    .banner-other .title{font-size:24px;line-height:28px}
    .banner-other .summary{font-size:16px;line-height:24px;margin-top:20px}
    .banner-other .mores{flex-wrap:wrap;gap:15px;margin-top:30px}
    .banner-other-text .title-bg{padding:5px;max-width:100%}
    .banner-other-products{position:relative}
    .banner-other-products-box{flex-direction:column;gap:20px;margin-bottom:-50px}
    .banner-other-products-box .item .text{font-size:16px;padding-left:20px}
    .banner-other .breadcrumb{line-height:34px}
    .banner-other .breadcrumb::before{content:'';display:inline-block;vertical-align:middle;width:22px;height:34px;margin-right:10px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='18px'><path fill-rule='evenodd' fill='rgb(230,17,34)' d='M3.341,10.850 L3.341,16.361 L6.289,16.361 L6.289,13.070 L13.850,13.070 L13.850,16.361 L16.797,16.361 L16.797,10.801 L10.074,6.052 L3.341,10.850 ZM10.069,4.024 L18.480,9.964 L18.480,18.000 L12.167,18.000 L12.167,14.710 L7.971,14.710 L7.971,18.000 L1.657,18.000 L1.657,10.018 L10.070,4.023 L10.069,4.024 ZM0.982,8.787 L-0.000,7.455 L10.066,0.399 L20.241,7.455 L19.267,8.790 L10.072,2.416 L0.982,8.787 Z'/></svg>") no-repeat center center;background-size:contain}
    .banner-other .breadcrumbs.white .breadcrumb::before{content:'';display:inline-block;vertical-align:middle;width:22px;height:34px;margin-right:10px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='18px'><path fill-rule='evenodd' fill='rgb(255,255,255)' d='M3.341,10.850 L3.341,16.361 L6.289,16.361 L6.289,13.070 L13.850,13.070 L13.850,16.361 L16.797,16.361 L16.797,10.801 L10.074,6.052 L3.341,10.850 ZM10.069,4.024 L18.480,9.964 L18.480,18.000 L12.167,18.000 L12.167,14.710 L7.971,14.710 L7.971,18.000 L1.657,18.000 L1.657,10.018 L10.070,4.023 L10.069,4.024 ZM0.982,8.787 L-0.000,7.455 L10.066,0.399 L20.241,7.455 L19.267,8.790 L10.072,2.416 L0.982,8.787 Z'/></svg>") no-repeat center center;background-size:contain}

    /* Product Index */
    .product-index-list{padding:100px 15px 60px}
    .product-index-list .item{flex-direction:column;padding:30px 0;gap:20px}
    .product-index-list .item .text{max-width:100%}
    .product-index-applications{padding:0 15px 50px}
    .product-index-applications .title{font-size:28px;line-height:36px}
    .product-index-applications .product-index-swiper{padding:30px 15px}
    
    /* Product List */
    .product-list-wrapper{padding:0}
    .product-list-header{padding:40px 0;flex-direction:column;gap:30px}
    .product-list-header .title{font-size:28px;line-height:36px}
    .product-list-header .text{max-width:100%}
    .product-list-list{padding-bottom:80px;gap:30px}
    .product-list-list .item{flex-direction:column;padding:30px 20px;gap:20px}
    .product-list-list .item .text .title{font-size:20px}
    .tag-box{flex-wrap:wrap;gap:10px}
    
    .product-list-solution{padding:60px 15px 40px}
    .product-list-solution .title{font-size:28px;line-height:36px}
    .product-list-solution .product-list-solution-swiper{padding:30px 15px}
    
    .product-list-adv{padding:60px 15px}
    .product-list-adv .title{font-size:28px;line-height:36px}
    .product-list-adv-grid{grid-template-columns:1fr;gap:30px;margin-top:40px}
    
    .product-spec-table{padding:20px 0;margin:40px 0}
    .product-spec-table td:first-child{width:auto;white-space:normal}
    
    .product-list-consultation{padding:60px 15px}
    .product-list-consultation .consultation-box{flex-direction:column;gap:30px}
    .product-list-consultation .consultation-box .left{max-width:100%}
    .product-list-consultation .consultation-box .right{max-width:100%}
    .product-list-consultation .consultation-box .left .title{font-size:24px}
    .product-list-consultation .consultation-box .right .title{font-size:22px}
    
    /* FAQ */
    .faq-form{padding:60px 0;flex-direction:column;gap:40px}
    .faq-form .title{font-size:28px;line-height:36px;padding:20px 0}
    .faq-form .faq-box{max-width:100%}
    .faq-form .form-box{max-width:100%;padding:0 20px 30px}
    
    /* Product Content */
    .product-content-header{flex-direction:column;padding:50px 0;gap:30px}
    .product-content-header .img{max-width:100%}
    .product-content-header .text{max-width:100%}
    .product-content-header .text .title{font-size:20px}
    .product-content-header .mores{flex-wrap:wrap;gap:15px}
    .product-content-header .more{font-size:12px;padding:8px 15px}
    
    .main-nav{position:static;flex-direction:column;gap:10px;padding-top:0}
    .main-nav .item{min-width:100%;font-size:16px;padding:15px}
    .main-content{padding:50px 0;flex-direction:column;gap:30px}
    .main-content .main-content-left{max-width:100%}
    .main-content .main-content-left .title{font-size:28px;line-height:36px;margin-bottom:30px}
    .main-content .main-content-right{position:static;max-width:100%;padding-top:0}
    .main-content-right .content-right-one{padding:30px 20px}
    .main-content-right .content-right-two{padding:40px 20px;margin-top:30px}
    .main-content-right .content-right-two .title{font-size:20px}
    
    .content-grid-3{grid-template-columns:1fr;gap:20px}
    .content-main4{padding:40px 20px;margin-top:50px}
    
    .product-related{margin-bottom:50px}
    .product-related .related-title{font-size:28px;line-height:36px;margin-bottom:40px}
    .product-related .product-related-grid{grid-template-columns:1fr;gap:30px}
    
    /* Contact */
    .contact-wrapper{padding:100px 15px 150px}
    .contact-grid{grid-template-columns:1fr;gap:30px}
    .contact-grid .item{grid-column:auto / span 1;padding-bottom:40px}
    .contact-grid .item::before{width:100px}
    
    .contact-main{padding-top:80px;flex-direction:column;gap:40px}
    .contact-main .text{max-width:100%}
    .contact-main .text .text{font-size:24px;margin-top:20px}
    
    .contact-from{max-width:100%}
    .contact-from .form-title{font-size:28px;line-height:36px;margin-bottom:30px}
    
    /* Services */
    .services-header{flex-direction:column;padding:30px 15px 80px;gap:30px}
    .services-header .services-text{max-width:100%}
    .services-header .services-text .title{font-size:28px;line-height:36px}
    .services-header .service-list{max-width:100%}
    .services-header .service-list .item{padding:30px 20px}
    .services-header .service-list .item .t1{font-size:20px}
    .services-header .service-list .item .t2{font-size:16px}
    
    .services-partner{padding:60px 15px 0}
    .services-partner .title{font-size:28px;line-height:36px}
    .services-partner-grid{grid-template-columns:1fr;gap:30px;margin-top:40px}
    
    /* About */
    .about-header{flex-direction:column;padding:60px 0;gap:30px}
    .about-header .left{max-width:100%}
    .about-header .right{max-width:100%}
    .about-header .title{font-size:28px;line-height:36px}
    .about-header-list{flex-direction:column;margin-bottom:50px}
    .about-header-list .item{border-right:none;border-left:none;border-bottom:1px solid #ddd;min-height:auto;padding:20px 0}
    .about-header-list .item:first-child{border-left:none}
    .about-header-list .item .text .sum{font-size:24px}
    
    .about-his{padding-top:50px}
    .about-his .title{font-size:28px;line-height:36px;margin-bottom:40px}
    .about-his .img-box{grid-template-columns:1fr;gap:20px}
    .swiper-button-prev-his{left:-40px}
    .swiper-button-next-his{right:-40px}
    .about-his-text{padding-top:40px;font-size:16px;line-height:28px}
    
    .about-commitment{padding:60px 15px}
    .about-commitment .title{font-size:28px;line-height:36px}
    .commitment-grid{grid-template-columns:1fr;gap:30px;margin-top:40px}
    .commitment-grid .item{padding:30px 20px}
    
    .about-commitment2 .about-commitment2-swiper{padding:30px 15px}
    
    .about-difference{padding-bottom:80px}
    .about-difference .about-difference-box{flex-direction:column;gap:30px}
    .about-difference .about-difference-box .text{max-width:100%}
    .about-difference .about-difference-box .text .title{font-size:28px;line-height:36px}
    .about-difference .about-difference-box .img{max-width:100%}
    
    .about-cert{padding:60px 15px}
    .about-cert .title{font-size:28px;line-height:36px}
    .about-cert-list{grid-template-columns:repeat(2,1fr);gap:20px}
    .about-cert-list .item{padding:0 15px}
    
    .about-map{margin:80px 0;background:none;}
    .about-map .text{max-width:100%}
    .about-map .img{margin-top:40px}
    
    /* News List */
    .news-list-wrapper{padding:60px 15px}
    .news-navigation{flex-wrap:wrap;gap:10px}
    .news-navigation .item{font-size:14px;padding:8px 20px}
    .news-grid{grid-template-columns:1fr;gap:30px;margin-top:50px}
    
    .news-in-paper{margin-top:60px}
    .news-in-paper .h1{font-size:28px;line-height:40px;margin-bottom:30px}
    .news-in-paper .article .content{padding-bottom:40px;padding-top:30px;font-size:14px;line-height:26px}
    .news-in-paper .article h2{font-size:22px;line-height:28px;margin-bottom:20px}
    .news-in-paper .article h4{font-size:20px;line-height:26px;margin-bottom:12px}
    .news-in-paper .box-tail{flex-direction:column;margin-top:40px;gap:20px}
    .news-in-paper .box-tail .left{width:100%}
    .news-in-paper .box-tail .right{width:100%;justify-content:flex-start}
    .news-in-paper .aside>div{padding:40px 20px}
    .news-in-paper .h4{font-size:22px;margin-bottom:30px}
    
    .main-box{flex-direction:column;padding-bottom:80px;gap:30px}
    .main-box .main-left{position:static;min-width:100%;margin-bottom:40px}
    .main-box .main-left-box .table-title{font-size:22px;padding:15px 0}
    
    .product-related2{padding:60px 15px}
    .product-related2 .related-title{font-size:28px;line-height:36px;margin-bottom:50px}
    .product-related2 .product-related-grid{grid-template-columns:repeat(1,1fr);gap:10px}

    .news-in-paper .main-top{flex-direction:column;gap:20px}
    .news-in-paper .main-top .left{width:100%}
    .news-in-paper .main-top .right{width:100%}
    .news-in-paper .main-top .right .title{font-size:22px}
    .news-in-paper .main-top .right .text{font-size:16px}
    .news-in-paper .main-top .right .img{width:100%}
    .news-in-paper .main-top .right .img img{width:100%}
    .news-in-paper .main-top .right .img img{width:100%}
}