.news1 {
    width: 100%;
    padding-top: 0.73rem;
    background: url('../img/about/about4bg.png') no-repeat;
    background-size: 100% auto;
    padding-bottom: 0.7rem;
}

.news1 .news1_top {
    display: flex;
    width: 15rem;
    margin: 0 auto 0.63rem;
}

.news1 .news1_top .top_item {
    display: block;
    width: 7.28rem;
    border-radius: 0.2rem;
    overflow: hidden;
    margin-right: 0.44rem;
}

.news1 .news1_top .top_item:last-child {
    margin-right: 0;
}

.top_item .top_img {
    width: 100%;
    height: 4.63rem;
    overflow: hidden;
}

.top_item .top_img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

.top_item:hover .top_img img {
    transform: scale(1.1);
}

.top_item .top_bot {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.top_item .top_bot {
    width: 100%;
    padding-top: 0.47rem;
}

.top_item .top_bot .bot_left {
    width: 5.11rem;
}

.bot_left .top_title {
    width: 100%;
    height: 0.75rem;
    margin-bottom: 0.17rem;
    transition: all 0.3s;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.25rem;
    color: #000000;
    line-height: 0.35rem;
}

.top_item:hover .bot_left .top_title {
    color: #12A3FD;
}

.bot_left .top_time {
    transition: all 0.3s;
    font-family: Poppins, Poppins;
    font-weight: 500;
    font-size: 0.2rem;
    color: #9D9D9D;
    line-height: 0.32rem;
}

.top_item:hover .bot_left .top_time {
    color: #000000;
}

.top_item .top_bot .bot_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.3rem;
    height: 0.41rem;
    border: 0.01rem solid #12A3FD;
    transition: all 0.3s;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #12A3FD;
    border-radius: 0.21rem;
}

.top_item .top_bot .bot_btn img {
    margin-left: 0.06rem;
    width: 0.2rem;
    height: 0.21rem;
    transition: all 0.3s;
}

.top_item .top_bot .bot_btn .img2 {
    display: none;
}

.top_item:hover .top_bot .bot_btn {
    background: #12A3FD;
    color: #FFFFFF;
}

.top_item:hover .top_bot .bot_btn .img1 {
    display: none;
}

.top_item:hover .top_bot .bot_btn .img2 {
    display: block;
}

.news1 .news1_list {
    width: 15rem;
    margin: 0 auto;
}

.news1 .news1_list .news1_item {
    display: flex;
    align-items: center;
    width: 100%;
    height: 1.13rem;
    background: #FFFFFF;
    border-radius: 0.2rem;
    margin-bottom: 0.2rem;
    padding: 0 0.21rem;
    box-sizing: border-box;
    border-bottom: 0.01rem solid #C9C9C9;
}

.news1 .news1_list .news1_item:hover {
    box-shadow: 0 0.03rem 0.2rem 0.01rem rgba(0, 0, 0, 0.09);
    border: none;
}

.news1_item .news_item_time {
    margin-right: 0.39rem;
    transition: all 0.3s;
    font-family: Poppins, Poppins;
    font-weight: 500;
    font-size: 0.2rem;
    color: #9D9D9D;
}

.news1_item .news_item_title {
    width: 11.4rem;
    transition: all 0.3s;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.2rem;
    color: #000000;
}

.news1_item:hover .news_item_title {
    color: #12A3FD;
}

.news1_item:hover .news_item_time {
    color: #000000;
}

.news1_item .news_item_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.3rem;
    height: 0.41rem;
    border: 0.01rem solid #12A3FD;
    transition: all 0.3s;
    margin-left: auto;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #12A3FD;
    border-radius: 0.21rem;
}

.news1_item .news_item_btn img {
    margin-left: 0.06rem;
    width: 0.2rem;
    height: 0.21rem;
    transition: all 0.3s;
}

.news1_item .news_item_btn .img2 {
    display: none;
}

.news1_item:hover .news_item_btn {
    background: #12A3FD;
    color: #FFFFFF;
}

.news1_item:hover .news_item_btn .img1 {
    display: none;
}

.news1_item:hover .news_item_btn .img2 {
    display: block;
}

.news1 .news1_list .pub_page {
    padding-top: 0.38rem;
}

.news_det {
    display: flex;
    width: 15rem;
    margin: 0 auto;
    padding: 1.06rem 0 1.31rem;
    box-sizing: border-box;
}

.news_det .det_left {
    width: 11.3rem;
}

.news_det .det_left .det_title {
    margin-bottom: 0.23rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 600;
    font-size: 0.35rem;
    color: #000000;
    line-height: 0.47rem;
    text-align: center;
}

.news_det .det_left .det_title2 {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 0.18rem;
    border-bottom: 0.01rem solid #C7C7C7;
    margin-bottom: 0.36rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.18rem;
    color: #575757;
    line-height: 0.24rem;
}

.news_det .det_left .det_title2 div {
    margin: 0 0.3rem;
}

.news_det .det_left .det_con {
    width: 100%;
    padding-bottom: 0.34rem;
    border-bottom: 0.01rem solid #C7C7C7;
    margin-bottom: 0.23rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.18rem;
    color: #000000;
    line-height: 0.35rem;
}

.det_con img {
    max-width: 100%;
}

.det_left .det_nepr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.det_left .det_nepr a {
    transition: all 0.3s;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.18rem;
    color: #6E6E6E;
    line-height: 0.24rem;
}

.det_left .det_nepr a:hover {
    color: #12A3FD;
}

.news_det .det_right {
    position: relative;
    min-height: 11.2rem;
    border-left: 0.01rem solid #E5E5E5;
    margin-left: 0.5rem;
}

.news_det .det_right .right_bor {
    position: absolute;
    top: 0;
    left: -0.005rem;
    width: 0.01rem;
    background: #12A3FD;
    transition: all 0.3s;
}

.news_det .det_right .right_title {
    margin-bottom: 0.27rem;
    padding-left: 0.26rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 600;
    font-size: 0.25rem;
    color: #000000;
    line-height: 0.33rem;
}

.news_det .det_right .right_item {
    display: block;
    position: relative;
    width: 100%;
    padding-left: 0.26rem;
    box-sizing: border-box;
    cursor: pointer;
    margin-bottom: 0.33rem;
}

.news_det .det_right .right_item::after {
    content: "";
    position: absolute;
    top: 0.1rem;
    left: -0.035rem;
    width: 0.07rem;
    height: 0.07rem;
    background: #B7B7B7;
    border-radius: 50%;
    transition: all 0.3s;
}

.news_det .det_right .right_item:hover::after {
    background: #12A3FD;
}

.right_item .right_time {
    width: 1rem;
    height: 0.26rem;
    border-radius: 0.05rem;
    padding-left: 0.09rem;
    box-sizing: border-box;
    transition: all 0.3s;
    margin-bottom: 0.16rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.26rem;
}

.right_item:hover .right_time {
    background: #12A3FD;
    color: #FFFFFF;
}

.right_item .right_text {
    transition: all 0.3s;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.25rem;
}

.right_item:hover .right_text {
    color: #12A3FD;
}

.news_det .det_right .right_btn {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    padding-top: 0.93rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #414141;
}

.right_btn img {
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.11rem;
}