.ty_apply{background-color: #f6f6f6;}

.ta_banner>img{width: 100%;}

.ta_banner{position: relative;height: calc(100vh - 100px);overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;}
.ta_banner>video{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);min-width: 100%;min-height: 100%;}
.ta_banner>div{color: #fff;position: absolute;z-index: 1;bottom: 0;width: var(--md);margin: 0 auto;left: 0;right: 0;padding: 50px 0;}
.ta_banner>div>h1{font-size: 50px;font-weight: bold;}
.ta_banner>div>p{font-size: 20px;margin-top: 20px;width: 900px;line-height: 2;}

.ya_scene_c{padding: 50px 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ya_scene_i{width: 48%;height: 454px;margin-bottom: 50px;transform: skew(-5deg);position: relative;overflow: hidden;}
.ya_scene_i>img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.1) skew(5deg);}
.ya_scene_i>div{position: absolute;color: #fff;bottom: 0;height: 200px;width: 100%;display: flex;flex-direction: column;justify-content: center;padding: 0 30px;background-image: linear-gradient(to bottom, rgba(0,0,0,.1),rgba(0,0,0,.4));transition: .3s;}
.ya_scene_i>div>h1{font-size: 24px;font-weight: bold;margin-bottom: 15px;}
.ya_scene_i>div>p{font-size: 14px;line-height: 2;}
.ya_scene_i:hover >div{height: 454px;}

.ya_crop_c{}
.ya_crop_i{margin: 0 20px;height: 586px;}
.ya_crop_i>img{width: 100%;height: 100%;object-fit: cover;}
.ya_crop{padding-bottom: 150px;}
.ta_dots{position: absolute;bottom: -50px;left: 50%;transform: translateX(-50%);}
.ta_dots>li{display: inline-block;width: 14px;height: 14px;font-size: 0;outline: 0;border: 0;margin-right: 20px;transition: all .5s;cursor: pointer;background-color: #dfdfdf;border-radius: 50%;}
.ta_dots>li:last-child{margin-right: 0;}
.ta_dots>.slick-active{background-color: var(--base);}
.ta_dots>li button{display: none;}
.ta_arrow{width: 60px;height: 140px;color: #fff;line-height: 140px;text-align: center;font-family: monospace,serif;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;font-size: 50px;font-weight: 900;background-color: rgba(0,0,0,.5)}
.ta_arrow.slick_prev{left: 0;}
.ta_arrow.slick_next{right: 0;}

.ya_case{padding: 0 0 150px;}
.ya_case_ic{height: 510px;display: flex;background-color: #fff;}
.ya_case_l{width: 600px;padding: 72px 44px 0;}
.ya_case_l>.rich_text{height: unset;}
.ya_case_l>h1{font-size: 24px;font-weight: bold;line-height: 2;margin-bottom: 20px;}
.ya_case_ic>img{width: 600px;height: 100%;object-fit: cover;}

@media screen and (max-width: 766px) {
    .ta_banner{height: calc(100vh - 6rem);}
    .ta_banner>div{width: 100%;padding: 0 1.5rem 3rem;}
    .ta_banner>div>h1{font-size: 5rem;}
    .ta_banner>div>p{width: 100%;font-size: 1.6rem;}

    .ya_scene_c{flex-direction: column;}
    .ya_scene_i{width: 100%;transform: unset;height: 30rem;margin-bottom: 2rem;}
    .ya_scene_i>div{padding: 0 2rem;}
    .ya_scene_i>div>h1{font-size: 2rem;}
    .ya_scene_i>div>p{font-size: 1.4rem;}
    .ya_scene_i:hover >div{height: 30rem;}

    .ya_crop{padding-bottom: 10rem;}
    .ya_crop_i{height: 30rem;}
    .ta_dots>li{margin-right: 1rem;width: 1.5rem;height: 1.5rem;}

    .ya_case_ic{flex-direction: column-reverse;height: unset;}
    .ya_case_l{width: 100%;padding: 2rem;}
    .ya_case_l>h1{font-size: 2.2rem;}
    .ya_case_ic>img{width: 100%;height: 196px;}

}