.content > .bg{background: url(../images/mode01_bg.png) no-repeat top center/cover;}

.index_title{margin-bottom: 2.3rem;display: block;display: flex;align-items: flex-end;justify-content: space-between;}
.channel_title{padding: 0 0 0 2.3rem;line-height: 6rem;display: flex;align-items: center;height: 6rem;background: url(../images/home_title.png) no-repeat left center/auto 100%;}
.channel_title .ch{font-weight: bold;margin: 0 .7rem 0 0;}
.channel_title .en{color: #999;}

.channel_link{position: relative;z-index: 2;line-height: 4.5rem;padding: 0 3rem 0 0;color: #333;overflow: hidden;}
.channel_link::before{content: '';display: block;border-left: .9rem solid #0066b6;border-top: .6rem solid transparent;border-bottom: .6rem solid transparent;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

/* .channel_link:hover{color: #fff;}
.channel_link:hover::before{background: #fff;}
.channel_link:hover::after{width: 20rem;height: 20rem;} */

.index_title.w .channel_title{color: #fff;background-image: url(../images/home_title2.png);}
.index_title.w .channel_title .en{color: #fff;}
.index_title.w .channel_link{color: #fff;border-color: #FFF;}
.index_title.w .channel_link::before{border-left-color: #FFF;}

.wrap_mode01{padding: 7.7rem 0 3rem;overflow: hidden;}
.mode01{}
.mode01 .lf{width: 48.2%;float: left;}
.mode01 .rt{width: 46.6%;float: right;}

.index_01a{overflow: hidden;position: relative;}
.index_01a ul{margin: 0 0;}
.index_01a .item{margin: 0 0;position: relative;padding: 0 0 2.7rem;}
.index_01a .tip{position: absolute;left: 0;top: 0;z-index: 2;color: #fff;background: rgba(6, 105, 184, .9);line-height: 6.7rem;border-radius: 0 0 2rem 0;padding: 0 4.4rem 0 3.4rem;}
.index_01a .img{padding-bottom: 67.6%;}
.index_01a .bottom{padding: 0 1.6rem 0;position: absolute;left: 0;right: 6.6rem;bottom: 0;line-height: 5.6rem;color: #fff;font-weight: bold;background: rgba(15, 111, 186, .9);z-index: 2;flex-wrap: nowrap;justify-content: start;}
.index_01a .title{margin: 0 0 0 2.2rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-left: 2.8rem;position: relative;max-width: calc(100% - 15rem);}
.index_01a .title::before{content: '';display: block;height: 2rem;width: .3rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #fff;}

.index_01a .swiper_menu{text-align: center;padding: 0;font-size: 0;position: absolute;right: 0;bottom: 0;z-index: 10;}
.index_01a .arrow{width: 3rem;height: 3rem;background: center no-repeat #0f6fba;display: inline-block;vertical-align: top;margin: 0 0 .1rem;cursor: pointer;}
.index_01a .prev{left: 0rem;background-image: url(../images/mode01_prev.png);}
.index_01a .next{right: 0rem;background-image: url(../images/mode01_next.png);}
.index_01a .arrow:hover{background-color: #f8a852;}

.mode01 .rt .tab_title{display: flex;}
.mode01 .rt .channel_title{margin: 0 3.6rem 0 0;}
.channel_title.off{background: none;padding-left: 0;color: #999;}
.channel_link.off{display: none;}

.index_01b{}
.index_01b ul{margin: -2.2rem 0 0;padding: 0 0;}
.index_01b ul.off{display: none;}
.index_01b .item{margin: 0 -2rem 0 -2.2rem;align-items: center;padding: 2.2rem 3rem 2.2rem 2.2rem;position: relative;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_01b .item::before{content: '';display: block;position: absolute;left: 4.4rem;right: 2.9rem;bottom: 0;border-top: .1rem solid #fff;}
.index_01b .item::after{content: '';display: block;position: absolute;width: .9rem;height: 1.9rem;background: url(../images/mode01_ico.png) no-repeat center/cover;top: 50%;transform: translateY(-50%);right: 2.9rem;opacity: 0;}
.index_01b .time_box{width: 9.6rem;position: relative;text-align: center;}
.index_01b .time_box::before{content: '';display: block;position: absolute;right: 0;background: #fff;width: .1rem;height: 4.8rem;top: 50%;transform: translateY(-50%);}
.index_01b .day{color: #333;margin: 0 0 0;line-height: 1.1;}
.index_01b .month{color: #999;margin: 0 0 0;line-height: 1.1;}
.index_01b .title{width: calc(100% - 11.8rem);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.index_01b .item:hover{background: #0066b6;}
.index_01b .item:hover .day,.index_01b .item:hover .month,.index_01b .item:hover .title{color: #fff;}
.index_01b .item:hover .title{font-weight: bold;}
.index_01b .item:hover::before{border-top: .1rem solid transparent;}
.index_01b .item:hover::after{opacity: 1;}

.wrap_mode02{padding: 3.9rem 0 7.3rem;}
.mode02{}
.mode02 .lf{width: 48.2%;float: left;}
.mode02 .rt{width: 48.2%;float: right;}

.mode02 .lf .index_title{max-width: 528px;}

.index_02a{}
.index_02a ul{margin: -2.2rem 0 0;}
.index_02a .item{margin: 0 0;padding: 2.2rem 2rem 2.1rem;position: relative;background: transparent;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::before{content: '';display: block;position: absolute;left: 2rem;right: 2rem;bottom: 0;border-bottom: .1rem solid #e9e9e9;}
.index_02a .title{margin: 0 0 1rem;/* font-weight: bold; */white-space: nowrap;text-overflow: ellipsis;overflow: hidden;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 .summary{margin: 0 0;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;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:hover{background: rgba(255, 255, 255, .9);}
.index_02a .item:hover .title,.index_02a .item:hover .summary{color: #0066b6;}
.index_02a .item:hover .title{font-weight: bold;}

.index_02b{}
.index_02b ul{margin: 0 0 -3.5rem -2rem;}
.index_02b li{width: 50%;}
.index_02b .item{margin: 0 0 3.5rem 2rem;position: relative;}
.index_02b .item::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 50%;bottom: 0;background: url(../images/mode02_cover.png) no-repeat center/100% 100%;z-index: 2;}
.index_02b .img{padding-bottom: 65.4%;}
.index_02b .title{margin: 0 0;position: absolute;left: 1.8rem;right: 1.8rem;bottom: 1.4rem;z-index: 2;color: #fff;}

.wrap_mode03{padding: 6rem 0 7.5rem;background: url(../images/mode03_bg.png) no-repeat center/cover;}
.mode03{}

.index_03{}
.index_03 ul{margin: 0 0 -6.2rem -10.2rem;padding: 3.1rem 0 0;}
.index_03 li{width: 16.6%;}
.index_03 .item{margin: 0 0 6.2rem 10.2rem;background: #fff;border-radius: 2rem;text-align: center;padding: 3rem 0 2.4rem;}
.index_03 .img_centered{width: 7rem;height: 6rem;margin: 0 auto 1.5rem;}


@media (max-width:1640px){

}
@media (max-width:1480px){

}
@media (max-width:1240px){
    .channel_title .ch{font-size: 18PX;}
    .channel_title .en{font-size: 12PX;}
}
@media (max-width:1024px){

}
@media (max-width:996px){
    .mode01 .lf,.mode02 .lf{width: 100%;float: none;}
    .mode01 .rt,.mode02 .rt{width: 100%;float: none;padding: 30px 0 0;}

    .index_03 ul{margin: 0 0 -30px -30px;padding: 10px 0 0;}
    .index_03 li{width: 25%;}
    .index_03 .item{margin: 0 0 30px 30px;}

}
@media screen and (max-width:767px){
    .wrap_mode01{padding-top: 30px;}

    .channel_title .en{display: none;}
}
@media (max-width:639px){

}
@media screen and (max-width:480px){

}
@media screen and (max-width:413px){

}
@media screen and (max-width:380px){

}
@media screen and (max-width:320px){

}