.banner{width:100%;height:100vh;overflow:hidden}
.banner video{width:100%;height:100%;object-fit:cover}
.banner .banner-w{position:absolute;top:23%;left:50%;transform:translate(-50%,-50%);text-align:center}
.banner .banner-w h2{padding:10px 30px;font-size:52px;font-weight:600;color:#FFFFFF;text-shadow:0 0 5px #000,0 0 5px #555}
.banner .banner-w h5{padding:0 30px;font-size:24px;font-weight:600;color:#FFFFFF;text-shadow:0 0 5px #000,0 0 5px #555;padding-bottom:20px}
.banner .banner-w a{font-size:15px;color:#FFFFFF;background-color:#1c7cce;border-color:#1c7cce;padding:.6rem 1rem;border-radius:50px;line-height:1.5;font-weight:600}
@media (max-width:768px){.banner{margin-top:90px;height:auto;overflow:inherit}
.banner .banner-w{display:none}}
.index-product{padding:60px 0}
.index-product h2{font-size:52px;color:#FFFFFF;font-weight:600;text-align:center;padding-bottom:5px}
.index-product h5{font-size:32px;font-weight:600;color:#FFFFFF;text-align:center;padding-bottom:60px}
.index-product .product-list{position:relative;padding-bottom:30px;display:block}
.index-product .product-list .product-list-w{position:absolute;bottom:65px;right:40px;text-align:right}
.index-product .product-list h3{margin-bottom:5px}
.index-product .product-list h3{font-size:34px;line-height:1.28em;font-weight:600;color:#FFFFFF;font-family:Inter,sans-serif}
.index-product .product-list h3:hover{text-decoration:none}
.index-product .product-list h6 a{font-size:22px;line-height:1.28em;font-weight:600;color:#FFFFFF;font-family:Inter,sans-serif}
.index-product .product-list img{width:100%;background:linear-gradient(to bottom,#000,#212121);border-radius:12px}
.index-product .product-list:hover img{background:linear-gradient(to bottom,#000,#151515)}
.index-product .product-list .product-img2{display:none}
.index-product .product-list:hover .product-img1{display:none}
.index-product .product-list:hover .product-img2{display:block}
@media (max-width:1600px){.index-product .product-list h3{font-size:18px;bottom:35px;right:20px}}
@media (max-width:990px){.index-product .product-list h3{font-size:24px;bottom:35px;right:20px}}
@media (max-width:768px){.index-product{padding:30px 0 15px}
.index-product h2{font-size:32px}
.index-product h5{font-size:24px;padding-bottom:30px}
.index-product .product-list{padding-bottom:15px}
.index-product .product-list h3{font-size:32px;bottom:55px;right:40px}}
.index-application .index-application-bj{width:100%;height:100vh;background-repeat:no-repeat;background-size:cover,cover;background-position:center;position:relative}
.index-application .index-application-w{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.index-application .index-application-w h2{font-size:52px;font-weight:600;color:#FFFFFF}
.index-application .index-application-w h5{font-size:24px;font-weight:600;color:#FFFFFF}
.index-application h3{padding:70px 0 50px;font-size:32px;color:#FFFFFF;font-weight:600}
.index-application h3 span{padding-left:20px}
.index-application h3:before{content:'';display:inline-block;position:relative;top:-9px;height:2px;width:80px;background-color:#1c7cce;padding-right:5px}
.index-application .index-application-list{background-repeat:no-repeat;background-size:cover,cover;background-position:center;width:100%;height:50vh;border-radius:12px}
.index-application .index-application-list{position:relative;margin-bottom:15px}
.index-application .index-application-list .index-application-list-w{position:absolute;left:40px;top:50%;transform:translateY(-50%)}
.index-application .index-application-list h4{margin-bottom:5px;color:#FFFFFF;font-size:40px;font-weight:600}
.index-application .index-application-list a{display:inline-block;margin-top:5px;font-size:14px;font-weight:600;color:#FFFFFF;background-color:#1c7cce;padding:8px 15px;border-radius:50px;font-family:Inter,sans-serif}
@media (max-width:768px){.index-application .index-application-bj{height:300px}
.index-application .index-application-w{width:100%}
.index-application .index-application-w h2{font-size:32px}
.index-application .index-application-w h5{font-size:20px}
.index-application h3{padding:30px 0;font-size:24px}
.index-application h3 span{padding-left:10px}
.index-application h3:before{width:30px}
.index-application .index-application-list .index-application-list-w{left:15px}
.index-application .index-application-list h4{font-size:32px}}
/* 12-16 */
.index-product .product-list{height:100%}
.index-product .product-list img{height:100%}