.side{position: fixed;left: -15rem;top: 50%;transform: translateY(-50%);z-index: 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;opacity: 0;background: #c3a481;width: 9.4rem;text-align: center;border-radius: 0 0 50rem 50rem;}
.side::before{content: '';display: block;position: absolute;right: 0;top: -3rem;width: 100%;height: 3.7rem;background: url(../images/side_top.png) no-repeat top center/100%;z-index: -1;}
.side.on{left: .8rem;opacity: 1;}
.side .item{color: #fff;display: block;padding: 1.8rem 0 1.8rem;position: relative;cursor: pointer;}
.side .item:first-child{padding-top: 0rem;}
.side .item::before{content: '';display: block;position: absolute;bottom: 0;right: 50%;transform: translateX(50%);width: 80%;border-bottom: .1rem dashed #e7e5da;}
.side .gp-img_centered{margin: 0 auto .3rem;width: 3.6rem;height: 3.6rem;}
.side .gp-img_centered svg *{stroke: #e7e5da;}
.side .title{text-align: center;}

.gotop{margin: 4rem auto 1.4rem;background: #b44129 url(../images/gotop.png) no-repeat center/2.9rem;width: 6.5rem;height: 6.5rem;border-radius: 50%;}





.wrapbanner{overflow: hidden;position: relative;box-sizing: border-box;padding: 9.5rem 0 0;}
.banner_ser{position: absolute;left: calc(50% - 75rem);bottom: 4.2rem;display: block;width: 65.8rem;z-index: 10;height: 4.5rem;}
.banner_ser .search{background: none;}
.banner_ser .search .notxt{width: calc(100% - 7.8rem);border-radius: 5rem;background: #fff;padding: 0 2rem;right: 0;left: auto;}
.banner_ser .search .notxt1{width: 8.8rem;border-radius: 5rem;background: #b44129 url(../images/ser.png) no-repeat center/3.1rem;right: auto;left: 0;}

.banner{height: 100%;position: relative;overflow: hidden;}
.banner a{display:block;position:relative;height: 100%;}
.banner a::before{content: '';display: block;position: absolute;right: 0;bottom: 0;width: 100%;height: 24rem;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,1));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,1));opacity: .5;z-index: 5;}
.banner .gp-img{padding-bottom: 44.84%;}
.banner .gp-img video,.banner .gp-img img{width:100%;height: 100%;position: absolute;right: 0;top: 0;object-fit: cover;}
.banner .gp-img video{width:100%;height: auto;position: absolute;right: 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)}
}

.banner .title{position: absolute;right: calc(50% - 75rem);bottom: 4.6rem;z-index: 10;color: #fff;max-width: 80rem;}

.wrapbanner .swiper-pagination{width: auto;bottom: 3.8rem;right: auto;left: calc(50% - 75rem);height: 1.2rem;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet{width: 1.1rem;height: 1.1rem;background: #e7e5da;opacity: 1;border-radius: 5rem;margin: 0 0 0 1.3rem;line-height: 4.2rem;position: relative;color: #fff;font-weight: bold;opacity: .5;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;width: 4.9rem;}

.wrapbanner .arrow{width: 3.5rem;height: 6rem;background: none;display: block;margin: 0 .3rem;cursor: pointer;position: absolute;transform: none;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: 10;border: none;border-radius: 0;top: 50%;transform: translateY(-50%);}
.wrapbanner .arrow::before{content: '';background: url(../images/banner_prev.png) no-repeat center/cover;width: 3rem;height: 4.2rem;position: absolute;left: -0.5rem;top: .5rem;}
.wrapbanner .next::before{background-image: url(../images/banner_next.png);}
.wrapbanner .prev{ left: calc(50% - 78.5rem);}
.wrapbanner .next{right: calc(50% - 78.5rem);}
.wrapbanner .arrow:hover{}
.wrapbanner .prev:hover::before{background-image: url(../images/banner_prev2.png);}
.wrapbanner .next:hover::before{background-image: url(../images/banner_next2.png);}

.content{}




.index_title{margin-bottom: 3rem;display: block;display: flex;align-items: center;justify-content: center;width: 100%;position: relative;overflow: hidden;z-index: 10;}
.channel_title{padding: 0 3.6rem;line-height: 1.2;position: relative;background: url(../images/index_title_1.png) no-repeat left center/2.1rem, url(../images/index_title_2.png) no-repeat right center/2.1rem;color: #323232;}
.channel_link{position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 2;line-height: 3.9rem;white-space: nowrap;color: #b44129;display: block;}
.channel_link::before{content: '';display: block;position: absolute;left: 100%;width: 4.6rem;border-top: .1rem solid #bb5741;top: 50%;margin: 0 0 0 1.2rem;}

.channel_title.h{padding: 3rem 0;background: url(../images/index_title_h_1.png) no-repeat top center/.9em, url(../images/index_title_h_2.png) no-repeat bottom center/.9em;width: 1.2em;text-align: center;line-height: 1.2em;writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;-ms-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;transform: rotate(180deg);}

.channel_title.w{background: url(../images/index_title_w_1.png) no-repeat left center/2.1rem, url(../images/index_title_w_2.png) no-repeat right center/2.1rem;color: #fff;}
.channel_link.w{color: #ece5d2;}
.channel_link.w::before{border-top-color: #ece5d2;}


.wrap_mode00{background: url(../images/mode00_bg.png);}
.mode00{display: flex;flex-direction: row-reverse;}
.mode00_title{position: relative;flex-shrink: 0;padding: 0 1.1rem;color: #fff;line-height: 5.2rem;margin: 0 0 0 3rem;}
.mode00_title::before{content: '';display: block;position: absolute;right: 0;bottom: 0;width: 100%;height: 0;padding-bottom: 66.6%;background: url(../images/mode00_title.png) no-repeat top center/100% auto;z-index: -1;}

/* .index_00{margin: -1rem 0 0;display: block;} */
@keyframes scrollright {
	0% {transform: translateX(-50%);}
	100% {transform: translateX(0);}
}
.index_00{overflow: hidden;height: 5.2rem;flex-grow: 1;}
.index_00 ul{display: flex;width: fit-content;margin: 0 0;white-space: nowrap;animation-duration: 150s;animation-timing-function: linear;animation-iteration-count: infinite;animation-name: scrollright;}
.index_00 li{width: auto;flex-shrink: 0;}
.index_00 .item{margin: 0 4.8rem 0 0;line-height: 5.2rem;color: #8a8a8a;}
.index_00 .item:hover{color: #b44129;}
.index_00:hover ul {animation-play-state: paused;}

.wrap_mode01_2{overflow: hidden;}
.wrap_mode01{padding: 5.6rem 0 1rem;background: url(../images/w1_bg.png) no-repeat top center/cover;/*background: #e7e5da url(../images/mode01_bg.png) no-repeat top center/100%;*/position: relative;z-index: 1;}
.wrap_mode01::before{content: '';display: block;background: url(../images/mode01_bg1.png) no-repeat top center/100% auto;position: absolute;right: 50%;transform: translateX(50%);width: 119.3rem;height: 22.7rem;top: 14.1rem;pointer-events: none;z-index: 0;}
.wrap_mode01::after{content: '';display: block;background: url(../images/mode01_bg2.png) no-repeat top center/100% auto;position: absolute;right: 50%;transform: translateX(50%); width: 100%;height: 0;padding-bottom: 46.46%;top: 11.7rem;pointer-events: none;z-index: 1;}
.mode01{padding: 0 0;}

.mode01_title{position: absolute;left: 0;top: 0;}

.index_01a{}
.index_01a ul{margin: 0 0;padding: 6.9rem 0 5rem;}
.index_01a .box{margin: 0 0;position: relative;height: 53rem;}
/* .index_01a .box:not(.active){display: none;} */

/* .index_01a .time{margin-bottom: 5.6rem;} */
/* .index_01a .dot{margin-top: 4.7rem;} */

.index_01a .swiper-pagination{bottom: 0;}
.index_01a .swiper-pagination .swiper-pagination-bullet{width: 1.1rem;height: 1.1rem;background: #fff;opacity: 1;margin: 0 .7rem;border-radius: 5rem;}
.index_01a .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;width: 4.9rem;}

.index_01a1{position: relative;overflow: hidden;margin: 0 -1.7rem;padding: 0 0 8rem;}
.index_01a1 ul{margin: 0 0;padding: 0 0;}
.index_01a1 .item{margin: 0 1.7rem;}
.index_01a1 .bottom{padding: 3.2rem 3.6rem 3rem;background: #fff url(../images/mode01_item1.png) no-repeat center/cover;border-bottom: .3rem solid #c3a480;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_01a1 .title{margin: 0 0 2.6rem;}
.index_01a1 .summary{margin: 0 0;color: #c3a480;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_01a1 .item:hover .bottom{background-color: #c3a480;color: #fff;}
.index_01a1 .item:hover .summary{color: rgba(255, 255, 255, .6);}

.index_01a2{position: relative;overflow: hidden;margin: 0 -1.7rem;padding: 0 0 8rem;}
.index_01a2 ul{margin: 0 0;padding: 0 0;}
.index_01a2 .item{margin: 0 1.7rem;}
.index_01a2 .bottom{padding: 3.2rem 3.6rem 3rem;background: #fff url(../images/mode01_item1.png) no-repeat center/cover;border-bottom: .3rem solid #c3a480;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_01a2 .title{margin: 0 0 2.6rem;}
.index_01a2 .summary{margin: 0 0;color: #c3a480;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_01a2 .item:hover .bottom{background-color: #c3a480;color: #fff;}
.index_01a2 .item:hover .summary{color: rgba(255, 255, 255, .6);}

.index_01a3{position: relative;overflow: hidden;margin: 0 .2rem;padding: 0 0 8rem;}
.index_01a3 ul{margin: 0 0;padding: 0 0;}
.index_01a3 .item{margin: 0 3.7rem;}
.index_01a3 .gp-img{padding-bottom: 133.8%;margin: 0 0 2.2rem;filter: drop-shadow( 0rem .7rem 1rem rgba(121, 103, 76, 0.4) );}

.index_01a4{position: relative;overflow: hidden;margin: 0 -1.9rem;padding: 9rem 0 8rem;}
.index_01a4 ul{margin: 0 0;padding: 0 0;}
.index_01a4 .item{margin: 0 2rem;position: relative;}
.index_01a4 .top{height: 8.6rem;position: relative;background: #c3a481;border-radius: 4.3rem 4.3rem 0 0;z-index: 2;}
.index_01a4 .record{width: 30rem;height: 30rem;position: absolute;left: 50%;top: 50%;margin: -13rem 0 0 -15.5rem;cursor: pointer;filter: drop-shadow( 0rem .7rem 1rem rgba(121, 103, 76, 0.4) ); -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.index_01a4 .record::before{content: '';display: block;position: absolute;right: 50%;top: 50%;transform:translateX(50%) translateY(-50%);width: 9.5rem;height: 9.5rem;background: url(../images/record_center.png) no-repeat center/cover;z-index: 3;}
.index_01a4 .record::after{content: '';display: block;position: absolute;right: 0%;top: 0%;width: 100%;height: 100%;background: url(../images/mode01_light.png) no-repeat center/100%;mix-blend-mode: overlay;z-index: 2;}
.index_01a4 .cd{display: block;width: 100%;}
.index_01a4 .record.playing .cd{animation: rotateRecord 3s linear infinite;-webkit-animation: rotateRecord 3s linear infinite;}
@-webkit-keyframes rotateRecord {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@keyframes rotateRecord {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
.index_01a4 .record.playing.paused .cd{animation-play-state: paused;-webkit-animation-play-state: paused;}

.index_01a4 .arm{position: absolute;right: -6.5rem;bottom: .5rem;display: block;width: 13.8rem;height: 19.7rem;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-origin: 11.5rem 3.2rem;}
.index_01a4 .record.playing:not(.paused) .arm{transform: rotate(13deg);}



.index_01a4 .bottom{padding: 12.8rem 5rem 2rem;background: url(../images/mode01_item4.png) no-repeat center/cover;text-align: center;border-bottom: .3rem solid #c3a480;}
.index_01a4 .waveform{height: 5.4rem;margin: 0 1rem 1.1rem;}
.index_01a4 .line{position: relative;width: 100%;height: .3rem;background: #c3a481;border-radius: 5rem;margin: 0 0 2.2rem;}
.index_01a4 .line::before{content: '';display: block;position: absolute;right: 0;top: -1.5rem;width: 100%;height: 3rem;}
.index_01a4 .line .dot{width: 1rem;height: 1rem;background: #c3a481;border-radius: 5rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.index_01a4 .line .dot::before{content: '';display: block;position: absolute;right: 50%;top: 50%;transform:translateX(50%) translateY(-50%);width: 3rem;height: 3rem;}

/* .wrap_index_01b{position: relative;padding: .6rem 0 0;background: url(../images/mode01_bottom.png) no-repeat top center/119.3rem;width: 119.3rem;height: 22.7rem;margin: 1.5rem auto -9.1rem;} */
.wrap_index_01b{padding: 1rem 0 0;margin: 0 0 0;}
.index_01b{margin: 0 auto;width: 65rem;overflow: hidden;padding-bottom: 5rem;padding-top: 1rem;}
.index_01b ul{margin: 0 0;}
.index_01b .item{margin: 0 0;text-align: center;color: #f1dab0;line-height: 4rem;cursor: pointer;}
.index_01b .title{text-align: center;}
.index_01b li.active .item{color: #fbf2d9;}
.index_01b li.active .item .title{font-size: 1.2em;}

.wrap_mode02{padding: 1.6rem 0 10.4rem;position: relative;background: url(../images/w2_bg.png) no-repeat bottom center/cover;}
.wrap_mode02::before{content: '';display: block;background: url(../images/mode02_bg2.png) no-repeat center/cover;width: 82.5rem;height: 49.6rem;position: absolute;right: -10rem;top: -18rem;opacity: 0;transition: all ease-in-out 1.5s;-ms-transition: all ease-in-out 1.5s;-moz-transition: all ease-in-out 1.5s;-webkit-transition: all ease-in-out 1.5s;-o-transition: all ease-in-out 1.5s;}
.wrap_mode02.isView::before{right: 0;opacity: 1;}
.mode02{height: 65rem;position: relative;filter: drop-shadow(0 1.7rem 4.3rem rgba(162, 124, 77, 0.4));flex-direction: row;}
.mode02 .lf{width: 60rem;position: relative;margin: 0 0 0 -2.8rem;overflow: hidden;}
.mode02 .rt{width: 96.2rem;position: relative;margin: 0 -3.1rem 0 -2rem;overflow: hidden;}
.mode02 .rt .index_title{position: absolute;right: 0;top: 8.7rem;left: 12rem;width: auto;}

.mode02 .lf_scroll{height: 49.8rem;position: relative;}
.mode02 .lf_scroll::before{content: '';display: block;background: url(../images/mode02_scroll.png) no-repeat left top/155.5rem;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;}

.mode02 .rt::before{content: '';display: block;background: url(../images/mode02_scroll.png) no-repeat left center/155.5rem;position: absolute;left: -59.7rem;top: 0;width: 155.5rem;height: 100%;width: 100rem;}
.mode02 .rt_scroll::after{content: '';display: block;position: absolute;right: 0;background: url(../images/mode02_rt_scroll.png) no-repeat right bottom/95.8rem;width: 95.8rem;height: 50.3rem;bottom: 0;}
.mode02 .rt_scroll{position: relative;padding: 20.4rem 6.8rem 5.7rem 4.8rem;}

@media screen  and (min-width:996px){
	.mode02.isView .lf_scroll{-webkit-animation: index02_lf 2s ease-in-out;animation: index02_lf 2s ease-in-out;}
	@-webkit-keyframes index02_lf{
		0% {left: 60%;}
		100% {left: 0;}
	}
	@keyframes index02_lf{
		0% {left: 60%;}
		100% {left: 0;}
	}
	.mode02.isView .rt_scroll{-webkit-animation: index02_rt 2s ease-in-out;animation: index02_rt 2s ease-in-out;}
	@-webkit-keyframes index02_rt{
		0% {right: 60%;}
		100% {right: 0;}
	}
	@keyframes index02_rt{
		0% {right: 60%;}
		100% {right: 0;}
	}
}

.mode02 .lf_scroll{align-items: center;flex-wrap: nowrap;padding: 0 0 2.1rem 7.5rem;flex-direction: row;}
.mode02 .lf_scroll .channel_title{}
.index_02a{width: calc(100% - 14rem);}
.index_02a ul{margin: 0 0;}
.index_02a .item{padding: 1.5rem 2rem 1.5rem 0;align-items: center;color: #a58a47;}
.index_02a li:nth-child(2) .item{color: #5a6c92;}
.index_02a li:nth-child(3) .item{color: #586458;}
.index_02a .left{
    min-width: 10rem;
}
.index_02a .gp-img_centered{width: 7rem;height: 5rem;margin: 0 auto .5rem;}
.index_02a .right{margin: 0 0 0;width: calc(100% - 13.4rem);position: relative;}
.index_02a .right span{font-size: 2.67em;line-height: 1.04em;}
.index_02a .title{text-align: center;}
.index_02a .line{position: relative;width: .1rem;background: #e2ceb8;height: 6.2rem;}

.index_02b{position: relative;padding: 0 4.8rem;}
.index_02b .swiper{overflow: hidden;}
.index_02b ul{margin: 0 0;}
.index_02b .item{padding: 1.6rem;background: #e0ceb9;}
.index_02b .gp-img{padding-bottom: 49.7%;}

.index_02b .arrow{width: 2.6rem;height: 2.6rem;background: #fff no-repeat center/2.6rem;display: block;margin: -1.3rem 0 0;cursor: pointer;position: absolute;top: 50%;z-index: 2;border: none;border-radius: 50%;}
.index_02b .prev{left: 0rem;background-image: url(../images/mode02_prev.png);}
.index_02b .next{right: 0rem;background-image: url(../images/mode02_next.png);}
.index_02b .prev:hover{background-image: url(../images/mode02_prev2.png);}
.index_02b .next:hover{background-image: url(../images/mode02_next2.png);}


.wrap_mode03_4{overflow: hidden;background: #f8f7f3 url(../images/mode03_bg.png) no-repeat top center/100%;}

.wrap_mode03{padding: 9.2rem 0 3.2rem;position: relative;z-index: 3;}

.mode03{padding: 0 0 0;}

.index_03{overflow: hidden;padding-bottom: 14rem;margin: 4.4rem -3rem 0;height: 65.1rem;}
.index_03 ul{margin: 0 0;}
.index_03 li{padding: 0 1.9rem;}
.index_03 .item{color: #ece5d2;position: relative;padding: 0 3rem;}
.index_03 .bg{display: block;position: absolute;right: 0;bottom: 0;width: 100%;height: 0;background: url(../images/mode03_item.png) no-repeat bottom center/100% auto;pointer-events: none;z-index: -1;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[pos='1'] .bg{background-image: url(../images/mode03_item1.png);}
.index_03 li[pos='2'] .bg{background-image: url(../images/mode03_item2.png);}
.index_03 li[pos='3'] .bg{background-image: url(../images/mode03_item3.png);}
.index_03 li[pos='4'] .bg{background-image: url(../images/mode03_item4.png);}
.index_03 .gp-img{border-radius: 1.5rem;}
.index_03 .bottom{padding: 0 0 3rem;}
.index_03 .title{margin: 2rem 0 .4rem;}
.index_03 .title span{font-size: .7em;padding: 0 0 0 1rem;}
.index_03 .summary{margin: 0 0;}
@media screen  and (min-width:997px){
	.index_03 .item.on .bg{height: 100%;}
}


.index_03 .dot{position: absolute;right: 3.5rem;bottom: 0;width: 2.8rem;height: 2.8rem;border: .6rem solid #b44129;background: #ece5d2;border-radius: 50%;z-index: 10;right: 50%;margin: 0 0 0 -1.4rem;}

.mode03 .arrow{width: 44.4rem;height: 19.8rem;background: no-repeat center/cover;display: block;margin: 0;cursor: pointer;position: absolute;bottom: -6.3rem;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;}
.mode03 .prev{left: -1.5rem;background-image: url(../images/mode03_prev1.png);}
.mode03 .next{right: -1.5rem;background-image: url(../images/mode03_next1.png);}
.mode03 .prev:hover{background-image: url(../images/mode03_prev2.png);}
.mode03 .next:hover{background-image: url(../images/mode03_next2.png);}


.wrap_mode04{padding: 2rem 0 12.2rem;position: relative;z-index: 2;}
.wrap_mode04::before{content: '';display: block;background: url(../images/mode03_bottom.png) no-repeat bottom center/192rem;position: absolute;top: -25rem;z-index: -1;width: 192rem;height: 58rem;right: 50%;transform: translateX(50%);}
.wrap_mode04::after{content: '';display: block;position: absolute;right: 0;top: 23rem;width: 100%;height: 100%;background: #f8f7f3;}
.mode04{}
.mode04 .channel_link{left: 18.7rem;}

.mode04 .lf{width: 40.3%;padding: 1.5rem 0 0;}
.mode04 .rt{width: 58.33%;padding: 1.5rem 0 0;}

.index_04a{}
.index_04a ul{margin: 0 0;padding: 0 0;}
.index_04a .item{margin: 0 0;}
.index_04a .bottom{padding: 2.6rem 5.5rem 3.1rem;border: .1rem solid #ddcbb6;background: #fff;}
.index_04a .title{margin: 0 0;}
.index_04a .time{color: #c3a480;margin: .8rem 0 1.5rem;}
.index_04a .summary{margin: 0 0;color: #8a8a8a;}

.index_04a .item:hover{box-shadow: 0 0 20px rgba(162, 124, 77, .2);}
/* .index_04a:hover .bottom{background-color: #c3a480;color: #fff;}
.index_04a:hover .time{color: rgba(255, 255, 255, .6);}
.index_04a:hover .summary{color: rgba(255, 255, 255, .8);} */

.index_04b{}
.index_04b ul{margin: 0 0 -2rem;padding: 0 0;}
.index_04b .item{margin: 0 0 1.9rem;background: #fff;}
.index_04b .img_box{width: 46.5rem;}
.index_04b .gp-img{padding-bottom: 56.13%;}
.index_04b .info_box{margin: 0 0 0;padding: 3.6rem 3.3rem 3rem;width: calc(100% - 46.5rem);border: .1rem solid #ddcbb6;}
.index_04b .title{margin: 0 0;}
.index_04b .time{color: #c3a480;margin: .6rem 0 1.5rem;}
.index_04b .summary{margin: 0 0;color: #8a8a8a;}

.index_04b .item:hover{box-shadow: 0 0 20px rgba(162, 124, 77, .2);}
/* .index_04b .item:hover .info_box{background-color: #c3a480;color: #fff;}
.index_04b .item:hover .time{color: rgba(255, 255, 255, .6);}
.index_04b .item:hover .summary{color: rgba(255, 255, 255, .8);} */


@media screen  and (max-width:1480px){
	.wrap_mode01::after{top: 14rem;}

}
@media screen  and (max-width:996px){
	.wrapbanner{padding-top: 0;height: auto;}
	.wrapbanner .swiper-pagination{}
	.wrapbanner .swiper-pagination .swiper-pagination-bullet{margin: 0 5px;width: 28px;height: 28px;line-height: 25px;font-size: 13px;}
	.wrapbanner .swiper-pagination .swiper-pagination-bullet::before{width: 40px;height: 40px;left: -5px;top: -5px;}
	.banner .gp-img{padding-bottom: 48.8%}

	.wrapbanner .swiper_menu{bottom: 10px;}
	.wrapbanner .swiper-pagination{}

	.wrapbanner .arrow{width: 12px;height: 28px;}
	.wrapbanner .arrow::before{width: 20px;height: 28px;left: -3px;top: .3rem;}

	.wrapbanner .next{left: 10px;}
	.wrapbanner .prev{right: 10px;}

	.banner .title{right: 20px;width: calc(100% - 40px);max-width: initial;text-align: center;bottom: 60px;}
	.banner_ser{left: 50%;transform: translateX(-50%);bottom: 10px;height: 36px;max-width: 95%;}


	.content{padding: 0;overflow: hidden;}

	.wrap_mode01::after{top: 18rem;}
	.mode00_title,.index_00 .item{line-height: 36px;}
	.index_01b{width: 100%;width: 80%;}
	.index_01b ul{top: -12px;}
	
	.index_01a4 .waveform{height: 50px;}
	.index_01a .box{height: auto;}

	
	.wrap_mode02{padding-bottom: 30px;}
	.mode02{height: auto;filter: none;}
	.mode02 .lf{width: auto;margin: 0;}
	.mode02 .lf_scroll{height: auto;flex-direction: row-reverse;}
	.mode02 .lf_scroll::before{display: none;}
	.index_02a .right{width: calc(100% - 16rem);}

	.mode02 .rt{width: auto;margin: 0;}
	.mode02 .rt::before,.mode02 .rt_scroll::after{display: none;}
	.mode02 .rt_scroll{padding-right: 0;padding-left: 0;padding-bottom: 0;}
	.index_02b .arrow{width: 26px;height: 26px;background-size: 100% auto;}

	
	.index_03{height: auto;padding-bottom: 20rem;padding-bottom: 15.625vw;}
	.index_03 .item::after{content: '';display: block;clear: both;}
	.index_03 .img_box{width: 180px;float: right;}
	.index_03 .bottom{margin: 0 200px 0 0;}

	.index_03 .dot{display: none;}
	.mode03 .arrow{bottom: -7rem;width: 34.6vw;height: 15.5vw;bottom: -4.8vw;}
	.mode03 .prev{left: 1.17vw;transform: rotate(1deg);}
	.mode03 .next{right: 1.17vw;transform: rotate(-1deg);}

	.wrap_mode04::before{top: -120px;width: 140rem;height: 38rem;background-position: top center;background-size: 100%;width: 109.4vw;height: 29.7vw;top: -15.625vw;}
	
	.mode04 .lf{width: 100%;padding: 0 0 20px;}
	.mode04 .rt{width: 100%;margin: 0;padding: 0;}

	.side{top: auto;transform: none;bottom: 20px;}
	.side .item .title{font-size: 12px;}
	.gotop{margin-top: 20px;}

}
@media screen and (max-width:767px){
	.wrapbanner .swiper-pagination,.wrapbanner .swiper_menu .more{vertical-align: bottom;}
	.banner .title{display: none;}

	.channel_title.h{width: auto;padding: 0 3.6rem;background: url(../images/index_title_1.png) no-repeat left  center / 2.1rem, url(../images/index_title_2.png) no-repeat right center / 2.1rem;margin-bottom:  20px;writing-mode: horizontal-tb;-webkit-writing-mode: horizontal-tb;-ms-writing-mode: horizontal-tb;transform: none;}

	.content{margin-bottom: 0;}

	.wrap_mode01::before{top: 13rem;}
	.wrap_mode01::after{width: 768px;}

	.index_01b ul{top: -8px;}
	
	.index_01a1,.index_01a2,.index_01a3,.index_01a4{padding-bottom: 30px;}
	.index_01a3 .img_box{margin: 0 auto;max-width: 160px;}
	.index_01a3 .title{text-align: center;}

	.mode02 .lf_scroll{padding-right: 0;height: auto;flex-wrap: wrap;padding-bottom: 30px;}
	.index_02a{width: 100%;}

	.mode02 .rt .index_title{position: relative;top: 0;left: 0;width: 100%;}
	.mode02 .rt_scroll{padding-top: 0;}

	.wrap_mode03_4{background-size: 768px;}

	.mode03 .arrow{/*width: 112px;*//*height: 49px;*//* bottom: -5px; */}
	.mode03 .prev{/* transform: rotate(-3deg); */}
	.mode03 .next{/* transform: rotate(3deg); */}

	.index_title{justify-content: flex-start;}

	.wrap_mode04{padding-top: 40px;}
	.mode04 .channel_link{left: 0;}

	.index_04b .item{margin: 0 0 20px;}
	.index_04b .img_box,.index_04b .info_box{width: 100%;}
	.index_04a .bottom,.index_04b .info_box{padding: 12px 20px 16px;}



}
@media screen  and (max-width:639px){
	/* .mode03 .arrow{width: 74px;height: 33px;bottom: 32px;}*/
	.mode03 .arrow{bottom: -4.7rem;/* width: 26.6vw; *//* height: 11.9vw; */}
	.mode03 .prev{transform: rotate(4deg);}
	.mode03 .next{transform: rotate(-4deg);} 

	.index_01b{width: 100%;}
	.index_01b .item{font-size: 14px;}
	.index_01b ul{top: 0;}

}
@media screen and (max-width:480px){
	
}
@media screen and (max-width:413px){
	.index_01b .item{font-size: 12px;}

	.index_03 .img_box{width: 120px;}
	.index_03 .bottom{margin: 0 0 0 130px;}
	
}
@media screen and (max-width:380px){
	
}
@media screen and (max-width:320px){
	
}