.home_swiper{height: 100vh;overflow: hidden;position: relative;z-index: 1;}
.home_swiper .home_swiper_box{position: relative;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: 0;}
.home_swiper.not_first_screen .home_swiper_box{/*transform: translateY(-100vh);*/ top: -100vh; }
.home_swiper.notransition .home_swiper_box{transition: top ease-in-out 0s;-ms-transition: top ease-in-out 0s;-moz-transition: top ease-in-out 0s;-webkit-transition: top ease-in-out 0s;-o-transition: top ease-in-out 0s;}
.wrapbanner,.home_slide{height: 100vh;overflow: hidden;box-sizing: border-box;position: relative;}
.home_slide{overflow: auto;}
 
@media screen and (max-width: 996px){
	.home_swiper.not_first_screen .home_swiper_box{transform: translateY(0);}
	.home_swiper,.home_swiper > .swiper-wrapper,.wrapbanner, .home_slide{height: auto;display: block;}
	.home_slide{padding-top: 0;}
}


.aside{position: fixed;transition: margin-left 0s ease-out, left .5s ease-out;cursor: pointer;z-index: 10;width: calc(7rem + 60px); background: url(/images2024/side_bg.png) .5rem top no-repeat;top: 20%;left: 100%;background-size: calc(100% - 1rem) 100%;box-sizing: border-box;padding-top: 5rem;z-index: 9999;}
.aside .side_menu{padding: 1.5rem 0 0;text-align: center;color: rgba(255, 255, 255);position: relative;z-index: 2;font-size: 1.8rem;line-height: 2rem;}
.aside .side_menu .item{box-sizing: border-box; }
.aside .side_menu .item{margin: 0 0 1.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;position: relative; position: relative;box-sizing: border-box;padding: 0 1.8rem; }
.aside .side_menu .item.on::before{content: "";display: block;width: 1.1rem;height: 1.4rem;background: url(/images2024/index_title_w.png) no-repeat center;background-size: cover;position: absolute;left: .8rem;top: 50%;margin-top: -0.7rem;}
@-webkit-keyframes side_p{
	0% {left: 0rem;opacity: .8;}
	80% {left: 0rem;opacity: .8;}
	100%{opacity: 0;}
}
@keyframes side_p{
	0% {left: 0rem;opacity: .8;}
	80% {left: 0rem;opacity: .8;}
	100%{opacity: 0;}
}
 
.aside.on {left: calc(100% - 14rem);z-index: 11;}

.wrap_clock-place{padding: .3rem 0 4.2rem;background: url(/images2024/side_bg1.png) no-repeat top center/100% auto;}
.wrap_clock-place .box{position: relative;width: 6.7rem;height: 6.7rem;margin: 0 auto;padding: .7rem;background: #fff;border-radius: .3rem;}

.go_top{line-height: 2.2rem;height: 2.2rem;background: url(/images2024/side_bg2.png);margin: 0 .5rem;text-align: center;color: #fff;}
.go_top i{font-size: 1.8rem;}

.side_menu_btn{position: fixed;right: 0;top: 50%;transform: translateY(-50%);z-index: 10;width: 8.8rem;height: 15.5rem;background: url(/images2024/side_btn1.png) no-repeat;background-size: cover;display: none;}
.side_menu_btn .single-item{height: 100%;margin-top: 2rem;}
.side_menu_btn .single-item .slick-list{height: 100%;}
.side_menu_btn .slick-track{width: 100% !important;}
.side_menu_btn .slick-track .slick-slide.slick-current.slick-active{width: 100% !important;left: auto !important;top: 0 !important;position: absolute !important;right: 0;}
.txt111{text-align: right;}
.txt111 img{display: inline-block !important;max-width: 86.4%;}
.txt11{position: absolute;right: 1.5rem;top: 50%;transform: translateY(-50%);width: 2rem;color: #fff;line-height: 1em;padding: 0 0 1.6rem;}



.wrapbanner{overflow: hidden;position: relative;}

.banner{}
.banner a{display:block;position:relative}
.banner a::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 12.4rem;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: .35;z-index: 2;}
.banner .gp-img{padding-bottom: calc(920% / 19.2);padding-bottom: 100vh;}
.banner .gp-img video,.banner .gp-img img{width:100%;height: 100%;position: absolute;left: 0;top: 0;}
.banner .title{font-weight: bold;color: #fff;position: absolute;left: 15rem;right: 20rem;bottom: 4rem;z-index: 2;}
/* .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 7s 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{left: auto;text-align: left;width: auto;bottom: 3rem;right: 20rem;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet{width: 1.2rem;height: 1.2rem;background: rgba(255, 255, 255, .66);opacity: 1;border-radius: 50%;margin: 0 0 .6rem 2rem;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;border-radius: 0;width: 3.2rem;height: 2.5rem;background: url(/images2024/banner_dot.png) no-repeat center/100% auto;margin-bottom: 0;}

.content{overflow: hidden;}

.index_title{margin-bottom: 3.8rem;display: block;}
.index_title::after{content: '';display: block;clear: both;}
.channel_link{float: right;position: relative;z-index: 2;color: #999;padding: 0 2rem 0 0;background: url(/images2024/index_title.png) no-repeat right center/1.4rem auto;margin-left: -20rem;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{letter-spacing: .2rem;background-image: url(/images2024/index_title2.png);}
.index_title .channel_link{margin-top: 1.5rem;}
.channel_link.w{color: #fff;background-image: url(/images2024/index_title_w.png);}
.channel_link.y{color: #deae67;background-image: url(/images2024/index_title3.png);}
.channel_link.v{writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;-ms-writing-mode: tb-lr; padding: 0 0 2.4rem;background: url(/images2024/index_title6.png) no-repeat center bottom/1.8rem auto;}
.channel_link.v:hover{background-image: url(/images2024/index_title7.png);}
.channel_title{padding: 0 0 0;color: #333;font-weight: normal;}
.channel_title.c{text-align: center;}
.channel_title.w{color: #fff;}
.channel_title.v{writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;max-height: 6em;line-height: 1em;}

.wrap_mode01_2{padding: 0 0 0 0;background: url(/images2024/mode01_bg.png) no-repeat center/cover;background-attachment: fixed;}

.wrap_mode01{padding: 13.8rem 0 .1rem;}
.mode01{}
.mode01 .lf{width: calc(50% - 1rem);float: left;}
.mode01 .rt{width: calc(50% - 1rem);float: right;}

.index_01a{display: block;position: relative;margin: 0 0 2rem;}
.index_01a::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 45%;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: .45;z-index: 2;}
.index_01a .bottom{padding: 0 3rem 2.6rem;position: absolute;left: 0;right: 0;bottom: 0;z-index: 10;color: #fff;}
.index_01a .time{color: #fff;}

.index_01b{}
.index_01b ul{margin: 0 0 0rem -2rem;}
.index_01b .item{margin: 0 0 2rem 2rem;background: #fff;padding: 2.4rem 3rem 2.4rem;box-shadow: 0rem 1rem 2rem 0rem rgba(0, 0, 0, 0.06);}
.index_01b .top{padding: 0 0 0;height: 10.2rem;box-sizing: border-box;overflow: hidden;position: relative;background: no-repeat right bottom/12.1rem auto;margin: 0 0 .8rem;}
.index_01b .top::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 0;border-bottom: .1rem solid #e6e6e6;}
.index_01b .top::after{content: '';display: block;position: absolute;left: .2rem;bottom: -1.4rem;width: 2rem;height: 2rem;background: #fff;transform: rotate(45deg);border: .1rem solid #e6e6e6;}
.index_01b .time{color: #999;line-height: 3.2rem;height: 3.2rem;}
.index_01b .top::before,.index_01b .top::after,.index_01b .top,.index_01b .time{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_01b .item:hover .top{background: url(/images2024/mode01_bg2.png) no-repeat right bottom/12.1rem auto;}
.index_01b .item:hover .top::before,.index_01b .item:hover .top::after{border-color: #00366f;}
.index_01b .item:hover .time{color: #b17d33;}

.wrap_mode02{padding: 3.5rem 0 9rem;}
.mode02{display: flex;flex-wrap: wrap; justify-content: space-between;}
.mode02 > *{flex-shrink: 0;}
.mode02 .lf{width: 49rem;display: flex;flex-direction: column;}
.mode02 .rt{width: 91rem;}
.mode02 .index_title{margin-bottom: 1.6rem;width: 100%;}

.index_02a{background: #fff;padding: .5rem 3rem;border-bottom: .3rem solid #00366f;height: 100%;}
.index_02a ul{margin: 0 0;height: 100%;display: flex;flex-direction: column;justify-content: space-between; }
.index_02a .item{margin: 0 0;padding: 1.4rem 0 1.3rem;border-top: .1rem solid #dcdcdc;}
.index_02a li:first-child .item{border-top: none;}
.index_02a .time{color: #003670;margin: .3rem 0 0;}
.index_02a .item:hover .time{color: #b17d33;}


.index_02b{}
.index_02b ul{margin: 0 0 0 -2rem;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;}
.index_02b li{margin: 0 0 2.2rem;flex-shrink: 0;}
.index_02b .item{margin: 0 0 0 2rem;background: #fff url(../images2024/mode02_bg.png) right bottom no-repeat;padding: 2rem 3rem 1.6rem;position: relative;height: 100%;box-sizing: border-box;}
.index_02b .item::before{content: '';display: block;width: 1.5rem;height: .3rem;background: #003670;position: absolute;left: 0;top: 3.2rem;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_02b .item::after{content: '';display: block;width: .2rem;background: #deae67;position: absolute;left: 0;top: 50%;transform: translateY(-50%);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;}
.index_02b .title{white-space: normal;height: ;}
.index_02b .bottom{padding: 1rem 0 0;}
.index_02b .author{color: #999;display: inline-block;vertical-align: middle;padding: 0 0 0 2.5rem;margin: 0 2.6rem 0 0;background: url(/images2024/index_title.png) no-repeat left center/1.4rem auto;/* overflow: hidden; *//* white-space: nowrap; *//* text-overflow: ellipsis; */white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 90%;}
.index_02b .time{color: #999;display: inline-block;vertical-align: middle;}
.index_02b .item:hover::before{width: 0;}
.index_02b .item:hover:after{height: 100%;}
.index_02b .item:hover .author,.index_02b .item:hover .time{color: #00366f;}
.index_02b .item:hover .author{background-image: url(/images2024/index_title2.png);}

.index_02c{}
.index_02c ul{margin: 0 0 -2rem -2rem;}
.index_02c .item{margin: 0 0 2rem 2rem;height: 10rem;box-sizing: border-box;position: relative;background: no-repeat right center/cover;}
.index_02c .more{position: absolute;top: 50%;transform: translateY(-50%);right: 6rem;color: #fff;}
.index_02c .title{margin: 0 0;position: absolute;top: 50%;transform: translateY(-50%);left: 4.9rem;color: #fff;}
.index_02c .title i{font-size: 1.2em;padding: 0 1.9rem 0 0;}

.wrap_mode03{padding: 8.8rem 0;background: url(/images2024/mode03_bg.png) no-repeat center/cover;}
.mode03{}
.mode03 .lf{width: 77rem;float: left;}
.mode03 .rt{width: 71rem;float: right;}

.mode03 .channel_title{margin-bottom: 4.8rem;}

.index_03a{display: block;color: #fff;}
.index_03a .bottom{padding: 2.6rem 0 0 3rem;position: relative;color: #fff;}
.index_03a .bottom::before{content: '';display: block;position: absolute;left: 0;width: .3rem;height: 1.8rem;background: #b17d33;top: 3rem;}
.index_03a .time{color: #fff;margin: 1.1rem 0 0;}

.index_03b{float: left;width: 33.5rem;margin-left: 4rem;}
.index_03b ul{margin: 0 0 -4rem;}
.index_03b .item{margin: 0 0 4rem;background: rgba(255, 255, 255, .88);padding: 0 3rem 2.5rem;box-sizing: border-box;min-height: 22rem;}
.index_03b .tip{position: relative;padding: .9rem 0 0;display: inline-block;vertical-align: top;border-top: .5rem solid #00366f;color: #00366f;font-weight: bold;}
.index_03b .tip.c2{border-top: .5rem solid #deae67;color: #deae67;}
.index_03b .title{margin: 2.1rem 0 1.6rem;}
.index_03b .item2 .title{margin: 1.6rem 0 .7rem;}
.index_03b .summary{color: #555;}
.index_03b .info p{color: #555;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 2em;}

.mode03 .rt{float: right;width: 33.5rem;}
.mode03 .rt .channel_link{float: none;margin: .6rem 0 1.4rem;display: block;text-align: right;}
.mode03 .rt .channel_link.y{margin: 1.5rem 0 0;}
.mode03 .rt .index_03b{float: none;margin: 0;}

.wrap_mode04{padding: 8.6rem 0 12.6rem;background: url(/images2024/mode04_bg.png) no-repeat center/cover;}
.mode04{}

.index_04{padding: 1rem 0 0;}
.index_04 ul{margin: 0 0 0 -4.5rem;}
.index_04 li:nth-child(2n){position: relative;top: 4rem;}
.index_04 .item{margin: 0 0 3rem 4.5rem;padding: 2.7rem 3rem 3.4rem;background: #fff no-repeat right bottom/0rem auto;border-top: .5rem solid #8c97cb;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 li:nth-child(2) .item{border-color: #7ecef4;}
.index_04 li:nth-child(3) .item{border-color: #84ccc9;}
.index_04 li:nth-child(4) .item{border-color: #c490bf;}
.index_04 .author{padding: 0 0 0 2.4rem;background: url(/images2024/mode04_author1.png) no-repeat left center/1.4rem auto;color: #999;margin: 2.1rem 0 .8rem;}
.index_04 .item:hover{background: #fff url(../images2024/mode04_bg2.png) no-repeat right bottom/cover;box-shadow: 0px 5px 10px 0px rgba(0, 30, 53, 0.1);}
.index_04 .item:hover .author{color: #b47e1d;background-image: url(/images2024/mode04_author2.png);}
.index_04 .item:hover .time{color: #b17d33;}

.wrap_mode05{padding: 8.5rem 0 12rem;background: url(/images2024/mode05_bg.png) no-repeat center/cover;}
.mode05{}
.mode05 .lf{width: 29.6%;float: left;height: 75rem;position: relative;background: url(/images2024/mode05_bg2.png) no-repeat center/cover;}
.mode05 .lf .channel_title{position: absolute;left: 7.3rem;top: 7.8rem;height: 20rem;letter-spacing: 2px;}
.mode05 .lf .channel_link{position: absolute;right: 7.4rem;bottom: 9.4rem;}
.index_05a{position: absolute;left: 8rem;bottom: 8rem;z-index: 2;}
.index_05a ul{margin: 0 0;}
.index_05a .item{margin: 0 0 2rem;width: 5.6rem;height: 5.6rem;background: #deae67;border-radius: 1rem;text-align: center;line-height: 5.6rem;position: relative;}
.index_05a .item i{color: #fff;font-size: 2.8rem;}
.index_05a .hover_box{position: absolute;left: 100%;top: 50%;background: #fff;width: 12rem;padding: .5rem;border-radius: .5rem;margin-left: 3rem;display: none;margin-top: -6.3rem;}
.index_05a .hover_box::before{content: '';display: block;border-right: 1rem solid #fff;border-top: .7rem solid transparent;border-bottom: .7rem solid transparent;position: absolute;right: 100%;top: 50%;transform: translateY(-50%);}
.index_05a .hover_box img{display: block;width: 100%;}
.index_05a .item:hover .hover_box{display: block;}

.mode05 .mid{width: 27.8%;float: left;}
.mode05 .rt{width: 42.6%;float: right;}

.index_05b{position: relative;display: block;overflow: hidden;}
.index_05b::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;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: .55;height: 16.4rem;z-index: 2;}
.index_05b .gp-img{padding-bottom: 75rem;}
.index_05b .btn{position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);width: 8rem;height: 8rem;background: rgba(0, 0, 0, .2);z-index: 2;border-radius: 50%;line-height: 8rem;text-align: center;}
.index_05b .btn i{font-size: 2.6rem;color: #fff;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);}
.index_05b .btn i.ico1{clip-path: polygon( 0 0, 100% 0 , 100% 100% , 0 100%);transition: all ease-in-out .8s;-ms-transition: all ease-in-out .8s;-moz-transition: all ease-in-out .8s;-webkit-transition: all ease-in-out .8s;-o-transition: all ease-in-out .8s;}
.index_05b .btn i.ico2{color: #deae67;clip-path: polygon( 0 100%, 100% 100%, 100% 200%, 0 200%  );transition: all ease-in-out .8s;-ms-transition: all ease-in-out .8s;-moz-transition: all ease-in-out .8s;-webkit-transition: all ease-in-out .8s;-o-transition: all ease-in-out .8s;}
.index_05b:hover .btn i.ico1{clip-path: polygon( 0 -100%, 100% -100%, 100% 0, 0 0);}
.index_05b:hover .btn i.ico2{clip-path: polygon( 0 0, 100% 0 , 100% 100% , 0 100%);}

.mode05 .bottom{padding: 0 0 0 4.2rem;position: absolute;left: 3.5rem;right: 3.5rem;bottom: 3rem;color: #fff;z-index: 10;}
.mode05 .bottom i{display: inline-block;position: absolute;left: 0;bottom: 0;font-size: 2.8rem;}

.index_05c{}
.index_05c ul{margin: 0 0;}
.index_05c li:first-child{width: 100%;}
.index_05c .item{margin: 0 0;position: relative;overflow: hidden;}
.index_05c i.shangyuanzhijia{width: 5rem;height: 4rem;background: url(/images2024/mode05_ico.png) no-repeat center/100% auto;left: -1.5rem;}
.index_05c .gp-img{padding-bottom: 32.4rem;}
.index_05c li:first-child .gp-img{padding-bottom: 42.6rem;}
.index_05c .item::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;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: .55;height: 16.4rem;z-index: 2;}

.wrap_mode06{padding: 12rem 0;background: url(/images2024/mode06_bg.png) no-repeat left center;}
.mode06{}
.mode06 .index_title{float: left;width: 0;letter-spacing: 2px;}
.mode06 .channel_link{float: none;margin: 14.1rem 0 0 .9rem;}

.index_06{margin: 0 0 0 23rem;}
.index_06 ul{margin: 0 0 -3rem -3rem;}
.index_06 .item{margin: 0 0 3rem 3rem;overflow: hidden;position: relative;}
.index_06 .gp-img{padding-bottom: 60rem;}
/* .index_06 .gp-img.cover1::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(/images2024/mode06_cover1.png);} */
/* .index_06 .gp-img.cover2::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(/images2024/mode06_cover2.png);} */
/* .index_06 .gp-img.cover3::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(/images2024/mode06_cover3.png);} */
.index_06 .gp-img::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(/images2024/mode06_cover4.png);opacity: .6;}

.index_06 .title{margin: 0 0;color: #fff;position: absolute;letter-spacing: 4px;left: 4rem;top: 4rem;bottom: 4rem;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;z-index: 10;font-weight: 400;}
.index_06 .more{position: absolute;right: 3rem;bottom: 0;color: #fff;z-index: 10;width: 1em;text-align: center;line-height: 1em;}
.index_06 .more::after{content: '';display: block;width: .1rem;height: 4rem;background: #fff;margin: 1rem auto 0;}

.wrap_mode07{padding: 8.9rem 0 8.5rem;background: url(/images2024/mode07_bg.png) no-repeat center/cover;}
.mode07{}
.mode07 .lf{width: 94rem;float: left;}
.mode07 .rt{width: 46rem;float: right;}

.index_07a{padding: 2.7rem 0 0;}
.index_07a ul{margin: 0 0 1rem -2rem;}
.index_07a li:nth-child(2n){position: relative;top: 5rem;}
.index_07a .item{margin: 0 0 2rem 2rem;position: relative;}
.index_07a .item::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;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: .8;z-index: 2;height: 12rem;}
.index_07a .gp-img{padding-bottom: 68.48%;}
.index_07a .tip{position: absolute;bottom: 0;left: 4rem;padding: 0 1rem 2.7rem;color: #fff;z-index: 10;}
.index_07a .tip::before{content: '';display: block;height: .3rem;background: #cfa972;width: 0;position: absolute;left: 50%;transform: translateX(-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;bottom: 0;}
.index_07a .item:hover .tip::before{width: 100%;}

.index_07b{}
.index_07b ul{margin: 0 0 -2rem;padding: 2.7rem 0 0;}
.index_07b .item{margin: 0 0 2rem;overflow: hidden;}
.index_07b .box{padding: 0 2.5rem 1.2rem;position: relative;z-index: 2;color: #fff;}
.index_07b .box::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 4rem;bottom: 0;background: rgba(113, 160, 210, .2);z-index: -1;}
.index_07b .title{margin: 1.4rem 0 0;}
.index_07b .time{color: #fff;margin: 1rem 0 0 1rem;}
.index_07b .more{float: right;line-height: 3.7rem;text-align: center;width: 16rem;height: 3.7rem;/* padding: 0 3.2rem 0 3.6rem; */background: #deae67;color: #fff;clip-path: polygon(.6rem 0, 100% 0, 100% 100%, 0 100% );padding: 0 0 0 .4rem;}

.wrap_mode08{padding: 7rem 0 10rem;background: url(/images2024/mode08_bg.png) no-repeat center/cover;}
.mode08{}

.index_08a{margin: 1.7rem 0 0;}
.index_08a ul{margin: 0 0;text-align: center;}
.index_08a li{width: auto;}
.index_08a .item{margin: 0 1.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;line-height: 3.6rem;height: 3.6rem;border-radius: 0;cursor: pointer;}
.index_08a li.on .item{color: #fff;background: #00366f;padding: 0 2rem;border-radius: 5rem;}

.index_08a .more.off{display: none;}

.index_08b{padding: 4.1rem 0 0;}
.index_08b .box.off{display: none;}
.index_08b .box2 ul{margin: 0 0 0 -2rem;}
.index_08b .box2 li{width: 22rem;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_08b .box2 li.on{width: calc(100% - 66rem);}
.index_08b .box2 .item{margin: 0 0 0 2rem;display: flex;}
.index_08b .box2 .img_box{box-sizing: border-box;width: 20rem;background: rgba(255, 255, 255, .35);position: relative;padding: 1rem;height: 26rem;}
.index_08b .box2 .gp-img{padding-bottom: 0;height: 100%;}
.index_08b .box2 .info_box{box-sizing: border-box;width: calc(100% - 20rem);overflow: hidden;padding: 2.4rem 0 0;background: #fff;position: relative;}
.index_08b .box2 .info_box::before{content: '';display: block;position: absolute;left: 0;top: 0;bottom: 0;opacity: 1; background:rgba(255, 255, 255, 0);background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) , rgba(255,255,255,1));background: -o-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255,255,255,1));background: -moz-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255,255,255,1));background: linear-gradient(to right, rgba(255, 255, 255, 0) , rgba(255,255,255,1));border-right: 100rem solid #fff;transition: all ease-in-out 1.2s;-ms-transition: all ease-in-out 1.2s;-moz-transition: all ease-in-out 1.2s;-webkit-transition: all ease-in-out 1.2s;-o-transition: all ease-in-out 1.2s;width: 0;}
.index_08b .box2 .title{line-height: 3.3rem;max-height: 6.6rem;}
.index_08b .box2 .title span{font-family: "fzzzh";}
.index_08b .box2 .info{margin: 0 0;color: #555;padding: 1.8rem 0 0;margin: 1.4rem 0 0;border-top: .1rem solid #e5e5e5;}
.index_08b .box2 .tip{color: #555;margin: 0 0 0 26px;display: inline-block;}

.index_08b .box2 li.on .img_box{padding: 0;}
.index_08b .box2 li.on .info_box{padding-left: 3rem;padding-right: 3rem;}
.index_08b .box2 li.on .info_box::before{left: 100%;width: 100%;}

.index_08c{}
.index_08c ul{margin: 0 0;}
.index_08c li{width: 40rem;}
.index_08c .item{margin: 0 0;width: 36rem;padding: 1rem;display: block;background: rgba(255, 255, 255, .35);}
.index_08c .gp-img{padding-bottom: 66.6%;}

.wrap_mode09{padding: 8.7rem 0 12rem;background: url(/images2024/mode09_bg.png) no-repeat center/100% auto;}
.mode09{}

.index_09{overflow: hidden;padding: 5rem 0 2.4rem;}
.index_09 ul{margin: 0 0;}
.index_09 .item{margin: 0 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;padding-bottom: 0;padding-top: 10rem;}
.index_09 .swiper-slide-active .item,.index_09 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .item{padding-top: 10rem;padding-bottom: 0;}
.index_09 .swiper-slide-active + .swiper-slide .item,.index_09 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .item{padding-top: 5rem;padding-bottom: 5rem;}
.index_09 .swiper-slide-active + .swiper-slide + .swiper-slide .item{padding-top: 0;}
.index_09 .gp-img_centered{width: 22rem;height: 22rem;position: relative;margin: 0 auto 2.9rem;border-radius: 50%;}
.index_09 .gp-img_centered::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: .1rem dashed #00366f;border-radius: 50%;}
.index_09 .num{text-align: center;}
.index_09 .num span{color: #00366f;font-family: "fzzzh";padding: 0 1rem 0 0;}
.index_09 .title{margin: .5rem 0 0;text-align: center;color: #999;}

.index_09 .swiper-pagination{bottom: 0;}
.index_09 .swiper-pagination .swiper-pagination-bullet{width: 1.2rem;height: 1.2rem;background: #e8c898;opacity: 1;border-radius: 50%;margin: 0 1rem .6rem;}
.index_09 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;border-radius: 0;width: 3.2rem;height: 2.5rem;background: url(/images2024/mode09_dot.png) no-repeat center/100% auto;margin-bottom: 0;}

.wrap_mode10{padding: 8rem 0;background: url(/images2024/mode10_bg.png) no-repeat center/cover;}
.mode10{}

.index_10{}
.index_10 ul{margin: 0 0 -3rem -4.8rem;}
.index_10 .item{margin: 0 0 3rem 4.8rem;background: rgba(255, 255, 255, .88);padding: 4rem 0 2.7rem;}
.index_10 .gp-img_centered{width: 6rem;height: 6rem;margin: 0 auto .9rem;}
.index_10 .gp-img_centered .img1{opacity: 1;transition: all ease-in-out .5s;-ms-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s;}
.index_10 .gp-img_centered .img2{opacity: 0;transition: all ease-in-out .5s;-ms-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s; clip-path: circle(0%);}
.index_10 .title{margin: 0 0;text-align: center;color: #00366f;}
.index_10 .item:hover .gp-img_centered .img2{display: block; clip-path: circle(75%); opacity: 1;}
.index_10 .item:hover .gp-img_centered .img1{ opacity: 0;}
/* .index_10 .item:hover .gp-img_centered .img2{ animation: .5s circle; }
@keyframes circle {
  0% { clip-path: circle(0%);opacity: 0; }
  100% { clip-path: circle(75%); opacity: 1; }
} */
.index_10 .item:hover .title{color: #deae67;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;}

@media screen and (min-width:996px){
	

	.index_02a .title span,.index_03b .title span{position:relative;background-image:linear-gradient(#1d2088,#1d2088);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s;letter-spacing: 0.5px;}
	.index_02a a:hover .title span,.index_03b a:hover .title span{background-size:100% 1px}

	.index_07b .title span{position:relative;background-image:linear-gradient(#fff,#fff);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s}
	.index_07b a:hover .title span{background-size:100% 1px}

	.index_02c .title,.index_03b .item,.index_06 .gp-img{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_02c .item:hover .title{letter-spacing: .2rem;}

	.index_02c .title i{display:inline-block;vertical-align:middle;letter-spacing: 0; transition: all ease-in-out .5s;-ms-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s;}
	.index_02c .item:hover .title i{-webkit-transform:translateX(.6rem);transform:translateX(.6rem);/* -webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36) */}

	.index_03b .item:hover{background: #fff;}

	.index_05a .item:hover .hover_box{animation: index_05a .3s linear 0s 1 both;transform-style:preserve-3d;transform-origin: left center;}
	@-webkit-keyframes index_05a{
		0%{transform:scale(0);margin-left: 0;opacity: 0;}
		100%{transform:scale(1);margin-left: 3rem;opacity: 1;}
	}
	@keyframes index_05a{
		0%{transform:scale(0);margin-left: 0;opacity: 0;}
		100%{transform:scale(1);margin-left: 3rem;opacity: 1;}
	}

	/* .index_05b .gp-img{} */
	.index_05b:hover .gp-img,.index_05c .item:hover .gp-img{animation:scaleBig 5s linear 0s 1 both;transform-style:preserve-3d}

	.index_06 .item:hover .gp-img{transform: scale(1.1);}

	.index_07b .more span{display: inline-block;vertical-align: top;}
	.index_07b .more:hover span{animation:index_07bmore .4s linear 0s 1 both;transform-style:preserve-3d}
	@-webkit-keyframes index_07bmore{
		0%{opacity: 1;transform: translateX(0) }
		49%{opacity: 0;transform: translateX(20rem)}
		50%{opacity: 0;transform: translateX(-20rem)}
		100%{opacity: 1;transform: translateX(0)}
	}
	@keyframes index_07bmore{
		0%{opacity: 1;transform: translateX(0) }
		49%{opacity: 0;transform: translateX(20rem)}
		50%{opacity: 0;transform: translateX(-20rem)}
		100%{opacity: 1;transform: translateX(0)}
	}

	.index_09 .item:hover .gp-img_centered::before{animation:index_09before 20s linear 0s infinite both;transform-style:preserve-3d}
	@-webkit-keyframes index_09before{
		0%{transform: rotate(0);}
		100%{transform: rotate(360deg);}
	}
	@keyframes index_09before{
		0%{transform: rotate(0);}
		100%{transform: rotate(360deg);}
	}


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


}
@media screen and (max-width:1280px){
	.index_03b ul{margin: 0 0 -15px;}
	.index_03b .title{margin: 7px 0;}
	.index_03b .item{margin-bottom: 15px;padding-bottom: 6px;}

	.index_03b .summary{/* white-space: nowrap; *//* text-overflow: ellipsis; *//* overflow: hidden; *//* display: block; */height: 40px;}
	.index_03b .info p:nth-child(2),.index_03b .info p:nth-child(3){/* display: none; */}

	/* .index_09 .swiper-slide-active .item,
	.index_09 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .item
	.index_09 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .item,
	.index_09 .swiper-slide-active + .swiper-slide + .swiper-slide .item{padding-top: 10rem;padding-bottom: 0;}
	.index_09 .swiper-slide-active + .swiper-slide .item{padding-top: 0;} */

}
@media screen and (max-width: 996px){
	.wrapbanner .swiper-pagination{right: 20px;bottom: 10px;}
	.banner .gp-img{padding-bottom: calc(920% / 19.2);}
	.banner .title{bottom: 16px;}

	.wrap_mode01{padding: 30px 0 1px;}
	.mode01 .lf,.mode01 .rt{width: 100%;float: none;}
	.mode02 .lf,.mode03 .lf{width: 100%;float: none;}
	.mode02 .rt{width: 100%;float: none;padding: 20px 0 0;}

	.index_03a{margin-bottom: 20px;}
	.index_03b{margin-left: 0;}
	.index_03b,.mode03 .rt{width: calc(50% - 16px);}
	.mode03 .rt .index_03b{width: 100%;}

	.mode05 .lf .channel_title{left: 20px;top: 20px;}
	.index_05a{left: 20px;bottom: 20px;}
	.mode05 .lf .channel_link{right: 20px;bottom: 32px;}

	.index_06{margin-left: 80px;overflow: hidden;}
	.index_06 .gp-img{padding-bottom: 70rem;}
	
	.mode07 .lf{width: auto;float: none;}
	.mode07 .rt{width: auto;float: none;margin: 30px 0 0;}

	.index_08b .info_box{padding-left: 16px;padding-right: 16px;}
	.index_08b .info_box::before{display: none;}
	.index_08b .box2 .info_box{padding-left: 16px;padding-right: 16px;}
	.index_08b .info_box::before{display: none;}
	.index_08b .box2 .info_box::before{display: none;}

	.index_09 .item{padding-top: 0 !important;}


}
@media screen and (max-width:767px){
	.banner .title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;left: 8px;bottom: 8px;}

	.index_03b, .mode03 .rt{width: 100%;}
	.index_03b .item{padding: 0px 10px 10px 10px;min-height: auto;}
	.index_03b .summary{height: auto;}

	.index_07a li:nth-child(2n){top: 0;}
	.index_04 li:nth-child(2n){top: 0;}

	.wrap_mode04{padding: 30px 0;}

	.mode05 .lf{width: 40%;margin: 0 12px 12px 0;}
	.mode05 .lf .channel_title{left: 10px;top: 10px;}
	.mode05 .lf .channel_link{z-index: 1;}
	.mode05 .mid{width: calc(60% - 12px);}
	.mode05 .rt{width: 100%;float: none;}
	.index_05b .gp-img{}
	.index_05a{bottom: 56px;}
	.index_05c ul{margin-bottom: -12px;}
	.index_05c .item{margin-bottom: 12px;}

	.index_08a ul{text-align: left;}


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


	
}