.home-news{padding:4% 0;}
.home-news .list{list-style:none;margin-top:3%;display:flex;flex-wrap:wrap}
.home-news .list li{background:#f5f9fc;border-radius:10px;overflow:hidden;width:32%;margin-right:2%}
.home-news .list li:nth-child(3n){margin-right:0}
.home-news .list li .img{width:100%;aspect-ratio:3/2}
.home-news .list li .img img{width:100%;height:100%;object-fit:cover}
.home-news .list li .info{padding:20px}
.home-news .list li .info .date{color:var(--color)}
.home-news .list li .info .title{font-size:var(--fontsize20);font-weight:var(--fontbold5);margin:5px 0}
.home-news .list li .info .text{color:var(--introcolor);margin-bottom:10px}
.home-news .list li .info .more{font-size:var(--fontsize16);font-weight:var(--fontbold5)}
.home-news .list li .info .more em{transform:rotate(-45deg);display:inline-flex;transition:transform .1s linear}
.home-news .list li:hover .img img{transform:scale(1.02)}
.home-news .list li:hover .info .title{color:var(--color)}
.home-news .list li:hover .info .more{color:var(--color)}
.home-news .list li:hover .info .more em{transform:none}
@media (max-width:1024px){.home-news .list{justify-content:space-between}
.home-news .list li{width:48%;margin-right:0;margin-bottom:1em}}
@media (max-width:500px){.home-news{padding:40px 0;}
.home-news .list{margin-top:30px}
.home-news .list li .info{padding:20px 10px}
.home-news .list li .info .title{margin:0;font-size:var(--fontsize18)}
.home-news .list li{width:100%;margin-right:0;}}
/* .about-t li:nth-child(1){background:url(/Content/uploads/2025345454/20250409144709158195e8a67d4869add3e85182d65242.jpg) no-repeat;background-size:cover}*/
/*.about-t li:nth-child(2){background:url(/Content/uploads/2025345454/202504091447099dfb57fd033942a892b789958bad36bb.jpg) no-repeat;background-size:cover}*/
/*.about-t li:nth-child(3){background:url(/Content/uploads/2025345454/2025040914471013773c8186dd49a0b91b7dd8eb7e8181.jpg) no-repeat;background-size:cover}*/
/*.about-t li:nth-child(4){background:url(/Content/uploads/2025345454/202504091447093886dfc20c5b4bf8b38d053b2c4376ec.jpg) no-repeat;background-size:cover}*/
.about-t li{overflow:hidden;border-radius:50%;padding:0;}
.about-t li a{position:relative;display:block;width:100%;height:100%;}
.about-t li a img{aspect-ratio: 4 / 4;object-fit:cover;}
.about-t li a .inner{position:absolute;top:0;left:0;display: flex;flex-direction: column;align-items: center;justify-content: center;background: rgba(255,255,255, 0.5);width:100%;height:100%;padding:2%;}
.about-t li a .inner img{height:55px;object-fit:contain;}
.about-t-tit{text-transform: capitalize;margin-top:15px;line-height: 1.2;white-space: normal;text-shadow: 1px 2px 2px #dddddd;}
.about-t li{box-shadow: 0px 3px 10px 0px #999;}
@media (min-width:769px){.about-t li a .inner div{padding-top:35%;}
.about-t li a .inner{justify-content:flex-start}}
@media (max-width:1200px) and (min-width:769px){.about-t li a .inner div{padding-top:25%;}}
.hotproduct{background: #99999952;}

.hotproduct{padding:4% 0 3%}
.hotproduct .swiper{padding-top:40px}
.hotproduct .product-list{display:flex;align-items:inherit;flex-wrap:wrap}
.hotproduct .product-list .itempro{position:relative;overflow:hidden;margin-right:2%;margin-bottom:2em;width:23.5%;border-radius:var(--borderradius);transition:all .2s ease;transform:translateY(0)}
.hotproduct .product-list .itempro .img{position:relative;display:inline-block;width:100%;border:1px solid #ededed}
.hotproduct .product-list .itempro .img::before{position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;background-color:rgba(0,0,0,0);content:"";transition:all .2s ease}
.hotproduct .product-list .itempro .info{position:relative;box-sizing:border-box;padding:15px;border:1px solid #ededed;border-top:none}
.hotproduct .product-list .itempro .info .title{display:-webkit-box;overflow:hidden;margin-bottom:5px;font-weight:var(--fontbold5);font-size:var(--fontsize18);transition:all .2s ease;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.hotproduct .product-list .itempro .info .des{color:var(--introcolor);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.4}
.hotproduct .product-list .itempro .info .more{position:absolute;top:-25px;right:-4px;display:inline-flex;width:44px;height:44px;border:1px solid #ededed;background-color:#fff;transition:all .2s ease;align-items:center;justify-content:center}
.hotproduct .product-list .itempro .info .more::before{position:absolute;top:-2px;left:-20px;width:0;height:0;border:10px solid transparent;border-top:26px solid transparent;border-bottom:0;content:"";transition:all .2s ease;border-left-color:transparent;border-right-color:#ececec}
.hotproduct .product-list .itempro .info .more::after{position:absolute;top:-2px;left:-20px;width:0;height:0;border:10px solid transparent;border-top:26px solid transparent;border-bottom:0;content:"";transition:all .2s ease;border-left-color:transparent;border-right-color:transparent}
.hotproduct .product-list .itempro .info .more em{font-weight:var(--fontbold5);font-size:var(--fontsize20)}
.hotproduct .product-list .itempro:nth-child(4n){margin-right:0}
.hotproduct .product-list .itempro:hover{transform:translateY(-8px)}
.hotproduct .product-list .itempro:hover .img::before{background-color:rgba(0,0,0,.5)}
.hotproduct .product-list .itempro:hover .info .more{border-color:var(--color);background-color:var(--color);color:#fff}
.hotproduct .product-list .itempro:hover .info .more::before{border-right-color:var(--color)}
.hotproduct .product-list .itempro:hover .info .more::after{border-right-color:rgba(0,0,0,.2)}
.hotproduct .product-list .itempro:hover .info .title{color:var(--color)}
.home-news{padding-top: 2%;}
.home-news .list li{border: 1px solid #666;transition: all .3s;}
.home-news .list li:hover{transform: translateY(-10px);}
.hotproduct .product-list .itempro .img img{aspect-ratio: 1 / 1;width:100%;height:100%;object-fit: cover;}
.home-title{position: relative;text-transform: uppercase;}
.home-title::after{color: #EEEEEE;font-weight: var(--fontbold6);font-size: 100px;position: absolute;top: -80%;left: 50%;transform: translateX(-50%);z-index: -99;}
.about-b .home-title::after{content: "01";}
.hotproduct .home-title::after{content: "02";}
.home-news .home-title::after{content: "03";}
@media(max-width:768px){.home-title::after{font-size: 75px;}}