.banner{height:100%;max-height:78rem;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{vertical-align:top;display:inline-block;max-width:100%;max-height:100%}.banner .pc{display:block;background:#000}.banner .mobile{display:none;position:relative}.banner .box{display:block;position:relative;overflow:hidden;width:100%}.banner .text{width:100%;text-align:left;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.banner .title{line-height:9rem;color:#fff;font-size:5.4rem;font-family:var(--font-family-3)}.banner .title sup{font-family:var(--font-family-1);font-size:2.2rem}.banner .btnDiv{padding-top:8rem}.banner .swiper-pagination{width:100%;height:36px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;bottom:20px;left:0;z-index:999}.banner .swiper-pagination-bullet{background:none;width:8.8rem;height:2rem;margin:0 .2rem;opacity:.33;position:relative}.banner .swiper-pagination-bullet:after{content:"";display:block;width:100%;height:.4rem;margin:auto;background-color:#fff;position:absolute;bottom:50%;left:0;right:0;-webkit-transition:all .5s;transition:all .5s}.banner .swiper-pagination-bullet-active{opacity:1}@media screen and (max-width:1023px){.banner{height:auto;max-height:initial}.banner .pc{display:none}.banner .text{text-align:center;top:25%}.banner .textC{max-width:100%}.banner .mobile{display:block}.banner .title{font-size:24px;margin-bottom:10px}.banner .title sup{font-size:14px}.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 .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 .swiper-pagination{width:100%;height:36px;bottom:20px}.banner .swiper-pagination-bullet{width:30px;height:10px;margin:0 2px}.banner .swiper-pagination-bullet:after{height:4px}}.home-product{padding-top:9rem;padding-bottom:9rem}.home-product .tabs{padding-top:3rem}.home-product .listMenu{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:4rem}.home-product .listMenu li{padding-left:2.5rem;padding-right:2.5rem}.home-product .listMenu .box{font-family:var(--font-family-3);font-size:1.8rem;line-height:3rem;font-weight:700;display:block}.home-product .listMenu .box:hover{opacity:.8}.home-product .listMenu .active .box{text-decoration:underline}.home-product .conTabs .item{display:none}.home-product .conTabs .item.show{display:block}.home-product .list{overflow:hidden;margin-left:-1.2rem;margin-right:-1.2rem}.home-product .list li{width:25%;float:left;padding-left:1.2rem;padding-right:1.2rem;padding-bottom:2.4rem}.home-product .list .box{display:block;background:#f5f8fa;border-radius:1rem;overflow:hidden;text-align:center;position:relative}.home-product .list .pic{overflow:hidden;position:relative}.home-product .list .pic::after{content:"";display:block;padding-top:100%}.home-product .list .pic img{-webkit-transition:.5s;transition:.5s}.home-product .list .tag{display:block;min-width:4rem;line-height:2rem;border-radius:1rem;font-size:1.3rem;background:-webkit-gradient(linear,left top,right top,from(var(--main-color)),to(var(--main-color-2)));background:linear-gradient(90deg,var(--main-color),var(--main-color-2));color:#fff;position:absolute;top:2rem;left:3rem;padding:0 1rem;}.home-product .list .text-1{width:100%;padding:4rem 2rem 3rem 2rem;position:absolute;bottom:0;left:0}.home-product .list .text-1 .title{font-family:var(--font-family-3);font-size:2rem;height:3rem;line-height:3rem;color:#212121;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:1}.home-product .list .text-1 .info{font-size:1.4rem;max-height:3rem;line-height:3rem;color:#616161;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:1}.home-product .list .text-2{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(33,33,33,0.78);position:absolute;z-index:9;top:0;left:0;opacity:0;visibility:hidden;-webkit-transition:opacity cubic-bezier(.4,0,.2,1) .3s .1s,visibility cubic-bezier(.4,0,.2,1) .3s .1s,z-index cubic-bezier(.4,0,.2,1) .3s .1s,background-color cubic-bezier(.4,0,.2,1) .3s .1s;transition:opacity cubic-bezier(.4,0,.2,1) .3s .1s,visibility cubic-bezier(.4,0,.2,1) .3s .1s,z-index cubic-bezier(.4,0,.2,1) .3s .1s,background-color cubic-bezier(.4,0,.2,1) .3s .1s}.home-product .list .text-2 .title{font-family:var(--font-family-3);color:#fff;font-size:2.8rem;line-height:3rem;height:auto;max-height:6rem;-webkit-line-clamp:2;margin-bottom:1.5rem;margin-top:4rem;opacity:0;-webkit-transition:opacity cubic-bezier(.4,0,.2,1) .3s .1s,visibility cubic-bezier(.4,0,.2,1) .3s .1s,margin-top cubic-bezier(.4,0,.2,1) .3s .1s;transition:opacity cubic-bezier(.4,0,.2,1) .3s .1s,visibility cubic-bezier(.4,0,.2,1) .3s .1s,margin-top cubic-bezier(.4,0,.2,1) .3s .1s}.home-product .list .text-2 .info{font-size:1.8rem;color:#fff;opacity:0;visibility:hidden;-webkit-transition:opacity cubic-bezier(.4,0,.2,1) .3s .1s,visibility cubic-bezier(.4,0,.2,1) .3s .1s;transition:opacity cubic-bezier(.4,0,.2,1) .3s .1s,visibility cubic-bezier(.4,0,.2,1) .3s .1s}.home-product .list .text-2 .btnDiv{padding-top:7rem;opacity:0;visibility:hidden;-webkit-transition:opacity cubic-bezier(.4,0,.2,1) .3s .1s,visibility cubic-bezier(.4,0,.2,1) .3s .1s;transition:opacity cubic-bezier(.4,0,.2,1) .3s .1s,visibility cubic-bezier(.4,0,.2,1) .3s .1s}.home-product .list .col-4-2{width:50%}.home-product .list .col-4-2 .text-1{padding-bottom:7rem}.home-product .list .col-4-2 .text-1 .title{font-size:2.4rem;height:3.6rem;line-height:3.6rem}.home-product .list .col-4-2 .text-1 .info{font-size:1.8rem;height:3.6rem;line-height:3.6rem}.home-product .list .box:hover .pic img{-webkit-transform:scale(1.1);transform:scale(1.1)}.home-product .list .box:hover .text-2{opacity:1;visibility:visible}.home-product .list .box:hover .text-2 .title{margin-top:0;opacity:1;visibility:visible}.home-product .list .box:hover .text-2 .info{opacity:1;visibility:visible}.home-product .list .box:hover .text-2 .btnDiv{opacity:1;visibility:visible}@media screen and (max-width:1023px){.home-product{padding-top:60px}.home-product .tabs{padding-top:30px}.home-product .listMenu{margin-bottom:30px}.home-product .listMenu li{padding-left:15px;padding-right:15px}.home-product .listMenu .box{font-size:16px;line-height:30px}.home-product .list{margin-left:-10px;margin-right:-10px}.home-product .list li{width:50%;padding-left:10px;padding-right:10px;padding-bottom:20px}.home-product .list .box{border-radius:5px}.home-product .list .tag{min-width:40px;line-height:20px;border-radius:10px;font-size:13px;top:20px;left:30px}.home-product .list .text-1{padding:40px 10px 20px 10px}.home-product .list .text-1 .title{font-size:20px !important;height:30px;line-height:30px}.home-product .list .text-1 .info{font-size:14px !important;max-height:30px;line-height:30px}.home-product .list .text-2 .title{font-size:28px;line-height:30px;max-height:60px;margin-bottom:15px;margin-top:40px}.home-product .list .text-2 .info{font-size:18px}.home-product .list .text-2 .btnDiv{padding-top:70px}.home-product .list .col-4-2{width:100%}.home-product .list .col-4-2 .text-1{padding-bottom:10px}.home-product .list .col-4-2 .text-1 .title{font-size:24px;height:36px;line-height:36px}.home-product .list .col-4-2 .text-1 .info{font-size:18px;height:36px;line-height:36px}}@media screen and (max-width:768px){.home-product .list li{width:100%}}.home-product-2{text-align:center;padding-bottom:11.5rem}.home-product-2 .box{display:block;position:relative}.home-product-2 .text{width:100%;padding-top:8rem;position:absolute;top:0;left:0}.home-product-2 .title{font-family:var(--font-family-3);font-size:4.2rem;color:#fff;margin-bottom:2rem}.home-product-2 .mobile{display:none}@media screen and (max-width:1023px){.home-product-2{padding-bottom:40px}.home-product-2 .text{padding-top:30px}.home-product-2 .title{font-size:24px;margin-bottom:20px}.home-product-2 .pc{display:none}.home-product-2 .mobile{display:block}}.home-about{padding-bottom:10rem}.home-about .nr{margin-top:3rem;position:relative}.home-about video{width:100%;vertical-align:top}.home-about .btnDiv{position:absolute;bottom:7rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (max-width:1023px){.home-about{padding-bottom:40px}.home-about .nr{margin-top:30px}.home-about .btnDiv{padding-top:30px;text-align:center;position:relative;bottom:initial;left:0;-webkit-transform:translateX(0);transform:translateX(0)}.home-about .btnDiv .common-btn-2{color:#000}}.home-photo{padding-bottom:7rem}.home-photo .nr{margin-top:4rem;position:relative}.home-photo .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.home-photo .list li{width:20%;padding-left:.6rem;padding-right:.6rem;padding-bottom:1.2rem}.home-photo .list .box{display:block;color:#fff;position:relative}.home-photo .list .box::after{content:"";display:block;width:100%;height:100%;opacity:0;position:absolute;z-index:9;top:0;left:0;background:rgba(0,0,0,0.2)}.home-photo .list .pic{overflow:hidden;position:relative}.home-photo .list .pic::after{content:"";display:block;padding-top:100%}.home-photo .list .pic img{-webkit-transition:.5s;transition:.5s}.home-photo .list .text{width:100%;padding:2rem 2rem;position:absolute;z-index:9;bottom:0;left:0}.home-photo .list .title{font-size:1.8rem}.home-photo .list .box:hover::after{opacity:1}.home-photo .list .box:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (max-width:1023px){.home-photo{padding-bottom:40px}.home-photo .nr{margin-top:20px;position:relative}.home-photo .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.home-photo .list li{width:33.33333333%;padding-left:6px;padding-right:6px;padding-bottom:12px}.home-photo .list .box{display:block;color:#fff;position:relative}.home-photo .list .box::after{content:"";display:block;width:100%;height:100%;opacity:0;position:absolute;z-index:9;top:0;left:0;background:rgba(0,0,0,0.2)}.home-photo .list .pic{overflow:hidden;position:relative}.home-photo .list .pic::after{content:"";display:block;padding-top:100%}.home-photo .list .pic img{-webkit-transition:.5s;transition:.5s}.home-photo .list .text{width:100%;padding:20px 20px;position:absolute;z-index:9;bottom:0;left:0}.home-photo .list .title{font-size:18px}.home-photo .list .box:hover::after{opacity:1}.home-photo .list .box:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}}@media screen and (max-width:768px){.home-photo .list li{width:50%}}.home-news{padding-bottom:5rem}.home-news .nr{margin-top:4rem;position:relative}.home-news .swiper-container-initialized .listNews{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.home-news .swiper-container-initialized .listNews li{padding-left:0;padding-right:0}.home-news .swiper-pagination{text-align:center}.home-news .swiper-pagination{height:.8rem;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:relative}.home-news .swiper-pagination-bullet{width:2.4rem;height:2.4rem;background:none;border-radius:0;margin:0 .3rem;opacity:1;position:relative;-webkit-transition:all .5s;transition:all .5s}.home-news .swiper-pagination-bullet::after{content:"";display:block;width:.8rem;height:.8rem;background:#e0e0e0;border-radius:.4rem;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-transition:.5s;transition:.5s}.home-news .swiper-pagination-bullet-active{opacity:1}.home-news .swiper-pagination-bullet-active::after{width:1.4rem;background:-webkit-gradient(linear,left top,right top,from(var(--main-color)),to(var(--main-color-2)));background:linear-gradient(90deg,var(--main-color),var(--main-color-2))}.home-news .swiper-pagination-bullet-active::before{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}.home-news .swiper-button-prev,.home-news .swiper-button-next{border:none;width:3.6rem;height:3.6rem;border-radius:50%;background-color:#f5f5f8;color:#333;text-align:center;line-height:3.6rem;margin:auto;cursor:pointer;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;z-index:1}.home-news .swiper-button-prev:after,.home-news .swiper-button-next:after{font-size:1.6rem}.home-news .swiper-button-prev:hover,.home-news .swiper-button-next:hover{background:-webkit-gradient(linear,left top,right top,from(var(--main-color)),to(var(--main-color-2)));background:linear-gradient(90deg,var(--main-color),var(--main-color-2));color:#fff}.home-news .swiper-button-prev{left:5.5rem}.home-news .swiper-button-next{right:5.5rem}@media screen and (max-width:1023px){.home-news{padding-bottom:40px}.home-news .nr{padding-top:20px}.home-news .swiper-pagination-bullet{width:24px;height:24px}.home-news .swiper-pagination-bullet::after{width:8px;height:8px;border-radius:4px}.home-news .swiper-pagination-bullet-active::after{width:14px}.home-news .swiper-button-prev,.home-news .swiper-button-next{width:30px;height:30px;line-height:30px}.home-news .swiper-button-prev:after,.home-news .swiper-button-next:after{font-size:14px}.home-news .swiper-button-prev{left:0}.home-news .swiper-button-next{right:0}}.banner .title .icon-1{transform:translateY(-0.5rem);height:3.8rem;}@media screen and (max-width:1023px){.banner .title .icon-1{transform:translateY(-3px);height:18px;}}