.edu_box_area {position: relative;}
.edu_box_outer {max-width: 1200px;margin: 20px auto 40px;padding: 0 16px;}
.edu_box_wrap.swiper {padding-bottom: 40px;}
.edu_box.swiper-slide {min-width: 0;background: #fff;border-radius: 16px;box-shadow: 0 2px 8px rgba(0,0,0,0.08);border: 1px solid #eee;padding: 24px 18px 18px 18px;display: flex;flex-direction: column;
align-items: stretch;min-width: 0;box-sizing: border-box;overflow: hidden;height: auto;transition: box-shadow 0.2s;}
.edu_box.swiper-slide:hover {box-shadow: 0 4px 16px rgba(0,0,0,0.15);}
.edu_box img {width: 100%;border-radius: 12px;margin-bottom: 12px;object-fit: cover;aspect-ratio: 16/9;display: block;}
.card-content { width: 100%; }
.eud_breadscrumbs { font-size: 14px; color: #4776eb; margin-bottom: 6px; }
.title { font-size: 17px; font-weight: bold; margin-bottom: 10px; }
.tags {width: 100%;display: flex;flex-wrap: wrap;gap: 6px;}
.tag {background: #f3f4f6;border-radius: 6px;padding: 2px 8px;font-size: 12px;margin: 2px 0;display: inline-block;}
.swiper-button-prev, .swiper-button-next {color: #fff;}
.swiper-button-prev, .swiper-button-next {width: 44px;height: 44px;border-radius: 50%;background: #4776eb;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 22px;box-shadow: 0 2px 8px rgba(0,0,0,0.08);transition: background 0.2s;}
.swiper-button-prev{left:-10px;}
.swiper-button-next{right:-10px;}
.swiper-button-prev:hover, .swiper-button-next:hover {background: #a747eb;color: #fff;}
.swiper-button-prev:after, .swiper-button-next:after {font-size: 22px;}

.edu_tit {font-size: 23px;padding-left: 10px;font-weight: 600;color: #4776eb;position: relative;}
.btn_more{display: inline-block;float: right;border: 1px solid #ddd;height: 45px;border-radius: 45px;padding: 0 14px;line-height: 42px;}

@media (max-width: 1023px) {
.edu_box.swiper-slide {font-size: 15px;}
}
@media (max-width: 600px) {
.edu_box_outer {padding: 0 6px; width: 100%; max-width: 100%;  overflow: hidden;}
.edu_box.swiper-slide {font-size: 14px;/*width:270px !important;*/}
.edu_box_wrap.swiper_type{}
.edu_box_wrap.swiper_type .edu_box{width:calc((100% - 0px) / 2)}
main .section_1.swiper_type .top_area{padding: 0 5px 10px; font-size:16px;}
.edu_box_wrap .edu_box .card-content .title{font-size:16px;}
.edu_tit{font-size: 20px;}
.btn_more{display: inline-block;float: right;border: 1px solid #ddd;height: 38px;border-radius: 45px;padding: 0 12px;line-height: 34px}

}