.banner{position: relative;z-index: 10;}

html,.content{background: #FFF3E3;}
.nav{display: none;}

.index_title{margin-bottom: 4rem;align-items: center;}
.channel_link{position: relative;z-index: 2;line-height: 5rem;padding: 0 3rem;border-radius: 5rem;background: linear-gradient(270.00deg, rgba(241.51441955566406, 209.5447235107422, 173.00791931152344, 1),rgba(242, 210, 173, 0) 100%);color: #9F6017;}
.channel_title{padding: 0 0 0;color: #333;font-weight: bold;}
.channel_title .ico{display: inline-block;vertical-align: middle;width: 8.7rem;height: 8rem; margin: 0 2rem 0 0;}



.wrap_mode01{padding: 35.4rem 0 25.4rem;overflow: hidden;background: url(../images10/mode01_bg.png) no-repeat bottom center/cover;margin: -25.1rem 0 0;position: relative;z-index: 1;}
.mode01{}

.index_01{width: 95rem;margin: 0 auto;position: relative;z-index: 10;padding: 0 0 7.6rem;}
.index_01 ul{margin: 0 0;}
.index_01 .item{margin: 0 2.5rem;position: relative;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 .gp-img{border-radius: 5rem;}
.index_01 .ico{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);width: 10rem;height: 10rem;border-radius: 50%;z-index: 2;background: rgba(0, 0, 0, .4);padding: 1rem;}

.index_01 .swiper-slide-prev .item,.index_01 .swiper-slide-duplicate-prev .item{padding: 5.6rem 0 5.6rem 20rem;}
.index_01 .swiper-slide-next .item,.index_01 .swiper-slide-duplicate-next .item{padding: 5.6rem 20rem 5.6rem 0;}

.index_01 .swiper-pagination{bottom: 0;}
.index_01 .swiper-pagination .swiper-pagination-bullet{width: 2.6rem;height: 2.6rem;background: #94070A;opacity: 1;border-radius: 50%;margin: 0 2.5rem;border: .1rem solid #FFE5AE;position: relative;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 .swiper-pagination .swiper-pagination-bullet::before{content: '';display: block;width: 1.4rem;height: 1.4rem;background-color: #FFE5AE;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-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;}
.index_01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;border-width: .6rem;}
.index_01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{width: 0;height: 0;}

.wrap_mode02{padding: 10rem 0 4rem;}
.mode02{}

.index_02{}
.index_02 ul{margin: 0 0 -3rem -3.2rem;}
.index_02 .item{margin: 0 0 3rem 3.2rem;background: rgba(255, 255, 255, .3);border-radius: 3rem;padding: 3rem;position: relative;z-index: 2;overflow: hidden;}
.index_02 .item::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(126.87deg, rgba(255, 228, 141, 0),rgba(255, 212, 74, 1) 100%);z-index: -1;opacity: 0;}
.index_02 .title{margin: 0 0;font-weight: 500;}
.index_02 .line{margin: 2rem 0;border-bottom: .1rem dashed #94070A;}
.index_02 .summary{margin: 0 0 3rem;color: #B19A79;}
.index_02 .time{color: #94070A;background: url(../images10/mode02_time1.png) no-repeat left center/auto 100%;padding: 0 0 0 1.5em;line-height: 1.25em;}
.index_02 .item:hover{background: linear-gradient(180.00deg, rgba(148, 7, 10, 1),rgba(219, 27, 31, 1) 100%);}
.index_02 .item:hover::before{opacity: 1;}
.index_02 .item:hover .line{border-bottom-color: #FFE5AE;}
.index_02 .item:hover .title{color: #fff;}
.index_02 .item:hover .summary{color: rgba(255, 255, 255, .8);}
.index_02 .item:hover .time{color: rgba(255, 255, 255, .6);background-image: url(../images10/mode02_time2.png);}

.wrap_mode03{padding: 6rem 0 10rem;overflow: hidden;}
.mode03{}
.mode03 .lf{width: 50%;padding: 2rem 0 0;}
.mode03 .rt{width: calc(50% - 4rem);position: relative;z-index: 2;}

.index_03a .item{font-weight: 500;padding: 1.4rem 0 0;}
.index_03a .title{position: relative;color: #E40005;font-weight: bold;}
@supports (-webkit-background-clip: text) or (background-clip: text) {
    .index_03a .title{background: linear-gradient(90deg, #E40005, #FF9500 100%);-webkit-background-clip: text;background-clip: text;color: transparent;}
}
.index_03a .line{margin: 3rem -20rem 2.6rem 0;border-bottom: .1rem dashed #94070A;}
.index_03a .vicetitle{margin: 0 0 2.6rem;}
.index_03a .info{margin: 0 0;color: #B8761B;line-height: 1.67em;}
.index_03a .info p{margin: 0 0 1rem;}
.index_03a .more{justify-content: flex-start;margin: 3.7rem 0 0;}
.index_03a .more a{background:#FFA600;background: -webkit-linear-gradient(top, #FFA600 , #CE1216);background: -o-linear-gradient(bottom, #FFA600, #CE1216);background: -moz-linear-gradient(bottom, #FFA600, #CE1216);background: linear-gradient(to bottom, #FFA600 , #CE1216);padding: 0 2rem;line-height: 5.2rem;color: #fff;margin: 0 3rem 1.5rem 0;border-radius: 5rem;}

.index_03b{width: calc(50vw - 4rem);border: .1rem dashed #94070A;border-radius: 100rem 0 0 100rem;position: relative;z-index: 2;padding: 2rem;height: 61rem;background: #FFF3E3;}
.index_03b .wrap_bg{position: absolute;left: 2rem;top: 2rem;width: 100%;height: calc(100% - 4rem);overflow: hidden;border-radius: 100rem 0 0 100rem;z-index: -1;}
.index_03b .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: no-repeat bottom center/cover;}
.index_03b .box{margin: 8rem 0 0 15rem;}
.index_03b .img_box{position: absolute;left: 62rem;bottom: 6.7rem;width: 20rem;}
.index_03b .more{position: absolute;left: 17rem;bottom: 13.2rem;background:#FFA600;background: -webkit-linear-gradient(top, #FFA600 , #CE1216);background: -o-linear-gradient(bottom, #FFA600, #CE1216);background: -moz-linear-gradient(bottom, #FFA600, #CE1216);background: linear-gradient(to bottom, #FFA600 , #CE1216);padding: 0 4rem;line-height: 5.2rem;color: #fff;margin: 0 3rem 0 0;border-radius: 5rem;}
.index_03b .more .ico{display: inline-block;vertical-align: middle;margin: 0 -1.2rem 0 3rem;width: 2rem;height: 2rem;}
.index_03b .more .ico path{fill: #fff;}

.wrap_mode04_5{overflow: hidden;}

.wrap_mode04{padding: 9.5rem 0;position: relative;}
.wrap_mode04::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: calc(100% + 31.5rem);background:#F6E6D1;background: -webkit-linear-gradient(top, #F6E6D1 , rgba(246, 230, 209, 0));background: -o-linear-gradient(bottom, #F6E6D1, rgba(246, 230, 209, 0));background: -moz-linear-gradient(bottom, #F6E6D1, rgba(246, 230, 209, 0));background: linear-gradient(to bottom, #F6E6D1 , rgba(246, 230, 209, 0));overflow: hidden;z-index: 0;border-radius: 10rem 10rem 0 0;}
.wrap_mode04::after{content: '';display: block;position: absolute;top: 25.6rem;right: 0;background: url(../images10/mode04_bg.png) no-repeat center/cover;width: 101.1rem;height: 80.6rem;opacity: 1;mix-blend-mode: multiply;z-index: 1;}
.mode04{}

.index_04{position: relative;padding: 0 8.6rem;}
.index_04::before{content: '';display: block;border-bottom: .2rem solid #B8761B;position: absolute;left: 0;top: 50%;width: 100%;margin: -0.1rem 0 0;}
.index_04 .swiper_box{overflow: hidden;}

.index_04 ul{margin: 0 0;}
.index_04 .swiper-slide .item{opacity: 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_04 .swiper-slide:not(.swiper-slide-visible) .item{opacity: 0;visibility: hidden;}
.index_04 li:hover{z-index: 2;}
.index_04 .item{margin: 0 1.6rem;background: #FFF3E3;border-radius: 2rem;padding: 2.4rem;position: relative;border-top: .1rem solid #94070A;left: 8.6rem;height: 34.5rem;}
.index_04 .item:first-child{margin-bottom: 12.3rem;border-bottom: .1rem solid #94070A;border-top: none;left: -8.6rem;}
.index_04 .item::after{content: '';display: block;position: absolute;left: 50%;bottom: 100%;border-left: .1rem solid #94070A;height: 6rem;}
.index_04 .item:first-child::after{bottom: auto;top: 100%;}
.index_04 .time{color: #94070A;font-weight: bold;margin: 0 0 1.9rem;}
.index_04 .gp-img{padding-bottom: 54%;margin: 0 0 1.9rem;border-radius: 1rem;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_04 .title{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_04 .dot{width: 2.6rem;height: 2.6rem;background: #94070A;border: .1rem solid #FFE5AE;border-radius: 50%;position: absolute;bottom: -7.6rem;left: 50%;transform: translateX(-50%);z-index: 10;}
.index_04 .dot::before{content: '';display: block;width: 1.4rem;height: 1.4rem;background-color: #FFE5AE;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);}
.index_04 .item:last-child .dot{bottom: auto;top: -7.5rem;}

.index_04 .item:hover{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);border-color: transparent;}
.index_04 .item:hover .gp-img{padding-bottom: 0;margin-bottom: 0;}
.index_04 .item:hover .title{line-height: 1.67em;height: 13.36em;-webkit-line-clamp: initial;overflow: auto;}
.index_04 .title::-webkit-scrollbar{width: 0;}

.index_04 .arrow{width: 6rem;height: 6rem;background: #94070A no-repeat center;display: block;margin: 0 0 .1rem;cursor: pointer;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;}
.index_04 .arrow .ico{position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);width: 3.4rem;height: 3.4rem;}
.index_04 .prev{left: 0rem;}
.index_04 .next{right: 0rem;}



.wrap_mode05{padding: .5rem 0 9.6rem;}
.mode05{}

.index_05a{width: 102.1rem;}
.index_05a ul{margin: 0 -2rem -2rem 0;}
.index_05a li{width: 42rem;}
.index_05a li:first-child{width: 62rem;}
.index_05a .item{margin: 0 2rem 2rem 0;position: relative;overflow: hidden;}
.index_05a .gp-img{padding-bottom: 60rem;border-radius: 2rem;}

.index_05b{width: 46rem;}
.index_05b ul{margin: 0 0 -2rem;}
.index_05b .item{margin: 0 0 2rem;position: relative;overflow: hidden;}
.index_05b .gp-img{padding-bottom: 29rem;border-radius: 2rem;}


.index_05a .item::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 40%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-25deg);
}
.index_05a .item:hover::after {
    left: 140%;transition: left .8s cubic-bezier(0.23, 1, 0.32, 1);
}
.index_05b .item::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 40%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-25deg);
    
}
.index_05b .item:hover::after {
    left: 120%;transition: left .8s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen  and (max-width:1640px){
	.index_03b .img_box{left: 50rem;}
	
}
@media screen  and (max-width:996px){
	.wrap_mode02{padding: 4rem 0 4rem;}
    .mode03 .lf{width: 100%;}
    .mode03 .rt{width: 100%;margin: 4rem 0 0;}
    .index_03b{width: auto;margin: 0 -4rem 0 0;}

    .index_04 .item{height: 323px;}
    .index_04 .gp-img{padding-bottom: 160px;margin-bottom: 15px;}
    .index_04 .title{line-height: 26px;height: 78px;-webkit-line-clamp: 3;overflow: hidden;}
    .index_04 .item:hover .title{line-height: 26px;height: 236px;}

    .index_05a{width: 100%;}
    .index_05a li{width: calc(50% - 1rem);}
    .index_05a li:first-child{width: calc(50% - 1rem);}
    .index_05b{width: 100%;margin: 4rem 0 0;}

}
@media screen and (max-width:767px){
    .index_04 .item{left: 4rem;}
	.index_04 .item:first-child{left: -4rem;}

    .index_01 .gp-img{border-radius: 2rem;}
    .index_01{width: 80%;padding-bottom: 4rem;}
    .index_01 .swiper-pagination .swiper-pagination-bullet{width: 2rem;height: 2rem;margin: 0 1.5rem;}

    .wrap_mode01{padding: 28.4rem 0 11.4rem;}

    .index_03b{border-radius: 5rem 0 0 5rem;}
    .index_03b .wrap_bg{border-radius: 3rem 0 0 3rem;}

    .index_03b .box{margin: 3rem 0 0 3rem;}
    .index_03b .more{left: 6rem;}
    .index_03b .img_box{left: auto;right: 3rem;}

    .index_04 .item{height: 300px;}
    .index_04 .gp-img{padding-bottom: 54%;}



    .index_05a li{width: 100%;}
    .index_05a li:first-child{width: 100%;}
    .index_05a .gp-img {padding-bottom: 29rem;}
    .index_05b{margin: 2rem 0 0;}

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



}