.wrapbanner{overflow: hidden;position: relative;box-sizing: border-box;background: url(../images/banner_bg1.png) no-repeat left 5rem/39.2rem auto, url(../images/banner_bg2.png) no-repeat right calc(100% - 5rem)/39.5rem #f5f3f0;}

.banner{width: 160rem;margin: 0 auto;overflow: hidden;position: relative;max-width: calc(100% - 4rem);}
.banner a{display:block;position:relative}
.banner .gp-img{padding-bottom: 48%;}
.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 .banner .swiper-pagination{bottom: 2.4rem;}
.wrapbanner .banner .swiper-pagination-bullet{cursor: pointer;display:inline-block;width: 2.8rem;height: .2rem;background: #fff;opacity: .5;margin: 0 .7rem;color: #fff;vertical-align: bottom;border-radius: 0;}
.wrapbanner .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;height: .5rem;}

.banner .arrow{width: 5rem;height: 5rem;background: no-repeat center/1.7rem auto;display: block;margin: 0 0 .1rem;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;opacity: .5;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;}
.banner .prev{left: 2.4rem;background-image: url(../images/banner_prev.png);}
.banner .next{right: 2.4rem;background-image: url(../images/banner_next.png);}
.banner .arrow:hover{opacity: 1;}

.content{}

.index_title{margin-bottom: 1rem;width: 100%;}
.channel_title{padding: 0 0 0;color: #222;font-weight: bold;position: relative;line-height: 7.2rem;}
.channel_title::before{content: '';position: absolute;left: 0;top: 0;background: #821c21;width: 2.8rem;height: .1rem;}
.channel_link{position: relative;z-index: 2;padding: 0 0 0 5.2rem;border-radius: 5rem;line-height: 4.7rem;overflow: hidden;border: .1rem solid rgba(0, 0, 0, .1);}
.channel_link::before{content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);left: 1.8rem;background: url(../images/index_more.png) no-repeat center/cover;width: 1.9rem;height: 1.3rem;}
.channel_link span{display: block;width: 15.4rem;height: 4.7rem;background: #ededed;color: #757575;border-radius: 5rem;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;}
.channel_link:hover span{background: #821c21;color: #fff;}


.wrap_mode01{padding: 8rem 0;background: url(../images/mode01_bg1.png) no-repeat left top/62.2rem, url(../images/mode01_bg2.png) no-repeat right bottom/56.3rem;}
.mode01{}

.index_01{}
.index_01 ul{margin: 0 0 -3rem -3.3rem;}
.index_01 .item{margin: 0 0 3rem 3.3rem;box-shadow: 0rem -2rem 4.67rem .82rem rgba(0, 0, 0, 0.06);position: relative;background: #fff url(../images/mode01_item.png) no-repeat center/cover;border-radius: 1.6rem;padding: 5rem 1rem 5.8rem 5rem;}
.index_01 .item::before{content: '';display: block;position:absolute;left: 2rem;right: 2rem;height: .6rem;background: #821c21;border-radius: 5rem;bottom: 0;}
.index_01 .left{width: 6rem;}
.index_01 .gp-img_centered{height: 7rem;}
.index_01 .right{margin: 0 0 0;width: calc(100% - 8rem);}
.index_01 .title{margin: 0 0 3.4rem;font-weight: bold;color: #821c21;}
.index_01 .more{display: inline-block;width: 18.5rem;height: 5.5rem;background: #ededed;line-height: 5.5rem;color: #757575;text-align: center;border-radius: .8rem;}
.index_01 .item:hover .more{background: #821c21;color: #fff;}

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

.index_02{}
.index_02 ul{margin: 0 0 -3rem -3.2rem;padding: .5rem 0 0;}
.index_02 .item{margin: 0 0 3rem 3.2rem;}
.index_02 .gp-img{border-radius: 1.6rem 1.6rem 0 0;}
.index_02 .bottom{padding: 4.9rem 0 0 4rem;margin: -3.4rem 0 0 0;position: relative;background: url(../images/mode02_item.png) no-repeat center/100% 100%;width: 29rem;height: 10.4rem;}
.index_02 .bottom::before{content: '';display: block;position: absolute;left: 3.9rem;top: 3.4rem;width: 2.8rem;height: .2rem;background: rgba(255, 255, 255, .4);}
.index_02 .title{margin: 0 0;color: #fff;}

.wrap_mode03{padding: 8.3rem 0 5.8rem;background: url(../images/mode03_bg.png) no-repeat center/cover;overflow: hidden;}
.mode03{}

.index_03{padding: .8rem 0 4.5rem;position: relative;}
.index_03 ul{margin: 0 0;padding: 0 0;}
.index_03 li{width: 38rem;}
.index_03 .item{margin: 0 1.2rem;}
.index_03 .bottom{padding: 1.9rem 3.2rem 5rem 0;border: .1rem solid rgba(0, 0, 0, .1);background: #fff;border-radius: 0 0 4.4rem 0;}
.index_03 .title{margin: 0 0 0 9.5rem;}
.index_03 .time{color: #fff;margin: .4rem 0 0;width: 7.1rem;height: 9.1rem;background: #821c21;padding: .5rem 0 0;clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2.4rem), 0 100%);text-align: center;float: left;}
.index_03 .day{margin: 0 0 -0.3rem;font-weight: bold;}
.index_03 .month{margin: 0 0 0;}

.index_03 .swiper-pagination{bottom: 0;}
.index_03 .swiper-pagination-bullet{cursor: pointer;display:inline-block;width: 2.8rem;height: .2rem;background: #821c21;opacity: .5;margin: 0 .8rem;color: #fff;vertical-align: bottom;border-radius: 0;}
.index_03 .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;height: .5rem;}

.wrap_mode04{padding: 8rem 0 10rem;background: #fff;overflow: hidden;}
.mode04{}
.mode04 .lf{width: 86.8rem;}
.mode04 .rt{width: calc(100% - 86.8rem);}
.mode04 .index_title{margin-bottom: 1.5rem;}

.index_04a{position: relative;}
.index_04a .line{position: absolute;top: 0;height: 100%;left: 42px;width: 1px;background: #fff;z-index: 2;}
.index_04a .inner{position: absolute;height: 25%;width: 5px;background: #fff;top: 0;left: -2px;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_04a .line[pos='2'] .inner{top: 25%;}
.index_04a .line[pos='3'] .inner{top: 50%;}
.index_04a .line[pos='4'] .inner{top: 75%;}
.index_04a ul{margin: 0 0;}
.index_04a li:not(.on){display: none;}
.index_04a .item{margin: 0 0;}
.index_04a .gp-img{padding-bottom: 48.9rem;}

.index_04b{background-image: -moz-linear-gradient( -45deg, rgb(194,112,79) 0%, rgb(130,28,33) 60%);background-image: -webkit-linear-gradient( -45deg, rgb(194,112,79) 0%, rgb(130,28,33) 60%);background-image: -ms-linear-gradient( -45deg, rgb(194,112,79) 0%, rgb(130,28,33) 60%);}
.index_04b ul{margin: 0 0;}
.index_04b .item{margin: 0 0;align-items: center;position: relative;height: 12rem;border-bottom: .1rem solid rgba(255, 255, 255, .16);overflow: hidden;padding: 0 0 0 3.5rem;}
.index_04b li:last-child .item{border: none;}
.index_04b .left{width: 7.5rem;height: 7.5rem;position: relative;}
.index_04b .left::before{content: '';display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);border-left: .1rem solid rgba(255, 255, 255, .16);height: 2.4rem;}
.index_04b .left img{display: block;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);width: 2.5rem;}
.index_04b .left img.ico1{opacity: 1;}
.index_04b .left img.ico2{opacity: 0;}
.index_04b .title{margin: 0 0;width: calc(100% - 10rem);color: #fff;}
.index_04b .bottom{padding: 0 0 0;position: absolute;left: 4.5rem;bottom: -1rem;line-height: 1em;opacity: 0;font-weight: bold;text-transform: uppercase;white-space: nowrap;}
.index_04b li.on .item{background: #fff;margin: -0.8rem 0 -1.1rem -3.2rem;box-shadow: 0rem 2rem 4.67rem .82rem rgba(0, 0, 0, 0.2);height: 14.2rem;}
.index_04b li.on:first-child .item{margin-top: 0;margin-bottom: -1.9rem;}
.index_04b li.on:last-child .item{margin-top: -1.9rem;margin-bottom: 0;}
.index_04b li.on .left::before{border-color: rgba(0,0,0,.16);}
.index_04b li.on .title{color: #821c21;font-weight: bold;text-transform: uppercase;}
.index_04b li.on img.ico1{opacity: 0;}
.index_04b li.on img.ico2{opacity: 1;}
.index_04b li.on .bottom{opacity: .06;}

.wrap_mode05{padding: 8rem 0 8rem;background: url(../images/mode05_bg.png) no-repeat top center/cover;overflow: hidden;}
.mode05{}

.index_05{padding: .7rem 0 0;}
.index_05 ul{margin: 0 0;}
.index_05 li{width: 38rem;}
.index_05 .item{margin: 0 1.2rem;}
.index_05 .img_box{height: 20rem;background: url(../images/mode05_item.png) no-repeat center/100% 100%;filter: drop-shadow(0rem 2rem 5rem rgba(0, 0, 0, 0.04));}
.index_05 .gp-img_centered{height: 18.4rem;}
.index_05 .title{margin: .4rem 4rem 0 0;}

.index_05 .swiper_menu{padding: 6.9rem 0 0;font-size: 0;}
.index_05 .arrow{width: 4.4rem;height: 4.4rem;background: no-repeat center/1.2rem auto;display: inline-block;vertical-align: top;margin: 0 .8rem 0 0;cursor: pointer;border: .1rem solid #821c21;}
.index_05 .prev{left: 0rem;background-image: url(../images/mode05_prev.png);background-color: #821c21;}
.index_05 .next{right: 0rem;background-image: url(../images/mode05_next.png);}

@media screen  and (max-width:996px){
	.index_02 .bottom{width: 90%;}
	.index_03 .title{line-height: 1em;}
	.index_03 .month{font-size: 12px;}
	.index_03 .time{padding: 0;}
	.index_03 li,.index_05 li{width: 50%;}

	.mode04 .lf{width: 100%;}
	.mode04 .rt{width: 100%;}

	.index_05 .img_box{height: auto;padding: 0 0 20px;}
	.index_05 .gp-img_centered{height: 170px;}
	.index_05 .swiper_menu{padding: 4rem 0 0;}

}
@media screen and (max-width: 767px){
	.wrap_mode01,.wrap_mode03{padding: 30px 0;}
	.wrap_mode02{padding: 30px 0;}

	.channel_title{font-size: 20px;}

	.index_03 li, .index_05 li{width: 90%;}

	.index_04a .gp-img{padding-bottom: 56.25%;}

	.index_04b .item,.index_04b li.on .item{height: 80px;}
}
@media screen and (max-width:413px){
	.index_03 li, .index_05 li{width: 100%;}
}