@charset "utf-8"; 
.foot-item a{color:#848e9f}
@media (max-width:768px){.faqs-list li .project-info .project-name em{position:initial;transform:translateY(0%)}}
.home-mainproduct .homepro-list .swiper-slide .info {width:60%;flex:inherit;}
.home-mainproduct .homepro-list .swiper-slide {height:auto;}
@media (max-width:1600px) and (min-width:769px){.home-mainproduct #homemainproduct{height:580px}}
@media (max-width:1366px) and (min-width:769px){.home-mainproduct #homemainproduct{height:510px}
.home-mainproduct .homepro-list .swiper-slide .info .title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px;}
.home-mainproduct .homepro-list .swiper-slide .info .text{margin-bottom:10px}
.home-mainproduct .homepro-list .swiper-slide .info{padding:10px 20px}}
@media (max-width:1024px) and (min-width:769px){.home-mainproduct #homemainproduct{height:420px}
.home-mainproduct .homepro-list .swiper-slide .info .title{margin-bottom:5px;line-height:1.3;}
.home-mainproduct .homepro-list .swiper-slide .info .text{margin-bottom:6px;font-size:14px;}
.home-mainproduct .homepro-list .swiper-slide .info .home-more{height:38px;font-size:13px;min-width:120px;}
.home-mainproduct .homepro-list .swiper-slide .info{padding:10px 20px}}
@media (max-width:768px){.home-mainproduct #homemainproduct{height:auto}}
@media (max-width:560px){.home-mainproduct .homepro-list .swiper-slide .info .title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px;}}
.home-case .homecase-list .swiper-slide .content .text a{color:#FFF!important}
.common-page>*{background:none;}
.page-num .ctxt{margin:5px;display:inline-flex;align-items:center;justify-content:center;min-width:51px;height:51px;transition:all .1s linear;background:var(--color);color:#FFF;}
.page-num a{margin:5px;display:inline-flex;align-items:center;justify-content:center;min-width:51px;height:51px;transition:all .1s linear;background:#fafafa;}
table td{white-space: unset;}
.pro-list li .pro-info .text{display:none;}
.pro-list li .pro-info .title{display:block;width:100%}
.contact-box{margin-top:40px}
@media (max-width:768px){.contact-box{margin-top:15px;}}
header .head-info .head-nav .nav-ul>li#liproducts .submenu >#HeadProCat2 ,header .head-info .head-nav .nav-ul>li#liproducts .submenu >#HeadProCat3,header .head-info .head-nav .nav-ul>li#liproducts .submenu >#HeadProCat5{display: none  ; }

@media (min-width:1025px){
header .head-info .head-nav .nav-ul>li.lipro{position:static}
header .head-info .head-nav .nav-ul>li.lipro .submenu{list-style:none;width:100%;display:flex;flex-wrap:wrap;left:0;padding:10px calc(50% - 785px)}
header .head-info .head-nav .nav-ul>li.lipro .submenu>li{width:23.5%;display:flex;align-items:center;margin:10px 2% 10px 0;height:auto;white-space:normal;height:80px;padding:0;}
header .head-info .head-nav .nav-ul>li.lipro .submenu>li:hover{background: none;}
header .head-info .head-nav .nav-ul>li.lipro .submenu>li:hover a{color:var(--color)}
header .head-info .head-nav .nav-ul>li.lipro .submenu>li:nth-child(4n){margin-right:0}
header .head-info .head-nav .nav-ul>li.lipro .submenu>li em,header .head-info .head-nav .nav-ul>li.lipro .submenu>li i{display:none}
header .head-info .head-nav .nav-ul>li.lipro .submenu>li .item-info{width:80px;height:80px;margin-right:10px;overflow:hidden}
header .head-info .head-nav .nav-ul>li.lipro .submenu>li .item-info a{padding:0;border:none;background:none!important}
header .head-info .head-nav .nav-ul>li.lipro .submenu>li .item-info img{width:100%;height:100%;object-fit:cover;height:auto;transition:all .1s linear}
header .head-info .head-nav .nav-ul>li.lipro .submenu>li .item-info img:hover{transform:scale(1.02)}
header .head-info .head-nav .nav-ul>li.lipro .submenu>li>a{flex:1;text-decoration:none;width:calc(100% - 100px);height:auto;border:none;white-space:normal;line-height:1.3;height:100%;display:flex;justify-content: space-between;padding-right:0}
header .head-info .head-nav .nav-ul>li.lipro .submenu>li>a p{width:calc(100% - 80px)}
header .head-info .head-nav .nav-ul>li.lipro .submenu>li>a img{width:70px;height:70px;object-fit: contain;}
header .head-info .head-nav .nav-ul>li.lipro .submenu>li:hover>a{background:none}
header .head-info .head-nav .nav-ul>li.lipro .submenu>li>a:hover{background:none;color:var(--color)}}
@media (max-width:1720px) and (min-width:1025px){header .head-info .head-nav .nav-ul>li.lipro .submenu{padding:10px 70px}}
@media (max-width:1024px){header .head-info .head-nav .nav-ul>li.lipro .submenu>li>a img{display:none;}}