.ms_index{padding-top: 120px;}

.mi_banner{margin-top: 40px;}
.mi_banner_ic{position: relative;height: 720px;display: flex;justify-content: center;align-items: center;flex-direction: column;border-radius: 20px;overflow: hidden;margin: 0 20px;}
.mi_banner_ic>img{width: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;}
.mi_banner_ic>h1{font-size: 40px;line-height: 1.5;color: #fff;text-align: center;font-weight: bold;opacity: 0;}
.mi_banner_ic>p{font-size: 20px;line-height: 1.5;color: #fff;text-align: center;opacity: 0;margin-top: 40px;}
.mi_banner_ic>a{background-color: #fff;height: 40px;line-height: 40px;padding: 0 40px;margin-top: 40px;opacity: 0;border-radius: 10px;transition: .3s;}
.mi_banner_ic>a:hover{background-color: var(--base);color: #fff;}
.dot_list{position: absolute;bottom: 42px;left: 50%;transform: translateX(-50%);}
.dot_list>li{display: inline-block;width: 185px;height: 2px;font-size: 0;outline: 0;border: 0;margin-right: 20px;transition: all .5s;cursor: pointer;background-color: #999;}
.dot_list>li:last-child{margin-right: 0;}
.dot_list>.slick-active{background-color: #fff;}
.dot_list>li button{display: none;}
.mi_arrow{width: 60px;height: 60px;color: #fff;line-height: 60px;text-align: center;font-family: monospace,serif;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;font-size: 60px;font-weight: 900;}
.mi_arrow.slick_prev{left: calc((100vw - 1240px) / 2);}
.mi_arrow.slick_next{right: calc((100vw - 1240px) / 2);}

.mi_prod{margin-top: 80px;}
.mi_prod_t{display: flex;}
.mi_prod_tl{width: 463px;margin-right: 34px;border-radius: 20px;overflow: hidden;background-color: #c2d3e2;}
.mi_prod_tli{height: 350px;object-fit: cover;}
.prod_dots{position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);}
.prod_dots>li{display: inline-block;width: 10px;height: 10px;font-size: 0;outline: 0;border: 0;margin-right: 20px;transition: all .5s;cursor: pointer;background-color: #aaa;border-radius: 50%;}
.prod_dots>li:last-child{margin-right: 0;}
.prod_dots>.slick-active{background-color: var(--base);}
.prod_dots>li button{display: none;}
.prod_arrow{width: 30px;height: 30px;color: #fff;line-height: 30px;text-align: center;font-family: monospace,serif;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;font-size: 30px;font-weight: 900;}
.prod_arrow.slick_prev{left: 10px;}
.prod_arrow.slick_next{right: 10px;}
.mi_prod_tr{flex: 1;}
.mi_prod_tri{height: 350px;background-color: #f7f7f7;border-radius: 20px;padding: 60px 33px;position: relative;display: none;}
.mi_prod_tri>h1{font-size: 30px;color: #525252;padding-bottom: 36px;margin-bottom: 42px;border-bottom: 1px solid #bcbcbc;}
.mi_prod_tri>p{font-size: 16px;color: #555;}
.mi_prod_tri>a{position: absolute;bottom: 30px;right: 30px;}

.mi_prod_m{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 28px;}
.mi_prod_mi{width: 280px;height: 280px;margin-bottom: 28px;border-radius: 10px;position: relative;overflow: hidden;}
.mi_prod_mi:hover >h1{opacity: 0;}
.mi_prod_mi:hover >div>h1{animation: h1 .3s;}
.mi_prod_mi>h1{text-align: right;padding: 10px;font-size: 25px;font-weight: bold;color: #fff;transition: .3s;}
.mi_prod_mi>div{position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,.6);text-align: center;display: none;}
.mi_prod_mi>div>h1{position: absolute;right: 50%;transform: translateX(50%);font-size: 25px;font-weight: bold;color: #fff;top: 30%;width: 100%;}
.mi_prod_mi>div>a{margin-top: 150px;padding: 0 20px;height: 30px;line-height: 30px;border-radius: 10px;display: inline-block;background-color: #fff;transition: .3s;}
.mi_prod_mi>div>a:hover{background-color: var(--base);color: #fff;}
.mi_prod_mt{width: 280px;height: 280px;display: flex;flex-direction: column;justify-content: center;padding-left: 20px;}
.mi_prod_mt>p{font-size: 25px;color: #333;font-weight: bold;line-height: 2;}
.mi_prod_mt>h1{font-size: 30px;color: #333;font-weight: bold;line-height: 2;}
.mi_prod_mt>a{padding: 0 30px;height: 36px;line-height: 36px;background-color: #fff;border-radius: 10px;margin-top: 30px;color: #7d7d7d;font-size: 16px;}
.mi_prod_mt:last-child{padding: 0;background-color: #c2d3e2;border-radius: 10px;width: 586px;align-items: center;}

@keyframes h1 {
    from{right: 10px;top: 10px;}
}

.mi_about{background: url('/images/9.jpg') no-repeat center;background-size: cover;padding: 120px 0;margin-top: 100px;}
.mi_about_t{color: #fff;text-align: center;}
.mi_about_t>h1{font-size: 30px;font-weight: bold;}
.mi_about_t>div{font-size: 16px;color: #b7b7b7;margin-top: 28px;}
.mi_about_c{width: 1200px;margin: 60px auto 0;display: flex;justify-content: space-between;}
.mi_about_l{width: 680px;padding: 50px;background-color: rgba(255,255,255,.3);border-radius: 10px;margin-right: 20px;}
.mi_about_l>h1{font-size: 30px;font-weight: bold;color: #fff;}
.mi_about_l>h2{color: #fff;margin: 28px 0 20px;font-size: 14px;}
.mi_about_l>span{display: inline-block;width: 75px;height: 10px;background-color: var(--base);margin-bottom: 30px;}
.mi_about_l>p{font-size: 14px;line-height: 2;color: #bdbdbd;}
.mi_about_l>a{background-color: var(--base);width: 140px;height: 32px;line-height: 32px;display: inline-block;text-align: center;color: #fff;margin-top: 30px;border-radius: 10px;}
.mi_about_l>a>i{font-style: normal;height: 22px;width: 22px;line-height: 20px;color: #fff;background-color: var(--base);border-radius: 50%;display: inline-block;text-align: center;font-weight: bold;margin-left: 20px;}
.mi_about_r{flex: 1;display: flex;flex-wrap: wrap;justify-content: space-between;}
.mi_about_r>a{display: flex;width: 48%;flex-direction: column;align-items: center;justify-content: center;transition: .3s;border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 10px;margin-bottom: 20px;}
.mi_about_r>a:nth-child(n+3){margin-bottom: 0;}
.mi_about_r>a>img{width: 50px;}
.mi_about_r>a>img:nth-of-type(2){display: none;}
.mi_about_r>a>p{color: #fff;font-size: 18px;margin-top: 20px;}
.mi_about_r>a:hover{background-color: rgba(0,160,233,.8);}

.mi_apply{padding: 100px 0;}
.mi_apply>h1{font-size: 30px;color: #2e2e2e;font-weight: bold;text-align: center;}
.mi_apply_c{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 100px;}
.mi_apply_i{position: relative;width: 380px;height: 400px;margin-bottom: 30px;border-radius: 20px;overflow: hidden;background-size: cover;}
.mi_apply_i>p{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.0);z-index: 0;border-radius: 20px;transition: .3s;}
.mi_apply_i>div{position: absolute;top: 65%;left: 0;right: 0;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;transition: .3s;padding-top: 90px;}
.mi_apply_i>div>h1{font-size: 24px;font-weight: bold;color: #fff;margin-bottom: 20px;}
.mi_apply_i>div>p{font-size: 16px;color: #fff;line-height: 2;width: 120px;}
.mi_apply_i>div>p:before{content: '·';font-weight: bold;margin-right: 5px;}
.mi_apply_i>div>a{font-size: 14px;color: #333;height: 30px;line-height: 30px;padding: 0 20px;background-color: #fff;border-radius: 20px;margin-top: 20px;}
.mi_apply_i:hover >p{background-color: rgba(0,0,0,.4);}
.mi_apply_i:hover >div{top: 0;}

.mi_news{padding: 100px 0;}
.mi_news_t{}
.mi_news_t>h1{font-size: 30px;color: #2e2e2e;font-weight: bold;text-align: center;}
.mi_news_c{margin-top: 50px;display: flex;justify-content: space-between;}
.mi_news_l{width: 527px;overflow: hidden;border-radius: 10px;background-color: #f7f7f7;}
.mi_news_img{height: 280px;overflow: hidden;}
.mi_news_img>img{width: 100%;height: 100%;object-fit: cover;transition: .3s;}
.mi_news_img>img:hover{transform: scale(1.1);}
.mi_news_lt{display: flex;justify-content: space-between;align-items: center;padding: 30px;}
.mi_news_lt>div{width: 80%;}
.mi_news_lt>div>span{font-size: 14px;color: #999;}
.mi_news_lt>div>h1{font-size: 18px;color: #333;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.mi_news_r{width: 646px;}
.mi_news_i{display: flex;justify-content: space-between;align-items: center;padding: 12px;border-bottom: 1px solid #ddd;transition: .3s;}
.mi_news_i:first-child{border-top: 1px solid #ddd;}
.mi_news_i>span{height: 60px;width: 0;border-left: 1px solid #ddd;}
.mi_news_il{width: 80%;padding: 10px 0;}
.mi_news_il>h1{font-size: 16px;color: #424242;margin-bottom: 16px;transition: .3s;}
.mi_news_il>p{font-size: 1px;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mi_news_ir{width: 10%;text-align: center;}
.mi_news_ir>h1{font-size: 30px;font-weight: bold;color: #999;transition: .3s;}
.mi_news_ir>p{font-size: 14px;color: #666;margin-top: 10px;}
.mi_news_i:hover{transform: translateX(20px);}
.mi_news_i:hover h1{color: var(--base);}

.mi_part{padding: 100px 0;}
.mi_part>h1{font-size: 30px;color: #2e2e2e;font-weight: bold;text-align: center;}
.mi_part_c{margin-top: 50px;}
.mi_part_i{height: 110px;object-fit: contain;margin: 0 14px;}

.part_arrow{width: unset;height: 60px;color: #666;line-height: 60px;text-align: center;font-family: monospace,serif;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;font-size: 50px;font-weight: 900;}
.part_arrow.slick_prev{left: 20px;}
.part_arrow.slick_next{right: 20px;}


@media screen and (max-width: 766px) {
    .ms_index{padding-top: 7rem;}
    .mi_banner_ic{height: calc(100vh - 8rem);margin: 0 1.5rem;}
    .mi_banner_ic>h1{font-size: 3rem;}
    .mi_banner_ic>p{font-size: 1.8rem;}
    .mi_banner_ic>a{height: 4rem;line-height: 4rem;padding: 0 2rem;}
    .dot_list>li{width: 6vw;margin-right: 1rem;}

    .mi_prod{padding-top: 6rem;}
    .mi_prod_t{flex-direction: column;}
    .mi_prod_tl{width: 100%;margin-bottom: 1rem;margin-right: 0;}
    .mi_prod_tli{height: 25rem;}
    .prod_dots{bottom: 2rem;}
    .mi_prod_tri{height: unset;padding: 3rem 1.5rem 6rem;}
    .mi_prod_tri>h1{font-size: 2.2rem;padding-bottom: 2rem;margin-bottom: 2rem;}
    .mi_prod_tri>p{font-size: 1.6rem;line-height: 2;}
    .mi_prod_m{flex-direction: column;margin-top: 1rem;}
    .mi_prod_mi{width: 100%;height: 20rem;background-repeat: no-repeat;background-size: cover;background-position: center;margin-bottom: 1rem;}
    .mi_prod_mi>div>a{margin-top: 12rem;}
    .mi_prod_mt{width: 100%;height: 20rem;margin-bottom: 1rem;}
    .mi_prod_mt:last-child{width: 100%;}
    .mi_prod_mt>h1{font-size: 2.8rem;}

    .mi_about{padding: 6rem 0;margin-top: 6rem;}
    .mi_about_c{flex-direction: column;}
    .mi_about_l{width: 100%;margin-right: 0;padding: 1.5rem;}
    .mi_about_l>h1{font-size: 2.8rem;}
    .mi_about_l>h2{margin: 1rem 0 2rem;}
    .mi_about_l>span{margin-bottom: 2rem;}
    .mi_about_l>p{font-size: 1.4rem;}
    .mi_about_l>a{margin-top: 2rem;}
    .mi_about_r{margin-top: 4rem;}
    .mi_about_r>a{height: 17rem;margin-bottom: 1rem;}
    .mi_about_r>a>p{font-size: 1.6rem;}


    .mi_apply{padding: 6rem 0;}
    .mi_apply>h1{font-size: 3rem;}
    .mi_apply_c{margin-top: 4rem;flex-direction: column;}
    .mi_apply_i{width: 100%;height: 30rem;}
    .mi_apply_i>div{padding-top: 4rem;top: 72%;}
    .mi_apply_i>div>h1{font-size: 2rem;}
    .mi_apply_i>div>p{font-size: 1.4rem;}
    .mi_apply_i>div>a{height: 3rem;line-height: 3rem;font-size: 1.4rem;}

    .mi_news{padding: 6rem 0;}
    .mi_news_c{flex-direction: column;}
    .mi_news_t>h1{font-size: 3rem;}
    .mi_news_l{width: 100%;margin-bottom: 2rem;}
    .mi_news_lt{padding: 1.5rem;}
    .mi_news_lt>div>span{font-size: 1.2rem;}
    .mi_news_lt>div>h1{font-size: 1.6rem;margin-top: 1rem;}
    .mi_news_r{width: 100%;}
    .mi_news_i{padding: 1rem 0;}
    .mi_news_i:first-child{border-top: 0;}
    .mi_news_il{width: 100%;}
    .mi_news_il>h1{margin-bottom: 1rem;font-size: 1.6rem;}

    .mi_part>h1{font-size: 3rem;}
    .mi_part_c{flex-direction: column;}
    .part_arrow{font-size: 30px;}
    .part_arrow.slick_prev{left: 0;}
    .part_arrow.slick_next{right: 0;}
}