﻿@charset "utf-8";
:root {--color: #fe9a35}
#liwhy-choose-zona .submenu {right:0;padding:15px;min-width:980px;border-radius:10px;justify-content:space-between}
#liwhy-choose-zona .submenu a {padding-right:0;padding-left:0;min-width:none}
#liwhy-choose-zona .submenu>li.LiLevel1 {width:25%;text-align:center}
#liwhy-choose-zona .submenu>li.LiLevel1>a {min-width:inherit;border-bottom:1px solid #d2d7df;color:var(--fontcolor);font-weight:var(--fontbold7)}
#liwhy-choose-zona .submenu>li.LiLevel1:nth-child(2)>ul:nth-of-type(1) {margin-bottom:19%}
#liwhy-choose-zona .submenu>li ul {position:static;left:0;display:flex;width:100%;flex-wrap:wrap}
#liwhy-choose-zona .submenu>li:hover,#liwhy-choose-zona .submenu>li:hover>a {color:var(--fontcolor)}
.head-menu-box nav>ul li {width:50%}
.head-menu-box nav>ul #liwhy-choose-zona li {width:100%}
.head-menu-box nav>ul #liwhy-choose-zona ul {left:-445px;opacity:1;transform:scaleY(0)}
.head-menu-box nav>ul #liwhy-choose-zona:hover ul {transform:scaleY(1)}
.head-menu-box nav>ul li {width:100%}
.head-menu-box nav>ul>li>a.inmenu_1 {color:var(--fontcolor)}
.head-menu-box nav>ul>li ul {width:200px}
@media (min-width:1025px) and (max-width:1440px){.head-menu-box nav>ul #liwhy-choose-zona ul{left:-360px}}
@media (min-width:1025px) {#liwhy-choose-zona:hover .submenu {display:flex}}
@media (max-width:1024px) {.head-menu-box nav>ul #liwhy-choose-zona {margin-right:0}
#liwhy-choose-zona .submenu {left:0;padding:0;width:100%;min-width:100%;transform:none!important;}
#liwhy-choose-zona .submenu ul{transform:none!important;}
#liwhy-choose-zona .submenu>li.LiLevel1,#liwhy-choose-zona .submenu>li.LiLevel1:nth-child(1) {width:100%;text-align:left}
#liwhy-choose-zona .submenu>li.LiLevel1 ul li {width:50%}
#liwhy-choose-zona .submenu>li.LiLevel1:nth-child(2)>ul:nth-of-type(1) {margin-bottom:0}}
@media (min-width:1025px) and (max-width:1440px) {#liwhy-choose-zona .submenu {left:-130%;min-width:900px}
.head-menu-box nav>ul #liwhy-choose-zona {width:120%;}}
@media (max-width:500px) {#liwhy-choose-zona .submenu li.LiLevel1 ul a {padding-top:5px;padding-bottom:5px;font-size:14px}}
@media (min-width:1025px){.head-main {position:relative;}}
#liproducts {position:static;}
#liproducts .submenu.nav1 {width:100%;padding:15px calc(50% - 805px);left:0;display:flex;flex-wrap:wrap;justify-content:space-between}
#liproducts .submenu.nav1 a {padding:6px 5px;min-width:inherit}
#liproducts .submenu.nav1>li.LiLevel1 {width:25%;text-align:center;}
#liproducts .submenu.nav1>li.LiLevel1:nth-child(-n+4){margin-bottom:15px}
#liproducts .submenu.nav1>li.LiLevel1>a {white-space:nowrap;min-width:inherit;border-bottom:1px solid #d2d7df;color:var(--fontcolor);font-weight:var(--fontbold7);padding-left:5px;padding-right:5px;text-overflow:ellipsis;overflow:hidden;display:block;}
#liproducts .submenu.nav1>li ul {position:static;left:0;display:flex;width:100%;flex-wrap:wrap;opacity:1;transform:translate(0,0);}
#liproducts .submenu.nav1>li:hover,#liproducts .submenu.nav1>li:hover>a {color:var(--fontcolor)}
@media (max-width:1650px) {#liproducts .submenu.nav1 {padding:15px}}
@media (max-width:1024px) {#liproducts .submenu.nav1 {left:0;padding:0;width:100%;min-width:100%;transform:translate(0,0)!important}
#liproducts .submenu.nav1>li.LiLevel1,#liproducts .submenu.nav1>li.LiLevel1:nth-child(1) {width:100%;text-align:left}
#liproducts .submenu.nav1>li.LiLevel1 ul li {width:50%}
#liproducts .submenu.nav1>li.LiLevel1:nth-child(2)>ul:nth-of-type(1) {margin-bottom:0}}
@media (max-width:500px) {#liproducts .submenu.nav1 li.LiLevel1 ul a {padding-top:5px;padding-bottom:5px;font-size:14px}}
#news{padding-top:4%;}
.home-cate-img{margin-top:2px;}
.home-cate-img .homecate-inner .top,.home-cate-img .homecate-inner .bottom{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-cate-img .homecate-inner .top .img{width:49.9%;margin:0.1% 0;}
.home-cate-img .homecate-inner .bottom .img{width:24.85%;margin:0.15% 0;}
.home-cate-img .homecate-inner .img>a{display:block;}
.home-cate-img .homecate-inner .img img{width:100%;display:block;}
@media (max-width:768px){.home-cate-img .homecate-inner .top .img,.home-cate-img .homecate-inner .bottom .img{width:49.8%;margin:2px 0;}}
#home-swiper .banner-pagination{display:none;}
#about .about-con{padding-top:0;}
@media (min-width:769px){#about .home-title{margin-top:0;}}
#about .l-wrap{align-items:center;}
#product .home-title{display:none;}
#product .home-label,#news .home-label{font-size:40px;}
#product .home-label::before,#product .home-label::after{transform: translateY(-3px);}
#news .home-label::before,#news .home-label::after{transform: translateY(-3px);}
footer .foot-sign{width:100%;text-align:center;}
@media (min-width:901px) and (max-width:1280px){#product .home-label,#news .home-label{font-size:32px;}}
@media (max-width:768px){#product .home-label,#news .home-label{font-size: 5.1333333333vw;}}
#product .all-products{display:none}
@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-left:2%}}
.product-main .sidebar{display:none;}
.product-main .common-content{width: 100%;padding-left: 0;}
#liwhy-choose-zona .submenu .LiLevel1>a{pointer-events: none;}
.home-cate-img {background:#f7f5f3;padding:3% 0}
.home-cate-img .homecate-inner .img {position:relative;margin-bottom:30px!important;overflow:hidden}
@media (min-width:1025px){.home-cate-img .homecate-inner .img * {transition:All 0.3s ease-in-out}
.home-cate-img .homecate-inner .img>a {position:relative;overflow:hidden;margin-bottom:calc(0.5vw + 45px);}
.home-cate-img .homecate-inner .img>a:after {content:"";position:absolute;left:-40%;right:-40%;bottom:-40%;height:120%;transform:translate(0,50%);background:#000;opacity:0.75;filter:blur(80px);z-index:2;transition:All 0.3s ease-in-out;}
.home-cate-img .homecate-inner .img .text {position:absolute;padding:0;left:20px;bottom:30px;right:20px;transform:translate(0,calc(100% - 1vw - 45px));z-index:3;text-align:center;}
.home-cate-img .homecate-inner .img .text a {color:#fff;font-weight:bold;font-size:22px;padding-bottom:10px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.home-cate-img .homecate-inner .img .text a:after {content:"\e687";font:20px/1 iconfont;width:45px;line-height:45px;display:block;background:#000;border-radius:50%;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%);z-index:4;color:#fff;opacity:0}
.home-cate-img .homecate-inner .img .text p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:12;overflow:hidden;}
.home-cate-img .homecate-inner .img .text a + * {opacity:0;}
.home-cate-img .homecate-inner .img:hover >a:after {opacity:0;}
.home-cate-img .homecate-inner .img:hover .text {transform:translate(0,0);padding:30px 30px 50px;background:#fff;}
.home-cate-img .homecate-inner .img:hover .text a {color:#000;white-space:normal;}
.home-cate-img .homecate-inner .img:hover .text a + * {opacity:1;}
.home-cate-img .homecate-inner .img:hover .text a:after{opacity:1;}}
@media (max-width:1500px) and (min-width:1025px){.home-cate-img .homecate-inner .img .text a{font-size:19px}
.home-cate-img .homecate-inner .img:hover .text{padding:20px 20px 40px}}
@media (max-width:1200px) and (min-width:1025px){.home-cate-img .homecate-inner .img .text a{font-size:17px}
.home-cate-img .homecate-inner .img .text p{-webkit-line-clamp:8;}
.home-cate-img .homecate-inner .img:hover .text{padding:15px 15px 40px}}
@media (max-width:1024px){.home-cate-img {background:#f7f5f3;padding:30px 15px}
.home-cate-img .homecate-inner .img .text {padding:10px;text-align:center;}
.home-cate-img .homecate-inner .img .text a {color:#000;font-size:18px;font-weight:bold;padding-bottom:6px}
.home-cate-img .homecate-inner .img .text p{font-size:14px}
.home-cate-img .homecate-inner .top .img,.home-cate-img .homecate-inner .bottom .img{width:49%;margin-bottom:20px!important}}
@media (max-width:560px){.home-cate-img .homecate-inner .top .img,.home-cate-img .homecate-inner .bottom .img{width:100%;}}
.home-clients {background:#f7f5f3;position:relative;padding:4% 0;}
.home-clients .l-wrap {position:relative}
.home-clients:before {content:'';width:100%;height:60%;position:absolute;top:0;left:0;background:url(/uploads/27333/index/1.jpg) no-repeat center;background-size:cover;}
.home-clientstop {color:#fff;text-align:center;margin:0 auto;max-width:1300px;}
.home-clientstoptit {position:relative;padding-bottom:20px;margin-bottom:25px;font-weight:bold;font-size:40px;line-height:1.3;}
.home-clientstoptit:after {content:'';width:46px;height:6px;background:var(--color);position:absolute;bottom:0;left:50%;margin-left:-23px;border-radius:10px;}
.home-clientstopbtn {display:flex;justify-content:center;margin-top:30px;}
.home-clientstopbtn a {display:flex;align-items:center;justify-content:center;background:#fff;line-height:1.4;padding:12px 15px;color:#000;}
.home-clientstopbtn a em {margin-left:25px;color:var(--color);font-size:14px;line-height:1;position:relative;top:1px;}
.home-clientstopbtn a em:before {content:"\e687"}
.home-clientslist {background:#f7f5f3;margin-top:60px;display:flex;justify-content:space-between;flex-wrap:wrap;padding:18px;}
.home-clientslist li {width:calc(33.333% - 12px);}
.home-clientslist li .home-clientspic img {display:block;width:100%;}
.home-clientslist li .home-clientsinfo {padding:15px;}
.home-clientslist li .home-clientsinfo .home-clientsinfo-tit {font-weight:bold;font-size:19px;margin-bottom:6px;}
@media (max-width:1280px){.home-clientstoptit{font-size:32px}}
@media (max-width:1024px){.home-clientslist li .home-clientsinfo{padding:10px}
.home-clientslist li .home-clientsinfo .home-clientsinfo-tit{font-size:17px}
.home-clientslist li .home-clientsinfo p{font-size:14px}}
@media (max-width:768px){.home-clients{padding:30px 0}
.home-clients:before {height:40%;}
.home-clientstoptit{font-size:24px;margin-bottom:15px}
.home-clientstopbtn a{padding:10px 12px}
.home-clientstopbtn a em{margin-left:5px}
.home-clientslist {margin-top:40px;padding:10px;}
.home-clientslist li {width:calc(50% - 5px);margin-bottom:20px}}
@media (max-width:560px){.home-clients:before {height:30%;}
.home-clientstoptit{font-size:20px;margin-bottom:15px}
.home-clientstop p{font-size:14px}
.home-clientstopbtn{margin-top:20px}
.home-clientslist li{width:100%;}}
.home-customized {background:#f7f5f3;padding-bottom:4%}
.home-customizedtop {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.home-customizedtoplef {width:48%;}
.home-customizedtoprig {width:48%;color:#333;}
.home-customizedtoptit {font-size:40px;font-weight:bold;padding-bottom:25px;position:relative;max-width:600px;line-height:1.2;}
.home-customizedtoptit:after {content:'';width:46px;height:6px;background:var(--color);position:absolute;bottom:0;left:0;border-radius:10px;}
.home-customizedbot {margin-top:15px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.home-customizedbot .home-customizedbot-item {width:calc(33.3333% - 20px);margin-top:30px;position:relative;overflow:hidden}
.home-customizedbot .home-customizedbot-item .img {position:relative;width:100%;padding-bottom:100%;}
.home-customizedbot .home-customizedbot-item .img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.home-customizedbot .home-customizedbot-item .text {padding:calc(0.5vw + 10px);}
.home-customizedbot .home-customizedbot-item .text span {width:calc(1.1vw + 40px);display:block;margin:auto;padding-bottom:calc(0.25vw + 5px);}
.home-customizedbot .home-customizedbot-item .text h3 {font-size:calc(0.2vw + 16px);line-height:calc(0.5vw + 20px);color:#000;text-align:center;font-weight:600;}
.home-customizedbot .home-customizedbot-item .text h3:after {content:"";width:25px;height:4px;background:var(--color);border-radius:50vw;display:block;margin:calc(0.5vw + 5px) auto;}
.home-customizedbot .home-customizedbot-item .text li {display:flex;align-items:flex-start;padding:2px 0;text-align:left}
.home-customizedbot .home-customizedbot-item .text li:before {content:"✔";flex:0 0 calc(0.25vw + 15px);color:var(--color);}
@media(min-width:1025px) {.home-customizedbot .home-customizedbot-item * {transition:All 0.3s ease-in-out}
.home-customizedbot .home-customizedbot-item:after {content:"";position:absolute;left:-40%;right:-40%;bottom:-40%;height:120%;transform:translate(0,50%);background:#000;opacity:0.5;filter:blur(80px);z-index:2;transition:All 0.3s ease-in-out;}
.home-customizedbot .home-customizedbot-item .text {text-align:center;padding:calc(1.5vw + 10px);position:absolute;left:0;bottom:0;right:0;transform:translate(0,calc(100% - 3.5vw - 80px));color:#fff;z-index:3;}
.home-customizedbot .home-customizedbot-item .text h3 {color:#fff;}
.home-customizedbot .home-customizedbot-item:hover:after {height:180%;opacity:0.6;filter:blur(0);transform:translate(0,0);}
.home-customizedbot .home-customizedbot-item:hover .text {transform:translate(0,0);}}
@media (max-width:1280px){.home-customizedtoptit{font-size:32px}}
@media (max-width:1200px){.home-customizedbot .home-customizedbot-item .text li{font-size:14px}}
@media (max-width:1024px){.home-customizedbot .home-customizedbot-item{width:calc(50% - 10px)}
.home-customizedbot .home-customizedbot-item .text span img{filter:brightness(0)}}
@media (max-width:768px){.home-customized {padding-bottom:30px}
.home-customizedtoplef{width:100%}
.home-customizedtoptit{font-size:24px;text-align:center}
.home-customizedtoptit:after{left:50%;margin-left:-23px}
.home-customizedtoprig{width:100%;margin-top:15px;font-size:14px}}
@media (max-width:560px){.home-customizedbot .home-customizedbot-item{width:100%}}
@media(min-width:1025px){.head-menu-box nav>ul>li>a{justify-content: center;}}
@media(max-width:1440px){.head-menu-box nav>ul>li>a{font-size:16px;padding: 0px 2px;}}
@media(max-width:1280px){.head-menu-box nav>ul>li>a{font-size:14px;padding: 0px 2px;}}
@media (max-width:1024px){.head-menu-box nav>ul>li>a{padding-top:10px;padding-bottom:10px}
.head-menu-box nav>ul>li.second-level .arrow{top:1px}
#liproducts{position:relative}
.head-menu-box nav>ul>li ul a{font-size:14px}}
@font-face{font-family:"iconfont2";display:swap;src:url(https://css02.v15cdn.com/m431/fonts/iconfont.woff2?t=1721112986041) format('woff2'),url(https://css02.v15cdn.com/m431/fonts/iconfont.woff?t=1721112986041) format('woff'),url(https://css02.v15cdn.com/m431/fonts/iconfont.ttf?t=1721112986041) format('truetype')}
.home-choose .iconfont{font-family:"iconfont2"!important;}
.home-choose .icon-right-arrow:before{content:"\eaf3"}
.home-des{font-size:var(--fontsize14);font-weight:var(--fontbold4);color:#666;text-align:center;max-width:1000px;margin:0 auto 10px}
.home-choose{position:relative;padding:3% 0 4%}
.home-choose .choose-list{list-style:none;margin-top:3%;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-choose .choose-list li{width:20%;display:flex;flex-direction:column;align-items:center;text-align:center}
.home-choose .choose-list li .icon{position:relative;z-index:1}
.home-choose .choose-list li .icon img{height:56px;width:auto;}
.home-choose .choose-list li .icon::after{content:"";position:absolute;bottom:-15px;left:90%;transform:translateX(-50%);width:50px;height:50px;background:var(--color);opacity:.5;border-radius:50%;z-index:-1}
.home-choose .choose-list li:nth-child(3) .icon::after{left:50%}
.home-choose .choose-list li .title{font-size:20px;margin:40px 0 10px}
.home-choose .choose-list li .text{color:#555;font-size:var(--fontsize14)}
.home-choose .choose-list li .more{margin-top:30px}
.home-choose .choose-list li .more a{font-size:var(--fontsize14);text-transform:uppercase;position:relative;padding-bottom:5px}
.home-choose .choose-list li .more a::after{content:"";position:absolute;left:0;bottom:0;width:60px;height:1px;background:#000;transition:all .1s linear}
.home-choose .choose-list li .more em{margin-left:10px}
.home-choose .choose-list li:hover .more a{color:var(--color)}
.home-choose .choose-list li:hover .more a::after{width:100%}
@media(max-width:1024px){.home-choose .choose-list li{width:24%}}
@media(max-width:768px){.home-choose .choose-list li{width:49%;margin-bottom:35px}
.home-choose .choose-list li .icon img{height:40px}
.home-choose .choose-list li .icon::after{width:45px;height:45px}}
@media(max-width:500px){.home-choose{padding:30px 0}
.home-choose .choose-list{margin-top:20px}
.home-choose .choose-list li{width:100%;}
.home-choose .choose-list li .title{margin-top:25px}
.home-choose .choose-list li .more{margin-top:15px}}
#news #home-news .news-list .news-item-img img{max-height:inherit;object-fit: contain;}
.home-choose .home-title{font-weight: bold;}
.common-main.news-detail-main article .article-cont a{text-decoration: none;}
.news-detail-main .sidebar{display:none;}
.news-detail-main .common-content {width: 100%;padding-left: 0;}