.ya_banner>img{width: 100%;}

.ya_item{padding: 100px 0 0;}

.ya_prof>p{color: #666;line-height: 2;}
.ya_prof>img{width: 100%;margin-top: 40px;}
.yi_why_b{color: #dedad7;display: flex;justify-content: space-between;align-items: center;margin-top: 80px;}
.yi_why_i{text-align: center;flex: 1;}
.yi_why_i>h1{font-size: 40px;color: var(--base);font-weight: bold;display: inline-block;}
.yi_why_i>span{font-size: 16px;color: var(--base);}
.yi_why_i>p{font-size: 14px;color: #999;margin-top: 10px;}

.ya_yj{background: url('/images/18.jpg') no-repeat center;background-size: cover;height: 400px;margin-top: 100px;padding: 130px 0;padding-left: 50vw;color: #fff;}
.ya_yj>h1{font-size: 24px;line-height: 2;margin-bottom: 30px;}
.ya_yj>p{font-size: 16px;line-height: 2;}

.ya_adv{margin-top: 100px;}
.ya_adv_b{display: flex;justify-content: space-between;margin-top: 50px;}
.ya_adv_b>span{width: 31%;text-align: center;color: #666;border: 1px solid #999;height: 130px;line-height: 130px;transition: .3s;font-size: 16px;}
.ya_adv_b>span:hover{background-color: var(--base);color: #fff;border-color: var(--base);font-size: 18px;}

.yi_part{padding: 50px 0 100px;background-color: #f7f7f7;margin-top: 100px;}
.yi_part_i{margin: 10px 20px;}
.yi_part_i>img{width: 100%;}
.yi_arrow{width: 42px;height: 42px;color: #bbb;line-height: 42px;text-align: center;font-family: monospace,serif;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;font-size: 50px;font-weight: bold;}
.yi_arrow.slick_prev{left: 0;}
.yi_arrow.slick_next{right: 0;}

.ya_qul_cate{display: flex;justify-content: center;}
.ya_qul_cate>a{height: 38px;line-height: 38px;padding: 0 20px;background-color: #f1f1f1;color: var(--base);margin: 0 30px;border-radius: 5px;cursor: pointer;}
.ya_qul_cate>.ya_qul_a{background-color: var(--base);color: #fff;}
.ya_qul_i{display: none;flex-wrap: wrap;width: 1200px;margin: 50px auto;align-items: flex-start;}
.ya_qul_i>img{width: 333px;margin-right: 100px;margin-bottom: 50px;cursor: pointer;}
.ya_qul_i>img:nth-of-type(3n){margin-right: 0;}

.ya_slick{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,.8);z-index: 100;display: none;padding: 100px 0;}
.ya_slick>i{position: absolute;top: 40px;right: 40px;font-style: normal;font-weight: bold;font-size: 40px;color: #fff;cursor: pointer;}
.ya_slick_c{position: relative;height: 100%;}
.ya_slick_i{vertical-align: middle;}
.ya_slick_i:not(:last-child){margin-right: 100px;}

.dot_list{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.dot_list>li{display: inline-block;width: 8px;height: 8px;font-size: 0;outline: 0;border: 0;margin-right: 5px;transition: all .5s;border-radius: 10px;cursor: pointer;background-color: #fff;}
.dot_list>.slick-active{background-color: var(--base);width: 32px;}
.dot_list>li button{display: none;}

.ya_bus{display: flex;justify-content: space-between;padding: 0 0 100px;}
.ya_bus_i{width: 31%;background-color: #f8f8f8;border-radius: 10px;padding: 35px 22px;}
.ya_bus_i>h1{font-size: 20px;font-weight: bold;color: var(--base);margin-bottom: 20px;}
.ya_bus_i>p{color: #666;line-height: 2;height: 84px;margin-bottom: 20px;}
.ya_bus_img{overflow: hidden;}
.ya_bus_img>img{width: 100%;object-fit: cover;transition: .3s;}
.ya_bus_i:hover img{transform: scale(1.1);}

@media screen and (max-width: 766px) {
    .ya_banner>img{height: 20rem;object-fit: cover;}
    
    .ya_item{padding: 8rem 0 0;}
    .ya_prof>img{height: 20rem;object-fit: cover;}

    .yi_why_b{flex-wrap: wrap;margin-top: 4rem;}
    .yi_why_i{flex: unset;width: 48%;margin: 1.6rem 0;}
    .yi_why_i>h1{font-size: 4rem;}
    .yi_why_i>p{font-size: 1.4rem;}

    .ya_yj{height: unset;padding: 8rem 1.5rem;}
    .ya_yj>h1{font-size: 2.2rem;}
    .ya_yj>p{font-size: 1.4rem;}
    .ya_adv_b{flex-wrap: wrap;}
    .ya_adv_b>span{line-height: 2;height: 10rem;padding: 1.5rem;font-size: 1.6rem;width: 100%;margin-bottom: 1rem;}
    .ya_adv_b>span:hover{font-size: 1.8rem;}

    .ya_qul_cate>a{height: 4rem;line-height: 4rem;padding: 0 1rem;margin: 0 1rem;}
    .ya_qul_i{width: 100%;}
    .ya_qul_i>img{width: 100%;margin-right: 0;margin-bottom: 2rem;}

    .ya_bus{flex-wrap: wrap;}
    .ya_bus_i{width: 100%;margin-bottom: 2rem;}
}