.la_banner>img{width: 100%;}

.la_nav{height: 50px;line-height: 50px;background-color: #f7f7f7;}
.la_nav_c{width: 1200px;margin: 0 auto;}
.la_nav_c>a{color: #666;}
.la_nav_c>span{color: #666;padding: 0 10px;}
.la_nav_c>.la_nav_a{color: var(--base);}

.la_cate{width: 1200px;margin: 0 auto;padding: 60px 0 50px;display: flex;justify-content: center;}
.la_cate>a{height: 30px;width: 132px;background-color: #f1f1f1;text-align: center;color: #515151;line-height: 30px;border-radius: 10px;margin-right: 70px;cursor: pointer;transition: .3s;}
.la_cate>a:last-child{margin-right: 0;}
.la_cate>a:hover{background-color: var(--base);color: #fff;}
.la_cate>.la_cate_a{background-color: var(--base);color: #fff;}

.la_about{background-color: #f7f7f7;}
.la_about_c{padding: 40px 0 70px;width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;}
.la_about_l{position: relative;z-index: 1;}
.la_about_l:after{content: '';position: absolute;bottom: -30px;left: -30px;width: 650px;height: 494px;background-color: var(--base);z-index: -1;}
.la_about_l>div{width: 650px;margin-right: 62px;height: 494px;overflow: hidden;}
.la_about_l>div>img{width: 100%;height: 100%;object-fit: cover;transition: .3s;}
.la_about_l:hover >div>img{transform: scale(1.1);}
.la_about_r{flex: 1;padding-top: 56px;}
.la_about_r>h1{font-size: 24px;color: #515151;}
.la_about_r>h1:last-of-type{padding: 24px 0;}
.la_about_r>p{color: #515151;line-height: 2;}

.li_cate{display: flex;justify-content: center;align-items: center;width: 1000px;margin: 0 auto;padding: 50px 0;}
.li_cate_i{display: flex;flex: 1;flex-direction: column;justify-content: center;align-items: center;cursor: pointer;}
.li_cate_i>img{width: 40px;}
.li_cate_i>img:last-of-type{display: none;}
.li_cate_i>p{margin-top: 20px;font-size: 20px;color: #565656;line-height: 2;}
.li_cate_a>img:first-child{display: none;}
.li_cate_a>img:last-of-type{display: inline;}
.li_cate_a>p{color: var(--base);border-bottom: 2px solid var(--base);}

.li_nb{width: 1200px;margin: 0 auto;}
.li_nb_i{display: none;}
.li_nb_ii{height: 252px;object-fit: cover;transition: .3s;margin: 0 10px;}
.li_nb_ii{transform: translateY(-5px);}
/* .li_nb_i>img{width: 24%;height: 252px;object-fit: cover;transition: .3s;}
.li_nb_i>img:hover{transform: translateY(-5px);} */
.la_list{position: absolute;bottom: -30px;display: flex;justify-content: center;width: 100%;}
.la_list>li{width: 10px;height: 10px;background-color: #aaa;margin-left: 5px;border-radius: 5px;transition: .3s;cursor: pointer;}
.la_list>.slick-active{background-color: var(--base);width: 20px;}
.la_list>li>button{display: none;}


.la_his{background: url('/images/35.jpg') no-repeat center;background-size: cover;height: 400px;}
.la_his_c{width: 1200px;margin: 100px auto 0;text-align: center;padding: 64px 0 0;}
.la_his_c>h1{color: #fff;font-size: 30px;font-weight: bold;margin-bottom: 58px;}

.la_aim{display: flex;justify-content: space-between;width: 1200px;margin: 0 auto;padding: 100px 0;}
.la_aim_i{width: 31%;display: flex;flex-direction: column;align-items: center;height: 400px;border-radius: 10px;box-shadow: 0 0 20px 1px #eee;padding-top: 63px;transition: .3s;}
.la_aim_i>h1{margin: 15px 0 53px;}
.la_aim_i>p{margin-bottom: 20px;line-height: 25px;text-align: center;}
.la_aim_i:hover{box-shadow: 0 0 20px 1px #ddd;transform: translateY(-5px);}

.la_image{width: 1200px;margin: 100px auto;display: block;}

.la_vd{display: flex;justify-content: space-between;width: 1200px;;margin: 0 auto;}
.la_vd_l{width: 658px;margin-right: 40px;height: 418px;background: url('/images/27.jpg') no-repeat center;background-size: cover;position: relative;}
.la_vd_l>div{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.2 );opacity: .1;display: flex;justify-content: center;align-items: center;transition: .3s;cursor: pointer;}
.la_vd_l:hover >div{opacity: 1;}
.la_vd_r{flex: 1;}
.la_vd_r>h1{font-size: 30px;color: var(--base);line-height: 2;}
.la_vd_r>p{font-size: 24px;margin: 12px 0;text-align: right;}
.la_numb{display: flex;flex-wrap: wrap;}
.la_numb_i{width: 50%;padding: 20px 0;text-align: center;}
.la_numb_i>h1{font-weight: bold;font-size: 50px;color: var(--base);}
.la_numb_i>h1>span{font-size: 20px;}
.la_numb_i>p{font-size: 20px;color: #4d4d4d;}

.la_video{position: fixed;margin: 0 auto;left: 0;top: 0;right: 0;bottom: 0;z-index: 20;display: none;background-color: rgba(0,0,0,.5)}
.la_video>video{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80vw;}
.la_video>i{position: absolute;top: 3vw;right: 6vw;font-style: normal;font-weight: bold;font-size: 50px;color: #fff;z-index: 21;cursor: pointer;}

.la_sth{width: 1200px;margin: 100px auto 0;}
.la_sth>h1{text-align: center;font-size: 30px;font-weight: bold;}
.la_sth_l{display: flex;justify-content: space-between;margin-top: 77px;padding-bottom: 100px;}
.la_sth_i{width: 24%;text-align: center;}
.la_sth_i>img{width: 100%;}
.la_sth_i>p{line-height: 3;font-size: 18px;}

@media screen and (max-width: 766px) {
    .la_banner>img{height: 20rem;object-fit: cover;}

    .la_cate{padding: 3rem 0;}
    .la_cate>a{width: 12rem;margin-right: 1.5rem;}

    .la_about_c{flex-direction: column;padding: 2rem 0;}
    .la_about_l>div{width: 100%;height: 30rem;}
    .la_about_l:after{display: none;}
    .la_about_r{padding-top: 5rem;flex: none;}
    .la_about_r>h1{font-size: 2.2rem;}
    .la_about_r>h1:last-of-type{padding: 2rem 0;}
    .la_about_r>p{font-size: 1.4rem;}

    .li_cate{padding: 3rem 0;}
    .li_cate_i>img{width: 4rem;}
    .li_cate_i>p{font-size: 1.2rem;margin-top: 2rem;}

    .li_nb{width: 100%;}
    .li_nb_ii{margin: 0 15px;}

    .la_his{height: unset;}
    .la_his_c{padding: 4rem 0;}
    .la_his_c>h1{font-size: 3rem;margin-bottom: 5rem;}
    .la_his_c>img{width: 100%;}

    .la_aim{flex-direction: column;padding: 5rem 0;}
    .la_aim_i{width: 100%;height: unset;padding: 3rem 0;margin-bottom: 2rem;}
    .la_aim_i>h1{margin: 2rem 0;font-size: 2rem;}
    .la_aim_i>p{font-size: 1.4rem;margin-bottom: 1rem;}

    .la_image{margin: 5rem auto;}

    .la_vd{flex-direction: column;}
    .la_vd_l{width: 100%;height: 30rem;}
    .la_vd_l>div>img{width: 8rem;height: 8rem;}
    .la_vd_r>h1{font-size: 2.6rem;line-height: 3;}
    .la_vd_r>p{font-size: 1.2rem;margin: 0;}
    .la_numb_i>h1{font-size: 3rem;}
    .la_numb_i>p{font-size: 1.6rem;line-height: 2;}

    .la_sth{margin: 0 auto;}
    .la_sth>h1{font-size: 2.6rem;margin: 3rem 0 0;}
    .la_sth_l{margin-top: 5rem;flex-direction: column;}
    .la_sth_i{width: 100%;}
}