.wrapbanner{overflow:hidden;position:relative;box-sizing:border-box;z-index:20}
.banner{position:relative;overflow:hidden}
.banner a{display:block;position:relative;}
.banner .banner-img{padding-bottom: 47.9%;height: 0;}
.banner .banner-img img,.banner .banner-img video{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover}
.banner .banner-img video{width:100%;height:auto;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.banner .swiper-slide-active .banner-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{position: absolute;bottom: 3.6rem;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet{width: 2.4rem;height: 2.4rem;background: transparent;opacity: .4;margin: 0 1.3rem;vertical-align: middle;line-height: 1;font-weight: bold;border-radius: 0;color: #fff;position: relative;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet::before,.wrapbanner .swiper-pagination .swiper-pagination-bullet::after{content: '';display: block;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);border: .2rem solid #fff;border-radius: 50%;width: 1.6rem;height: 1.6rem;transition: all cubic-bezier(0.03, 0.37, 0.81, 1.42) .5s;-ms-transition: all cubic-bezier(0.03, 0.37, 0.81, 1.42) .5s;-moz-transition: all cubic-bezier(0.03, 0.37, 0.81, 1.42) .5s;-webkit-transition: all cubic-bezier(0.03, 0.37, 0.81, 1.42) .5s;-o-transition: all cubic-bezier(0.03, 0.37, 0.81, 1.42) .5s;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet::after{width: 0;height: 0;background: #fff;border: none;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{width: 2.4rem;height: 2.4rem;border-width: .1rem;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{width: 1rem;height: 1rem;}

.content{background: #fff;overflow:hidden;position: relative;z-index: 1;}

@-webkit-keyframes first_letter{
	from {transform: translateX(5rem);}
	to {transform: none;}
}
@keyframes first_letter{
	from {transform: translateX(5rem);}
	to {transform: none;}
}


.index_title{margin-bottom: 2.9rem;width: 100%;align-items: center;}
.channel_title{padding: 0 0 0 3rem;position: relative;z-index: 10;line-height: 1;}
.channel_title .cn{font-weight: bold;margin: 0 0 .7rem;}
.channel_title .en{color: #004bf6;text-transform: uppercase;}
.channel_title .first_letter{text-transform: uppercase;color: #004bf6;position: absolute;left: 0;bottom: 1.8rem;opacity: .15;font-size: 7rem;line-height: 1;z-index: -1;}
.channel_title.isView .first_letter{animation: first_letter 1s ease 0s 1 both;}
.channel_link{position: relative;z-index: 2;padding: 0 0 0 4rem;color: #1153a4;background: url(../images/index_more.png) no-repeat left center/3.1rem;}
.channel_link::before{content: '';width: 6rem;border-top: .1rem solid #1153a4;opacity: .3;position: absolute;right: 100%;top: 50%;}

.channel_title.w .cn{color: #fff;}
.channel_title.w .en{color: #06a1de;}
.channel_title.w .first_letter{color: #c4e9ff;}
.channel_link.w{color: #fff;background-image: url(../images/index_more2.png);}
.channel_link.w::before{border-color: #fff;}

.channel_link:hover{font-weight: bold;}


.index_title.c{justify-content: center;}
.index_title.c .channel_link{position: absolute;right: 0;}



.wrap_mode01{padding: 7.6rem 0 9.6rem;background: url(../images/mode01_bg.png) no-repeat bottom center/100% auto;}
.mode01{align-items: flex-start;}
.mode01 .lf{width: 92rem;align-items: flex-start;}
.mode01 .rt{width: 44rem;padding-left: 2rem;position: relative;}
.mode01 .rt::before{content: '';display: block;position: absolute;left: 0;bottom: 0;top: 3rem;border-right: .1rem solid rgba(0, 0, 0, .1);}

.index_01a{overflow: hidden;width: 60rem;}
.index_01a ul{margin: 0 0;}
.index_01a .item{margin: 0 0;position: relative;}
.index_01a .gp-img{padding-bottom: 62.5%;}
.index_01a .gp-img::before{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 14.5rem;z-index: 2; background-image: -moz-linear-gradient( 90deg, rgb(3,0,0) 0%, rgba(0,0,0,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(3,0,0) 0%, rgba(0,0,0,0) 100%);background-image: -ms-linear-gradient( 90deg, rgb(3,0,0) 0%, rgba(0,0,0,0) 100%);}
.index_01a .title{margin: 0 0;position: absolute;left: 2rem;bottom: 2.6rem;right: 14rem;z-index: 10;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.index_01a .swiper-pagination{left: auto;right: 2rem;text-align: left;width: auto;bottom: 3.5rem;}
.index_01a .swiper-pagination .swiper-pagination-bullet{width: .8rem;height: .8rem;background: #ebedf2;opacity: 1;margin: 0 0 0 1.2rem;}
.index_01a .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background: #06a0dd;}

.index_01b{width: 29rem;}
.index_01b ul{margin: 0 0 -1.5rem;}
.index_01b .item{margin: 0 0 1.5rem;padding: 1.8rem 3.2rem 3.4rem 2.4rem;background: #fff url(../images/mode01_item.png) no-repeat bottom center/100%;box-shadow: 0rem 1rem 2rem 0rem rgba(0, 0, 0, 0.1);position: relative;top: 0;}
.index_01b .title{margin: 0 0 1rem;}
.index_01b .summary{color: #666;}
.index_01b .item.istop{background-color: rgb(6, 161, 222);}
.index_01b .item.istop .title{color: #fff;}
.index_01b .item.istop .summary{color: rgba(255, 255, 255, .8);}
.index_01b .item:hover{top: -0.5rem;box-shadow: 0rem 1.5rem 2.5rem 0rem rgba(0, 0, 0, 0.2);}

.index_01c{width: 100%;margin-top: 4.4rem;}
.index_01c ul{margin: 0 1.8rem -3rem -4.5rem;}
.index_01c .item{margin: 0 0 3rem 4.5rem;position: relative;padding: 0 0 0 1.7rem;}
.index_01c .item::before{content: '';display: block;position: absolute;left: 0;bottom: -0.9rem;top: .1rem;border-right: .2rem solid #1153a4;}
.index_01c .time{color: #07387b;font-family: arial;margin: 0 0 1.4rem;}
.index_01c .item:hover .title{font-weight: bold;}

.index_01d{}
.index_01d ul{margin: -2.3rem 0 0;}
.index_01d .item{margin: 0 0 0 .6rem;align-items: flex-start;padding: 3rem 0 2.8rem;position: relative;}
.index_01d .item::before{content: '';display: block;position: absolute;right: 0;bottom: 0;border-bottom: .1rem solid #d9d9d9;width: calc(100% - 13rem);}
.index_01d li:last-child .item::before{display: none;}
.index_01d .time{background: #1153a4;border-radius: 1rem;position: relative;line-height: 3.6rem;width: 10rem;text-align: center;color: #fff;font-family: arial;}
.index_01d .time::before{content: '';display: block;position: absolute;height: 2.2rem;left: -0.6rem;right: -0.6rem;background: #1153a4;border-radius: 1rem;z-index: -1;top: 50%;transform: translateY(-50%);}
.index_01d .time::after{content: '';display: block;position: absolute;left: -2.6rem;top: 50%;border-bottom: .1rem dashed #ccc;width: 3rem;z-index: -2;}
.index_01d .title{width: calc(100% - 12.2rem);}

.wrap_mode02{padding: 8.4rem 0 9rem;background: url(../images/mode02_bg.png) no-repeat center/cover;}
.mode02{}
.mode02 .lf{width: 88rem;}
.mode02 .rt{width: 44rem;}

.index_02a{}
.index_02a ul{margin: 0 0 -2rem -2rem;padding: .6rem 0 0;}
.index_02a .item{margin: 0 0 2rem 2rem;background: #fff url(../images/mode02_item.png) no-repeat bottom center/100%;padding: 2.5rem 4rem 3.5rem 2.8rem;position: relative;top: 0;}
.index_02a .title{margin: 0 0 2rem;color: #06a0dd;}
.index_02a .info_box{color: #808080;}
.index_02a .info_box p{margin: 0 0 1rem;position: relative;padding-left: 3.4rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index_02a .info_box p.ico1{background: url(../images/mode02_ico1.png) no-repeat .3rem center/1.9rem;}
.index_02a .info_box p.ico2{background: url(../images/mode02_ico2.png) no-repeat .3rem center/1.8rem;}
.index_02a .info_box p.ico3{background: url(../images/mode02_ico3.png) no-repeat .5rem center/1.6rem;}
.index_02a .item:hover{top: -1rem;}

.index_02a .item.istop{background: #06a0dd url(../images/mode02_item2.png) no-repeat bottom center/100%;}
.index_02a .item.istop .title{color: #fff;}
.index_02a .item.istop .info_box{color: rgba(255, 255, 255, .8);}
.index_02a .item.istop .info_box p.ico1{background-image: url(../images/mode02_ico12.png);}
.index_02a .item.istop .info_box p.ico2{background-image: url(../images/mode02_ico22.png);}
.index_02a .item.istop .info_box p.ico3{background-image: url(../images/mode02_ico32.png);}

.index_02b{padding: .6rem 0 0;}
.index_02b ul{margin: 0 0;background: #fff url(../images/mode02_bg2.png) no-repeat bottom center/100%;padding: 3.5rem 0 .1rem;}
.index_02b .item{margin: 0 0 4.1rem;position: relative;padding: 0 2.8rem 0 4rem;}
.index_02b .item::before{content: '';display: block;position: absolute;left: 0;top: 1.3rem;border-bottom: .1rem solid #06a1de;width: 3rem;}
.index_02b .item:hover .title{font-weight: bold;}


.wrap_mode03{padding: 8.5rem 0 8rem;background: url(../images/mode03_bg.png) no-repeat center/cover;}
.mode03{}
.mode03 .lf{width: 66rem;}
.mode03 .rt{width: 66rem;}

.index_03a{margin: -0.7rem 0 0;}
.index_03a ul{margin: 0 0;background: rgba(255, 255, 255, .6);padding: 2rem 0 3.4rem;border: .1rem solid #cfd5e5;}
.index_03a .item{position: relative;padding: 2.4rem 3rem 1.7rem 4rem;}
.index_03a .item::before{content: '';display: block;position: absolute;left: 0;top: 3.6rem;border-bottom: .2rem solid #06a0dd;width: 2.5rem;}
.index_03a .item::after{content: '';display: block;position: absolute;bottom: 0;left: 3.4rem;right: 3rem;border-top: .1rem solid #e5e5e5;}
.index_03a .title{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;}
.index_03a .summary{margin: 1.2rem 0 0;color: #666;}
.index_03a .item:hover .title{left: 2rem;}
.index_03a .item:hover::before{width: 4rem;}

.index_03a .item.istop{background: #06a0dd;box-shadow: 0rem 1.5rem 3rem 0rem rgba(0, 0, 0, 0.15);}
.index_03a .item.istop::after,.index_03a li:last-child .item::after{display: none;}
.index_03a .item.istop::before{border-color: #fff;}
.index_03a .item.istop .title{color: #fff;}
.index_03a .item.istop .summary{color: rgba(255, 255, 255, .6);}

.index_03b{margin: -0.7rem 0 0;}
.index_03b ul{margin: 0 0 -3rem;background: rgba(255, 255, 255, .6);padding: 2.9rem 0 .1rem;border: .1rem solid #cfd5e5;}
.index_03b .item{margin: 0 0 3rem;position: relative;padding: 0 5rem 0 2.6rem;}
.index_03b .item::before{content: '';display: block;position: absolute;left: 0;bottom: 0rem;top: 0rem;border-right: .2rem solid #06a0dd;}
.index_03b .time{color: #07387b;font-family: arial;margin: 0 0 1rem;}
.index_03b .item:hover .title{font-weight: bold;}


.wrap_mode04{padding: 7.5rem 0 8.5rem;}
.mode04{}

.index_04{}
.index_04 ul{margin: 0 0 -3rem -2.6rem;padding: 2.2rem 0 0;}
.index_04 .item{margin: 0 0 3rem 2.6rem;background: url(../images/mode04_item.png) no-repeat bottom center/cover;position: relative;top: 0;}
.index_04 li:nth-child(2n) .item{background-image: url(../images/mode04_item2.png);}
.index_04 .gp-img{padding-bottom: 62%;}
.index_04 .bottom{padding: 2.3rem 3rem 4.2rem;}
.index_04 .title{margin: 0 0 1.6rem;font-weight: bold;}
.index_04 .summary{margin: 0 0 4.6rem;color: #666;}
.index_04 .more{color: #06a1de;}
.index_04 .more::after{content: '';display: inline-block;vertical-align: middle;background: url(../images/mode04_more.png) no-repeat center/cover;width: 1.4rem;height: .6rem;margin: -0.3rem 0 0 1.2rem;}
.index_04 .item:hover{top: -1rem;}


@media screen and (max-width:996px){
	.wrapbanner{padding-top:0;height:auto}
	/* .wrapbanner .swiper-pagination{width: auto;} */
	.wrapbanner .swiper-pagination .swiper-pagination-bullet{margin:0 5px;}
	/* .banner .gp-img{padding-bottom:48.8%} */
	.wrapbanner .swiper_menu{bottom:10px}

	.content{padding:0;overflow:hidden}
	
	.wrap_mode01{padding: 4.5rem 0 6rem;}
	.mode01 .lf{width: 100%;}
	.index_01a{width: 66%;}
	.index_01b{width: 32%;}

	.mode01 .rt{width: 100%;position: relative;margin-top: 30px;}
	.index_01d .title{width: calc(100% - 120px);}
	.index_01d .time{width: 90px;}
	.index_01d .item{align-items: center;}
	.index_01d .item::before{width: calc(100% - 110px);}

	.wrap_mode02{padding: 4.5rem 0 6rem;}
	.mode02 .lf{width: 100%;}
	.mode02 .rt{width: 100%;margin-top: 30px;}
	.index_02b .item::before{top: 14px;}

	.wrap_mode03{padding: 4.5rem 0 6rem;}
	.mode03 .lf{width: 100%;}
	.mode03 .rt{width: 100%;margin-top: 30px;}
	.index_03a .item::before{top: 29px;}

	.wrap_mode04{padding: 4.5rem 0 6rem;}



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

	.wrapbanner .swiper-pagination{bottom: 1.6rem;}

	.index_title.c{justify-content: space-between;}

	.index_01a{width: 100%;}
	.index_01b{width: 100%;margin-top: 16px;}
	.index_01c .item::before{bottom: 4px;}



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


}