.l-wrap{max-width:1460px}
.home-banner .banner-animote .p1{font-size:38px;font-weight:var(--fontbold6);line-height:1;font-family:erasdemi;text-transform: capitalize;}
.home-banner .banner-animote .p2{margin:15px 0 30px}
.home-banner .banner-animote{position:absolute;top:55%;left:0;transform:translate(20%,-50%);width:35%;color:#fff;opacity:0;padding:0}
.home-banner .home-more{color:#fff;border-radius:20px;min-width:inherit;padding:3px 20px;height:auto;}
@media (min-width:1601px){.home-banner .banner-animote.ban3{padding-left:7%;}}
@media (min-width:1025px){.home-banner .banner-animote.ban3{width:30.15%;}}
@media (max-width:1600px){.home-banner .banner-animote .p1{font-size:2.7vw}
.home-banner .banner-animote .p2{font-size:1.095vw}}
@media (max-width:1366px){.home-banner .banner-animote{width:35%}
.home-banner .banner-animote .p1{font-size:32px}
.home-banner .banner-animote .p2{margin:20px 0 10px}
.home-banner .home-more{min-width:170px;padding:0 10px;height:40px;font-size:14px}}
@media (max-width:1024px){.home-banner .banner-animote .p1{font-size:24px}}
@media (max-width:768px){.home-banner .banner-animote{top:50%;}
.home-banner .banner-animote .p2{margin:10px 0;font-size:14px;display:none;}}
@media (max-width:500px){.home-banner .banner-animote{zoom:.7}}
@font-face{font-family:erasdemi;font-display:swap;src:url(/js/30311/ERASDEMI.TTF) format('truetype')}
@font-face{font-family:TahomaB;font-display:swap;src:url(/js/30311/Tahoma-Bold.ttf) format('truetype')}
@font-face{font-family:AvenirLTStd;font-display:swap;src:url(/js/30311/AvenirLTStd.OTF) format('truetype')}
@font-face{font-family:Anydore;font-display:swap;src:url(/js/30311/Anydore.OTF) format('truetype')}
.home-banner .swiper-slide>a::after{display:none}
.home-banner .swiper-slide img{aspect-ratio:2.5/1}
.home-logo .logo-container{width:100%}
.about-left h2,.home-title h1,.home-title h3,.home-title h4{font-weight:400;font-size:45px;color:#151740;line-height:1;font-family:erasdemi}
.home-title span{font-family:Tahoma;font-weight:700;font-size:15px;color:var(--color);line-height:1;display:block;margin-bottom:15px}
.home-logos .logo-container{position:relative}
.logoSwiper .logo-img{display:flex;justify-content:center;align-items:center;height:130px}
.logoSwiper .logo-img img{width:auto;height:auto}
.logoSwiper{max-width:90%}
.logo-next,.logo-prev{position:absolute;height:100%;display:flex;justify-content:center;align-items:center;top:0;z-index:4;cursor:pointer}
.logo-next em,.logo-prev em{font-size:22px;line-height:1;font-weight:800;color:#9b9b9b}
.home-logos{padding:40px 0}
.logo-prev{right:0}
.home-product .home-title{margin-bottom:50px}
.home-product{padding:65px 0 80px}
.product-contant{position:relative}
.product-img img{width:100%;display:block}
.product-box{position:relative}
.product-text{position:absolute;bottom:0;left:0;text-align:center;width:100%}
.product-text p{font-family:TahomaB;font-weight:700;font-size:41px;color:#fff;line-height:36px;text-shadow:1px 1px 1px #0e0e0e;text-transform:uppercase}
.product-btn{display:flex;justify-content:center;margin:48px 0 43px}
.product-btn a{font-family:AvenirLTStd;font-weight:400;font-size:16px;color:#000;text-transform:uppercase;width:134px;height:38px;background:#fff;border-radius:20px;line-height:1;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}
.productSwiper{padding-bottom:95px}
.productSwiper .swiper-pagination-bullet-active{background:#000}
.product-next,.product-prev{width:45px;height:45px;background:#f5f5f5;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;transform:translateY(-50%);border-radius:100%;z-index:5;cursor:pointer;transition:all .3s ease-in-out}
.product-next img,.product-prev img{filter:invert(1)}
.product-next{left:-60px}
.product-prev{right:-60px}
.product-btn:hover a{background:var(--color);color:#fff}
.product-next:hover,.product-prev:hover{background:#dedede}
.home-abouts .l-wraps{max-width:1600px;margin:0 auto 60px;padding-left:7%}
.home-abouts{background:#f7f7f7;padding-top:70px}
.about-contant{display:flex;align-items:center}
.about-left{width:50%}
.about-right{flex:1;text-align:end;padding-left:5%}
.about-left h2{color:#14173f;margin-bottom:35px}
.about-text p{font-size:17px;line-height:25px;margin-bottom:25px;font-family:AvenirLTStd;color:#32393f;text-align:justify}
.about-data{display:flex;background:#fff;box-shadow:0 0 62px 0 rgba(14,14,14,.17);justify-content:space-between;transform:translateY(50%);margin-top:-50px}
.about-data span{width:2px;background:linear-gradient(#ffffff00 0,#00000096 50%,#39383800 100%);display:block}
.about-btn a{width:145px;height:35px;background:var(--color);border-radius:18px;display:flex;justify-content:center;align-items:center;color:#fff;transition:all .3s ease-in-out}
.data-math{display:flex;justify-content:center;align-items:center}
.data-math p{font-family:Anydore;font-size:75px;line-height:55px;color:#16163f}
.data-num{width:25%;padding:55px 0 45px;text-align:center}
.data-text{margin-top:22px}
.data-text p{font-family:AvenirLTStd;font-weight:400;font-size:17px;color:#16163f;line-height:16px}
.home-chooses{background:var(--color);padding-top:200px}
.home-chooses .home-title span{color:#ffb50d}
.home-chooses .home-title h3{color:#fff}
.choose-rol{display:flex;justify-content:space-between;padding:70px 0}
.choose-col{width:21%}
.choose-tit h5{font-family:erasdemi;font-weight:400;font-size:25px;color:#fff;line-height:25px;margin:30px 0 22px;text-align:center}
.choose-img{text-align:center}
.choose-img img{transition:all .3s ease-in-out;height:65px;object-fit:cover}
.choose-tit p{text-align:center;font-weight:300;font-size:15px;color:#fff}
.home-bottles{padding:110px 0;background:#f7f7f7}
.home-bottles .home-title h4{color:#151740}
.home-span{width:144px;height:6px;background:var(--color);margin:20px auto}
.bottle-con p{font-family:AvenirLTStd;font-weight:300;font-size:19px;color:#32393f;line-height:28px;text-align:center}
.bottle-btn{margin-top:55px;display:flex;justify-content:center}
.bottle-btn a{width:145px;height:35px;background:var(--color);border-radius:18px;display:flex;justify-content:center;align-items:center;color:#fff;transition:all .3s ease-in-out}
.bottle-images{display:flex;justify-content:center;margin-top:70px}
.bottle-im{padding:0 80px}
.home-faq{padding:55px 0}
.faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.faq-question p{font-family:AvenirLTStd;font-weight:500;font-size:20px;color:#32393f;line-height:1}
.faq-item{padding:30px 0;border-top:1px solid #d9dee2}
.faq-item:nth-last-child(1){border-bottom:1px solid #d9dee2}
.faq-answer{color:#32393f;display:none;padding-top:15px}
.faq-contant{margin-top:65px}
.faq-item.open .faq-question img{transform:rotateX(180deg)}
.exhibition-comtant{display:flex;flex-wrap:wrap}
#serviceswiper .swiper-slide .icon li p,#serviceswiper .swiper-slide .p1,#serviceswiper .swiper-slide .p2{color:#32393f}
.exhibi-flex{display:flex}
.exhibition-box{width:50%;padding:145px 0;position:relative}
.exhibition-box::after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background:#0000005c;z-index:0;opacity:1;transition:all .3s ease-in-out}
.exhi1{background:url(/uploads/30311/shsl/exhibition1.webp) center no-repeat;background-size:cover}
.exhi2{background:url(/uploads/30311/shsl/exhibition2.webp) center no-repeat;background-size:cover;position:relative}
.exhi3{background:url(/uploads/30311/shsl/exhibition3.webp) center no-repeat;background-size:cover;position:relative}
.exhi4{background:url(/uploads/30311/shsl/exhibition4.webp) center no-repeat;background-size:cover}
.exhibition-btns{position:relative;z-index:2}
.exhi2::after,.exhi3::after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background:#0000005c;z-index:0;transition:all .3s ease-in-out}
.exhibition-box h5{font-family:erasdemi;font-weight:700;font-size:33px;color:#fff;line-height:1;text-align:center;margin-bottom:20px;z-index:1;position:relative}
.exhibition-row h5{font-family:erasdemi;font-weight:700;font-size:33px;color:var(--color);line-height:1;text-align:center;margin-bottom:20px}
.exhibition-row p{font-weight:400;font-size:16px;color:#32393f;line-height:25px;font-family:AvenirLTStd}
.exhibition-box p{font-weight:400;font-size:21px;color:#fff;line-height:25px;font-family:erasdemi;text-align:center;z-index:1;position:relative}
.exhibition-btn{margin-top:35px;display:flex;justify-content:center;z-index:1;position:relative}
.exhibition-btn a{height:35px;padding:0 20px;background:var(--color);border-radius:18px;display:flex;justify-content:center;align-items:center;color:#fff;font-family:erasdemi}
.exhibition-row{width:25%;padding:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.exhibition-btns a{height:35px;padding:0 25px;background:#fff;border-radius:18px;display:flex;justify-content:center;align-items:center;color:var(--color);font-family:erasdemi;transition:all .3s ease-in-out}
.productSwiper .swiper-wrapper{-webkit-transition-timing-function:linear!important;-moz-transition-timing-function:linear!important;-ms-transition-timing-function:linear!important;-o-transition-timing-function:linear!important;transition-timing-function:linear!important}
.home-service .home-title{color:#151740;font-family:erasdemi}
.home-service .home-des{color:#32393f}
.home-service{position:relative;z-index:1;padding:4% 0 2%;margin-top:2%}
.home-service .l-wrap{position:relative;z-index:1}
.home-service::after{position:absolute;content:'';width:100%;height:50%;background:var(--color);left:0;top:30%;z-index:0}
#serviceswiper .home-more{color:#fff}
.exhibition-box:hover::after,.exhibition-row:hover::after{background:#00000000;opacity:0}
.exhibition-btns:hover a{background:var(--color);color:#fff}
.exhibition-btn:hover a{animation:pulseshrink 1.5s forwards}
.product-btn:hover a{transform:translateY(-8px)}
.choose-col:hover .choose-img img{transform:rotateY(180deg)}
.about-btn:hover a,.bottle-btn:hover a{transform:scale(1.1)}
#serviceswiper .home-more{color:#fff;border-radius:50px;overflow:hidden;margin-right:0;font-family:AvenirLTStd;font-size:19px}
@keyframes pulseshrink{0%{transform:scale(1)}
50%{transform:scale(1.05)}
100%{transform:scale(1)}}
#serviceswiper .swiper-slide,#serviceswiper .swiper-slide .icon li p,#serviceswiper .swiper-slide .p2,.home-service .home-des{font-family:AvenirLTStd}
#serviceswiper .swiper-slide .p1{font-family:erasdemi}
@media (max-width:1420px){.about-left h2,.home-title h1,.home-title h3,.home-title h4{font-size:42px}
.home-product{padding:45px 0}
.productSwiper{padding-bottom:60px}
.product-text p{font-size:36px}
.product-btn{margin:30px 0 40px}
.home-abouts .l-wraps{padding-left:70px}
.about-text p{margin-bottom:20px;font-size:16px}
.data-num{padding:45px 0}
.data-math img{height:35px}
.home-chooses{padding-top:145px}
.choose-tit h5{font-size:22px;margin:20px 0}
.home-bottles{padding:70px 0}
.bottle-con p{font-size:18px}}
@media (max-width:1366px){.about-left h2,.home-title h1,.home-title h3,.home-title h4{font-size:36px}
.exhibition-box h5,.exhibition-row h5{font-size:28px}}
@media (max-width:1024px){.about-left h2,.home-title h1,.home-title h3,.home-title h4{font-size:32px}
.product-next{left:15px}
.product-prev{right:15px}
.home-abouts{padding-top:50px}
.home-abouts .l-wraps{padding:0 10px}
.choose-rol{padding:50px 0;flex-wrap:wrap}
.choose-col{width:48%}
.choose-tit h5{font-size:20px;margin:10px 0 5px}
.choose-img img{max-width:45px}
.home-abouts .l-wraps{margin:0 auto 20px}
.bottle-im{padding:0 50px}
.faq-item{padding:25px 10px}
.faq-question p{font-size:18px}
.home-span{width:140px;height:3px;background:var(--color);margin:15px auto}
.faq-contant{margin-top:30px}
.exhibition-box{width:100%}
.exhibition-row{width:50%}
.about-contant{flex-direction:column}
.about-left{width:100%}
.about-right{padding-left:0}
.data-math p{font-size:34px}
.data-text{margin-top:10px}
.data-num{padding:30px 0}}
@media (max-width:768px){.about-left h2,.home-title h1,.home-title h3,.home-title h4{font-size:28px}
.home-product .home-title{margin-bottom:25px}
.about-left h2{margin-bottom:20px}
.about-text p{margin-bottom:15px}
.choose-rol{padding:30px 0}
.choose-col{width:100%;margin-bottom:20px}
.bottle-im{padding:0 40px}
.exhibition-box{padding:90px 0}
.exhibition-box p{font-size:18px}
.exhibition-box h5,.exhibition-row h5{font-size:22px}
.exhibition-row h5{margin-bottom:10px}
.data-text p{font-size:16px}}
@media (max-width:550px){.home-product{padding:10px 0 45px}
.about-data span{display:none}
.about-data{flex-wrap:wrap}
.data-num{width:50%}
.bottle-con p{font-size:16px}
.bottle-im{padding:0 10px}
.faq-question p{font-size:16px;line-height:1.25}
.exhibition-row{width:100%}
.exhibition-btns{padding:75px 0}}
.home-service{display:none}