/***
* author: wrq
* data: 2023-10-24
* page：品牌详情页
****/
h3 {font-size: 20px;line-height: 1em;margin-top: 100px;font-weight: lighter;position: relative;height: 20px}
h3::after {content: '';position: absolute;width: 100%;height: 1px;background: #e2e2e2;z-index: 0;top: 50%}
h3 span {position: absolute;padding: 0 15px;height: 20px;top: 0;left: 50%;transform: translateX(-50%);background: #fff;z-index: 2;color: #434343;white-space: nowrap}
.btn_more {display: flex;justify-content: center;margin-top: 55px}
.btn_more a {display: flex;justify-content: center;align-items: center;width: 250px;height: 65px;font-size: 12px;line-height: 65px;color: #4a4a4a;letter-spacing: 2px;border: 1px solid #d2d2d2;}
.btn_more a i{display: inline-block;width: 21px;height: 21px;background: url(../images/pc/icon_load.png) no-repeat center center;margin-right: 18px}
.crumb_brand_web {display: flex;justify-content: space-between;margin: 30px 0 60px}
.crumb {font-size: 14px;line-height: 16px}
.brand_web a {font-size: 14px;color: #b4b4b4;line-height: 16px}
.brand_area_nav {display: flex;justify-content: space-between}
.brand_area_nav dt {flex-basis: 140px;background: #fff;text-align: center}
.brand_area_nav dt img {max-width: 100px}
.brand_area_nav dd {height: 50px;line-height: 50px;text-align: center;font-size: 18px;background: #f6f6f6;flex: 1;transition:all 0.5s}
.brand_area_nav dd a {display: block}
.brand_area_nav dd:hover {font-weight: bold}
.brand_area_focus_main {display: flex;justify-content: space-between;margin-top: 25px}
.brand_area_focus_left {position: relative;flex-basis: 61.25%}
.brand_area_focus_left img {width: 100%;height: auto}
.brand_area_focus_left span,.brand_area_focus_item span {padding: 0 15px;box-sizing: border-box;position: absolute;width: 100%;left: 0;bottom: 0;height: 65px;line-height: 65px;color: #fff;font-size: 20px;background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 1));text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.brand_area_focus_right {display: flex;flex-direction: column;justify-content: space-between;flex-basis: 36.25%;}
.brand_area_focus_item {position: relative;}
.brand_area_focus_item img {width: 100%;height: auto}
.brand_area_watch_list {margin-top: 45px;overflow: hidden}
.brand_area_watch_item {display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;}
.brand_area_watch_item li {text-align: center;width: 16.2%;font-size: 18px; position: relative;}
.brand_area_watch_item li div:nth-child(n+2) {height: 30px;width: 100%;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;box-sizing: border-box;}
.brand_area_img img {max-width: 155px;width: 100%;transition: 0.5s all}
.brand_area_brand {font-weight: bold;margin-top: 20px}
.brand_area_series {color: #969696;}
.brand_area_video_list {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px}
.brand_area_video_list li {width: 32.5%}
.brand_area_video_list li .brand_area_video_pic a{display: block;position: relative}
.brand_area_video_list li .brand_area_video_pic  a::after{content: '';position: absolute;width: 70px;height: 70px;top: 50%;left: 50%;background: url(../images/pc/play_btn.png) no-repeat;transform: translate(-50%,-50%)}
.brand_area_video_pic img {width: 100%;height: auto}
.brand_area_video_intro {font-size: 20px;font-weight: bold;line-height: 30px;margin-top: 10px;height: 60px;overflow: hidden}
.brand_area_featured_news {margin-top: 15px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between}
.brand_area_featured_news li {flex-basis: 31.3%;margin-top: 25px;display: flex;flex-direction: column;font-size: 18px;align-items: center;box-shadow: 0 0 5px 0 rgb(0 0 0 / 8%)}
.brand_area_featured_news_img img {width: 100%;height: auto}
.brand_area_featured_news_intro {font-size: 22px;line-height: 36px;padding: 33px 25px}
.brand_area_produce_pic {display: flex;justify-content: space-between;flex-direction: row;margin-top: 40px}
.brand_area_produce_max_pic {flex-basis: 39.5%}
.brand_area_produce_max_pic img {width: 100%;height: auto}
.brand_area_produce_min_pic {display: flex;flex-wrap: wrap;flex-basis: 59.5%;justify-content: space-between;align-content: space-between}
.brand_area_produce_min_pic li {flex-basis: 32%}
.brand_area_produce_min_pic img {width: 100%;height: auto}
.global_footer {margin-top: 100px}
@media (max-width: 767.98px) {
    .brand_area_nav {flex-direction: column}
    .brand_area_nav dt {flex-basis: 100%;margin-bottom: 15px;}
    .crumb_brand_web {flex-direction: column}
    .brand_web {align-self: flex-end;margin-top: 15px;}
    .brand_area_focus_main {flex-direction: column;}
    .brand_area_focus_right {flex-direction: column;}
    .brand_area_focus_item {flex-basis: 100%;margin-top: 20px;}
    .brand_area_watch_list {margin-top: 0;}
    .brand_area_watch_item li {width: 49%;margin-top: 40px}
    .brand_area_video_list {margin-top: 0}
    .brand_area_video_list li {width: 100%;margin-top: 35px}
    .brand_area_featured_news li {flex-basis: 100%}
    .brand_area_produce_pic {flex-direction: column}
    .brand_area_produce_max_pic {flex-basis: 100%}
    .brand_area_produce_min_pic li {flex-basis: 49%;margin-top: 15px}
}
@media (min-width: 768px) and (max-width: 919.98px) {
    .brand_area_nav {flex-direction: row;flex-wrap: wrap;}
    .brand_area_nav dt {flex-basis: 100%;margin-bottom: 15px;}
    .brand_area_focus_main {flex-direction: column;}
    .brand_area_focus_right {flex-direction: row;}
    .brand_area_focus_item {flex-basis: 49%;margin-top: 20px}
    .brand_area_watch_list {margin-top: 0;}
    .brand_area_watch_item li {width: 32.5%;margin-top: 40px;}
    .brand_area_video_list {margin-top: 0;}
    .brand_area_video_list li {width: 49.5%;margin-top: 35px;}
    .brand_area_featured_news li {flex-basis: 49%;}
    .brand_area_produce_pic {flex-direction: column;}
    .brand_area_produce_max_pic {flex-basis: 100%;}
    .brand_area_produce_min_pic li {margin-top: 15px;}
}