.fr_banner>img{width: 100%;}

.fr{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;padding-bottom: 115px;}
.fr_l{background-color: var(--base);width: 264px;padding: 15px 40px;margin-right: 36px;}
.fr_l>a{color: #fff;display: block;font-size: 16px;line-height: 40px;cursor: pointer;transition: .3s;}
.fr_l>a:hover{padding-left: 30px;}
.fr_l>a:before{content: '';border: 8px solid transparent;width: 0;height: 0;border-left-color: #fff;font-size: 0;vertical-align: middle;}
.fr_l> .fr_l_a{padding-left: 30px;}
.fr_r{flex: 1;}
.fr_r_top{background-color: var(--base);color: #fff;padding: 20px 44px;}
.fr_r_top>p{line-height: 30px;font-size: 16px;}
.fr_r_bottom{background-color: #faf9f7;padding: 30px 45px;}
.fr_r_bottom>h1{font-size: 20px;line-height: 2;font-weight: bold;color: #666;border-bottom: 1px solid #adadad;padding-bottom: 15px;}

@media screen and (max-width: 766px) {
    .fr_banner>img{height: 50vh;object-fit: cover;}  

    .fr{width: 100%;}
    .fr_l{width: 28vw;padding: 15px 5px 0 15px;margin-right: 0;}
    .fr_l>a{font-size: 1.2rem;line-height: 2;}
    .fr_l>a:before{border-width: .5rem;}
    .fr_l>a:hover{padding-left: 0;}
    .fr_l> .fr_l_a{padding-left: 1rem;}

    .fr_r_top{padding: 15px;}
    .fr_r_top>p{line-height: 2;font-size: 1.4rem;}
    .fr_r_bottom{padding: 15px 5px 0;}
    .fr_r_bottom>h1{padding-left: 10px;}

    
}