.main_container {}

.main_box1 {}
.main_box1 .img_box {width: 100%; max-width: 1920px; text-align: center; margin: 0 auto;}
.main_box1 .img_box img {width: 100%; height: auto;}

.main_box2 {padding: 70px 0 150px 0;}
.main_box2::after {content: ''; clear: both; height: 0; visibility: hidden; display: block;}

.main_box2 .box_left {width: 50%; float: left; box-sizing: border-box; padding-right: 100px;}
.main_box2 .box_left .box_top {}
.main_box2 .box_left .box_top ul {display: flex;}
.main_box2 .box_left .box_top ul li {width: 50%; padding-right: 10px;}
.main_box2 .box_left .box_top ul li:last-child {padding-right: 0;}
.main_box2 .box_left .box_top ul li a {
    width: 100%; 
    padding: 18px 0; 
    border: 1px solid #ef4d4d; 
    display: inline-block;
    font-size: 16px;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
}

.main_box2 .box_left .box_top ul li:first-child a{background-color: #fff; color: #ef4d4d;}
.main_box2 .box_left .box_top ul li:last-child a {background-color: #ef4d4d; color: #fff;}

.main_box2 .box_left .box_bottom {padding-top: 50px;}
.main_box2 .box_left .box_bottom ul {
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 8px;
}
.main_box2 .box_left .box_bottom ul li {}
.main_box2 .box_left .box_bottom ul li:last-child {padding-right: 0;}
.main_box2 .box_left .box_bottom ul li a {
    position: relative;
    border: 2px solid #eee;
    border-radius: 5px;
    padding: 24px 0;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #999;
    font-weight: bold;
}
.main_box2 .box_left .box_bottom ul li a p {padding-top: 5px;}


.main_box2 .box_right {width: 50%; box-sizing: border-box; padding-left: 100px; float: left;}
.main_box2 .box_right .box_top {}
.main_box2 .box_right .box_top h2 {display: inline-block; font-size: 24px; font-weight: bold;}
.main_box2 .box_right .box_top img {width: 16px; height: 16px; padding-left: 3px;}

.main_box2 .box_right ul {padding-top: 18px;}
.main_box2 .box_right ul li {position: relative;}

.main_box2 .box_right ul li a {display: block; padding: 20px 0; border-bottom: 1px solid #eee;}
.main_box2 .box_right ul li a .notice_box {}
.main_box2 .box_right ul li a .notice_box p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 90px); }
.main_box2 .box_right ul li a .date_box {position: absolute; top: 50%; right: 0; transform: translate(0% , -50%);}
.main_box2 .box_right ul li a .date_box span {color: #999; font-size: 14px;}