.wrapbanner{position: relative;}

.banner{margin: 0 9.4rem 0 0;overflow: hidden;position: relative;margin: 0;}
.banner a{display:block;position:relative;overflow: hidden;}
/* .banner a::before{content: '';display: block;background-image: -moz-linear-gradient( 90deg, rgb(20,0,0) 0%, rgba(20,0,0,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(20,0,0) 0%, rgba(20,0,0,0) 100%);background-image: -ms-linear-gradient( 90deg, rgb(20,0,0) 0%, rgba(20,0,0,0) 100%);opacity: .7;height: 160px;position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;} */

.banner .gp-img{padding-bottom: 45.8%;}
.banner .title{margin: 0 0;color: #fff;position: absolute;left: 116rem;bottom: 2.6rem;z-index: 10;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-left: 2.5rem;background: url(../images/banner_title.png) no-repeat left center/1.6rem auto;}
.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-pagination{display: inline-block;position: relative;vertical-align: top;position: absolute;left: calc(50% - 70rem);bottom: 10.5rem;width: auto;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet{width: auto;height: auto;background: transparent;opacity: .55;margin: 0 1.5rem 0 0;vertical-align: bottom;width: 2.8rem;height: .3rem;background: #fff;border-radius: 0;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;height: .5rem;}

.wrapbanner .swiper_menu{padding: 0;font-size: 0;position: absolute;bottom: 2.2rem;right: 1.5rem;z-index: 10;}
.wrapbanner .swiper_menu::before{content: '';display: block;background: rgba(255, 255, 255, .5);width: .2rem;height: 4rem;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);}
.wrapbanner .arrow{width: 1.8rem;height: 3rem;margin: 0 2rem;cursor: pointer;border-radius: 0;display: inline-block;vertical-align: top;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;background-size: 1.8rem auto;}
.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{opacity: 1;}

.banner_number{position: absolute;right: 14.8rem;bottom: 1.1rem;color: #fff;z-index: 10;width: 3.4rem;background: url(../images/banner_line.png) no-repeat center;line-height: 1.4;}
.banner_number .cur{font-style: italic;}
.banner_number .cur span{display: inline-block;transition: all ease-in-out .2s;-ms-transition: all ease-in-out .2s;-moz-transition: all ease-in-out .2s;-webkit-transition: all ease-in-out .2s;-o-transition: all ease-in-out .2s;}
.banner_number .cur span.out{transform: rotateX(90deg);}
.banner_number .total{text-align: right;padding: 0 0 .4rem;}

/* .channel_title{line-height: 1.1;font-size: 6rem;margin: 0 0 3rem;display: block;}

.channel_link{position: relative;z-index: 2;line-height: 4.8rem;padding: 0 3rem 0 0;color: #00448c;white-space: nowrap;}
.channel_link i{margin: 0 0 0 .8rem;font-size: 1.25em;}
.channel_link:hover{}

@media screen and (max-width: 99.6rem){
}
@media screen and (max-width:76.7rem){
	.channel_title{font-size: 2.4rem;}
} */
/* homepage_title end */

.index_title{align-items: center;}

.channel_title{font-weight: bold;padding: .4rem 0 2.4rem;background: url(../images/index_title.svg) no-repeat bottom center/4.2rem auto;text-align: center;}
.channel_title.c2{color: #fff;background-image: url(../images/index_title2.svg);}

.channel_link{width: 18rem;border-bottom: .1rem solid #442da6;color: #472689;background: url(../images/index_more.svg) no-repeat 97% top/2.3rem auto;display: block;padding: 0 0 1.6rem;line-height: 1em;}
.channel_link.c2{background-image: url(../images/index_more_w.svg);color: #fff;border-bottom-color: #fff;}

.wrap_mode01{padding: 7.4rem 0 7.5rem;position: relative;}
.wrap_mode01::before{content: '';display: block;position: absolute;left: 15.8rem;right: 0;top: 0;bottom: 0;background: url(../images/mode01_bg.png) no-repeat left bottom/36.3vw auto;}
.mode01{}

.index_01{margin: 0 6rem;}
.index_01 ul{margin: 0 0 0;padding: 0 0;}
.index_01 .item{margin: 0 0 0 0;padding: 1.4rem 1rem 2rem;}
.index_01 .img_box{position: relative;z-index: 10;}
.index_01 .ico{width: auto;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);z-index: 10;max-width: 9rem;height: 7.2rem;}
.index_01 .anime_ico{width: auto;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);z-index: 10;}

#earth{}
#ico3{width: 8.9rem;height: 7.2rem;}
#ico3 path{fill:#FFF}
#ico3 .st0{fill-rule:evenodd;clip-rule:evenodd;}
#book1,#book2{opacity:0;}

.index_01 .gp-img{padding-bottom: 63.5%;position: relative;}
.index_01 .gp-img::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;background: url(../images/mode01_color.png) no-repeat center/100% 100%;height: 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;z-index: 2;padding-bottom: 0;}
/* .index_01 .gp-img::after{content: '';display: block;position: absolute;right: 0;bottom: 0;background: url(../images/mode01_cover2.png) no-repeat center/100% 100%;width: 15.1rem;height: 5.1rem;z-index: 10;} */
.index_01 .bottom{padding: 2.3rem 0 1.6rem;position: relative;z-index: 11;}
.index_01 .title{margin: 0 0;}
.index_01 .more{width: 6.5rem;height: 6.5rem;background: url(../images/mode01_more1.png) no-repeat center/4.3rem auto;position: absolute;bottom: 0;right: 2.5rem;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 .more::before,.index_01 .more::after{content: '';display: block;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);width: .2rem;height: 2.5rem;background: #6416a6;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 .more::before{width: 2.5rem;height: .2rem;} */

.index_01 .item:hover{background: #fff;}
.index_01 .item:hover .gp-img::before{padding-bottom: 44.5%;}
.index_01 .item:hover .gp-img::after{background-image: url(../images/mode01_cover.png);}
.index_01 .item:hover .more{background-image: url(../images/mode01_more2.png);}
/* .index_01 .item:hover .more::before,.index_01 .item:hover .more::after{background: #fff;} */

.wrap_mode02{padding: 5.8rem 0 6.6rem;background: #fff url(../images/mode02_bg2.png) no-repeat right bottom/54.5rem auto;overflow: hidden;position: relative;}
.wrap_mode02::before{content: '';display: block;position: absolute;left: 15.8rem;right: 0;bottom: 0;background: url(../images/mode02_bg1.png) no-repeat left top/36.3vw auto;height: 100%;}
.mode02{}
.mode02 .lf{width: 70.84%;float: left;margin: 0 0 0 0;position: relative;padding: 0 0 0 28rem;}
.mode02 .rt{width: 25.84%;float: right;margin: 0 -0.5rem 0 0;}

.mode02_title .channel_title{margin-bottom: 5rem;}
.mode02 .lf .channel_link{float: right;}

.mode02_title{position: absolute;left: 0;top: 0;bottom: 0;width: 26rem;background: url(../images/mode02a_bg.png) no-repeat center/cover;text-align: center;padding: 5rem 0 0;}
.mode02_sub{display: block;width: 13rem;height: 4.3rem;border: .1rem solid #fff;text-align: center;margin: 0 auto 1.9rem;line-height: 4.3rem;color: #fff;}
.mode02_sub:hover{background: #fff;color: #472689;}

.index_02a{border-top: .1rem dotted #cacaca;clear: both;}
.index_02a ul{margin: 0 0;padding: 0 0;}
.index_02a .item{margin: 0 0;align-items: center;height: 10.9rem;border-bottom: .1rem dotted #cacaca;}
.index_02a .time_box{width: 8.8rem;position: relative;text-align: center;color: #46278b;line-height: 1.56em;}
.index_02a .time_box::before{content: '';display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);height: 4.3rem;border-right: .1rem solid #46278b;}
.index_02a .title{margin: 0 0;width: calc(100% - 12rem);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.index_02b{background: url(../images/mode02b_bg.png) no-repeat center/cover;position: relative;padding: 1.4rem 4.7rem 2.2rem;}
.index_02b .wrap_channel_title{position: absolute;left: .2rem;top: 50%;transform: translateY(-50%);padding: 8rem 1.2rem;background: #472689;}
.index_02b .channel_title{width: 1.8em;line-height: 1.2em;padding-bottom: 2.8rem;}
.index_02b ul{margin: 0 0;}
.index_02b .item{margin: 0 0;height: 10.5rem;align-items: center;border-top: .1rem dotted #fff;}
.index_02b li:first-child .item{border-top: 0;}
.index_02b .img_box{width: 5.6rem;}
.index_02b .title{margin: 0 0;width: calc(100% - 8.8rem);color: #fff;}

.index_02c{}
.index_02c ul{margin: 3rem 0 -1.2rem -2rem;padding: 0 0;}
.index_02c .item{margin: 0 0 1.2rem 2rem;padding: .6rem 0 .6rem 3rem;border: .05rem solid #46278b;background: #fff;}
.index_02c .img_box{width: 14rem;float: left;}
.index_02c .info_box{margin: 0 0 0 18rem;padding: .5rem 0 0;}
.index_02c .title{margin: 0 0 .6rem;padding: 0 4rem 0 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index_02c .title::after{content: '';display: inline-block;vertical-align: top;background: url(../images/mode02c_ico.svg) no-repeat center/contain;width: 1.3rem;height: 2rem;margin: 1rem -4rem 0 1.8rem;}
.index_02c .summary{margin: 0 0;color: #888;}

.wrap_mode03{padding: 8.5rem 0 15.7rem;background: url(../images/mode03_bg2.png) no-repeat left bottom/65.7rem;overflow: hidden;position: relative;overflow: hidden;}
.wrap_mode03::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;background: url(../images/mode03_bg1.png) no-repeat right top/47.9rem auto;height: 100%;}
.mode03 .channel_link{margin-right: 4.2rem;}

.wrap_index_03{position: relative;/*width: 100vw;*/overflow: hidden;margin: 4rem 0 0;}
.index_03{width: 68rem;}
.index_03 ul{margin: 0 0;padding: 0 0;}
.index_03 li{width: 27rem;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.swiper-slide-active{width: 76rem;}
.index_03 .item{margin: 0 3rem 0 0;padding: 1.5rem 0 5.8rem;}
.index_03 .top{padding: 0 3rem 0 0;position: relative;z-index: 2;}
.index_03 .top::before{content: '';display: block;position: absolute;left: 0rem;right: 0;top: calc(100% - .4rem);bottom: 0;z-index: -1;background-image: -moz-linear-gradient( 0deg, rgb(58,33,163) 56%, rgb(207,24,125) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(58,33,163) 56%, rgb(207,24,125) 100%);background-image: -ms-linear-gradient( 0deg, rgb(58,33,163) 56%, rgb(207,24,125) 100%);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 .top::after{content: '';display: block;clear: both;}
.index_03 .left{width: 24rem;float: left;position: relative;overflow: hidden;padding: 0 0 1.4rem;top: 0;}
.index_03 .left .title{position: absolute;left: 50%;transform: translateX(-50%);color: #fff;z-index: 10;bottom: 2.4rem;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 .gp-img{position: relative;}
.index_03 .gp-img::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;background-image: -moz-linear-gradient( -90deg, rgba(58,33,163,0) 0%, rgb(58,33,163) 100%);background-image: -webkit-linear-gradient( -90deg, rgba(58,33,163,0) 0%, rgb(58,33,163) 100%);background-image: -ms-linear-gradient( -90deg, rgba(58,33,163,0) 0%, rgb(58,33,163) 100%);padding-bottom: 41.6%;z-index: 2;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 .right{padding: 0 0 0;width: calc(100% - 26.8rem);float: right;overflow: hidden;margin: 0 0 -20rem;}
.index_03 .right .title{margin: 0 0 4.5rem;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index_03 .summary{margin: 0 0 3rem;color: #fff;}
.index_03 .img_box{width: 22rem;float: right;overflow: hidden;position: relative;}
.index_03 .more{color: #cf187d;display: inline-block;margin: 2.6rem 0 0 5rem;padding: 0 2.5rem 0 0;background: url(../images/index_more2.svg) no-repeat right center/1.9rem auto;opacity: 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_03 li.swiper-slide-active .left{top: -1.6rem;}
.index_03 li.swiper-slide-active .left .title{bottom: -5rem;}
.index_03 li.swiper-slide-active .gp-img::before{padding-bottom: 0;}
.index_03 li.swiper-slide-active .top::before{left: 5rem;right: 0;top: 5.4rem;bottom: 0;background-image: -moz-linear-gradient( -67deg, rgb(58,33,163) 0%, rgb(217,51,121) 100%);background-image: -webkit-linear-gradient( -67deg, rgb(58,33,163) 0%, rgb(217,51,121) 100%);background-image: -ms-linear-gradient( -67deg, rgb(58,33,163) 0%, rgb(217,51,121) 100%);}
.index_03 li.swiper-slide-active .more{opacity: 1;}

.mode03 .swiper_menu{text-align: right;font-size: 0;margin: 0 -0.4rem 0 0;position: absolute;right: 0;bottom: 0;}
.mode03 .arrow{width: 4.2rem;height: 4.6rem;background: center no-repeat;display: inline-block;vertical-align: top;margin: 0 0 0 1.3rem;cursor: pointer;border: .1rem solid #472689;position: relative;z-index: 10;}
.mode03 .arrow::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: no-repeat center/1.5rem auto;z-index: 2;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;}
.mode03 .arrow::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: -moz-linear-gradient( -63deg, rgb(58,33,163) 10%, rgb(217,51,121) 100%);background-image: -webkit-linear-gradient( -63deg, rgb(58,33,163) 10%, rgb(217,51,121) 100%);background-image: -ms-linear-gradient( -63deg, rgb(58,33,163) 10%, rgb(217,51,121) 100%);z-index: -1;opacity: 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;}
.mode03 .prev::after{left: 0rem;background-image: url(../images/index_prev.png);}
.mode03 .next::after{right: 0rem;background-image: url(../images/index_next.png);}
.mode03 .arrow:hover::before{opacity: 1;}
.mode03 .prev:hover::after{background-image: url(../images/index_prev2.png);}
.mode03 .next:hover::after{background-image: url(../images/index_next2.png);}

.index_03a{margin-left: 12rem;padding-bottom: 2rem;}
.index_03a ul{margin: 0 0;}
.index_03a li{opacity: 1 !important;pointer-events: visible !important;}
.index_03a .item{margin: 0 0;padding: 0;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;margin: 2.8rem 0 0 0;opacity: 0;}
.index_03a .swiper-slide-active .item{left: -10rem;margin: 0 0 0 -2rem;opacity: 1;}
.index_03a .swiper-slide-active + .swiper-slide .item{margin: 1.4rem 0 0 -1rem;left: -4.5rem;opacity: 1;}
.index_03a .swiper-slide-active + .swiper-slide + .swiper-slide .item{left: 0;opacity: 1;}
.index_03a .swiper-slide-active{z-index: 10;}
.index_03a .swiper-slide-active + .swiper-slide{z-index: 9;}
.index_03a .swiper-slide-active + .swiper-slide + .swiper-slide{z-index: 8;}

.index_03a .swiper-pagination{bottom: 0;}
.index_03a .swiper-pagination .swiper-pagination-bullet{width: .8rem;height: .8rem;opacity: .2;border-radius: 50%;margin: 0 .6rem;}
.index_03a .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background: #472689;}



.wrap_mode04{padding: 6.4rem 0 6rem;background: #fff;overflow: hidden;}
.mode04{}
.mode04 .gp-img{padding-bottom: 140%;}

.index_04a{margin: 3.5rem 0 0;}
.index_04a ul{margin: 0 0;padding: 0 0;}
.index_04a .item{margin: 0 0;}
.index_04a .img_box{width: 34rem;float: left;}
.index_04a .info_box{margin: 0 0 0 34rem;padding: 3rem 13rem 0 6.5rem;}
.index_04a .title{margin: 0 -13rem 0 -6.5rem;padding: 0 13rem 0 6.5rem;background-image: -moz-linear-gradient( 0deg, rgb(58,33,163) 48%, rgb(201,23,125) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(58,33,163) 48%, rgb(201,23,125) 100%);background-image: -ms-linear-gradient( 0deg, rgb(58,33,163) 48%, rgb(201,23,125) 100%);color: #fff;font-weight: bold;line-height: 4.2em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index_04a .vicetitle{margin: 3.3rem 0 2.8rem;color: #333;}
.index_04a .vicetitle span{color: #000;display: inline-block;margin: 0 4.4rem 0 0;}
.index_04a .summary{margin: 0 0;color: #999;}
.index_04a .more{color: #cf187d;display: inline-block;margin: 4.6rem 0 0;padding: 0 2.5rem 0 0;background: url(../images/index_more2.svg) no-repeat right center/1.9rem auto;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;}

.wrap_index_04b{margin: 1.1rem 11rem 0 15rem;position: relative;}
.index_04b{overflow: hidden;margin: 0 11.2rem 0 0;position: relative;}
.index_04b ul{margin: 0 0;}
.index_04b .item{margin: 0 4rem 0 .2rem;padding: 2.4rem 0 0;position: relative;}
.index_04b .item::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;background-image: -moz-linear-gradient( 0deg, rgb(58,33,163) 56%, rgb(207,24,125) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(58,33,163) 56%, rgb(207,24,125) 100%);background-image: -ms-linear-gradient( 0deg, rgb(58,33,163) 56%, rgb(207,24,125) 100%);height: .6rem;}
.index_04b .gp-img{padding-bottom: 140%;position: relative;z-index: 10;top: 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_04b li.swiper-slide-active .gp-img{top: -1.3rem;}

.wrap_index_04b .swiper_menu{text-align: right;font-size: 0;position: absolute;right: 0;bottom: 0;}
.wrap_index_04b .arrow{width: 4.2rem;height: 4.2rem;background: center no-repeat;display: inline-block;vertical-align: top;margin: 0 0 0 1.3rem;cursor: pointer;border: .1rem solid #472689;position: relative;z-index: 10;}
.wrap_index_04b .arrow::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: no-repeat center/1.5rem auto;z-index: 2;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;}
.wrap_index_04b .arrow::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: -moz-linear-gradient( -63deg, rgb(58,33,163) 10%, rgb(217,51,121) 100%);background-image: -webkit-linear-gradient( -63deg, rgb(58,33,163) 10%, rgb(217,51,121) 100%);background-image: -ms-linear-gradient( -63deg, rgb(58,33,163) 10%, rgb(217,51,121) 100%);z-index: -1;opacity: 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;}
.wrap_index_04b .prev::after{left: 0rem;background-image: url(../images/index_prev.png);}
.wrap_index_04b .next::after{right: 0rem;background-image: url(../images/index_next.png);}
.wrap_index_04b .arrow:hover::before{opacity: 1;}
.wrap_index_04b .prev:hover::after{background-image: url(../images/index_prev2.png);}
.wrap_index_04b .next:hover::after{background-image: url(../images/index_next2.png);}

.wrap_mode05{padding:4.1rem 0 14rem;position:relative;overflow:hidden;background:#fff url(../images/mode05_bg2.png) no-repeat right top}
.wrap_mode05::before{content:'';display:block;position:absolute;left:8rem;right:0;top:14rem;bottom:0;background:url(../images/mode05_bg.png) no-repeat center/cover}
.mode05 .channel_title{display:inline-block}

.index_05a{margin:0 12rem;padding:16.6rem 0 0}
.index_05a ul{margin:0 0 0 -3.2rem}
.index_05a .item{margin:0 0 0 3.2rem;text-align:center;color:#fff;height:26rem;background-image:-moz-linear-gradient(-90deg,rgb(255,255,255,.4) 0,rgba(255,255,255,0) 100%);background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255,.4) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(-90deg,rgb(255,255,255,.4) 0,rgba(255,255,255,0) 100%)}
.index_05a .top{padding: 3.5rem 0 .9rem;text-align:center}
.index_05a .count{font-size:6.5rem;font-weight:700;display:inline-block;line-height: 1.1em;}
.index_05a .top span{display:inline-block;vertical-align:top;font-size:3rem}
.index_05a .title{margin:0 3rem;line-height:1.8em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

.index_05b{margin: 0 26.4rem;padding:2.7rem 0 0}
.index_05b ul{margin:0 0 0 -5.4rem}
.index_05b .item{margin:0 0 0 5.4rem;text-align:center;color:#fff;height:26rem;background-image:-moz-linear-gradient(-90deg,rgb(201,23,125,.4) 0,rgba(201,23,125,.08) 100%);background-image:-webkit-linear-gradient(-90deg,rgb(201,23,125,.4) 0,rgba(201,23,125,.08) 100%);background-image:-ms-linear-gradient(-90deg,rgb(201,23,125,.4) 0,rgba(201,23,125,.08) 100%)}
.index_05b .top{padding: 4.6rem 0 .9rem;text-align:center}
.index_05b .count{font-size:6.5rem;font-weight:700;display:inline-block;line-height: 1.1em;}
.index_05b .top span{display:inline-block;vertical-align:top;font-size:3rem}
.index_05b .title{margin:0 3rem;line-height:1.8em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

@media screen  and (max-width:1640px){
	.index_02c .img_box{width: 12rem;padding: .5rem 0;}
	.index_02c .info_box{margin-left: 14rem;}

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

}
@media screen  and (max-width:1280px){
	.wrap_mode05::before{left: 0;}
}
@media screen  and (max-width:1024px){

}
@media screen  and (max-width:996px){
	.banner{margin: 0;}
	.wrap_mode01{padding: 30px 0;}
	.index_01{margin: 0;}

	.mode02 .lf{width: 100%;float: none;}
	.mode02 .rt{width: 100%;float: none;margin: 30px 0 0;}
	.index_02c li{width: 50%;}

	.wrap_index_04b{margin: 20px 0 0;}

	.index_05a{padding: 40px 0 0;margin: 0;}
	.index_05b{margin: 0;}
	.index_05b ul{margin:0 0 0 -2rem}
	.index_05b .item{margin:0 0 0 2rem;}

}
@media screen and (max-width:767px){
	.mode02 .lf{padding: 0;}
	.mode02_title{position: relative;width: auto;padding: 20px 0;margin: 0 0 20px;}
	.mode02_title .channel_title{margin-bottom: 20px;}
	.mode02_sub{display: inline-block;}

	.index_02c li{width: 100%;}
	
	.wrap_mode03{padding-bottom: 40px;}
	.wrap_index_03{width: auto;margin: 20px 0 16px;}
	.index_03{width: 100%;}
	.index_03 .item{margin: 0 5px 0 0;padding-bottom: 30px;}

	.wrap_mode04{padding: 20px 0;}

	.index_04a .img_box{width: 140px;}
	.index_04a .info_box{margin: 0 0 0 140px;padding: 10px 20px 0;}
	.index_04a .title {margin: 0 -20px;padding: 0 20px;line-height: 2.4em;}
	.index_04a .vicetitle{margin: 12px 0 10px;}
	.index_04a .more{margin: 12px 0 0;}
	
	.index_04b .item{margin: 0 10px 0 2px;}
}
@media screen  and (max-width:639px){

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

}
@media screen and (max-width:413px){
	.wrap_mode01{padding: 20px 0;}
	.index_01 .more{right: 0;}

	.index_03 .item{padding-bottom: 0;}
	.index_03 .img_box{display: none;}

	.index_04a .img_box{width: auto;float: none;}
	.index_04a .info_box{margin: 0;}

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

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

}