.banner{clear:both;overflow:hidden;width:100%;text-align:center;position:relative;z-index:9}.banner img{vertical-align:top;display:inline-block;max-width:100%;max-height:100%}.banner .pc{width:100vw;display:block;height:100vh}.banner .pc img{-o-object-fit:cover;object-fit:cover}.banner .mobile{display:none}.banner .box{display:block;position:relative;overflow:hidden;width:100%}.banner video{vertical-align:top}.banner .pc{display:block;width:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative}.banner .pc img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:static}.banner .pc video{vertical-align:top;position:absolute;bottom:0;left:0}.banner .mobile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:static}.banner .text{width:100%;line-height:1.5;text-align:center;color:var(--main-color);position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.banner .title-1{font-weight:400;font-size:6rem;line-height:7rem;margin-bottom:1rem}.banner .swiper-pagination{width:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;bottom:4rem;left:0;z-index:9}.banner .swiper-pagination-bullet{width:10px;height:10px;background:none;border-radius:5px;margin:0 5px;opacity:1;background:#fff;position:relative;-webkit-transition:all .5s;transition:all .5s}.banner .swiper-pagination-bullet-active{opacity:1;width:3.3rem}.banner .swiper-pagination-bullet-active::before{opacity:1;width:100%}.banner .swiper-button-prev,.banner .swiper-button-next{border:none;width:5rem;height:5rem;line-height:5rem;border-radius:50%;background-color:rgba(0,0,0,0.4);color:#ccc;text-align:center;margin:auto;cursor:pointer;top:50%;-webkit-transform:translateY(50%);transform:translateY(50%);position:absolute;z-index:1}.banner .swiper-button-prev::after,.banner .swiper-button-next::after{content:"";display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:3.2rem;height:3.2rem;background-repeat:no-repeat;background-position:center center;background-size:3.2rem}.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{background:var(--bgJianbian-2)}.banner .swiper-button-prev{left:8rem}.banner .swiper-button-prev::after{background-image:url('data:image/svg+xml;utf8,')}.banner .swiper-button-next{right:8rem}.banner .swiper-button-next::after{background-image:url('data:image/svg+xml;utf8,')}.banner .swiper-slide-active .title-1{-webkit-animation:fadeInUp2 2s alternate;animation:fadeInUp2 2s alternate}.banner .swiper-slide-active .title-2{-webkit-animation:fadeInUp2 2s alternate;animation:fadeInUp2 2s alternate}.banner .swiper-slide-active .title-3{-webkit-animation:fadeInUp2 2s alternate;animation:fadeInUp2 2s alternate}.banner .swiper-slide-active .btnDiv{-webkit-animation:fadeInUp2 2s alternate;animation:fadeInUp2 2s alternate}@media screen and (max-width:1023px){.banner .pc{display:none}.banner .mobile{display:block;position:relative;z-index:0}.banner .text{padding-top:0}.banner .title-1{font-weight:400;font-size:28px;line-height:1.5;margin-bottom:10px}.banner .swiper-button-next,.banner .swiper-button-prev{width:32px;height:32px}.banner .swiper-button-next::after,.banner .swiper-button-prev::after{width:16px;height:16px;background-size:16px}.banner .swiper-button-next:hover::after,.banner .swiper-button-prev:hover::after{font-size:12px}.banner .swiper-button-prev{left:5vw}.banner .swiper-button-next{right:5vw}}.home-product{padding-top:1rem}.home-product .container{width:100%;max-width:100%;padding-left:0;padding-right:0}.home-product .list li{padding:0 0 1rem 0}.home-product .list .box{display:block;position:relative}.home-product .list .pic{overflow:hidden}.home-product .list .pic img{-webkit-transition:.5s;transition:.5s;width:100%;-o-object-fit:cover;object-fit:cover}.home-product .list .mobile{display:none}.home-product .list .text{width:100%;padding:6rem 12rem;position:absolute;z-index:9;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.home-product .list .textC{max-width:60rem}.home-product .list .title{color:#3a4450;font-size:5rem;line-height:7rem;font-family:var(--font-family-P-B)}.home-product .list .btnDiv{padding-top:4rem}.home-product .list .btnDiv>a,.home-product .list .btnDiv>span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:5.8rem;height:6rem;border:.1rem var(--main-color) solid;color:var(--main-color);font-size:1.8rem;font-family:var(--font-family-P-B);padding:0 1rem;min-width:22rem;border-radius:3rem;position:relative}.home-product .list .btnDiv>a::after,.home-product .list .btnDiv>span::after{content:"";display:inline-block;width:2rem;height:2rem;background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-position:center center;background-size:2rem;margin-left:1rem}.home-product .list .box:hover .title{color:var(--main-color)}.home-product .list .box:hover .pic img{-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (max-width:1023px){.home-product{padding-top:5vw}.home-product .container{width:100%;max-width:100%}.home-product .list li{padding:0 0 10px 0}.home-product .list .pc{display:none}.home-product .list .mobile{display:block}.home-product .list .text{padding:20px 20px;top:0;-webkit-transform:translateY(0);transform:translateY(0)}.home-product .list .textC{max-width:100%;text-align:center}.home-product .list .title{font-size:16px;line-height:1.2}.home-product .list .btnDiv{padding-top:0}.home-product .list .btnDiv>a,.home-product .list .btnDiv>span{background:rgba(255,255,255,0);border:none;line-height:38px;height:40px;font-size:14px;padding:0 5px;min-width:120px;border-radius:5px;font-family:var(--font-family-P-R)}.home-product .list .btnDiv>a::after,.home-product .list .btnDiv>span::after{width:20px;height:20px;background-size:20px;margin-left:5px}}.home-solution{padding-top:3rem}.home-solution .container{width:100%;max-width:100%}.home-solution .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.home-solution .list li{width:50%;padding:0 1.5rem 3rem 1.5rem}.home-solution .list .box{display:block;position:relative}.home-solution .list .pic{overflow:hidden}.home-solution .list .pic img{-webkit-transition:.5s;transition:.5s;width:100%;-o-object-fit:cover;object-fit:cover}.home-solution .list .text{width:100%;padding:6rem 12rem;text-align:center;position:absolute;z-index:9;top:0;left:0}.home-solution .list .title{color:#1c1c1c;font-size:4.6rem;line-height:6rem;font-weight:400}.home-solution .list .box:hover .title{color:var(--main-color)}.home-solution .list .box:hover .pic img{-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (max-width:1023px){.home-solution{padding-top:30px}.home-solution .list{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-left:-10px;margin-right:-10px}.home-solution .list li{width:50%;padding:0 10px 20px 10px}.home-solution .list .box{min-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.home-solution .list .text{padding:20px 0;position:relative}.home-solution .list .title{font-size:16px;line-height:24px}}.home-about{background-repeat:no-repeat;background-position:center bottom;background-size:cover;padding-top:12rem;padding-bottom:12rem}.home-about .titleBig{font-size:6rem;color:#3a4450;font-family:var(--font-family-P-B);margin-bottom:6rem}.home-about .list li{padding-bottom:1.5rem}.home-about .list .box{min-width:55rem;display:inline-block;font-size:2rem;line-height:4.4rem;border-radius:2.2rem;background:var(--bgJianbian-2);color:#fff;padding-left:6rem;padding-right:3rem;position:relative}.home-about .list .icon{display:block;width:4rem;height:4rem;border-radius:50%;background:var(--main-color);background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-position:center center;background-size:2rem;position:absolute;top:.2rem;left:.2rem}@media screen and (max-width:1023px){.home-about{padding-top:60px;padding-bottom:60px}.home-about .titleBig{font-size:24px;margin-bottom:20px}.home-about .list li{padding-bottom:10px}.home-about .list .box{min-width:auto;font-size:16px;line-height:24px;border-radius:10px;padding:10px 20px 10px 46px}.home-about .list .icon{width:40px;height:40px;border-radius:10px;background-size:20px;background-color:initial;top:2px;left:2px}}.shuju{margin-top:10rem;padding-top:2rem;background:linear-gradient(15deg, rgba(39,179,176,0.95), rgba(73,166,52,0.95));border-radius:1rem;color:#fff;padding:5rem 5rem}.shuju .listShuju{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem}.shuju .listShuju li{font-size:1.6rem;color:#fff;padding-top:0;padding-bottom:0;padding-left:1rem;padding-right:1rem;-webkit-transition:.5s;transition:.5s;position:relative}.shuju .listShuju .box{min-height:100%;display:block;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;position:relative;z-index:1}.shuju .listShuju .boxC{width:100%;vertical-align:top;text-align:left}.shuju .listShuju .quantity{font-family:var(--font-family-O-R);font-size:6rem;line-height:1}.shuju .listShuju .quantity{margin-bottom:1rem}.shuju .listShuju .title{color:#fff;font-size:2rem;line-height:2.4rem;position:relative}.shuju .listShuju .sup{font-size:2.8rem;vertical-align:top}@media screen and (max-width:1023px){.shuju{margin-top:20px;border-radius:10px;padding:40px 20px 20px 20px}.shuju .listShuju{margin-left:-10px;margin-right:-10px}.shuju .listShuju li{font-size:16px;padding-left:10px;padding-right:10px;padding-bottom:20px}.shuju .listShuju .quantity{font-size:24px;margin-bottom:10px}.shuju .listShuju .title{font-size:16px;line-height:24px}.shuju .listShuju .sup{font-size:28px}}
.banner .text-2 {
transform: translateY(0);
top: 20%;
}
.banner .text-3 {
width: 100%;
padding-top: 28rem;
text-align: left;
position: absolute;
top: 0;
left: 0;
}
.banner .text-3 .title-1 {
font-size: 6rem;
line-height: 1.3;
font-family: var(--font-family-P-B);
color: #398b26;
}
.banner .text-3 .info {
font-size: 3rem;
height:4.5rem;
color: #398b26;
}
.banner .text-3 .div-1 {
padding-top: 5rem;
display: flex;
flex-wrap: wrap;
align-items: center;
color: #398b26;
font-size: 1.6rem;
gap: 4rem;
}
.banner .text-3 .div-1>div {
display: inline-flex;
align-items: center;
}
.banner .text-3 .div-1 .icon {
display: inline-flex;
width: 4.8rem;
height: 4.8rem;
}
.banner .swiper-slide-active .info {
-webkit-animation: fadeInUp2 2s alternate;
animation: fadeInUp2 2s alternate;
}
.banner .swiper-slide-active .div-1 {
-webkit-animation: fadeInUp2 2s alternate;
animation: fadeInUp2 2s alternate;
}
.banner .text-3 .text-list>div {
position: absolute;
color: #1d660c;
font-size: 1.5rem;
line-height: 2.4rem;
text-align: center;
display: none;
}
@media screen and (max-width: 1023px) {
.banner .text-3 {
padding-top: 20%;
}
.banner .text-3 .title-1 {
font-size: 30px;
line-height: 1.2;
}
.banner .text-3 .info {
font-size: 20px;
line-height: 1.2;
height: 24px;
}
.banner .text-3 .div-1 {
padding-top: 10px;
font-size: 12px;
gap: 5px;
}
.banner .text-3 .div-1 .icon {
display: inline-flex;
width: 24px;
height: 24px
}
}