@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}