/* homepage start */
.wrapbanner{overflow:hidden;position:relative;box-sizing:border-box;z-index:2;}
.banner{position:relative;overflow:hidden;}

.banner a{display:block;position:relative;overflow: hidden;}
/* .banner a::before{content: '';display:block;position: absolute;left: 0;bottom: 0;width: 100%;height: 20rem;  background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);z-index: 2;opacity: .7;} */
.banner .banner-img{padding-bottom: 96rem;height: 0;}
.banner .banner-img img,.banner .banner-img video{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;pointer-events: none;}
.banner .swiper-slide-active .banner-img{animation:scaleBig 10s linear 0s 1 both;transform-style:preserve-3d;animation: none;}
@-webkit-keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.05)}
}
@keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.05)}
}
.gp-video-box video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.gp-video-box{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;z-index:3}

.wrapbanner .swiper_menu{position: absolute;bottom: 4rem;z-index: 10;display: flex;align-items: center;justify-content: center;right: calc(50% - 74rem);}

.wrapbanner .swiper-pagination{position: relative;bottom: 0;width: auto;left: 0;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet{width: 1.2rem;height: 1.2rem;background: #fff;opacity: .5;margin: 0 0 0 2.2rem;vertical-align: middle;line-height: 1;font-weight: bold;border-radius: 50%;color: #fff;position: relative;border-radius: 50%;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;width: 1.8rem;height: 1.8rem;}

/* .wrapbanner .arrow{width: 4.8rem;height: 4.8rem;background: rgba(255, 255, 255, .5) no-repeat center/1.3rem;display: block;margin: 0 1.5rem;cursor: pointer;border-radius: 50%;}
.wrapbanner .prev{left: 0rem;background-image: url(../images/banner_prev.png);}
.wrapbanner .next{right: 0rem;background-image: url(../images/banner_next.png);}
.wrapbanner .arrow:hover{background-color: #fff;}
.wrapbanner .prev:hover{background-image: url(../images/banner_prev2.png);}
.wrapbanner .next:hover{background-image: url(../images/banner_next2.png);} */

.content{position: relative;z-index: 3;overflow: hidden;}

.index_title{margin-bottom: 3.8rem;align-items: center;width: 100%;position: relative;}
.channel_link{position: relative;z-index: 2;color: #005191;font-weight: bold;}
.channel_title{color: #282828;font-weight: bold;position: relative;}
.index_title.c .channel_link{position: absolute;right: 0;bottom: .8rem;}
.index_title.w .channel_title,.index_title.w .channel_link{color: #fff;}
@media screen  and (min-width: 768px){
	.index_title.c{justify-content: center;}
}

.wrap_mode01{padding: 8.2rem 0 9.9rem;background: url(../images/mode01_bg.png) no-repeat center bottom/100%;}
.mode01_title{margin-bottom: 5rem;}

.index_01a ul{margin: 0 0 0 -3.6rem;}
.index_01a .item{margin: 0 0 2rem 3.6rem;background: #fff;}
.index_01a .bottom{padding: 2.4rem 3.4rem 0;height: 19.3rem;position: relative;z-index: 2;}
.index_01a .title{margin: 0 0 2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden;}
.index_01a .time{color: #2c509a;}
.index_01a .bottom::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 0;z-index: -1;background: #2c509a url(../images/footer_bg.png) no-repeat bottom right -20px/45%;}
.index_01a .item:hover .bottom::before{height: 100%;}
.index_01a .item:hover .title{color: #fff;}
.index_01a .item:hover .time{color: #f0be77;}

.index_01b ul{margin: 0 0 -2rem -3.6rem;}
.index_01b .item{margin: 0 0 2rem 3.6rem;padding: 2rem 3.2rem 0;height: 19.2rem;background: #fff;border-top: .1rem solid #245bb2;position: relative;z-index: 2;}
.index_01b .title{margin: 0 0 1.6rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden;}
.index_01b .time{color: #2c509a;}
.index_01b .item::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 0;z-index: -1;background: #2c509a url(../images/footer_bg.png) no-repeat bottom right -20px/45%;}
.index_01b .item:hover::before{height: 100%;}
.index_01b .item:hover .title{color: #fff;}
.index_01b .item:hover .time{color: #f0be77;}

.wrap_mode02{padding: 6.3rem 0 8.8rem;background: url(../images/mode02_bg.png) no-repeat center/cover;}

.index_02{}
.index_02 ul{margin: 0 0 0 -6.1rem;}
.index_02 .item{margin: 0 0 0 7rem;padding: 2.7rem 0;border-bottom: .1rem solid rgba(240, 190, 119, .5);align-items: center;}
.index_02 .time{position: relative;text-align: center;color: #f0be77;line-height: 1.1;margin: 0 2.6rem 0 0;font-weight: bold;}
.index_02 .day{margin: .8rem 0 0;}
.index_02 .title{margin: 0 0;color: #fff;}


.wrap_mode03{padding: 13.3rem 0 .1rem;position: relative;}
.wrap_mode03::before{content: '';position: absolute;right: -4.4rem;bottom: 0;background: url(../images/mode03_bg2.png) no-repeat center/cover;width: 53rem;height: 80.2rem;}
.wrap_mode03::after{content: '';position: absolute;left: -60rem;top: 7.6rem;background: url(../images/mode03_bg.png) no-repeat center/cover;width: 51.5rem;height: 42.6rem;transition: all ease-in-out .8s;-ms-transition: all ease-in-out .8s;-moz-transition: all ease-in-out .8s;-webkit-transition: all ease-in-out .8s;-o-transition: all ease-in-out .8s;}
.wrap_mode03.isView::after{left: 0;}
.mode03_title{position: absolute;left: 4.2rem;top: 1.3rem;width: 29.9rem;display: block;z-index: 10;}
.mode03_title .channel_title{margin: 0 0 7.2rem;line-height: 1.25;}

.index_03{position: relative;}
.index_03 ul{margin: 0 0 -16.7rem;}
.index_03 .item{margin: 0 0 -0.1rem -0.1rem;border: .1rem solid #e0e0e0;background: #fff url(../images/mode03_item1_1.png) no-repeat top center/cover;height: 29rem;padding: 5.4rem 5.4rem 0 4rem ;position: relative;z-index: 2;}
.index_03 li:nth-child(3) .item{background-image: url(../images/mode03_item2_1.png);}
.index_03 li:nth-child(4) .item{background-image: url(../images/mode03_item3_1.png);}
.index_03 li:nth-child(5) .item{background-image: url(../images/mode03_item4_1.png);}
.index_03 li:nth-child(6) .item{background-image: url(../images/mode03_item5_1.png);}

.index_03 .item::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 0;z-index: -1;background: url(../images/mode03_item1.png) no-repeat top center/cover;}
.index_03 li:nth-child(3) .item::before{background: url(../images/mode03_item2.png) no-repeat top center/cover;}
.index_03 li:nth-child(4) .item::before{background: url(../images/mode03_item3.png) no-repeat top center/cover;}
.index_03 li:nth-child(5) .item::before{background: url(../images/mode03_item4.png) no-repeat top center/cover;}
.index_03 li:nth-child(6) .item::before{background: url(../images/mode03_item5.png) no-repeat top center/cover;}
.index_03 .more{width: 5rem;height: 5rem;float: right;border: .1rem solid #e0e0e0;background: #fff url(../images/mode03_more.png) no-repeat center/1.6rem;border-bottom: .3rem solid #2d5aa4;margin: .6rem 0 0;}
.index_03 .time{color: #2d5aa4;font-weight: bold;padding: 0 0 4rem;position: relative;margin: 0 0 3.5rem;}
.index_03 .time::before{content: '';display: block;position: absolute;bottom: 0;left: .5rem;width: 4.4rem;height: .3rem;background: #2d5aa4;}
.index_03 .item:hover::before{height: 100%;}
.index_03 .item:hover .title{color: #fff;font-weight: bold;transform: scale(1.11);transform-origin: left top;}
.index_03 .item:hover .time{color: #f0be77;}
.index_03 .item:hover .time::before{background: #f0be77;}
.index_03 .item:hover .more{border: none;}

.wrap_mode04{padding: 16.7rem 0 21.6rem;background: url(../images/mode04_bg.png) no-repeat center/cover;}

.index_04{background: rgba(36, 91, 178, .85);width: 98.7rem;padding: 2.5rem 9.3rem 3.4rem 8.6rem;}
.index_04 ul{margin: 0 0 0 -7rem;}
.index_04 .item{margin: 0 0 0 7rem;border-top: .1rem dashed rgba(240, 190, 119, .4);height: 10rem;color: #fff;position: relative;display: flex;align-items: center;}
.index_04 li:nth-child(1) .item,.index_04 li:nth-child(2) .item,.index_04 li:nth-child(3) .item{border-top: none;}
.index_04 .ico{margin-right: 1.7rem;width: 4rem;}
.index_04 .item:hover .ico{transform: scale(1.1);}


@media screen  and (max-width:996px){
    .banner{height: auto;}
	.banner .banner-img{padding-bottom: 50%;}
	.wrapbanner .swiper_menu{right: 20px;}

	.wrap_mode01{padding: 30px 0;}
	.index_01a .bottom,.index_01b .item{height: auto;padding-bottom: 16px;}

	.wrap_mode02{padding: 30px 0;}
	.index_02 .item{padding: 2rem 0;}

	.wrap_mode03{padding-top: 30px;}
	.wrap_mode03::after{top: 7px;}
	.mode03_title{position: relative;width: 100%;}

	.index_03 .item{height: auto;padding: 22px;}
	.index_03 .time{padding: 0 0 12px;margin: 0 0 12px;}

	.index_04 ul{margin: 0 0 0 -4rem;}
	.index_04 .item{margin: 0 0 0 4rem;font-size: 16px;}
	.index_04{width: 100%;padding: 10px 24px;}


}
@media screen and (max-width: 767px){
    .wrapbanner .swiper_menu{width: 100%;bottom: 12px;}
    .content{}

	.mode03_title{left: 0;top: 0;}
	.mode03_title .channel_title{margin-bottom: 20px;}

	.index_04 ul{margin: 0 0 0 -12px;}
	.index_04 .item{margin: 0 0 0 12px;flex-direction: column;height: 80px;justify-content: center;font-size: 14px;text-align: center;}
	.index_04 .ico{margin: 0 0 8px 0;}

}
@media screen and (max-width: 413px){
	.channel_title{font-size: 24px;}

}