@charset "utf-8";
.pro-detail .l-wrap {max-width:1280px;}
.pro-detail .pro-detail-content .pro-detail-box {max-width:1000px;margin:0 auto}
@media (min-width:901px){.pro-detail .preview-container .thumbnail-box .list ul .item img{object-fit:contain}}
@media (max-width:900px){.pro-detail .preview-container .thumbnail-box .list,.pro-detail .preview-container .thumbnail-box .list ul .item{min-height:inherit}}
.tabs-nav p:nth-child(2) {display: none;}
.pro-detail .pro-detail-top .pro-info .pro-con {max-height: inherit;-webkit-line-clamp: inherit;}
.document-main .project-list .project-content {display: none;}
footer .foot-main .foot-item.foot-cate li a{padding-left:15px !important;position:relative;}
footer .foot-main .foot-item.foot-cate li a::before{position:absolute;left:0;}
.indexlogo{padding:4% 0;}
.indexlogo .indexlogo-list{display:flex;justify-content: space-between;flex-wrap:wrap;align-items: center;margin-top:3%;}
.indexlogo .indexlogo-list .indexlogo-item{width:16%;margin:10px 0;text-align: center;}
.indexlogo .indexlogo-list .indexlogo-item .img{overflow: hidden;}
.indexlogo .indexlogo-list .indexlogo-item .img img{object-fit: contain;transition: all .5s;}
.indexlogo .indexlogo-list .indexlogo-item .img img:hover{transform: scale(1.05);}
#news{padding-top:4%;}
@media (max-width:500px){.indexlogo .indexlogo-list .indexlogo-item{margin:3px 0;}}
.about-tab{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;align-items:center}
.about-tab .tab-item{padding:15px 35px;margin:0px 20px 20px 0px;background:#F4F4F4;color:var(--fontcolor);text-decoration: none;}
.about-tab .tab-item.is-current{background-color:var(--color);position:relative;color:#FFF}
.about-tab .tab-item.is-current:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%, -5px);display:block;width:0px;height:0px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #FFF}
@media (max-width:550px){.about-tab .tab-item{text-align:center;width:100%;padding:7px 15px;margin:0 0 10px 0;}}
.head-main{background-color: #212121;}
@media(min-width:769px){.head-menu-box nav>ul>li>a{color:#fff;}}
@media (min-width:1025px){.head-menu-box nav>ul>li#liproducts ul{width:auto;min-width:200px;}
.head-menu-box nav>ul>li#liproducts .submenu>li{position:relative;display:flex;flex-wrap:wrap}
.head-menu-box nav>ul>li#liproducts .submenu>li ul{position:absolute;left:100%;top:0;display:none}
.head-menu-box nav>ul>li#liproducts ul li a{white-space:nowrap;width:100%;}
.head-menu-box nav>ul>li#liproducts .submenu>li:hover ul{display:block;opacity:1;transform:inherit;}}
@media (max-width:1024px){.head-menu-box nav>ul>li#liproducts .submenu>li ul{position:static;width:100%;padding-left:20px}}
@media (max-width:1500px){#brand .brand-list li .brand-number{font-size:40px}
#brand .brand-list li .brand-number .text-shadow{font-size:90px}}
@media (max-width:1350px){#brand .brand-list li .brand-number{font-size:32px}
#brand .brand-list li .brand-number .text-shadow{font-size:80px}}
@media (max-width:1200px){#brand .brand-list li{width:48%;margin:10px 0 30px!important}
#brand .brand-list{justify-content:space-between}}
@media (max-width:900px){#brand .brand-list li{padding-left:0;font-size:14px}}
@media (max-width:768px){#brand .brand-list li{width:100%;margin:10px 0 20px!important}
#brand .brand-list li .brand-number{font-size:24px}
#brand .brand-list li .brand-number .text-shadow{font-size:50px}}