.wrapbanner{overflow:hidden;position:relative;box-sizing:border-box;z-index:20}
.banner{position:relative;overflow:hidden}
.banner a{display:block;position:relative;}
.banner a::before{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 23.65%; background-image: -moz-linear-gradient( 90deg, rgb(40,40,40) 0%, rgba(40,40,40,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(40,40,40) 0%, rgba(40,40,40,0) 100%);background-image: -ms-linear-gradient( 90deg, rgb(40,40,40) 0%, rgba(40,40,40,0) 100%);z-index: 11;mix-blend-mode: multiply;}
.banner .banner-img{padding-bottom: 100vh;height: 0;position: relative;/*padding-bottom: 39.52%;*/}

.banner .banner-img img,.banner .banner-img video{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover}
.banner .banner-img video{width:100%;height:auto;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.banner .swiper-slide-active .banner-img{animation:scaleBig 10s linear 0s 1 both;transform-style:preserve-3d}
@-webkit-keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.1)}
}
@keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.1)}
}
.banner .title{position: absolute;bottom: 3.9rem;left: calc(50% - 74rem);color: #fff;z-index: 12;font-weight: bold;max-width: 50%;}

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

.wrapbanner .swiper-pagination{position: relative;bottom: 0;padding: 0 2.6rem;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet{width: 1.2rem;height: 1.2rem;background: #fff;opacity: .6;margin: 0 0.9rem;vertical-align: middle;line-height: 1;font-weight: bold;color: #fff;position: relative;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background: #94070a;width: 2rem;height: 2rem;}

.wrapbanner .arrow{width: 6.2rem;height: 6.2rem;background: rgba(255, 255, 255, 0) no-repeat center/2.8rem;display: block;margin: 0;cursor: pointer;position: relative;z-index: 10;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;border: .1rem solid #d4dbe3;border-radius: 50%;}
.wrapbanner .prev{left: 0rem;background-image: url(../images/banner_prev2.png);}
.wrapbanner .next{right: 0rem;background-image: url(../images/banner_next2.png);}
.wrapbanner .arrow:hover{background-color: #fff;}
.wrapbanner .prev:hover{background-image: url(../images/banner_prev.png);}
.wrapbanner .next:hover{background-image: url(../images/banner_next.png);}

.content{background: #f6f8fa;overflow:hidden;position: relative;z-index: 1;}

@-webkit-keyframes first_letter{
	from {transform: translateX(5rem);}
	to {transform: none;}
}
@keyframes first_letter{
	from {transform: translateX(5rem);}
	to {transform: none;}
}

.index_title{margin-bottom: 2rem;width: 100%;align-items: center;position: relative;}
.channel_title{padding: 0 0 1rem;position: relative;z-index: 10;line-height: 1;}
.channel_title::before{content: '';display: block;position: absolute;width: 6rem;border-bottom: .3rem solid #94070a;left: 0;bottom: 0;}
.channel_title .cn{}
.channel_title .en{color: transparent;text-transform: uppercase;color: transparent;-webkit-text-stroke: .5px #d0d0d0;font-weight: bold;font-style: italic;margin: -2.2rem 0 0;position: relative;z-index: -1;}
.channel_title.w .cn{color: #fff;}
.channel_title.w .en{-webkit-text-stroke: 1px #6a93ff;}
@supports not (-webkit-text-stroke: .5px #d0d0d0) {
  	.channel_title .en{color: #d0d0d0;}
	.channel_title.w .en{color: #6a93ff;}
}

.channel_link{position: relative;z-index: 2;color: #282828;}
.channel_link.w{color: #f6f8fa;}
.channel_link:hover{font-weight: bold;}


.index_title.c{justify-content: center;}
.index_title.c .channel_title{text-align: center;}
.index_title.c .channel_title::before{left: 50%;transform: translateX(-50%);}
.index_title.c .channel_link{position: absolute;right: 0;bottom: 1rem;}


.wrap_mode01{padding: 4rem 0 2.4rem;position: relative;}
.wrap_mode01::before{content: '';display: block;position: absolute;background: url(../images/mode01_bg.png) no-repeat center/cover;width: 24rem;height: 70.8rem;right: 0.4rem;top: 9.4rem;}
.mode01{}

.index_01a{overflow: hidden;position: relative;margin-bottom: 2rem;z-index: 2;}
.index_01a::before{content: '';display: block;position: absolute;left: 0;top: 5rem;bottom: 0;width: 100%;background: rgba(255, 255, 255, .7);border-radius: 3rem;z-index: -1;}
.index_01a ul{margin: 0 0;padding: 0 0 1.8rem;}
.index_01a .item{margin: 0 0;align-items: center;}
.index_01a .img_box{width: 86.2rem;position: relative;}
/* .index_01a .img_box::before{content: '';display: block;position: absolute;right: 0;bottom: 0;background: url(../images/mode01_cover.png) no-repeat center/cover;width: 20.6rem;height: 9.5rem;z-index: 2;} */
.index_01a .gp-img{padding-bottom: calc(56%);border-radius: 1.8rem;}
.index_01a .info_box{margin: 0 0 -2.7rem;padding: 0rem 3.5rem 0.1rem;width: calc(100% - 87rem);flex-shrink: 1;}
.index_01a .title{margin: 1.8rem 0 1.1rem;}
.index_01a .summary{color: #818181;text-indent: 2em;}
.index_01a .time{text-align: center;display: inline-block;position: relative;}
.index_01a .time::before{content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%) rotate(28deg);background: #cfcfcf;width: .1rem;height: 7.2rem;right: -2.4rem;}
.index_01a .day{margin: 0 0 0.9rem;line-height: 1.1;color: #94070a;font-weight: bold;}
.index_01a .day span{font-size: .5em;}
.index_01a .month{line-height: 1.2;padding: 0 .7rem;color: #fff;background: #94070a;display: inline-block;border-radius: 5rem;}

.index_01a .swiper_menu{text-align: center;font-size: 0;align-items: center;position: absolute;right: 53.5rem;bottom: 2.1rem;z-index: 10;}
.index_01a .arrow{width: 5.5rem;height: 5.5rem;background: #fff no-repeat center/2.4rem;display: block;margin: 0 0 0 2rem;cursor: pointer;border: .1rem solid #94070a;border-radius: 50%;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_01a .prev{left: 0rem;background-image: url(../images/banner_prev.png);}
.index_01a .next{right: 0rem;background-image: url(../images/banner_next.png);}
.index_01a .arrow:hover{background-color: #94070a;}
.index_01a .prev:hover{background-image: url(../images/banner_prev2.png);}
.index_01a .next:hover{background-image: url(../images/banner_next2.png);}

.index_01b{}
.index_01b ul{margin: 0 2rem -2.8rem -3.3rem;}
.index_01b .item{margin: 0 0 2.8rem 3.3rem;background: #fff;padding: 2.8rem 2.7rem 2.9rem;border-radius: 1.5rem;}
.index_01b .img_box{position: relative;margin-bottom: 1rem;}
.index_01b .gp-img{padding-bottom: 56%;border-radius: 2.2rem;position: relative;}

.index_01b .time{margin: 0 0 0.1rem;line-height: 1.1;color: #94070a;font-weight: bold;}
.index_01b .time span{font-size: .5em;}

/* .index_01b .time{text-align: center;display: block;position: absolute;left: 0;bottom: 0;background: #fff;z-index: 10;border-radius: 1rem;padding: .5rem 1rem 1rem;}
.index_01b .day{margin: 0 0 .5rem;line-height: 1.1;color: #94070a;font-weight: bold;}
.index_01b .day span{font-size: .5em;}
.index_01b .month{line-height: 1.3;padding: 0 .7rem;color: #fff;background: #94070a;display: inline-block;border-radius: 5rem;} */

/* .index_01b .item:hover .time{background: #94070a;} */
/* .index_01b .item:hover .day{color: #fff;}
.index_01b .item:hover .month{color: #94070a;background: #fff;} */


.wrap_mode02{padding: 2rem 0 0.7rem;}
.mode02{height: 73.2rem;}
.mode02 .lf{width: 50%;background: url(../images/mode02_lf.png) no-repeat center/100% 100%;padding: 4.9rem 3.9rem 0;border-radius: 2.5rem 11rem 0 0;}
.mode02 .rt{width: 50%;background: url(../images/mode02_rt.png) no-repeat center/100% 100%;padding: 5rem 6rem .2rem;border-radius: 11rem 2.5rem 0 0;}

.index_02a{margin-top: 3.3rem;transition-timing-function: linear;}
.index_02a ul{margin: 0 0;}
.index_02a .item{padding: 1.9rem 0 1rem;border-bottom: .1rem dashed #eaeaea;align-items: center;}
.index_02a .img_box{width: 0;position: relative;overflow: hidden;}
.index_02a .img_box::before{content: '';display: block;position: absolute;right: 0;bottom: 0;background: #94070a url(../images/banner_next2.png) no-repeat center/2.1rem auto;transform: rotate(0deg);z-index: 12;width: 4rem;height: 4rem;border-radius: 50%;}
.index_02a .gp-img{padding-bottom: 55.9%;border-radius:  2.2rem 2.2rem 3.2rem 2.2rem;}
.index_02a .title{width: 100%;padding: 0;}
/* .index_02a:hover{background: #94070a;color: #fff;} */
/* .index_02a:hover .img_box::before{background: #fff url(../images/banner_next.png) no-repeat center/2.1rem auto;} */

@media screen and (min-width:996px){
	.index_02a li.on .item{background: #f6f8fa;border-radius: 2.2rem;padding: 0;border: none;margin: -1px 0 0;}
	.index_02a li.on .img_box{width: 28.2rem;}
	.index_02a li.on .title{width: calc(100% - 29.2rem);padding: 0 2.8rem 0 2.2rem;}
}

.index_02c{border-left: .1rem solid #c7c7c7;margin-left: 0.2rem;padding-left: 2rem;margin-top: 2.9rem;}
.index_02c ul{margin: 0 0;border-top: .1rem dashed #eaeaea;}
.index_02c .item{height: 9rem;align-items: center;position: relative;border-bottom: .1rem dashed #eaeaea;}
.index_02c .item::before{content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);left: -2.4rem;width: .6rem;height: .6rem;background: #bcbcbc;border-radius: 50%;}
.index_02c .tip{width: 12.4rem;height: 4.4rem;position: relative;color: #7f7f7f;background: #f6f8fa;line-height: 4.4rem;text-align: center;border-radius: .8rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index_02c .title{width: calc(100% - 13.6rem);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index_02c .item:hover:before{background: #94070a;}
.index_02c .item:hover .tip{background: #94070a;color: #fff;}
.index_02c .item::after{content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);right: 100%;border-right: .7rem solid #f6f8fa;border-bottom: .6rem solid transparent;border-top: .6rem solid transparent;}
.index_02c .item:hover::after{border-right-color: #94070a;}

.wrap_mode03{padding: 4.6rem 0 2rem;background: url(../images/mode03_bg.png) no-repeat center/cover;position: relative;}
.wrap_mode03::before{content: '';display: block;background: url(../images/mode03_bg1.png) no-repeat center/cover;width: 42.5rem;height: 14.5rem;position: absolute;bottom: 0;left: 0rem;}
.wrap_mode03::after{content: '';display: block;background: url(../images/mode03_bg2.png) no-repeat center/cover;width: 12.7rem;height: 41.2rem;position: absolute;top: 15.2rem;right: 4.2rem;}

.wrap_mode03.isView::before{animation: effect1 1s ease-in-out 0s 1 both;}
.wrap_mode03.isView::after{animation: effect1 1s ease-in-out 0.5s 1 both;}
.mode03{}

.index_03{
    margin: 0 0 -1.4rem;
}
.index_03 ul{margin: 0 0;align-items: flex-start;min-height: 52rem;}
.index_03 li{width: 24.4rem;}
.index_03 .item{margin: 0 0;position: relative;}
.index_03 li:nth-child(2n){padding-top: 5.3rem;}
.index_03 .gp-img{padding-bottom: 100%;border-radius: 20rem;padding-bottom: 100%;}
.index_03 .gp-img::after{display: none;}
.index_03 .bottom{padding: 0;border-radius: 2.2rem;position: relative;z-index: 2;margin-top: 1.2rem;}
.index_03 .title{margin: 0 0 .6rem;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index_03 .info{color: #fff;}
.index_03 .info p{padding: 0 0 0 2.7rem;opacity: .6;}
.index_03 .info p.ico1{background: url(../images/mode03_ico1.png) no-repeat left .7rem/auto 1.6rem;}
.index_03 .info p.ico2{background: url(../images/mode03_ico2.png) no-repeat left .7rem/auto 1.7rem;}
.index_03 .info p.ico3{background: url(../images/mode03_ico3.png) no-repeat left .5rem/auto 1.9rem;}

.index_03 li.on{width: 27.5rem;}
.index_03 li:nth-child(2n).on{padding-top: 2.3rem;}
.index_03 li.on .gp-img{border-radius: 20rem 20rem 0 0;}
.index_03 li.on .bottom{background-image: -moz-linear-gradient( 90deg, rgb(148,7,10) 0%, rgb(148,7,10) 68%, rgba(148,7,10,0.43922) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(148,7,10) 0%, rgb(148,7,10) 68%, rgba(148,7,10,0.43922) 100%);background-image: -ms-linear-gradient( 90deg, rgb(148,7,10) 0%, rgb(148,7,10) 68%, rgba(148,7,10,0.43922) 100%);margin-top: -8.2rem;padding: 1.7rem 2rem 2rem;}
.index_03 li.on .title{font-size: 1.8rem;line-height: 3.4rem;}
.index_03 li.on .info p{opacity: 1;}


@media screen and (max-width:996px){
	.wrapbanner{padding-top:0;height:auto}
	.banner .banner-img{padding-bottom: 50%;}
	.banner a::before{height: 50%;}
	.wrapbanner .swiper-pagination .swiper-pagination-bullet{margin:0 5px;}
	.wrapbanner .swiper_menu{bottom:10px;right: auto;left: 50%;transform: translateX(-50%);}
	.wrapbanner .arrow{width: 20px;height: 20px;background-size: 50%;}
	/* .banner .banner-img{padding-bottom: 56.14%;height: 0;} */
	.banner .title{left: 10px;right: 10px;bottom: 32px;max-width: initial;font-size: 14px;text-align: center;font-weight: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}


	.content{padding:0;overflow:hidden}

	.index_01a .img_box{width: 100%;}
	.index_01a .info_box{width: 100%;padding: 1.2rem 15px 10px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
	.index_01a .summary{width: 100%;}
	.index_01a .img_box::before{display: none;}
	.index_01a .arrow{margin: 0 1rem;}
	.index_01a .swiper_menu{display: none;}

	.index_01a .title{width: calc(100% - 80px);}

	.index_01b ul{margin-right: 0;}

	/* .index_01b .item{display: flex;align-items: center;}
	.index_01b .img_box{margin: 0 10px 0 0;}
	.index_01b .time{position: relative;}
	.index_01b .gp-img{display: none;} */

	/* .index_01b{position: relative;overflow: hidden;padding: 0 0 20px;}
	.index_01b ul{margin: 0;flex-wrap: nowrap;}
	.index_01b .item{margin: 0 1rem;}
	.index_01b .swiper-pagination{bottom: 0;}
	.index_01b .swiper-pagination .swiper-pagination-bullet{margin: 0 5px;}
	.index_01b .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background: #94070a;} */

	.mode02{height: auto;}
	
	.mode02 .lf{width: 100%;border-radius: 20px 20px 0 0;}
	.mode02 .rt{width: 100%;border-radius: 0 0 20px 20px;}

	.index_02c .item{height: auto;padding: 12px 0;}
	.index_02c .tip{width: 7em;line-height: 2em;height: 2em;}
	.index_02c .title{width: calc(100% - 8em);}

	.index_03 ul{flex-wrap: nowrap;}
	.index_03 li,.index_03 li.on{width: 240px;}
	.index_03 li:nth-child(2n){padding-top: 0;}

	.index_03 .info p{line-height: 3rem;margin-bottom: 5px;}

	.index_03 .item{padding: 50px 20px 0;}
	.index_03 .swiper-slide-active .item{padding: 0;}

	.index_03 .swiper-slide-active .gp-img{border-radius: 20rem 20rem 0 0;}
	.index_03 .swiper-slide-active .bottom{background-image: -moz-linear-gradient( 90deg, rgb(148,7,10) 0%, rgb(148,7,10) 54%, rgba(148,7,10,0.43922) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(148,7,10) 0%, rgb(148,7,10) 54%, rgba(148,7,10,0.43922) 100%);background-image: -ms-linear-gradient( 90deg, rgb(148,7,10) 0%, rgb(148,7,10) 54%, rgba(148,7,10,0.43922) 100%);margin-top: -14.4rem;padding: 1.7rem 2rem 2rem;}
	.index_03 .swiper-slide-active .title{font-size: 16px;line-height: 30px;-webkit-line-clamp: 5;}
	.index_03 .swiper-slide-active .info p{opacity: 1;}


}
@media screen and (max-width:767px){
	.wrapbanner .swiper-pagination,.wrapbanner .swiper_menu .more{vertical-align:bottom}
	.content{margin-bottom:0}

	.wrapbanner .swiper-pagination{}

	.index_title.c{justify-content: space-between;}

	.wrap_mode01{padding: 4rem 0;}
	.wrap_mode01::before{opacity: .2;}

	.wrap_mode02{padding: 4rem 0;}

	.index_02a{padding-bottom: 5px;}
	.index_02a .img_box{width: 100%;margin-bottom: 1.2rem;}
	.index_02a .title{width: 100%;padding: 0;}

	.index_02a .img_box{display: none;}
	.index_02a li:first-child .img_box{display: block;}

	.index_02b .item{padding: 10px 0;}

	.mode02 .lf{padding: 20px;}
	.mode02 .rt{padding: 20px;}

	.index_02b li:nth-child(5) ~ li,.index_02c li:nth-child(5) ~ li{display: none;}


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


}