@charset "utf-8"; 
@media (min-width:1025px){.head-nav .nav-ul>li#liproducts{position: static;}
#liproducts .submenu{padding:0;list-style:none;max-width:940px;display:flex;flex-wrap:wrap;left:600px;justify-content:flex-start;}
#liproducts .submenu>li{width:32%;display:flex;align-items:center;margin:10px 0 10px 1%}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li .item-info{width:80px;height:80px;margin-right:10px;overflow:hidden;display:flex;align-items:center;}
#liproducts .submenu>li .item-info img{width:100%;height:100%;object-fit:cover;height:auto;transition:all .1s linear}
#liproducts .submenu>li .item-info img:hover{transform:scale(1.02)}
#liproducts .submenu>li>a{flex:1;text-decoration:none;width:calc(100% - 100px);height:auto;text-align: left;}}
@media (min-width:1025px) and (max-width:1600px){#liproducts .submenu{left:400px;}}
@media (min-width:1025px) and (max-width:1600px){#liproducts .submenu{left:300px;}}
@media (max-width:1024px){#liproducts .submenu{display:none;min-width:inherit;padding-left:20px}
#liproducts .submenu>li{margin:0;width:100%}
#liproducts .submenu>li .item-info{display:none}}
@media (min-width:1025px){.pagesbanner{min-height:inherit;}}
@media (max-width:768px){.banner-inner img{height:auto;}}
.home-banner .swiper-slide-active .banner-text{animation:bannerani .5s forwards;animation-delay:.7s;}
.pagesbanner .banner-text{animation:pagesbanner 1s .5s forwards}
.home-banner .swiper-slide .banner-text ,.pagesbanner .banner-text{ opacity: 0;position:absolute;left:10%;top:50%;transform:translate(0,-50%);color:#fff;width:50%}
.banner-text.banner-3{left:10%}
.banner-text.banner-3 .title{color:transparent;background-image:linear-gradient(to bottom,#08d384,#08d3c8);-webkit-background-clip:text;display:flex;align-items:center;font-size:4vw;font-weight:800}
.banner-text.banner-3 .title .left{margin-right:20px;background: linear-gradient(0deg, #08d3c8 0, #08d384 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.banner-text.banner-3 .title .right{font-size:1.5vw;line-height:1.2}
.banner-text.banner-3 .title .right span:nth-child(1){color:#08d384}
.banner-text.banner-3 .title .right span:nth-child(3){color:#08d3c8}
.banner-text.banner-3 .desc{font-size:1.5vw;font-weight:800;padding-bottom:30px}
.banner-text.banner-3 .desc::after{position:absolute;left:0;width:50%;height:2px;background:#fff;bottom:-10%;content:''}
@media (max-width:768px){.banner-text.banner-3 .desc::after{bottom:10px;height:1px}}
.banner-text.banner-4{display:flex;flex-direction:column;align-items:center}
.banner-text.banner-4 .title{color:transparent;background-image:linear-gradient(to bottom,#fff,#d9a381);-webkit-background-clip:text;display:flex;flex-wrap:wrap;text-align:center;align-items:center;font-size:4vw;font-weight:800;line-height:1.2}
.banner-text.banner-4 .title span:nth-child(1){background: linear-gradient(0deg, #d1daea 0, #fff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.banner-text.banner-4 .title span{width:100%}
.banner-text.banner-4 .desc .tag{position:relative}
.banner-text.banner-4 .desc{display:flex;font-size:1.5vw;flex-direction:column;justify-content:center;align-items:center;font-size:1.5vw}
.banner-text.banner-4 .desc .tag{text-align:center;width:auto}
.banner-text.banner-4 .desc .tag::after{position:absolute;right:-22%;top:50%;transform:translate(0.-50%);content:'';height:2px;width:20%;background:linear-gradient(to right,#fff,transparent)}
.banner-text.banner-4 .desc .tag::before{position:absolute;left:-22%;top:50%;transform:translate(0.-50%);content:'';height:2px;width:20%;background:linear-gradient(to left,#fff,transparent)}
.banner-text.banner-2 .title{font-size:3vw;font-weight:800;line-height:1.2;margin-bottom:2%}
.banner-text.banner-2 .title span:nth-of-type(2){color:transparent;background-image:linear-gradient(to top,#fff,#f3c732);-webkit-background-clip:text}
.banner-text.banner-2 .desc{font-size:1.5vw;line-height:1.2}
.banner-text.banner-1 .title{display:flex;align-items:center;justify-content:flex-start}
.banner-text.banner-1 .title .left{font-size:7vw;font-weight:800;display:flex;font-style:italic}
.banner-text.banner-1 .title .left sup{font-style:italic}
.banner-text.banner-1 .title .line{width:2px;height:60px;background:#ffffff;margin:0 10px;padding:0 2px;flex-shrink:0;display:inline-block}
.banner-text.banner-1 .title .right{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.banner-text.banner-1 .title .right span:nth-of-type(1){font-size:1.4vw;font-weight:800;line-height:1.2}
.banner-text.banner-1 .title .right span:nth-of-type(1) strong{background: linear-gradient(to bottom, #08d384, #08d3c8);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.banner-text.banner-1 .title .right span:nth-of-type(2){color:transparent;line-height:1.2;background-image:linear-gradient(to bottom,#08d384,#08d3c8);-webkit-background-clip:text;display:flex;align-items:center;font-size:3vw;font-weight:800}
.banner-text.banner-1 .desc{font-size:1.5vw;line-height:1.2}
@media (max-width:1024px){.banner-text.banner-1 .title .line{display:none}}
.banner-btn{margin-top:30px;}
.banner-text.banner-3 .desc{position:relative}
.banner-text.banner-3 .banner-btn{margin-top:50px}
@media (min-width:1281px){.banner-btn .home-more{min-width:inherit;font-size:var(--fontsize20);padding:0 25px;}}
@media (max-width:1024px){.banner-btn .home-more{min-width:inherit;font-size:var(--fontsize14);padding:0 15px;height:36px}
.banner-btn{margin-top:10px;}
.banner-text.banner-3 .banner-btn{margin-top:10px}}
@media (max-width:768px){.banner-btn .home-more{font-size:var(--fontsize12);padding:0 10px;height:30px}}
@media (max-width:540px){.banner-btn{display:none}}
.pro-main .banner-inner a.home-more:hover{color:#fff;}