/* homepage start */

.fullscreen_slide2::-webkit-scrollbar {width: 5px;height: 5px;background-color: #f5f5f5}
.fullscreen_slide2::-webkit-scrollbar-track {border-radius: 0;background-color: #e2e2e2}
.fullscreen_slide2::-webkit-scrollbar-thumb {border-radius: 0;background-color: #333}

.fullscreen_slide_box{height: 100vh;overflow: hidden;position: relative;z-index: 1;position: relative;}
.fullscreen_slide{height: 100vh;width: 100%;overflow: auto;box-sizing: border-box;position: absolute;top: 0;transition: top ease-in-out .7s;-ms-transition: top ease-in-out .7s;-moz-transition: top ease-in-out .7s;-webkit-transition: top ease-in-out .7s;-o-transition: top ease-in-out .7s;top: 100vh;}
.fullscreen_slide:first-child,.fullscreen_slide.on{top: 0;}
.fullscreen_slide.before{top: -100vh;}
@media screen and (max-width: 996px){
	.fullscreen_slide,.fullscreen_slide_box,.fullscreen_slide.before{height: auto;display: block;position: relative;top: 0;overflow: initial;}
}

.wrapbanner{overflow: hidden;position: relative;height: 100vh;box-sizing: border-box;height: auto;padding-top: 14rem;}

.banner{}
.banner a{display:block;position:relative}
.banner a::before{content: '';display: block;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);height: 25%;position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;}

.banner .gp-img{padding-bottom: calc(100vh - 14rem);/*padding-bottom: 77rem;*/}
.banner .title{margin: 0 0;color: #fff;font-weight: bold;position: absolute;left: 10rem;bottom: 3rem;max-width: 60rem;z-index: 10;font-size: 3rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.banner .gp-img video,.banner .gp-img img{width:100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.banner .gp-img video{width:100%;height: auto;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.banner .swiper-slide-active .gp-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)}
}

.wrapbanner .swiper_menu{position: absolute;right: 5rem;bottom: 4.8rem;color: #fff;text-align: center;line-height:1;width: auto;left: auto;font-size: 0;z-index: 10;}
.wrapbanner .swiper-pagination{display: inline-block;position: relative;vertical-align: middle;margin: 0 2rem;width: auto;line-height: 6rem;bottom: 0;font-family: 'din';}
.wrapbanner .swiper-pagination .cur{font-size: 1.5em;padding: 0 .7rem 0 0;}
.wrapbanner .swiper-pagination .total{padding: 0 0 0 .6rem;}
.wrapbanner .arrow{width: 6rem;height: 6rem;background: rgba(0, 0, 0, .6);display: inline-block;vertical-align: middle;margin: 0 0 .1rem;cursor: pointer;border-radius: 50%;color: #fff;line-height: 6rem;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;font-size: 3.6rem;}
.wrapbanner .arrow:hover{background: #94070A;}

.content{padding-top: 14rem;background: #FAF6F6;}


@media screen and (max-width: 996px){
    .wrapbanner{padding-top: 0;height: auto;}
	.banner .gp-img{padding-bottom: 48.8%}
	.banner a::before{height: 33.3%;}
	.wrapbanner .swiper_menu{bottom: 10px;right: 20px;}
	.banner .title{display: none;}

	.content{padding: 0;}

}
@media screen and (max-width:767px){
    .banner .title{display: none;}
	
	.wrapbanner .swiper-pagination,.wrapbanner .swiper_menu .more{vertical-align: bottom;}
	.wrapbanner .swiper-pagination .swiper-pagination-bullet{font-size: 16px;margin: 0 5px;}
	.wrapbanner .swiper_menu .more{padding-left: 20px;padding-right: 0;margin-bottom: 6px;}
}
/* homepage end */
/* homepage_title start */

.index_title{margin-bottom: 2.6rem;display: block;display: flex;align-items: center;justify-content: space-between;}
.channel_title{padding: 0 0 0;line-height: 1.2;}
.channel_title .ch{font-weight: bold;margin: 0 0 1.3rem;}
.channel_title .en{color: #94070A;font-family: 'Arial';font-style: normal;font-weight: 400;text-transform: uppercase;}
.channel_link{position: relative;z-index: 2;border: .1rem solid #94070A;line-height: 4.8rem;border-radius: 5rem;padding: 0 3rem 0 6rem;color: #333;overflow: hidden;white-space: nowrap;}
.channel_link::before{content: '';display: block;width: 1rem;height: 1rem;background: #94070A;position: absolute;top: 50%;transform: translateY(-50%);left: 3rem;border-radius: 50%;}
.channel_link::after{content: '';display: block;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);width: 0;height: 0;background: #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;z-index: -1;}
.channel_link:hover{color: #fff;}
.channel_link:hover::before{background: #fff;}
.channel_link:hover::after{width: 20rem;height: 20rem;}

@media screen and (min-width:767px){
	.index_title.h{flex-wrap: wrap;}
	.index_title.h .channel_title{width: 100%;margin: 0 0 14.8rem;}
}

.index_title.w .channel_title{color: #fff;}
.index_title.w .channel_title .en{color: #FFFFB2;}
.index_title.w .channel_link{color: #fff;}

@media screen and (max-width: 996px){
    .index_title{margin-bottom: 20px;}
}
@media screen and (max-width:767px){
	.channel_title .en{font-size: 16px;}
}
/* homepage_title end */

.wrap_mode01{padding: 8rem 0 11.2rem;background: #FAF6F6;overflow: hidden;position: relative;}
.wrap_mode01::before{content: '';display: block;position: absolute;top: 11rem;bottom: 5rem;left: 0;right: 0;background: url(../images/mode01_bg2.png) no-repeat center/cover;}
.wrap_mode01::after{content: '';display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: url(../images/mode01_bg.png) no-repeat left bottom/81rem auto;mix-blend-mode: multiply;z-index: 0;}

.mode01{}
.mode01 .lf{width: 30rem;float: left;}

.index_01{margin: 0 0 0 33rem;position: relative;padding: 0 0 11.5rem;}
.index_01 .swiper{width: 100vw;overflow: hidden;}
.index_01 ul{margin: 0 0;padding: 0 0;}
.index_01 li{width: 53rem;}
.index_01 .item{margin: 0 5rem 0 0;}
.index_01 .title{margin: 2rem 0 1rem;}
.index_01 .summary{margin: 0 0 1.7rem;color: #999;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;transform: translateY(-100%);opacity: 0;}
.index_01 .time{margin: 0 0;display: flex;align-items: center;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;transform: translateY(-240%);}
.index_01 .day{color: #94070A;}
.index_01 .year{color: #999;margin: 0 0 0 1rem;padding: 0 0 0 1rem;position: relative;}
.index_01 .year::before{content: '';display: block;height: 2rem;border-left: .1rem solid rgba(0, 0, 0, .1);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.index_01 li.swiper-slide-active .summary{transform: translateY(0);opacity: 1;}
.index_01 li.swiper-slide-active .time{transform: translateY(0);}

.index_01 .swiper_menu{position: absolute;left: 53rem;bottom:0;line-height:1;width: auto;right: auto;font-size: 0;z-index: 10;}
.index_01 .swiper-pagination{display: flex;position: relative;width: auto;line-height: 6rem;bottom: 0;font-family: 'din';color: #333;text-align: left;align-items: center;}
.index_01 .swiper-pagination::before{content: '';display: block;width: 20rem;height: .1rem;background: #94070A;position: absolute;left: 100%;top: 50%;margin: 0 0 0 3rem;}
.index_01 .swiper-pagination .cur{font-size: 1.5em;color: #94070A;}
.index_01 .swiper-pagination .total{padding: 0 0 0 4rem;position: relative;}
.index_01 .swiper-pagination .total::before{content: '';display: block;width: 2rem;height: .1rem;background: #333;position: absolute;top: 50%;left: 1rem;}
.index_01 .arrow{width: 3rem;height: 3rem;background: none;display: inline-block;vertical-align: middle;margin: 0 2rem 0 0;cursor: pointer;border-radius: 50%;color: #94070A;line-height: 3rem;border: .1rem solid #94070A;text-align: center;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_01 .arrow:hover{background: #94070A;color: #fff;}

.wrap_mode02{padding: .1rem 0;background: url(../images/mode02_bg.png) no-repeat bottom center;}
.mode02{}
.mode02 .lf,.mode02 .rt{width: calc(50% - 5rem);float: left;border-left: .1rem solid rgba(0, 0, 0, .1);border-right: .1rem solid rgba(0, 0, 0, .1);padding: 8rem 0;}
.mode02 .rt{float: right;}
.mode02 .index_title{margin-left: 3rem;margin-right: 1.8rem;}

.index_02{}
.index_02 ul{margin: 0 0;padding: 0 0;}
.index_02 .item{margin: 0 0;align-items: center;padding: 3rem 2rem;border-bottom: .1rem solid rgba(0, 0, 0, .1);}
.index_02 li:first-child .item{border-top: .1rem solid rgba(0, 0, 0, .1);}
.index_02 .time_box{width: 7.6rem;height: 6.4rem;position: relative;text-align: center;flex-direction: column;justify-content: center;}
.index_02 .day{color: #000;margin: 0 0 .6rem;line-height: 1.1;font-weight: bold}
.index_02 .month{color: #333;margin: 0 0 0;line-height: 1.1;}
.index_02 .info_box{position: relative;width: calc(100% - 14.6rem);margin: 0 0 -0.4rem;}
.index_02 .title{position: relative;left: 0;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_02 .vicetitle{margin: 0 0 1.2rem;color: #FFFFB2;background: #94070A;display: inline-block;border-radius: 5em;padding: 0 2rem;}
.index_02 .iconfont{color: #94070A;width: 3rem;line-height: 3rem;font-size: 3rem;}
.index_02 .item:hover .title{left: 2rem;}

.wrap_mode03{padding: 8rem 0 23.8rem;background: #94070A url(../images/mode03_bg.png) no-repeat right top;margin: 0 0 -16rem;}
.mode03{}

.index_03{}
.index_03 ul{margin: 0 0;display: flex;padding: 2.1rem 0 0;}
.index_03 li{width: calc(20% - 10rem);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_03 li.on{width: 50rem;}
.index_03 .item{margin: 0 0;position: relative;background: #fff;padding: 2rem 3rem 3rem;}
.index_03 .top{padding: 0 0 0;display: flex;align-items: center;}
.index_03 .top .title{margin: 0 0;color: #94070A;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: bold;}
.index_03 .top .iconfont{font-size: 5rem;width: 5rem;height: 5rem;line-height: 5rem;margin: 0 1rem 0 0;color: #94070A;}
.index_03 .summary{margin: 2rem 0 2.5rem;color: #333;}
.index_03 .more{text-align: right;color: #94070A;line-height: 1em;}

.index_03 .cover{background: #991416;position: absolute;padding: 2.2rem 2rem 0;left: 0;right: 0;top: 0;bottom: 0;opacity: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;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_03 .cover .iconfont{font-size: 8rem;width: 8rem;height: 8rem;line-height: 8rem;color: #fff;margin: 0 0 1rem;}
.index_03 .cover .title{font-weight: bold;line-height: 1.7em;height: 3.4em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-align: center;}
.index_03 li:nth-child(2n) .cover{background: #9E1F22;}
.index_03 li.on .cover{opacity: 0;}

.wrap_mode04_5{background: url(../images/mode05_bg.png) no-repeat center/100% auto;}
.wrap_mode04{padding: .2rem 0 0;overflow: hidden;}
.mode04{padding: 8rem 0 8rem 8rem;}
.mode04::before{content: '';display: block;position: absolute;left: 0;top: 0;bottom: 0;width: 100vw;background: #F9F3EB;z-index: -1;}

.index_04{overflow: hidden;position: relative;padding: 0 0 5.4rem;margin: 0 -1.3rem;}
.index_04 ul{margin: 0 0;padding: 0 0;}
.index_04 .item{margin: 0 1.3rem;padding: 0 3.5rem 0 0;}
.index_04 .bottom{padding: 1.6rem 0 0;position: relative;}
.index_04 .title{margin: 0 0 .5rem;font-weight: bold;}
.index_04 .summary{margin: 0 0;color: #333;}
.index_04 .more{position: absolute;right: -3.5rem;top: -3.5rem;color: #FFFFB2;width: 7rem;height: 7rem;line-height: 7rem;text-align: center;background: #94070A;border-radius: 50%;}

.index_04 .swiper-pagination{bottom: 0;}
.index_04 .swiper-pagination .swiper-pagination-bullet{width: 3rem;height: 1rem;background: #94070A;opacity: .1;border-radius: 3rem;margin: 0 .5rem;}
.index_04 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;width: 6rem;}

.wrap_mode05{padding: 8rem 0;}
.mode05{}

.index_05{}
.index_05 ul{margin: 0 0 -3rem -4.8rem;}
.index_05 .item{margin: 0 0 3rem 4.8rem;padding: 0 0 0 3rem;position: relative;}
.index_05 .item::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;height: 30rem;background: #94070A;z-index: -1;}
.index_05 .top{padding: 0 3rem 0 0;line-height: 8.5rem;color: #fff;overflow: hidden;}
.index_05 .title{margin: 0 0;font-weight: bold;float: left;width: calc(100% - 5em);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #fff;}
.index_05 .vicetitle{margin: 0 0;float: right;}
.index_05 .bottom{padding: 3rem;background: #F8F8F8;}
.index_05 .bottom .h3{font-weight: normal;padding: 0 0 2rem;border-bottom: .1rem solid rgba(0, 0, 0, .1);margin: 2.8rem 0 1.9rem;}
.index_05 .bottom .h3:first-child{margin-top: 0;}
.index_05 .bottom .p{position: relative;padding: 0 0 0 1.6rem;margin: 0 0 .9rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;left: 0;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_05 .bottom .p::before{content: '';display: block;width: .6rem;height: .6rem;background: #94070A;position: absolute;left: 0;top: 50%;transform: translateY(-50%);border-radius: 50%;}
.index_05 .bottom .p:last-child{margin-bottom: 0;}
.index_05 .bottom .p:hover{left: 1rem;}

@media screen  and (max-width:1480px){
	.index_02 .time_box{width: 10.6rem;height: auto;}
	.index_02 .info_box{width: calc(100% - 17.6rem);}
}
@media screen  and (max-width:996px){
	.wrap_mode01{padding: 6rem 0 6rem;}
	.mode02 .lf, .mode02 .rt{width: auto;float: none;padding: 4rem 0;}

	.index_03 ul{flex-wrap: wrap;margin: 0 -1rem -2rem;}
	.index_03 li,.index_03 li.on{width: 50%;}
	.index_03 .cover{opacity: 0;}
	.index_03 .item{margin: 0 1rem 2rem;}

}
@media screen and (max-width:767px){
	.mode01 .lf{width: auto;float: none;}

	.index_01{margin: 0;}
	.index_01 .swiper_menu{left: 0;}

	.mode04{padding: 4rem 0 4rem 4rem;}
	.index_03 li, .index_03 li.on{width: 100%;}

}
@media screen  and (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){
	
}