.banner::before{content: '';display: block;background: url(../images/banner_cover.png) no-repeat center/100% 100%;position: absolute;left: 0;bottom: 0;width: 100%;height: 11.88%;z-index: 2;}

.index_title{margin: 0 0 46px;align-items: center;}
.channel_title{position: relative;z-index: 2;}
.channel_title::before{content: '';display: block;background: url(../images/home_title.png) no-repeat center/cover;width: 130px;height: 139px;position: absolute;right: -103px;bottom: -20px;z-index: -1;}
.channel_title .en{color: #2086ca;text-transform: uppercase;display: flex;align-items: center;margin: 0 0 4px;}
.channel_title .en::after{content: '';display: block;width: 38px;height: 1px;background: #2086ca;margin: 0 0 0 16px;}
.channel_link{position: relative;z-index: 2;padding: 0 0 0 22px;color: #fff;background: url(../images/home_more.png) no-repeat right center;width: 136px;line-height: 40px;color: #21ac38;height: 40px;margin: ;}

.content{overflow: hidden; position: relative;}
.bg1{padding: 58px 0 44px;position: relative;}
.bg1::before{content: '';display: block;position: absolute;background: url(../images/bg1.png) no-repeat center/cover;width: 544px;height: 548px;right: 0;bottom: -76px;}
.bg2{background: url(../images/bg2.png) no-repeat bottom center/100% auto;padding: 36px 0 90px;}
.bg3{overflow: hidden;padding: 55px 0 55px;margin: -32px 0 0;}
.col1{width: calc(50% + 25px);}
.col2{width: calc(50% - 125px);}

.mode01{}

.index_01a{overflow: hidden;position: relative;}
.index_01a ul{margin: 0 0;padding: 0 0;}
.index_01a .item{margin: 0 0;}
.index_01a .img{padding-bottom: 55.28%;position: relative;}
.index_01a .time{color: #fff;margin: 0 0;position: absolute;background: url(../images/time1.png) no-repeat center/100% 100%;position: absolute;right: 0;top: 0;width: 111px;height: 98px;padding: 2px 0 0 32px;text-align: center;}
.index_01a .day{margin: 0 0 0;}
.index_01a .bottom{padding: 24px 200px 5px 0;}
.index_01a .title{margin: 0 0 18px;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index_01a .summary{margin: 0 0;color: #666;}

.index_01a .swiper-menu{position: absolute;right: 0;bottom: 0;align-items: center;z-index: 20;}
.index_01a .swiper-pagination{width: auto;position: relative;}
.index_01a .swiper-pagination .swiper-pagination-bullet{width: 11px;height: 11px;background: #0075c2;opacity: 1;border-radius: 50%;margin: 0 6px;}
.index_01a .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background: #23ac38;}
.index_01a .num{display: flex;align-items: center;color: #0075c2;}
.index_01a .num::before{content: '';display: block;width: 31px;border-bottom: 1px solid #23ac38;margin: 0 15px 0 12px;}

.index_01b{}
.index_01b ul{margin: -39px 0 0;}
.index_01b .item{padding: 30px 0 35px;position: relative;border-bottom: 1px solid #e9e9e9;margin: 0;}
.index_01b .time{display: flex;align-items: end;margin: 0 0 10px;}
.index_01b .day{color: #333;}
.index_01b .month{margin: 0 0 0 12px;line-height: 1.8em;color: #999;}

.index_01b .item:hover{margin: 0 -25px;border-color: transparent;background: url(../images/notice.png) no-repeat center/cover;border-radius: 20px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);padding-left: 25px;padding-right: 25px;}
.index_01b .item:hover .month{color: #0075c1;}
.index_01b .item:hover .day,.index_01b .item:hover .title{font-weight: bold;color: #0075c1;}

.index_02a{margin: -8px 0 0;}
.index_02a ul{margin: 0 0 -23px -16px;}
.index_02a li{width: 50%;}
.index_02a .item{margin: 0 0 23px 16px;background: #fff url(../images/garden_item.png) no-repeat 96.7% 8px/61px;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);padding: 25px 30px 20px 35px;overflow: hidden;position: relative;}
.index_02a .item::before{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 0;border-bottom: 5px solid #23ac38;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_02a .item::after{content: '';display: block;background: url(../images/garden_more.png) no-repeat center/cover;width: 19px;height: 21px;float: right;}
.index_02a .time{display: flex;align-items: end;margin: 0 0 14px;}
.index_02a .day{color: #0075c1;}
.index_02a .month{margin: 0 0 0 8px;line-height: 1.8em;color: #0075c1;}
.index_02a .title{margin: 24px 0 14px;}

.index_02a .item:hover::before{width: 100%;}
.index_02a .item:hover .day,.index_02a .item:hover .month{color: #23ac38;}
.index_02a .item:hover .title{color: #23ac38;font-weight: bold;}
.index_02a .item:hover::after{background-image: url(../images/garden_more2.png);}

.index_02b{margin: -8px 0 0;}
.index_02b ul{margin: 0 0 -24px -9px;}
.index_02b li{width: 65%;}
.index_02b li:nth-child(2),.index_02b li:nth-child(3){width: 35%;}
.index_02b .item{margin: 0 0 24px 9px;position: relative;}
.index_02b .img{padding-bottom: 206px;position: relative;}
.index_02b .img::before{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;background: url(../images/tabloid_cover.png) no-repeat center/100% 100%;}
.index_02b .title{margin: 0 0;color: #fff;position: absolute;left: 22px;right: 22px;z-index: 2;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;bottom: 14px;}

.index_03{padding: 24px 0 0;}
.index_03 ul{}
.index_03 li{width: 418px;}
.index_03 .item{margin: 0 0 0 12px;position: relative;}
.index_03 .img{padding-bottom: 60.6%;position: relative;}
.index_03 .img::before{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;background: url(../images/tabloid_cover.png) no-repeat center/100% 100%;}
.index_03 .title{margin: 0 0;color: #fff;position: absolute;left: 50px;right: 50px;z-index: 2;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;bottom: 16px;}

@media screen  and (max-width:1280px){
    .col2{width: calc(50% - 60px);}
}
@media screen  and (max-width:996px){
    .col1{width: 100%;}
    .col2{width: 100%;margin: 30px 0 0;}

    .index_title{margin-bottom: 24px;}
    
    .index_01b ul{margin-top: -10px;}
    .index_01b .item{padding-top: 20px;padding-bottom: 22px;}

    .index_03{padding: 0;}

}
@media screen and (max-width:767px){
    .banner .img{padding-bottom: 160px;}

    .bg1{padding-bottom: 10px;padding-top: 20px;}
    .bg2{padding-bottom: 20px;}

    .title_img{height: 32px;}
    .channel_title::before{width: 65px;height: 70px;right: -50px;bottom: -10px;}

    .index_01a .bottom{padding: 20px 0 30px;}
    .index_01a .title{margin-bottom: 10px;}

    .index_02a li{width: 100%;}
    .index_02a .item{padding: 15px 15px 12px;}
    .index_02a .time{margin-bottom: 0;}
    .index_02a .title{margin: 8px 0 6px;}

    .index_03 li{width: 240px;}
    .index_02b .title,.index_03 .title{left: 12px;right: 12px;bottom: 10px;}


}
@media screen  and (max-width:639px){
    
}
@media screen and (max-width:413px){
    .title_img{height: 28px;}
    .channel_title .en::after{width: 12px;}

    .index_02b li,.index_02b li:nth-child(2), .index_02b li:nth-child(3){width: 100%;}


}