@charset "utf-8"; 
@import url(https://js01.v15cdn.com/single-template/public.css);
#projects #home-projects .swiper-slide .projects-cont{position:inherit}
.inner-banner h1{display:none;}
.inner-banner h2{display:none;}
#brand .brand-list {padding:0;justify-content:space-between}
#brand .brand-list li {width:19%;text-align:center;background:#f6f6f6;display:block;padding:25px 15px;box-shadow:0 0 5px #ccc;border-radius:5px;}
#brand .brand-list li:before {content:'';width:40%;height:30%;border:2px solid var(--color);border-bottom:none;border-right:none;border-radius:5px 0 0 0;position:absolute;left:5px;top:5px;transition:.3s}
#brand .brand-list li:after {content:'';width:40%;height:30%;border:2px solid var(--color);border-top:none;border-left:none;border-radius:0 0 5px 0;position:absolute;right:5px;bottom:5px;transition:.3s}
#brand .brand-list li:hover::before {width:calc(100% - 10px);height:calc(100% - 10px);border-radius:5px}
#brand .brand-list li:hover::after {width:calc(100% - 10px);height:calc(100% - 10px);border-radius:5px}
#brand .brand-list li .brand-label {padding:0;}
#brand .brand-list li .brandicon {margin-bottom:15px;position:relative;z-index:2;overflow:hidden;}
#brand .brand-list li .brandicon img {height:64px;}
#brand .brand-list li:first-child .brandicon img {padding:5px 0;}
#brand .brand-list li .brand-label {font-size:17px;position:relative;z-index:2;}
@media (max-width:1024px){#brand .brand-list li{width:48%;margin:0 0 20px!important}
#brand .brand-list li .brandicon img{height:50px}
#brand .brand-list li .brand-label{font-size:15px}}
@media (max-width:500px){#brand .brand-list li:before,#brand .brand-list li:after{height:20%}}
@media (min-width:1025px){.head-main{position:relative}
li#liproducts {position:static;}
li#liproducts .submenu.nav1 {display:flex;flex-wrap:wrap;width:100%;padding:15px calc(50% - 800px);}
li#liproducts .submenu.nav1>li {width:19%;margin:6px 1.25% 6px 0;}
li#liproducts .submenu.nav1>li>a {display:block;padding:0 0 6px;border-bottom:1px solid #CCC;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
li#liproducts .submenu.nav1>li:nth-child(5n) {margin-right:0;}
li#liproducts .submenu.nav1>li ul {position:static;opacity:1;transform:scale(1);width:100%;}
li#liproducts .submenu.nav1>li ul li a {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:6px 0 0;font-size:15px;}}
@media (max-width:1660px) and (min-width:1025px){li#liproducts .submenu.nav1{padding:15px}}
@media (min-width:1025px){li#liproducts-1 {position:static;}
li#liproducts-1 .submenu.nav1 {display:flex;flex-wrap:wrap;width:100%;padding:15px calc(50% - 800px);}
li#liproducts-1 .submenu.nav1>li {width:19%;margin:6px 1.25% 6px 0;}
li#liproducts-1 .submenu.nav1>li>a {display:block;padding:0 0 6px;border-bottom:1px solid #CCC;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
li#liproducts-1 .submenu.nav1>li:nth-child(5n) {margin-right:0;}
li#liproducts-1 .submenu.nav1>li ul {position:static;opacity:1;transform:scale(1);width:100%;}
li#liproducts-1 .submenu.nav1>li ul li a {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:6px 0 0;font-size:15px;}}
@media (max-width:1660px) and (min-width:1025px){li#liproducts-1 .submenu.nav1{padding:15px}}
@media (min-width:1201px){.head-menu-box nav>ul>li>a{padding:0 15px}}
@media (min-width:1441px){.head-menu-box nav>ul>li>a{padding:0 20px}}
@media (min-width:1025px){footer .foot-main .foot-item.foot-cate ul{display:block}
footer .foot-main .foot-item.foot-cate ul li{width:100%}}
@media (min-width:1251px){footer .foot-main .foot-item.foot-cate{padding:2%}}
@media (max-width:480px){footer .foot-main .foot-item.foot-cate ul li{width:50%}}
#home-swiper .swiper-slide{font-size:initial;}
#home-swiper .banner-animote{position: absolute;bottom: 8.7vw;left: 11.5vw;color: #fff;display:flex;}
#home-swiper .banner-animote.banner-animote1{bottom:8.3vw;}
#home-swiper .banner-animote a{transition:all .3s;background: #fff;font-size:1.4vw;width:9.1vw;height:2.5vw;margin-right:0.5vw;display:flex;justify-content:center;align-items:center;color:var(--color);}
#home-swiper .banner-animote a:nth-child(2){background:var(--color);color:#fff;}
#home-swiper .banner-animote a:hover{background:var(--color);color:#fff;}
#home-swiper .banner-animote a:nth-child(2):hover{background:#fff;color:var(--color)}
@media (max-width:1600px){#home-swiper .banner-animote a{width:9.3vw;}}
@media (max-width:1366px){#home-swiper .banner-animote{bottom:8.8vw;}}
@media (max-width:1280px){#home-swiper .banner-animote{bottom:8.9vw;}}
@media (max-width:768px){#home-swiper .banner-animote{bottom:9.5vw;}
#home-swiper .banner-animote.banner-animote1{bottom:8.9vw;}}
@media (max-width:550px){#home-swiper .banner-animote{bottom:22%;}
#home-swiper .banner-animote a {font-size:12px;width:auto;height:auto;padding:1px 5px;transform:scale(.7);transform-origin:left;margin-right:-20px}
#home-swiper .banner-animote.banner-animote1 {bottom:20%;}}
@media (min-width:1025px){.pro-cate-wrap li{width:12%;}
.pro-cate-wrap li .cate-img{width:120px;height:120px;}
.pro-cate-wrap li .cate-name{font-size:16px;}}
@media (min-width:1025px) and (max-width:1440px){.pro-cate-wrap li{width:15%;}}
.tabs-nav p:nth-child(2) {display:none}
@media (min-width:769px){.contact .contact-sec1 .contact-sec1-item{width:30%}}
.contact>iframe{border:0}
#about .l-wrap{align-items:center}
.common-main .pro-cate li .cate-cont .cate-des{display:none}
.foot-item.foot-about .share-link {margin-top:15px;}
.head-top .l-wrap {justify-content:flex-end;}
.head-share {margin-right:20px;}

@media (min-width:1025px){header{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:2560px;z-index:99;transition:all .1s linear}
.head:not(.is-fixed) .head-top{background:0 0}
.head:not(.is-fixed) .head-main{background:0 0}
.head:not(.is-fixed) .head-menu-box nav>ul>li>a{color:var(--headercolor)}
}
@media (min-width:1401px){.head-menu-box nav>ul>li>a{font-size:var(--fontsize20)}}
@media (min-width:1025px){.head-main .head-logo img:not(.wlogo){display:none;}
header.is-fixed .head-main .head-logo img:not(.wlogo){display:block;}
header.is-fixed .head-main .head-logo img.wlogo{display:none;}}

.wmpage168-page3{background:#000 url(https://img01.v15cdn.com/singletem/wmpage168/wmpage168-back.webp) center center no-repeat;background-size:cover;background-attachment:fixed;position:relative;padding:50px 0}
.wmpage168-page3::before{content:'';width:100%;height:100%;background-color:#11141d;opacity:.81;position:absolute;top:0;left:0}
.wmpage168-page3-title{text-align:center}
.wmpage168-page3-title h5{margin-bottom:15px;font-weight:var(--fontbold6);margin-top:10px;color:#fff}
.wmpage168-page3-tag{display:inline-block;vertical-align:middle;color:var(--color);font-size:var(--wmpage-font20);font-weight:var(--fontbold5);line-height:1em}
.wmpage168-page3-tag::after,.wmpage168-page3-tag::before{content:'';display:inline-block;vertical-align:middle;width:50px;height:2px;background-color:var(--color)}
.wmpage168-page3-tag::after{margin-left:20px}
.wmpage168-page3-tag::before{margin-right:20px}
.wmpage168-page3-title p{color:#b2b3ba;font-size:var(--wmpage-font18);line-height:26px}
.wmpage168-page3-btn a{display:inline-block;background-color:var(--color);color:#fff;font-size:var(--wmpage-font16);font-weight:var(--fontbold6);padding:18px 30px;margin-top:35px;position:relative;line-height:1;transition:all .4s ease}
.wmpage168-page3-btn a::after{content:'';position:absolute;left:20px;top:50%;transform:translateY(-50%);width:0;height:2px;background-color:#fff;margin-right:0;transition:all .4s ease}
.wmpage168-page3-btn a:hover::after{width:20px;margin-right:15px}
.wmpage168-page3-btn a:hover{padding-left:50px}
@media (max-width:1024px){.wmpage168-page3{padding:25px 0}
}
@media (max-width:768px){.wmpage168-page3-btn a{font-size:14px;padding:15px 25px;margin-top:30px}
.wmpage168-page3-title h5{margin-bottom:10px}
.wmpage168-page3-title p{font-size:16px}
}
.wmpage168-page3 .l-wrap{position:relative}
.wmpage168-page3-btn{display:flex;justify-content:center;gap:20px}
.wmpage199-page4 .wmpage199-page4-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage199-page4 .wmpage199-page4-box .wmpage199-page4-left{width:55%}
.wmpage199-page4 .wmpage199-page4-left .wmpage199-page4-text{display:flex;align-items:center;padding-left:35px;position:relative;text-transform:uppercase;font-weight:var(--fontbold6);font-size:var(--wmpage-font17);color:var(--wmpage-color22)}
.wmpage199-page4 .wmpage199-page4-left .wmpage199-page4-text em{display:inline-block;color:var(--color);margin-left:18px;animation:page1text 3s infinite linear}
.wmpage199-page4 .wmpage199-page4-left .wmpage199-page4-text::after{position:absolute;content:'';width:25px;height:2px;background:var(--color);left:0;top:50%;transform:translateY(-50%)}
.wmpage199-page4 .wmpage199-page4-left .wmpage-title{color:var(--wmpage-color22);margin:10px 0}
.wmpage199-page4 .wmpage199-page4-left .wmpage-title span{font-weight:var(--fontbold7);background:linear-gradient(267.43deg,var(--color) 4.95%,var(--wmpage-color0) 97.92%);background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}
.wmpage199-page4 .wmpage199-page4-left .wmpage199-page4-list li{margin-top:15px;border-radius:6px;border:1px solid #f2f1ed;padding:10px 20px;background:#fff;transition:all .2s linear}
.wmpage199-page4 .wmpage199-page4-left .wmpage199-page4-list .wmpage199-page4-open{display:flex;justify-content:space-between;align-items:center;font-size:var(--wmpage-font18);font-weight:var(--fontbold6);color:var(--wmpage-color22);transition:all .2s linear;cursor:pointer}
.wmpage199-page4 .wmpage199-page4-left li.active .wmpage199-page4-open{color:var(--color)}
.wmpage199-page4 .wmpage199-page4-left li .wmpage199-page4-open em{transition:all .2s linear;font-size:var(--wmpage-font20);width:var(--wmpage-font20);transform:rotate(0);line-height:1}
.wmpage199-page4 .wmpage199-page4-left li.active .wmpage199-page4-open em{transform:rotate(45deg)}
.wmpage199-page4 .wmpage199-page4-left .wmpage199-page4-close{position:relative;padding-top:30px;color:var(--wmpage-color8);display:none}
.wmpage199-page4 .wmpage199-page4-left .wmpage199-page4-close::before{position:absolute;content:'';width:100%;height:1px;background:#e9e9e9;left:0;top:15px}
.wmpage199-page4 .wmpage199-page4-box .wmpage199-page4-right{width:42%;position:relative}
.wmpage199-page4 .wmpage199-page4-right img{position:relative;width:100%;height:100%;object-fit:cover}
.wmpage199-page4 .wmpage199-page4-right .wmpage199-page4-btn a{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:var(--color);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 var(--wmpage-color0);animation:page4 3s infinite;animation-delay:.9s}
.wmpage199-page4 .wmpage199-page4-right .wmpage199-page4-btn a::before{position:absolute;content:'';top:50%;left:50%;width:80px;height:80px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 0 #f6f6f68f;animation:page4 3s infinite;animation-delay:.9s}
.wmpage199-page4 .wmpage199-page4-right .wmpage199-page4-btn a::after{position:absolute;content:'';top:50%;left:50%;width:80px;height:80px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 0 #f6f6f68f;animation:page4 3s infinite;animation-delay:.6s}
.wmpage199-page4 .wmpage199-page4-right .wmpage199-page4-btn em{color:#fff;font-size:var(--wmpage-font20)}
@keyframes page4{70%{box-shadow:0 0 0 40px #f6f6f68f}
100%{box-shadow:0 0 0 0 #f6f6f68f}
}@media screen and (max-width:1024px){.wmpage199-page4 .wmpage199-page4-box .wmpage199-page4-left{width:100%;margin-bottom:30px}
.wmpage199-page4 .wmpage199-page4-box .wmpage199-page4-right{width:100%}
}.wmpage199-page4{background:#f5f5f5}
.wmpage199-page4 .home-des{text-align:left;margin-left:0}
.wmpage199-page4 .wmpage199-page4-box .wmpage199-page4-right{padding:2%;background-color:#fff;border-radius:3px;box-shadow:0 5px 46px 3px rgba(205,205,205,.44)}
.wmpage199-page4-right .title{color:#000;font-size:var(--fontsize24);font-weight:var(--fontbold7)}