.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: 36.45%;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;opacity: 0.8;}
.banner .banner-img{padding-bottom: 100vh;height: 0;position: relative;padding-bottom: 50%;}

.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.6rem;left: calc(50% - 82.5rem);color: #fff;z-index: 12;font-weight: bold;max-width: 61.5%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 1.7em;}


.wrapbanner .swiper_menu{position: absolute;right: calc(50% - 82.5rem);bottom: 6rem;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 .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: 4.5rem;height: 4.5rem;background: #0b2c4d no-repeat center/1.2rem;display: block;margin: 0 0 0 2rem;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-radius: .6rem;}
.wrapbanner .prev{left: 0rem;background-image: url(../images/prev.svg);}
.wrapbanner .next{right: 0rem;background-image: url(../images/next.svg);}
.wrapbanner .arrow:hover{background-color: #a20000;}
/* .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;}
}

.channel_title{padding: 0 0 1rem;position: relative;z-index: 10;line-height: 1;font-weight: bold;text-align: center;width: 100%;}
.channel_title.w{color: #fff;}
.channel_link{background: #a20000;color: #fff;text-align: center;line-height: 3em;border-radius: .6rem;min-width: 28.6rem;padding: 0 4.6rem;margin: 4.6rem 0 0;display: block;}
.channel_link:hover{background: #94070a;color: #fff;}

.wrap_mode01{padding: 7.7rem 0 8rem;}
.mode01{align-items: center;justify-content: center;}

.index_01{align-items: center;}
.index_01 .title{font-weight: bold;width: 37rem;line-height: 1.6;}
.index_01 .article{width: calc(100% - 41.6rem);line-height: 1.75;font-weight: bold;}

.wrap_mode02{padding: 7.7rem 0 8.2rem;background: #eff2f7 url(../images/mode02_bg.png) no-repeat left bottom/cover;}
.mode02{align-items: center;flex-direction: column;}

.index_02{align-items: center;width: 100%;padding: 4rem 0 1.8rem;}
.index_02 .lf{width: 123.4rem;}
.index_02 .rt{width: 37rem;}

.index_02a{padding: 6.4rem 0;position: relative;z-index: 2;}
.index_02a::before{content: '';position: absolute;left: 9.6rem;top: 0;right: 0;height: 100%;background: #fff;z-index: -1;border-radius: 1.6rem;}
.index_02a::after{content: '';display: block;position: absolute;right: 0;bottom: .5rem;background: url(../images/mode02_bg2.png) no-repeat center/cover;width: 22.1rem;height: 64.6rem;}
.index_02a .item{align-items: center;position: relative;z-index: 2;}
.index_02a .img_box{width: 78rem;box-shadow: 0rem .5rem 2rem 0rem rgba(239, 242, 247, 0.004);border-radius: 1.6rem;overflow: hidden;}
.index_02a .gp-img{padding-bottom: 60%;}
.index_02a .info_box{margin: 0 4.8rem 0 0;padding: .5rem 0 0;width: 36.2rem;}
.index_02a .time{font-weight: bold;color: #9c191c;margin: 0 0 2.3rem;}
.index_02a .title{margin: 0 0 1.5rem;font-weight: bold;line-height: 1.7;}
.index_02a .summary{margin: 0 0 5.6rem;color: #909090;line-height: 1.75;}
.index_02a .more{display: flex;align-items: center;font-weight: bold;}
.index_02a .more::after{content: '';display: block;margin: 0 0 0 .8rem;background: url(../images/next_r.svg) no-repeat center/1.1rem;width: 1.1rem;height: 1.8rem;}

.index_02b{}
.index_02b ul{margin: 0 0 -2.1rem;}
.index_02b .item{margin: 0 0 2.1rem;position: relative;border-radius: 1.6rem;overflow: hidden;}
.index_02b .item::before{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;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: 2;}
.index_02b .gp-img{padding-bottom: 60%;}
.index_02b .title{margin: 0 0;position: absolute;bottom: 1.5rem;left: 1.8rem;right: 1.8rem;color: #fff;z-index: 10;}

.wrap_mode03{padding: 7.2rem 0 7.9rem;background: url(../images/mode03_bg.png) no-repeat top center/100% auto, #eff2f7 url(../images/mode03_bg2.png) no-repeat right bottom/47.3rem;}
.mode03{align-items: center;flex-direction: column;}

.index_03a{width: 100%;}
.index_03a ul{margin: 0 5.6rem 0rem -0.9rem;padding: 4.1rem 0 0;}
.index_03a .item{margin: 0 0 4rem 6.5rem;}
.index_03a .gp-img{padding-bottom: 60%;border-radius: 1.6rem;}
.index_03a .time{font-weight: bold;color: #9c191c;margin: 1.4rem 0 1rem;}
.index_03a .title{margin: 0 0 1.9rem;font-weight: bold;line-height: 1.75;}
.index_03a .more{display: flex;align-items: center;font-weight: bold;}
.index_03a .more::after{content: '';display: block;margin: 0 0 -.3rem .7rem;background: url(../images/next_r.svg) no-repeat center/1.1rem;width: 1.1rem;height: 1.8rem;}

.index_03b{background: #fff;margin: .4rem 0 1.3rem;border-radius: 1.6rem;padding: 3.5rem 2.7rem;}
.index_03b ul{margin: 0 0 -3.2rem -6rem;}
.index_03b .item{margin: 0 0 4rem 6rem;}
.index_03b .time{font-weight: bold;color: #9c191c;margin: 0 0 1.6rem;}
.index_03b .title{margin: 0;font-weight: bold;line-height: 1.75;}

.wrap_mode04{padding: 7.5rem 0 6rem;background: url(../images/mode04_bg.png) no-repeat center/cover;}
.mode04{flex-direction: column;align-items: center;}

.index_04{}
.index_04 ul{margin: 0 0 -4rem -4.8rem;padding: 3.9rem 0 0;}
.index_04 li{margin-bottom: 4rem;}
.index_04 .item{margin: 0 0 0 4.8rem;background: #fff;padding: 3.6rem 2.3rem 7.4rem;height: 100%;}
.index_04 .img_box{margin: 0 2rem 2rem;}
.index_04 .gp-img{padding-bottom: 127.37%;}
.index_04 .bottom{position: relative;z-index: 2;}
.index_04 .title{margin: 0 0 2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: bold;}
.index_04 .info{color: rgba(40, 40, 40, .8);}
.index_04 .info p{padding: 0 0 0 2.7rem;}
.index_04 .info p.ico1{background: url(../images/mode04_ico1.svg) no-repeat left .7rem/auto 1.6rem;}
.index_04 .info p.ico2{background: url(../images/mode04_ico2.svg) no-repeat left .7rem/auto 1.7rem;}
.index_04 .info p.ico3{background: url(../images/mode04_ico3.svg) no-repeat left .5rem/auto 1.9rem;}

@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: 30px;height: 30px;background-size: 30%;}
	/* .banner .banner-img{padding-bottom: 56.14%;height: 0;} */
	.banner .title{left: 10px;right: 10px;bottom: 50px;max-width: initial;font-size: 16px;text-align: center;font-weight: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.channel_link{font-size:13px;padding: 0 10px}
	

	.content{padding:0;overflow:hidden}

	.wrap_mode01{padding: 30px 0;}
	.index_01 .title{width: 100%;margin: 0 0 12px;}
	.index_01 .article{width: 100%;}

	.wrap_mode02{padding: 30px 0;}

	.index_02 .lf{width: 100%;margin: 0 0 20px;padding: 30px 0;}
	.index_02a .img_box{width: 40%;}
	.index_02a .info_box{width: 56%;margin: 0;padding-right: 2%;}
	.index_02a .summary{margin: 0 0 20px;}

	.index_02 .rt{width: 100%;}
	.index_02b ul{margin: 0 0 -30px -20px;}
	.index_02b li{width: 50%;}
	.index_02b li:nth-child(3){display: none;}
	.index_02b .item{margin: 0 0 20px 20px;}

	.wrap_mode03,.wrap_mode04{padding: 30px 0;}

	.index_04{}
	.index_04 ul{flex-wrap: nowrap;margin: 0;}
	.index_04 li{margin-bottom: 0;}
	.index_04 .item{margin: 0 5px;}


}
@media screen and (max-width:767px){
	.wrapbanner .swiper-pagination,.wrapbanner .swiper_menu .more{vertical-align:bottom}
	.banner .title{bottom: 40px;}
	.wrapbanner .arrow{width: 20px;height: 20px;}
	.content{margin-bottom:0}

	.wrapbanner .swiper-pagination{}

	.index_02 .lf{padding: 0;}
	.index_02a .img_box{width: 100%;}
	.index_02a .info_box{width: 100%;margin: 0;padding: 20px;}
	.index_02a::after{width: 60px;height: 180px;right: 20px;bottom: 0;}
	.index_02a::before{left: 0;}

	.index_02b li{width: 100%;}


	.wrap_mode03{background: url(../images/mode03_bg.png) no-repeat top center/200% auto, #eff2f7 url(../images/mode03_bg2.png) no-repeat right bottom/47.3rem;}
	.index_03a ul{padding: 10px 0 0;margin: 0;}
	.index_03a .item{margin: 0 0 20px;}

	.index_04 .item{padding-bottom: 20px;}

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


}