﻿@charset "utf-8"; 
#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: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;}
