.si_banner{}
.si_banner_i{position: relative;}
.si_banner_i>img{width: 100%;object-fit: cover;height: calc(100vh - 60px);}
.si_banner_w{position: absolute;left: 7%;top: 30%;display: flex;justify-content: center;flex-direction: column;color: #fff;align-items: flex-start;gap: 40px;}
.si_banner_w>h1{font-size: 5rem;font-weight: 300;}
.si_banner_w>p{font-size: 3rem;}
.si_banner_w>span{position: relative;color: #fff;line-height: 60px;padding: 0 6rem;font-size: 16px;border: 1px solid #fff;display: inline-block;}
/* .si_banner_w>i{font-size: 20px;margin-top: 20px;font-style: normal;} */
/* .si_banner_iw{position: absolute;top: 50%;transform: translateY(-50%);right: calc(50vw - var(--lg) / 2);width: calc(var(--lg) / 1.5);text-align: center;}
.si_banner_iw>h1{color: var(--base);font-size: 30px;}
.si_banner_iw>p{color: #fff;font-size: 20px;margin: 20px 0 30px;}
.si_banner_iw>a{line-height: 34px;background-color: var(--base);padding: 0 30px;display: inline-block;color: #fff;} */

.si_arrow{color: #fff;text-align: center;font-family: monospace,serif;position: absolute;bottom: 130px;z-index: 1;font-size: 30px;font-weight: 900;transition: .3s;width: 60px;height: 60px;line-height: 54px;border: 1px solid #fff;border-radius: 50%;}
.si_arrow.slick_prev{right: calc(9% + 60px);}
.si_arrow.slick_next{right: 8%;}

.ban_dot{position: absolute;bottom: 60px;text-align: center;left: 50%;transform: translateX(-50%);}
.ban_dot>li{display: inline-block;width: 54px;height: 8px;font-size: 0;outline: 0;margin-right: 20px;transition: all .5s;cursor: pointer;border: 1px solid #fff;border-radius: 5px;}
.ban_dot>li:last-child{margin-right: 0;}
.ban_dot>.slick-active{background-color: #fff;;}
.ban_dot>li button{display: none;}


.si_prod_c{display: flex;justify-content: space-between;padding: 20px 2%;}
.si_prod_i{width: 32%;height: 600px;display: flex;flex-direction: column;border-radius: 10px;align-items: center;padding: 90px 0 0;transition: .6s;background-position: center;background-size: cover;}
.si_prod_i>h1{font-size: 42px;color: #000;font-weight: 700;text-align: center;}
.si_prod_i>h2{font-size: 30px;font-weight: 600;color: #333;margin-top: 60px;}
.si_prod_i>p{font-size: 16px;line-height: 2;text-align: center;max-width: 80%;}
.si_prod_i:last-child>*{color: #fff;}
.si_prod_i:hover{transform: scale(.98);}

.si_tact{background: url('/images/index/4.jpg') no-repeat center/120%;transition: .6s;}
.si_tact:hover{background-size: 110%;}
.si_tact_c{display: flex;flex-direction: column;justify-content: center;height: 520px;gap: 40px;color: #fff;}
.si_tact_c>h1{font-size: 48px;}
.si_tact_c>p{font-size: 20px;}
.si_tact_c>a{font-size: 16px;font-family: monospace,serif;}



@media screen and (max-width: 1200px) {
    .si_banner_i>img{height: calc(100vh - 6rem);object-fit: cover;}
    .si_banner_w>p{font-size: 2rem;}
    .si_banner_w>h1{font-size: 3rem;}
    .si_banner_w>span{line-height: 4rem;padding: 0 3rem;font-size: 1.2rem;}

    .ban_dot{bottom: 2rem;}
    .ban_dot>li{width: 3rem;height: .5rem;margin-right: 1rem;}

    .si_prod_c{flex-direction: column;gap: 2rem;padding: 2rem;}
    .si_prod_i{width: 100%;height: 50rem;}
    .si_prod_i>h1{font-size: 3rem;}
    .si_prod_i>p{font-size: 1.6rem;}

    .si_tact{background-size: cover;}
    .si_tact:hover{background-size: cover;}
    .si_tact_c{height: 40rem;gap: 2rem;}
    .si_tact_c>h1{font-size: 4rem;}
    .si_tact_c>p{font-size: 2rem;}
    .si_tact_c>a{font-size: 1.2rem;}

}
<!--0.00015616416931152-->