@-webkit-keyframes ripple{0%{opacity:0;-webkit-transform:scale(.1, .1);transform:scale(.1, .1)}5%{opacity:1}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ripple{0%{opacity:0;-webkit-transform:scale(.1, .1);transform:scale(.1, .1)}5%{opacity:1}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}.banner{height:100%;clear:both;overflow:hidden;width:100%;text-align:center;position:relative;z-index:9}.banner .swiper-container{height:100%}.banner .swiper-slide{width:100% !important;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center top}.banner img{width:100%;vertical-align:top;display:inline-block;max-width:100%;max-height:100%}.banner .pc{display:block}.banner .mobile{display:none}.banner .box{display:block;position:relative;overflow:hidden;width:100%}.banner .text{width:100%;text-align:left;color:#fff;padding-bottom:1.3rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.banner .text .title{font-size:7.2rem;font-family:var(--font-family-P-B);color:#1f1e33}.banner .text .info{font-size:2.6rem;color:var(--main-color)}.banner .text .btnDiv{padding-top:8rem}.banner .menu{width:100%;text-align:left;position:absolute;z-index:9;bottom:8rem;left:0}.banner .menu .listMenu{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.banner .menu li{width:33.33333333%;border-right:.2rem rgba(9,195,226,0.65) solid}.banner .menu li:last-child{border-right:none}.banner .menu .box{min-height:100%;cursor:pointer;display:block;background:rgba(0,0,0,0.07);color:#282c4b;font-size:2.2rem;padding:2rem 4rem}.banner .menu .box:hover{border-right:none;background:rgba(9,195,226,0.65);color:#fff}.banner .menu .title{font-family:var(--font-family-P-B);height:3rem;line-height:3rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:1}.banner .menu .info{line-height:3rem;max-height:6rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2}.banner .menu .active .box{background:rgba(9,195,226,0.65);color:#fff}.banner .swiper-button-prev,.banner .swiper-button-next{display:inline-block;border:none;width:5rem;height:5rem;border-radius:50%;background-color:rgba(0,0,0,0.16);border:1px #fff dashed;color:#fff;text-align:center;line-height:5rem;cursor:pointer;z-index:1}.banner .swiper-button-prev:after,.banner .swiper-button-next:after{font-size:1.6rem}.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{background-color:var(--main-color);color:#fff}.banner .swiper-button-prev{margin-right:.2rem}.banner .swiper-pagination{display:none}.banner .swiper-pagination-bullet-active{background:var(--main-color)}@media screen and (max-width:1023px){.banner{height:auto}.banner .pc{display:none}.banner .mobile{display:block}.banner .text{padding-bottom:0}.banner .swiper-button-next,.banner .swiper-button-prev{display:none;width:30px;height:30px;line-height:30px}.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size:12px}.banner .text{text-align:center;-webkit-transform:translateY(0);transform:translateY(0);top:15%;padding-bottom:20px}.banner .text .title{font-size:24px}.banner .text .info{font-size:16px}.banner .text .btnDiv{padding-top:10px}.banner .menu{display:none}.banner .swiper-pagination{display:block;bottom:10px}}.home-product-1{padding-top:10rem;padding-bottom:10rem}.home-product-1 .titleBig{text-align:center;text-transform:uppercase;font-size:4.2rem;color:#000;font-family:var(--font-family-P-B);line-height:1;margin-bottom:5rem}.home-product-1 .nr{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.home-product-1 .swiper-button-next,.home-product-1 .swiper-button-prev{width:5rem;height:5rem;border-radius:50%;background:#393939;color:#fff;font-size:1.6rem}.home-product-1 .swiper-button-next::after,.home-product-1 .swiper-button-prev::after{font-size:1.8rem;display:none}.home-product-1 .swiper-button-next svg,.home-product-1 .swiper-button-prev svg{width:2.8rem;height:2.8rem}.home-product-1 .swiper-button-next:hover,.home-product-1 .swiper-button-prev:hover{background:var(--main-color)}.home-product-1 .swiper-button-prev{left:4rem}.home-product-1 .swiper-button-next{right:4rem}.home-product-1 .left{width:40%}.home-product-1 .right{padding-left:2rem;width:60%}.home-product-1 .textDiv{min-height:100%;color:#383838;font-size:1.8rem;border-radius:1rem;background:rgba(228,245,251,0.5);-webkit-box-shadow:0 .3rem 4.9rem 0 rgba(31,62,72,0.27);box-shadow:0 .3rem 4.9rem 0 rgba(31,62,72,0.27);padding:6rem 5.5rem}.home-product-1 .textDiv .title{font-size:2.8rem;font-family:var(--font-family-P-B);color:#383838;line-height:3.6rem;height:3.6rem;margin-bottom:2rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:3}.home-product-1 .textDiv .info{font-size:2.2rem;color:#383838;line-height:3rem;height:12rem;margin-bottom:2rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:4}.home-product-1 .textDiv .p-1{position:relative;padding-left:3.4rem;margin-bottom:2rem}.home-product-1 .textDiv .p-1 .icon{width:2rem;height:2rem;border-radius:50%;background:var(--main-color);color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:absolute;top:.2rem;left:0}.home-product-1 .textDiv .p-1 .icon svg{width:1.6rem;height:1.6rem}.home-product-1 .textDiv .btnDiv{padding-top:2rem}.home-product-1 .textDiv .swiper-button-next,.home-product-1 .textDiv .swiper-button-prev{display:none}.home-product-1 .rightC{border-radius:1rem;background:rgba(228,245,251,0.5);-webkit-box-shadow:0 .3rem 4.9rem 0 rgba(31,62,72,0.27);box-shadow:0 .3rem 4.9rem 0 rgba(31,62,72,0.27);height:60rem;position:relative}.home-product-1 .big{position:relative;z-index:0}.home-product-1 .big .list li{width:100%}.home-product-1 .big .list .box{max-height:44rem;display:block;position:relative}.home-product-1 .big .list .box::after{content:"";display:block;padding-top:80%}.home-product-1 .small{width:100%;padding:0 2rem 2rem 2rem;position:absolute;bottom:0;left:0}.home-product-1 .small .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem}.home-product-1 .small .list li{width:25%;padding:0 1rem}.home-product-1 .small .list .box{cursor:pointer;border:.2rem #fff solid;background:#fff;border-radius:1rem;overflow:hidden;display:block;position:relative}.home-product-1 .small .list .box::after{content:"";display:block;padding-top:70%}.home-product-1 .small .list .active .box{border-color:var(--main-color)}.home-product-1 .small .list .box:hover{border-color:var(--main-color)}@media screen and (max-width:1023px){.home-product-1{padding-top:40px;padding-bottom:40px}.home-product-1 .titleBig{font-size:24px;margin-bottom:30px}.home-product-1 .swiper-button-next,.home-product-1 .swiper-button-prev{display:none;width:40px;height:40px;font-size:14px}.home-product-1 .swiper-button-next::after,.home-product-1 .swiper-button-prev::after{font-size:14px;display:none}.home-product-1 .swiper-button-next svg,.home-product-1 .swiper-button-prev svg{width:20px;height:20px}.home-product-1 .swiper-button-prev{left:0}.home-product-1 .swiper-button-next{right:0}.home-product-1 .left{width:100%;padding-bottom:0}.home-product-1 .right{padding-left:0;width:100%}.home-product-1 .textDiv{font-size:14px;border-radius:5px;padding:30px 20px;-webkit-box-shadow:0 3px 20px 0 rgba(31,62,72,0.27);box-shadow:0 3px 20px 0 rgba(31,62,72,0.27);-webkit-box-shadow:none;box-shadow:none}.home-product-1 .textDiv .title{font-size:16px;line-height:24px;height:initial;max-height:72px;margin-bottom:20px}.home-product-1 .textDiv .info{font-size:14px;line-height:24px;height:initial;max-height:96px;margin-bottom:20px}.home-product-1 .textDiv .p-1{padding-left:30px;margin-bottom:20px}.home-product-1 .textDiv .p-1 .icon{width:20px;height:20px;top:2px;left:0}.home-product-1 .textDiv .p-1 .icon svg{width:16px;height:16px}.home-product-1 .textDiv .btnDiv{padding-top:20px}.home-product-1 .textDiv .swiper-button-next,.home-product-1 .textDiv .swiper-button-prev{display:none}.home-product-1 .rightC{border-radius:5px;background:rgba(228,245,251,0.5);-webkit-box-shadow:0 3px 20px 0 rgba(31,62,72,0.27);box-shadow:0 3px 20px 0 rgba(31,62,72,0.27);-webkit-box-shadow:none;box-shadow:none;height:initial;position:relative}.home-product-1 .big{display:none}.home-product-1 .big .list li{width:100%}.home-product-1 .big .list .box{max-height:initial}.home-product-1 .small{position:static;padding:20px}.home-product-1 .small .list{margin-left:-10px;margin-right:-10px}.home-product-1 .small .list li{width:25%;padding:0 5px}.home-product-1 .small .list .box{border-radius:5px}}.home-product-2{padding-top:10rem;padding-bottom:10rem}.home-product-2 .titleBig{text-align:center;text-transform:uppercase;font-size:4.2rem;color:#000;font-family:var(--font-family-P-B);line-height:1;margin-bottom:5rem}.home-product-2 .nr{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.home-product-2 .left{width:25%;padding-right:2rem}.home-product-2 .right{width:75%;padding-left:.5rem}.home-product-2 .classify .list li{padding-bottom:1.2rem}.home-product-2 .classify .list li:last-child{padding-bottom:0}.home-product-2 .classify .list .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#edeff0;color:#383838;font-size:2.6rem;line-height:3rem;height:10rem;padding:0 2.5rem}.home-product-2 .classify .list .box:hover{background-image:linear-gradient(51deg, #2319dc 0, #00dbff 100%),linear-gradient(#08c3e2, #08c3e2);background-blend-mode:normal,normal;color:#fff}.home-product-2 .classify .list .title{line-height:3rem;max-height:6rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2}.home-product-2 .classify .list .active .box{background-image:linear-gradient(51deg, #2319dc 0, #00dbff 100%),linear-gradient(#08c3e2, #08c3e2);background-blend-mode:normal,normal;color:#fff}.home-product-2 .item{display:none}.home-product-2 .item.show{display:block}.home-product-2 .swiper-container-initialized .listProduct{-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-left:0;margin-right:0}.home-product-2 .swiper-container-initialized .listProduct li{padding-left:0;padding-right:0}.home-product-2 .swiper-container-initialized .listProduct .pic{height:26.3rem}.home-product-2 .swiper-pagination{position:relative;width:100%;max-width:48rem;height:2px;background:#a6a6a6;margin:5.5rem auto 0 auto}.home-product-2 .swiper-pagination-bullet{width:.8rem;height:.8rem;border-radius:.8rem;margin:0 .7rem 0 .8rem;background:none;opacity:1;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;background:#e0e0e0;-webkit-transition:.5s;transition:.5s}.home-product-2 .swiper-pagination-bullet:hover{background:var(--main-color)}.home-product-2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--main-color)}@media screen and (max-width:1023px){.home-product-2{padding-top:40px;padding-bottom:40px}.home-product-2 .titleBig{font-size:24px;margin-bottom:20px}.home-product-2 .left{width:100%;padding-bottom:30px}.home-product-2 .right{width:100%}.home-product-2 .classify .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-5px;margin-right:-5px}.home-product-2 .classify .list li{width:50%;padding-left:5px;padding-right:5px;padding-bottom:10px}.home-product-2 .classify .list li:last-child{padding-bottom:0;width:100%}.home-product-2 .classify .list .box{text-align:center;font-size:14px;line-height:24px;height:50px;padding:0 10px}.home-product-2 .classify .list .title{line-height:24px;max-height:48px}.home-product-2 .swiper-container-initialized .listProduct .pic{height:initial}}.home-about{background-color:#4d545d;overflow:hidden;color:#fff;font-size:2rem;line-height:1.5;text-align:center;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:96rem;padding-top:8rem;padding-right:8rem}.home-about a{color:#fff}.home-about .playBtn{display:block;margin:auto auto 8rem auto;cursor:pointer;width:10rem;height:10rem;position:relative}.home-about .playBtn::after{content:"";display:none;width:0;height:0;border-style:solid;border-width:.6rem 0 .6rem 1rem;border-color:transparent transparent transparent #fff;position:absolute;z-index:9;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.home-about .playBtn svg{color:#fff;width:1.8rem;height:1.8rem;position:absolute;z-index:9;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.home-about .playBtn .txt{font-size:3rem;font-weight:700;font-family:var(--font-family-2);color:#fff;text-shadow:0 2px 2px #000;white-space:nowrap !important;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-9rem}.home-about .circle{width:16rem;height:16rem;display:block;position:absolute;z-index:1;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin:auto;border-radius:50%;background:transparent}.home-about .circle:after{content:'';display:block;margin:auto;position:absolute;z-index:999;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--main-color-2);opacity:0;-webkit-animation:ripple 3s ease-out 0s infinite;animation:ripple 3s ease-out 0s infinite}.home-about .circle:before{content:'';display:block;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--main-color-2);opacity:0;-webkit-animation:ripple 4s ease-out 1s infinite;animation:ripple 4s ease-out 1s infinite}.home-about .container{position:relative}.home-about .nr{max-width:128rem;margin-left:auto;margin-right:auto}.home-about .titleBig{font-size:5rem;font-family:var(--font-family-P-B);line-height:1;margin-bottom:2rem}.home-about .nr{margin-bottom:6rem}@media screen and (max-width:1023px){.home-about{padding-top:40px;font-size:14px;min-height:initial}.home-about .playBtn{width:100px;height:100px}.home-about .playBtn svg{width:40px;height:40px}.home-about .playBtn .txt{font-size:24px;text-shadow:0 2px 2px #000;bottom:-60px}.home-about .circle{width:160px;height:160px}.home-about .nr{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:40px;max-width:100%;position:relative;z-index:9}.home-about .left{width:100%;float:left;padding-top:0;padding-bottom:0;padding-right:0;text-align:left}.home-about .right{width:100%}.home-about .right .pic{width:initial;border-radius:5px;overflow:hidden}.home-about .titleBig{font-size:28px;margin-bottom:20px}.home-about .p-1{font-size:18px;line-height:1.5;margin-bottom:20px}.home-about .moreDiv{padding-top:40px}.home-about .shuju{position:static;padding-top:40px}.home-about .moreDiv{padding-top:20px}}.shuju{padding-top:2rem;position:relative}.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:-3.5rem;margin-right:-3.5rem}.shuju .listShuju li{width:25%;font-size:1.8rem;padding-left:3rem;padding-right:3rem;-webkit-transition:.5s;transition:.5s;position:relative}.shuju .listShuju .box{min-height:100%;display:block;text-align:left}.shuju .listShuju .quantity{font-size:5.8rem;font-family:var(--font-family-O-B);margin-bottom:1rem}.shuju .listShuju .title{color:1.7rem;position:relative}.shuju .listShuju .sup{margin-left:1rem;vertical-align:bottom;font-size:5.8rem}@media screen and (max-width:1023px){.shuju{padding-top:30px}.shuju .listShuju{margin-left:-10px;margin-right:-10px}.shuju .listShuju li{width:50%;font-size:16px;padding-top:0;padding-bottom:20px;padding-left:10px;padding-right:10px}.shuju .listShuju .box{border-radius:5px;padding:0 10px 20px 10px}.shuju .listShuju .icon{width:30px;height:30px;top:10px;right:10px}.shuju .listShuju .quantityC{font-size:30px}.shuju .listShuju .quantity{font-size:36px;margin-bottom:10px}.shuju .listShuju .title{font-size:16px;line-height:24px}}.home-news{overflow:hidden;position:relative;z-index:1}.home-news .bg{position:absolute;z-index:-1;top:0;left:0}.home-news .bg video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.home-news .container{width:100%;max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-news .titleBig{text-align:left;font-size:4.2rem;line-height:1.2;font-family:var(--font-family-P-B);text-transform:uppercase;color:#fff;margin-bottom:12rem}.home-news .titleBig .line{width:1px;height:10rem;background:#fff;display:block;margin-top:4rem;margin-left:1rem}.home-news .left{text-align:center;width:25%}.home-news .left .leftC{text-align:left;display:inline-block}.home-news .left .moreDiv a{font-size:2rem;padding-bottom:.5rem;text-transform:uppercase;color:#fff;position:relative;-webkit-transition:.5s;transition:.5s}.home-news .left .moreDiv a::after{content:"";display:block;width:100%;height:1px;background:#fff;position:absolute;bottom:0;left:0}.home-news .left .moreDiv a:hover{padding-right:2rem}.home-news .right{width:75%;background:#fff}.home-news .swiper-pagination{display:none}.home-news .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.home-news .list li{width:33.33333333%;border-right:1px #e5e2e2 solid}.home-news .list .box{display:block;padding-top:14rem}.home-news .list .text{padding:0 4rem}.home-news .list .date{color:#333;font-size:2rem;margin-bottom:3rem}.home-news .list .title{font-family:var(--font-family-P-B);color:#333;font-size:2.4rem;line-height:3rem;height:9rem;margin-bottom:5rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:3}.home-news .list .info{font-size:1.8rem;color:#22212f;line-height:2.6rem;height:13rem;margin-bottom:7rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:5}.home-news .list .btnDiv{margin-bottom:6rem}.home-news .list .btnDiv>a,.home-news .list .btnDiv>span{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;width:4.8rem;height:4.8rem;border:.2rem var(--main-color) solid;border-radius:.5rem;color:var(--main-color)}.home-news .list .pic{overflow:hidden;position:relative}.home-news .list .pic::after{content:"";display:block;padding-top:62.5%}.home-news .list .pic img{-webkit-transition:.5s;transition:.5s}.home-news .list .box:hover .title{color:var(--main-color)}.home-news .list .box:hover .pic img{-webkit-transform:scale(1.1);transform:scale(1.1)}.home-news .swiper-pagination-bullet-active{background:var(--main-color)}.home-news .swiper-container-initialized .list{-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media screen and (max-width:1023px){.home-news{padding-top:40px;padding-bottom:40px}.home-news .titleBig{font-size:24px;margin-bottom:20px;text-align:center}.home-news .titleBig .line{width:1px;height:100px;margin-top:40px;margin-left:10px;display:none}.home-news .left{width:100%;padding-bottom:40px;text-align:center}.home-news .left .moreDiv a{font-size:16px;padding-bottom:5px}.home-news .left .moreDiv a::after{height:1px}.home-news .left .moreDiv a:hover{padding-right:0}.home-news .left .leftC{text-align:center}.home-news .right{width:100%}.home-news .list li{width:33.33333333%;border-right:1px #e5e2e2 solid}.home-news .list .box{display:block;padding-top:40px}.home-news .list .text{padding:0 10px}.home-news .list .date{font-size:16px;margin-bottom:10px}.home-news .list .title{font-size:16px;line-height:24px;height:72px;margin-bottom:20px}.home-news .list .info{font-size:14px;line-height:24px;height:120px;margin-bottom:20px;-webkit-line-clamp:5}.home-news .list .btnDiv{margin-bottom:20px}.home-news .list .btnDiv>a,.home-news .list .btnDiv>span{width:32px;height:32px;border-radius:5px}.home-news .list .btnDiv>a svg,.home-news .list .btnDiv>span svg{width:12px;height:12px}.home-news .swiper-pagination{display:block}}