.si_banner{position: relative;}
.si_banner_i{height: calc(100vh - 60px);width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.ban_dot{position: absolute;bottom: 100px;width: var(--lg);text-align: right;left: 50%;transform: translateX(-50%);}
.ban_dot>li{display: inline-block;width: 20px;height: 20px;font-size: 0;outline: 0;margin-right: 20px;transition: all .5s;cursor: pointer;background-color: #fff;border: 4px solid #fff;border-radius: 50%;}
.ban_dot>li:last-child{margin-right: 0;}
.ban_dot>.slick-active{background-color: var(--base);}
.ban_dot>li button{display: none;}

.sh_title{text-align: center;}
.sh_title>h1{font-size: 30px;font-weight: bold;}
.sh_title>p{font-size: 20px;margin-top: 20px;color: var(--base)}

.si_about{box-shadow: 2px 5px 16px 2px rgba(0, 0, 0, 0.23);border-radius: 20px;background: url('/images/3.png')no-repeat center;background-size: cover;padding: 50px;margin-top: -50px;}
.si_about_c{margin-top: 40px;}
.si_about_c>p{line-height: 2;text-indent: 2em;font-size: 16px;margin-top: 10px;}
.si_about_btn{display: flex;justify-content: flex-end;}
.si_about_btn>a{border: 1px solid var(--base);color: var(--base);height: 40px;line-height: 40px;padding: 0 46px;border-radius: 14px;transition: .3s;margin-top: 20px;}
.si_about_btn>a:hover{background-color: var(--base);color: #fff;border-color: var(--base);}

.si_style{background: url('/images/4.jpg')no-repeat center;background-size: cover;margin-top: 80px;padding: 100px 0 150px;}
.si_style_c{margin-top: 40px;}
.si_style_i{margin: 0 10px;transition: .3s;}
.si_style_i>img{width: 100%;height: 500px;object-fit: cover;padding: 18px;background-color: #fff;}
.si_style_i>h1{font-size: 20px;color: #424242;text-align: center;margin-top: 30px;}
.style_dot{position: absolute;bottom: -60px;text-align: center;left: 50%;transform: translateX(-50%);}
.style_dot>li{display: inline-block;width: 15px;height: 15px;font-size: 0;outline: 0;margin-right: 20px;transition: all .5s;cursor: pointer;background-color: #dfdfdf;border-radius: 50%;}
.style_dot>li:last-child{margin-right: 0;}
.style_dot>.slick-active{background-color: var(--base);}
.style_dot>li button{display: none;}
.si_style_i:hover {transform: scale(.9);}

.si_feat{padding: 100px 0;}
.si_feat>h1{text-align: center;font-size: 30px;color: var(--base);}
.si_feat_c{display: flex;justify-content: space-between;margin-top: 60px;}
.si_feat_i{width: 31%;display: flex;flex-direction: column;align-items: center;justify-content: center;transition: .3s;padding: 30px 0;border-radius: 20px;}
.si_feat_i>h1{font-size: 20px;color: var(--base);margin: 20px 0 10px;}
.si_feat_i>p{font-size: 14px;color: #333;width: 280px;text-align: center;line-height: 2;}
.si_feat_i:hover{box-shadow: 0 0 20px 1px #eee;transform: translateY(-5px);border-width: 0;}

.si_news{padding: 0 0 100px;}
.si_news_c{display: flex;justify-content: space-between;margin-top: 60px;}
.si_news_i{width: 48%;}
.si_news_img{overflow: hidden;border-radius: 10px;}
.si_news_img>img{width: 100%;transition: .3s;object-fit: cover;height: 322px;}
.si_news_i>h1{font-size: 20px;color: #333;margin: 20px 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.si_news_i>span{font-size: 14px;color: #999;line-height: 2;}
.si_news_i>p{font-size: 16px;color: #666;line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.si_news_i:hover img{transform: scale(1.1);}
.si_news_i:hover h1{color: var(--base);}

@media screen and (max-width: 766px) {
    .si_banner_i{height: 28rem;}
    .ban_dot{width: 100%;text-align: center;bottom: 2rem;}
    .ban_dot>li{width: 1.5rem;height: 1.5rem;border-width: .2rem;}

    .sh_title>h1{font-size: 2.4rem;}
    .sh_title>p{font-size: 2.4rem;}

    .si_about{margin-top: 4rem;}
    .si_about_c{margin-top: 2rem;}
    .si_about_c>p{font-size: 1.6rem;}
    .si_about_btn>a{padding: 0 2rem;}

    .si_style{padding: 6rem 0 12rem;}
    .si_style_i{margin: 0;}
    .si_style_i>img{padding: 1.5rem;height: 30rem;}
    .si_style_i>h1{font-size: 1.8rem;margin-top: 1.5rem;}
    .style_dot>li{margin-right: 1rem;width: 1rem;height: 1rem;}

    .si_feat{padding: 6rem 0;}
    .si_feat>h1{font-size: 2.2rem;}
    .si_feat_c{flex-direction: column;margin-top: 2rem;}
    .si_feat_i{width: 100%;padding: 2rem 0;}
    .si_feat_i>h1{margin: 2rem 0 1rem;font-size: 1.6rem;}
    .si_feat_i>p{font-size: 1.4rem;}

    .si_news_c{flex-direction: column;}
    .si_news_i{width: 100%;margin-bottom: 2rem;}
    .si_news_i>h1{font-size: 2rem;}
    .si_news_i>p{font-size: 1.4rem;}
}