.wrapbanner{overflow: hidden;position: relative;box-sizing: border-box;}
.banner{height: 100%;position: relative;overflow: hidden;}
.banner a{display:block;position:relative;height: 100%;}
/* .banner a::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;background: linear-gradient(180.00deg, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.6));height: 20rem;pointer-events: none;z-index: 2;} */

.banner .gp-img{padding-bottom: 47.65%;}
.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_menu{position: absolute;left: .3rem;width: 100%;display: flex;justify-content: center;align-items: center;bottom: 4.1rem;z-index: 5;}

.wrapbanner .swiper-pagination{width: auto;bottom: 0;left: auto;position: relative;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet{width: 4.2rem;height: 4.2rem;background: none;opacity: 1;border-radius: 0;margin: 0 .4rem;line-height: 4.2rem;position: relative;color: #fff;font-weight: bold;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet::before{content: '';position: absolute;right: -0.7rem;top: -0.7rem;background: url(../images/banner_dot1.png) no-repeat center/cover;width: 6.1rem;height: 6.2rem;z-index: -1;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{background-image: url(../images/banner_dot2.png);}

.wrapbanner .arrow{width: 1.6rem;height: 4.2rem;background: none;display: block;margin: 0 .3rem;cursor: pointer;position: relative;top: 0;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;}
.wrapbanner .arrow::before{content: '';background: url(../images/banner_prev.png) no-repeat center/cover;width: 3rem;height: 4.2rem;position: absolute;right: -0.5rem;top: .5rem;}
.wrapbanner .next::before{background-image: url(../images/banner_next.png);}
.wrapbanner .prev{left: 0;}
.wrapbanner .next{right: 0;}
.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);}


.index_title{margin: 0 0 2.6rem;color: #021e4d;font-weight: bold;text-align: center;overflow: hidden;}
.index_title h2{letter-spacing: 1.2rem;margin-bottom: .6rem;}
.index_title p{display: inline-block;position: relative;}
.index_title p::before,.index_title p::after{content: '';display: block;position: absolute;bottom: .4rem;width: 16rem;height: .2rem;background: #fff;left: -21rem;}
.index_title p::after{right: -21rem;left: auto;}
.index_title h3{margin: .6em 0 0;}

.index_title2{width: 7.2rem;min-height: 52.3rem;background: url(../images/index_title_bg.png) no-repeat center/100% 100%;position: relative;padding: 7.5rem 0 0;text-align: center;border-radius: 2rem;display: block;}
.index_title2 span{width: 1em;margin: 0 auto;line-height: 1.66em;color: #021e4d;font-weight: bold;display: block;}
.index_title2::before{content: '';display: block;background: url(../images/index_title_ico1.png) no-repeat center/cover;width: 2.4rem;height: 2.9rem;position: absolute;left: 50%;transform: translateX(-50%);top: 2.9rem;}
.index_title2.ico2::before{background: url(../images/index_title_ico2.png) no-repeat center/cover;width: 2.5rem;height: 2.6rem;}
.index_title2.ico3::before{background: url(../images/index_title_ico3.png) no-repeat center/cover;width: 2.7rem;height: 2.9rem;}
.index_title2.ico4::before{background: url(../images/index_title_ico4.png) no-repeat center/cover;width: 2.5rem;height: 2.7rem;}



.wrap_mode01{padding: 9.5rem 0 6rem;}
.mode01{}

.index_01{display: block;text-align: center;color: #021e4d;}

.wrap_mode02{padding: 5.4rem 0 3rem;overflow: hidden;}
.mode02::before{content: '';display: block;position: absolute;left: 0;top: 0;width: calc(50% + 50vw);height: 100%;background: url(../images/mode02_bg.png) no-repeat left center/100% 100%;z-index: -1;border-radius: 2rem 0 0 2rem;}

.mode02 .lf{width: 66rem;padding: 2.6rem 0 0;}
.mode02 .rt{width: 45rem;margin: 0 1.8rem 0 0;}

.index_02a{}
.index_02a ul{}
.index_02a .item{padding: 2.2rem 7.2rem 1.6rem 8.2rem;align-items: flex-end;}
.index_02a .item .time{position: relative;text-align: center;width: 7.2rem;color: #4690c9;font-weight: bold;padding: .5rem 0 0;}
.index_02a .item .time::before{content: '';display: block;position: absolute;left: 0;top: 0;border-top: .1rem solid #4690c9;border-left: .1rem solid #4690c9;width: 1.6rem;height: 1.6rem;}
.index_02a .item .title{margin: 0 0 0 1.4rem;flex: 1;color: #021e4d;letter-spacing: .16rem;font-weight: bold;}
.index_02a li.on .item{background: url(../images/mode02_item.png) no-repeat center/100% 100%;}
.index_02a .index_02b{display: none;}

.index_02b{padding: 2.1rem 0;}
.index_02b ul{}
.index_02b li.off{display: none;}
.index_02b li.on{-webkit-animation: fadeInOpacity .5s ease-out both;animation: fadeInOpacity .5s ease-out both;}
@-webkit-keyframes fadeInOpacity{
  	0%{opacity: 0;}
  	100%{opacity: 1;}
}
@keyframes fadeInOpacity{
  	0%{opacity: 0;}
  	100%{opacity: 1;}
}
.index_02b .item{background: rgba(255, 255, 255, .35);border-radius: 2rem;padding: 1.4rem 0 1.4rem;overflow: hidden;}
.index_02b .gp-img,.index_02b .gp-img_centered{padding-bottom: 55%;}
.index_02b .title{text-align: center;color: #014478;font-weight: bold;letter-spacing: .36rem;}
.index_02b .summary{margin: 1.7rem 2.5rem 4.3rem;color: #014478;letter-spacing: .14rem;}
.index_02b .time{color: #014478;margin: .7rem 0 2rem;text-align: center;overflow: hidden;position: relative;letter-spacing: .2rem;}
.index_02b .time::before,.index_02b .time::after{content: '';display: block;position: absolute;width: calc(50% - 7.4rem);height: .2rem;background: #fff;bottom: .5rem;left: 2.2rem;}
.index_02b .time::after{right: 2.2rem;left: auto;}
.index_02b .more{background: url(../images/mode02_more.png) no-repeat center/100% 100%;width: 14.2rem;line-height: 4.3rem;letter-spacing: .32rem;text-align: center;color: #fff;float: right;margin: 0 1.2rem 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;}
.index_02b .more:hover{background-image: url(../images/mode02_more2.png);}

.wrap_mode03{padding: 3.5rem 0 6rem;}
.mode03{align-items: center;}
.mode03::before{content: '';display: block;position: absolute;right: 0;top: 0;width: calc(50% + 50vw);height: 100%;background: url(../images/mode03_bg.png) no-repeat left center/100% 100%;z-index: -1;border-radius: 0 2rem 2rem 0;}
.mode03 .index_title2{order: 2;}
.index_03{width: calc(100% - 10rem);}
.index_03 ul{margin: 0 0 -3rem -4.4rem;}
.index_03 .item{margin: 0 0 3rem 4.4rem;background: url(../images/mode03_more.png) no-repeat right bottom/3.5rem auto;position: relative;padding: 0 0 3.2rem;}
.index_03 .item::before{content: '';display: block;position: absolute;left: 0;bottom: 0;right: 10.5rem;background: #fff;height: .2rem;}
.index_03 .time{justify-content: flex-start;position: relative;color: #4690c9;font-weight: bold;align-items: flex-end;margin: 0 0 2.6rem;}
.index_03 .time::before{content: '';display: block;position: absolute;bottom: .4rem;right: 0;left: 10.4rem;height: .2rem;background: #fff;}
.index_03 .day{margin: 0 .6rem 0 0;}
.index_03 .title{margin: 0 2rem 2.4rem;text-align: center;color: #021e4d;font-weight: bold;letter-spacing: .16rem;}
.index_03 .summary{color: #021e4d;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 9;overflow: hidden;line-height: 2.4rem;height: 21.6rem;letter-spacing: .07rem;}
.index_03 .item:hover{background: url(../images/mode03_more2.png) no-repeat right bottom/3.5rem auto;}
.index_03 .item:hover::before,.index_03 .item:hover .time::before{background: #0e6eb8;}

.wrap_mode04{padding: 4.2rem 0 10rem;}
.mode04{}

.index_04a{display: block;text-align: center;color: #021e4d;margin: 0 0 5rem;}

.index_04b{/*max-width: 110rem;*/margin: 0 auto;}
.index_04b ul{margin: 0 0 -3.4rem -2.1rem;text-align: center;}
.index_04b li{width: auto;}
.index_04b .item{margin: 0 0 3.4rem 2.1rem;background: url(../images/mode04_item.png) no-repeat center/100% 100%;width: 22.3rem;height: 25.4rem;}
.index_04b .gp-img{padding-bottom: 90.45%;}
.index_04b .title{text-align: center;color: #0e6eb8;font-weight: bold;line-height: 2.1em;}


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


}
@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;right: -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;right: -3px;top: .3rem;}

	.content{padding: 0;overflow: hidden;max-width: 640px;margin: 0 auto;}

	.index_title{overflow: visible;margin-bottom: 17px;}
	.index_title h2{font-size: 16px;letter-spacing: 9px;margin-bottom: 10px;}
	.index_title p{font-size: 12px;letter-spacing: 0;}
	.index_title p::before, .index_title p::after{bottom: 0;height: 1px;}

	.wrap_mode01{padding: 34px 0 20px;}

	.index_01{line-height: 2em;text-indent: 2em;text-align: left;height: 240px;overflow: hidden;}

	.wrap_mode02{padding: 13px 0 15px;}

	.index_title2{width: 100%;min-height: initial;padding: 0 59px;background: url(../images/m_index_title_bg.png) no-repeat center/100% 100%;text-align: left;border-radius: 0;font-size: 16px;letter-spacing: 5px;}
	.index_title2 span{width: auto;margin: 0;line-height: 44px;}
	.index_title2::before{height: 24px;width: 20px;left: 24px;top: 50%;transform: translateY(-50%);}

	.mode02::before{background-image: url(../images/m_mode02_bg.png);}
	.mode02 .lf{width: 100%;padding: 0 0 0;}
	.mode02 .rt{display: none;}

	.index_02a .item{padding: 16px 24px;}
	.index_02a li.on .index_02b{display: block;}
	.index_02a li.on .item{background: none;}
	.index_02a .item .time{width: 68px;text-align: left;padding-left: 8px;}

	.index_02a .index_02b{margin: 0 10px;background: rgba(255, 255, 255, .35);border-radius: 15px;overflow: hidden;}
	.index_02b .time{font-size: 12px;}
	.index_02b .time::before, .index_02b .time::after{width: calc(50% - 80px);}
	.index_02b .summary{font-size: 12px;line-height: 20px;}
	.index_02b .more{width: 110px;line-height: 34px;}

.wrap_mode03{padding: 20px 0 35px;}
	.mode03::before{background-image: url(../images/m_mode03_bg.png);}
	.mode03 .index_title2{order: 0;margin: 0 0 12px;background-image: url(../images/m_index_title_bg2.png);text-align: right;}
    .mode03 .index_title2::before{left: auto;right: 24px;width: 19px;height: 21px; top: 50%;transform: translateY(-50%);}

	.index_03{width: 100%;}
	.index_03 ul{margin: 0 40px 16px;}
	.index_03 .item{background-size: 32px auto;margin: 0 0 19px;padding: 0 0 9px;}
	.index_03 .time{margin-bottom: 13px;}
	.index_03 .time::before,.index_03 .summary{display: none;}

	.wrap_mode04{padding: 17px 0 20px;}
	.index_04a{margin: -4px 0 12px;font-size: 12px;line-height: 2.5em;text-align: left;text-indent: 2em;}
	.index_04b ul{margin: 0 0 -15px -9px;}
	.index_04b .item{width: 89px;height: 102px;border-radius: 5px;margin: 0 0 15px 9px;}
	.index_04b .title{font-size: 12px;line-height: 1.6em;letter-spacing: 0;}



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


	


}
@media screen  and (max-width:639px){
	
}
@media screen and (max-width:480px){
	
}
@media screen and (max-width:413px){
	
}
@media screen and (max-width:380px){
	
}
@media screen and (max-width:320px){
	
}