.h-video{height:100%;width:100%}.h-banner{display:flex;height:-moz-max-content;height:max-content;overflow:hidden;position:relative;width:100%;--def-ratio:var(--0dfe6bee);--md-ratio:var(--662726cc);--ratio:var(--def-ratio)}@media screen and (min-width:768px){.h-banner{--ratio:var(--md-ratio)}}.h-banner:after{content:" ";padding:calc(1/var(--ratio)*50%) 0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.h-banner-item{height:100%;left:0;position:absolute;top:0;width:100%}.h-banner-title{color:#fff;left:50%;pointer-events:none;top:50%;transform:translate(-50%,-50%);width:90%}.h-banner .h-banner-navs,.h-banner-title{position:absolute;text-align:center;z-index:3}.h-banner .h-banner-navs{left:0;line-height:10px;top:91%;width:100%}.h-banner .h-banner-navs button{background-color:transparent;border:0;cursor:pointer;display:inline-block;height:15px;margin:0 5px 0 0;position:relative;width:60px}.h-banner .h-banner-navs button:before{background-color:#dadfdb;content:"";display:block;height:1px;left:0;pointer-events:none;position:absolute;top:7px;width:100%}.h-banner .h-banner-navs button.active:before{background-color:#000}@keyframes l2r{0%{transform:translate(-30%)}to{transform:translate(0)}}@keyframes r2l{0%{transform:translate(30%)}to{transform:translate(0)}}.index-content .banner .h-banner-title{padding:22px 0}.index-content .banner .h-banner-title .title_text1{animation:l2r 1s ease-in-out forwards;font-size:60px;margin-bottom:20px}.index-content .banner .h-banner-title .title_text1.en{letter-spacing:0}.index-content .banner .h-banner-title .title_text2{align-items:center;animation:r2l 1s ease-in-out forwards;display:flex;gap:20px;justify-content:center;pointer-events:all}.index-content .banner .h-banner-title .title_text2 button{border:1px solid #fff;border-radius:40px;color:#fff;cursor:pointer;font-size:20px;height:40px;transition:all .2s;width:200px}.index-content .banner .h-banner-title .title_text2 button:hover{background:var(--c-02-01);border:1px solid var(--c-02-01)}.index-content .news-content__desc{color:#333;font-family:SourceHanSansCN-Regular;font-size:20px;font-weight:400;line-height:48px;text-align:justify;text-indent:36px}.index-content .product-list{display:flex;flex-wrap:wrap;width:100%}.index-content .product-list_item{background:#d9d9d9;border-radius:0;cursor:pointer;height:22vw;overflow:hidden;position:relative;width:50%}.index-content .product-list_item span{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff9;border-radius:0 0 20px;box-shadow:3px 0 5px 1px #0000001a;font-family:SourceHanSansCN-Regular;font-size:14px;left:0;line-height:1;padding:14px 0 14px 38px;position:absolute;text-align:left;top:0;width:228px;z-index:2}.index-content .product-list_item .bg-layer{height:100%;transition:all .4s;width:100%}.index-content .product-list_item .bg-layer:hover{transform:scale(1.03)}.index-content .news{margin-bottom:100px;padding:0 10%}.index-content .news .news-list{display:flex}.index-content .news .news-list_item{height:34vw;width:25vw}.index-content .news .news-list_item img{height:28vw;width:inherit}@media (max-width:1024px){.index-content .banner .h-banner-title{padding:5px 0}.index-content .banner .h-banner-title .title_text1{font-size:6vw;margin-bottom:10px}.index-content .banner .h-banner-title .title_text2{gap:10px}.index-content .banner .h-banner-title .title_text2 button{border-radius:8vw;font-size:3.2vw;height:8vw;width:30vw}.index-content .product-list{display:flex;flex-direction:column}.index-content .product-list_item{height:46vw;width:100%}.index-content .news{margin-bottom:100px;padding:0 5%}.index-content .news .news-list{display:flex;flex-direction:column}.index-content .news .news-list_item{height:100vw;width:100%}.index-content .news .news-list_item img{height:70%;width:inherit}}