.fb_banner>img{width: 100%;height: 600px;object-fit: cover;}

.fy_butler{padding-bottom: 100px;}

.fb_wd{width: 1200px;margin: 100px auto 0;height: 600px;background: url('/images/15.jpg') no-repeat center;background-size: cover;display: flex;justify-content: space-between;}
.fb_wd_l{width: 40%;background-color: rgba(0,0,0,.6);display: flex;align-items: flex-end;justify-content: center;flex-direction: column;padding: 0 40px 50px;transition: .5s;}
.fb_wd_l>img{margin-bottom: 30px;}
.fb_wd_l>h1{font-size: 20px;font-weight: bold;color: var(--base);margin: 0 0 10px;}
.fb_wd_l>p{font-size: 14px;line-height: 2;color: #fff;text-align: right;width: 340px;}
.fb_wd:hover .fb_wd_l{width: 50%;}

.fb_p{width: 1200px;margin: 100px auto 0;text-align: center;}
.fb_p>p{font-size: 22px;line-height: 2;color: #666;}

.fb_cate{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;padding-bottom: 20px;width: 1200px;margin: 100px auto 60px;}
.fb_cate>a{text-align: center;color: #797878;font-weight: bold;font-size: 16px;line-height: 40px;cursor: pointer;}
.fb_cate>a:last-child{margin-right: 0;}
.fb_cate>.fb_cate_a{color: var(--base);}

.fb_image{width: 1200px;margin: 0 auto;}
.fb_image_i{}
.fb_image_i img{height: 600px;object-fit: cover;}
/* .fb_image_i>img{width: 580px;height: 500px;object-fit: cover;margin-right: 40px;margin-bottom: 56px;transition: .3s;}
.fb_image_i>img:nth-child(2n){margin-right: 0;}
.fb_image_i>img:hover{transform: translateY(-5px);} */

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

.fb_frame{margin: 100px 0;}
.fb_frame>iframe{width: 100%;height: 600px;}

@media screen and (max-width: 766px) {
    .fy_butler{padding-bottom: 6rem;}
    .fb_banner>img{height: 100vh;}


    .fb_p{margin: 6rem auto 0;width: 100%;padding: 0 1.5rem;}
    .fb_p>p{font-size: 1.8rem;}

    .fb_cate{width: 100%;flex-wrap: wrap;margin: 6rem 0 2rem;width: 100%;padding: 0 1.5rem 2rem;gap: 1rem;justify-content: center;}
    .fb_cate>a{font-size: 1.6rem;line-height: 1.5;}

    .fb_image{width: 100%;padding: 0 1.5rem;}
    .fb_image_i img{height: 20rem;}

    .fb_frame{margin: 6rem 0;}
    .fb_frame>iframe{height: 30rem;}
}