.ldp_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);}

.ldp_main{width: 1200px;margin: 100px auto;display: flex;justify-content: space-between;}
.ldp_main_l{width: 294px;margin-right: 52px;}
.ldp_main_r{flex: 1;}
.ldp_title{background-color: var(--base);padding: 27px 14px 20px;position: relative;}
.ldp_title>h1{color: #fff;font-size: 26px;margin-bottom: 26px;}
.ldp_title>p{color: #fff;}
.ldp_cate{background-color: #f0f0f0;margin-top: 5px;}
.ldp_cate>a{display: block;height: 64px;line-height: 64px;padding-left: 36px;border-top: 1px solid #ddd;}
.ldp_cate>a:first-child{border-top: 0;}
.ldp_cate>.ldp_cate_a{background-color: var(--base);color: #fff;}
.ldp_cate>a:hover{background-color: var(--base);color: #fff;}

.ldp_main_r{text-align: center;}
.ldp_main_r>h1{color: #454545;font-size: 24px;line-height: 2;margin-bottom: 38px;}
.ldp_main_r>img{width: 640px;}
.ldp_main_r>h2{font-size: 18px;text-align: left;margin-top: 100px;border-bottom: 3px solid #ddd;}
.ldp_main_r>h2>span{display: inline-block;width: 170px;height: 45px;line-height: 45px;background-color: var(--base);color: #fff;text-align: center;}

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

    .ldp_main{margin: 5rem auto;}
    .ldp_main_r{flex: unset;width: 100%;}
    .ldp_main_r>h1{font-size: 2.2rem;margin-bottom: 2rem;}
    .ldp_main_r>img{width: 100%;}

    .ldp_main_r>h2{font-size: 1.6rem;margin-top: 5rem;}
    .ldp_main_r>h2>span{width: unset;padding: 0 2rem;font-size: 1.6rem;}
}