﻿@charset "utf-8";
:root {--color: #F06522;}
@media (min-width:1025px){#liproducts .submenu{padding:0;list-style:none;min-width:900px;display:flex;flex-wrap:wrap;left:-400px;position:absolute;padding:10px;justify-content:flex-start;}
#liproducts .submenu>li{width:33%;display:flex;align-items:center;margin:10px 0}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li .item-info{width:80px;height:80px;margin-right:10px;overflow:hidden}
#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;display:block;font-weight:var(--fontbold7)}}
@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}}
.home-banner .swiper-slide>a::after{background: none;}
.home-banner .banner-animote3{width: 50%;background: #000000bd;padding: 15px;left: 30%;}
.home-number{background:#f7f7f8;padding:4% 0}
.home-number .number-contaner{display:flex;justify-content:space-between}
.home-number .number-right{flex:1;border-radius:8px;overflow:hidden;background:url(/uploads/36095/products/p20241205172300bb8fa.jpg) bottom no-repeat;background-size:contain;position:relative;border:1px solid #868686}
.home-number .number-introduce{padding:40px 45px}
.home-number .number-introduce h4{color:var(--color);font-size:32px;font-weight:600;line-height:52px;margin-bottom:20px}
.home-number .number-introduce p{color:#262626;font-size:26px;line-height:36px;padding-right:10px}
.home-number .number-title h4{margin:0;padding:0 0 30px;text-align:left}
.home-number .number-left{width:66.6%;display:flex;flex-wrap:wrap;justify-content:space-between;padding-right:30px;box-sizing:border-box}
.home-number .number-box{width:48%;border:1px solid #868686;padding:150px 40px 40px 40px;border-radius:8px 8px 8px 8px;margin-bottom:4%;position:relative;z-index:2;overflow:hidden}
.home-number .number-box::after{position:absolute;content:'';width:0%;height:0%;transform:translate(-50%,-50%);background:var(--color);opacity:.1;top:50%;left:50%;z-index:0;transition:all .3s ease-in-out}
.home-number .number-box:hover{border-color:var(--color)}
.home-number .number-box:hover::after{width:100%;height:100%}
.home-number .number-box:nth-of-type(3),.number-box:nth-of-type(4){margin-bottom:0}
.home-number .number-box h4{font-size:50px;line-height:1;margin-bottom:10px;font-weight:var(--fontbold5)}
.home-number .number-box p{letter-spacing:.5px;font-size:16px;line-height:24px;margin-bottom:8px}
.home-number .number-img{position:absolute;right:40px;top:40px}
.home-number .number-sub p{font-size:80px;font-weight:700;color:var(--color);line-height:1}
@media (max-width:1280px){.home-number .number-box h4{font-size:40px;}}
@media (max-width:768px){.home-number .number-contaner{flex-wrap:wrap;}
.home-number .number-introduce{padding:30px 30px 160px 30px}
.home-number .number-box {padding: 90px 10px 10px 10px;}
.home-number .number-img{top:20px;right:20px;}
.home-number .number-box h4{font-size:26px;}
.home-number .number-left,.number-right{width:100%;padding:0;margin:10px 0;flex:inherit}
.home-number .number-introduce p{font-size:20px;padding-right:0;max-width:75%;}}
.index header{background: #000;}
.index main{margin-top: 120px;}
.page-nav .pagenav-catelist{display: none;}
.video-page{display: flex;justify-content: space-between;}
.video-page .video-box{width: 24%;}
.home-video{margin-bottom: 4%;}

