html{background: #f2f6f7;}

/* homepage start */
.fullscreen_slide2::-webkit-scrollbar {width: 5px;height: 5px;background-color: #f5f5f5}
.fullscreen_slide2::-webkit-scrollbar-track {border-radius: 0;background-color: #e2e2e2}
.fullscreen_slide2::-webkit-scrollbar-thumb {border-radius: 0;background-color: #333}

.fullscreen_slide_box{height: 100vh;overflow: hidden;position: relative;z-index: 1;position: relative;}
.fullscreen_slide{height: 100vh;width: 100%;overflow: auto;box-sizing: border-box;position: absolute;top: 0;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: 100vh;}
.fullscreen_slide:first-child,.fullscreen_slide.on{top: 0;}
.fullscreen_slide.before{top: -100vh;}
@media screen and (max-width: 996px){
	.fullscreen_slide,.fullscreen_slide_box,.fullscreen_slide.before{height: auto;display: block;position: relative;top: 0;overflow: initial;}
}

.side_list{position: fixed;right: 2rem;top: 50%;transform: translateY(-50%);z-index: 1000;right: -12rem;}
.side_list.on{right: 2rem;}
.side_list .item{width: 8rem;height: 8rem;margin: .5rem 0;position: relative;box-shadow: 0rem 1rem 1rem 0rem rgba(0, 0, 0, .1);}
.side_list .item.ico1{background: #fff url(../images/side_wechat.png) no-repeat center/4rem;}
.side_list .item.ico2{background: #fff url(../images/side_totop.png) no-repeat center/2.6rem;}
.side_list .hover_box{position: absolute;right: 100%;top: 0;width: 110px;box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .1);display: none;}
.side_list .hover_box img{width: 100%;display: block;}
.side_list .item:hover .hover_box{display: block;}

.wrapbanner{overflow: hidden;position: relative;height: 100vh;box-sizing: border-box;/*height: 92rem;*/}

.banner{height: 100%;position: relative;overflow: hidden;}
.banner a{display:block;position:relative;height: 100%;}
.banner .gp-img{padding-bottom: 0;height: 100%;/*padding-bottom: 77rem;*/}
.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-pagination{text-align: center;width: auto;bottom: 3rem;left: 50%;transform: translateX(-50%);background: rgba(0, 0, 0, .5);border-radius: 5rem;padding: 0 .8rem;height: 4rem;line-height: 3.8rem;overflow: hidden;border: .1rem solid rgba(255, 255, 255, .5);background-clip: padding-box;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet{width: auto;height: 3.8rem;background: none;opacity: 1;border-radius: 0;margin: 0;background: rgba(53, 153, 212, 0);padding: 0 .9rem;color: #fff;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(53, 153, 212, 1);}

.wrapbanner .arrow{width: 7rem;height: 7rem;background: rgba(0, 0, 0, .5) no-repeat center/3.1rem;display: block;margin: 0;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);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;z-index: 100;border: .1rem solid rgba(255, 255, 255, .4);border-radius: 50%;background-clip: padding-box;}
.wrapbanner .prev{left: 8rem;background-image: url(../images/banner_prev.png);}
.wrapbanner .next{right: 8rem;background-image: url(../images/banner_next.png);}
.wrapbanner .arrow:hover{opacity: 1;}

.content{padding-top: 8rem;background: #f2f6f7;}

.index_title{margin-bottom: 2.8rem;align-items: center;}
.channel_title{padding: 0 0 0 6.7rem;background: url(../images/index_title.png) no-repeat left top/5.7rem auto;line-height: 1.1;}
.channel_title .en{color: #005cac;text-transform: uppercase;}
.channel_title .cn{color: #000;}
.channel_link{position: relative;z-index: 2;display: block;margin: 0 .9rem 0 0;width: 16rem;line-height: 4.8rem;height: 5rem;padding: 0 2rem 0 0;border: .1rem solid rgba(0, 92, 172, .3);text-align: center;color: #005cac;}
.channel_link::before{content: '';display: block;position: absolute;top: 1.9rem;right: -1rem;width: 3.6rem;height: .3rem;border-radius: .5rem;background: #ed6c00;}
.channel_link::after{content: '';display: block;position: absolute;top: 2.9rem;right: -1rem;width: 1.8rem;height: .3rem;border-radius: .5rem;background: #ed6c00;}
.channel_link.w{border-color: rgba(255, 255, 255, .3);color: #fff;}

.wrap_mode01{padding: 6rem 0 6rem;}
.mode01{}
.mode01 .lf{width: calc(50% + 3rem);}
.mode01 .rt{width: calc(50% - 6rem);}

.index_01a{overflow: hidden;}
.index_01a ul{margin: 0 0;padding: 0 0;}
.index_01a .item{margin: 0 0;}
.index_01a .bottom{padding: 1rem 0 0 2.5rem;position: relative;border-left: .1rem solid #3599d4;}
.index_01a .bottom::before{content: '';display: block;width: .4rem;height: 2rem;background: #ed6c00;position: absolute;left: -0.1rem;top: 1.9rem;}
.index_01a .title{font-weight: bold;}
.index_01a .summary{margin: .7rem 0 0;color: #999;}

.index_01b{}
.index_01b ul{margin: 0 0 -2rem;padding: 0 0;}
.index_01b .item{margin: 0 0 2rem;background: #fff;}
.index_01b .img_box{width: 69.5%;}
.index_01b .info_box{padding: 2.5rem 2rem 0;width: 30.5%;}
.index_01b .title{margin: 0 0 2.3rem;}
.index_01b .time{padding: 0 0 0 2.9rem;background: url(../images/mode01_time.png) no-repeat left center/2rem auto;color: #999;}

.wrap_mode02{padding: 3.6rem 0 0rem;position: relative;overflow: hidden;}
.wrap_mode02::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 57rem;background: url(../images/mode02_bg.png) no-repeat center/cover;}
.mode02{}
.mode02 .lf{width: calc(50% - 10rem);}
.mode02 .rt{width: calc(50% + 3rem);}

.index_02a{padding: 2.9rem 4rem 5rem;background: #fff;box-shadow: 0rem 2rem 2rem 0rem rgba(0, 92, 172, 0.05);}
.index_02a ul{margin: 0 0 -1.6rem;}
.index_02a .item{margin: 0 0 1.6rem;}
.index_02a .time{border: .1rem solid #ed6c00;position: relative;display: inline-block;min-width: 15rem;padding: 0 3.5rem;background: url(../images/mode02_time.png) no-repeat 1.2rem center/1.6rem auto;line-height: 3rem;color: #ed6c00;margin: 0 0 .9rem;white-space: nowrap;}
.index_02a .time::before{content: '';background: #fff;border-left: .1rem solid #ed6c00;position: absolute;top: -0.2rem;bottom: -0.2rem;right: -0.2rem;width: 2rem;transform: skewX(-30deg);transform-origin: right bottom;}
.index_02a .summary{margin: .8rem 0 0;color: #999;}

.index_02b{}
.index_02b ul{margin: 0 0;padding: 0 0;}
.index_02b .item{margin: 0 0;position: relative;}
.index_02b .item::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 35.4%;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%);opacity: .7;z-index: 2;}
/* .index_02b .gp-img{padding-bottom: calc();} */
.index_02b .bottom{padding: 0 4rem 0;position: absolute;left: 0;right: 0;bottom: 2.8rem;width: 100%;z-index: 10;}
.index_02b .title{margin: 0 0;color: #fff;}
.index_02b .summary{margin: .4rem 0 0;color: rgba(255, 255, 255, .6);}

.index_02b ~ .channel_link{float: right;margin: 3rem .9rem 0 0;}

.wrap_mode03{padding: 9.3rem 0 6rem;}
.index_03{position: relative;padding: 2rem 0 0;margin: -1.9rem 0 0;}
.index_03::before{content: '';display: block;position: absolute;left: 22.3rem;right: 0;top: 0;bottom: 0;background: url(../images/mode03_bg.png) no-repeat right top/38.4rem auto #fff;z-index: -1;}
.index_03 .lf{width: 43.2rem;}
.index_03 .rt{width: calc(100% - 48.2rem);padding: 3.3rem 5.4rem 1.6rem 0;}

.index_03a{overflow: hidden;}
.index_03a ul{margin: 0 0;}
.index_03a .item{margin: 0 0;}

.index_03b{margin: 0 0 6.6rem;}
.index_03b ul{margin: 0 0;}
.index_03b .item{margin: 0 0;}
.index_03b .title{margin: 0 0;font-weight: bold;color: #333;}
.index_03b .line{width: 15rem;height: .2rem;background: #0083c9;margin: 1.3rem 0 1.4rem -8.2rem;}
.index_03b .summary{margin: 0 0 3.8rem;color: #666;}
.index_03b .more{position: relative;padding: 0 0 0 4rem;background: url(../images/mode03_more.png) no-repeat left center/3.3rem auto;}

.wrap_index_03c{overflow: hidden;margin: 0 -1.6rem;position: relative;padding: 0 0 23px;}
.index_03c{width: 25%;}
.index_03c ul{margin: 0 0;}
.index_03c .item{margin: 0 1.6rem;}
.index_03c .title{margin: 0 0 1rem;}

.wrap_index_03c .swiper-pagination{bottom: 0;left: 1.6rem;text-align: left;width: auto;}
.wrap_index_03c .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 3px;background: ;opacity: .2;border-radius: 0;margin: 0 8px 0 0;}
.wrap_index_03c .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}


.wrap_mode04{padding: 2.7rem 0 7rem;}
.mode04 .index_title{margin-bottom: -5.5rem;}
.mode04 .lf{width: 53.84%;overflow: hidden;padding: 9.4rem 0 0;}
.mode04 .rt{width: 46.16%;overflow: hidden;padding: 9.4rem 0 0;}

.index_04a{}
.index_04a ul{margin: 0 0;}
.index_04a .item{margin: 0 0;position: relative;}
.index_04a .ico{position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);background: url(../images/mode04_ico.png) no-repeat center/cover;width: 7rem;height: 7rem;z-index: 10;}
.index_04a .gp-img{position: relative;}
.index_04a .gp-img::before{content: '';display: block;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, .2);width: 100%;height: 100%;z-index: 2;}
.index_04a .title{margin: 0 0;position: absolute;right: .1rem;bottom: 100%;line-height: 5.2rem;height: 5.2rem;text-align: center;width: 15rem;background: #c6293e;color: #fff;max-width: calc(100% - .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_04a .title.c2{background: #3b5998;}
.index_04a .title.c3{background: #29bdc4;}
.index_04a .title.c4{background: #3599d4;}
.index_04a .title.c5{background: #d2a262;}
.index_04a .summary{margin: 0 0;color: #fff;position: absolute;text-align: center;bottom: 2.6rem;left: 5%;width: 90%;z-index: 10;}
.index_04a .swiper-slide-active .title{line-height: 9.4rem;height: 9.4rem;}

.index_04b{width: 25%;}
.index_04b ul{margin: 0 0;}
.index_04b .item{margin: 0 0;position: relative;}
.index_04b .gp-img{position: relative;padding-bottom: 270%;}
.index_04b .gp-img::before{content: '';display: block;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, .3);width: 100%;height: 100%;z-index: 2;}
.index_04b .title{margin: 0 0;position: absolute;right: .1rem;bottom: 100%;line-height: 5.2rem;height: 5.4rem;text-align: center;width: 15rem;color: #c6293e;border: .1rem solid #c6293e;border-bottom: 0;max-width: calc(100% - .2rem);}
.index_04b .title.c2{color: #3b5998;border-color: #3b5998;}
.index_04b .title.c3{color: #29bdc4;border-color: #29bdc4;}
.index_04b .title.c4{color: #3599d4;border-color: #3599d4;}
.index_04b .title.c5{color: #d2a262;border-color: #d2a262;}

.index_04 .swiper_menu{text-align: left;padding: 0;font-size: 0;}
.index_04 .arrow{width: 6rem;height: 6rem;background: center no-repeat #fff;display: inline-block;vertical-align: top;margin: .1rem 0 0;cursor: pointer;}
.index_04 .prev{left: 0rem;background-image: url(../images/mode04_prev1.png);}
.index_04 .next{right: 0rem;background-image: url(../images/mode04_next1.png);}
.index_04 .arrow:hover{background-color: #ed6c00;}
.index_04 .prev:hover{background-image: url(../images/mode04_prev2.png);}
.index_04 .next:hover{background-image: url(../images/mode04_next2.png);}


@media screen  and (max-width:1480px){
	
}
@media screen  and (max-width:996px){
	.wrapbanner{padding-top: 0;height: auto;}
	.banner .gp-img{padding-bottom: 48.8%}

	.content{padding: 0;}

	.wrapbanner .prev{left: 20px;}
	.wrapbanner .next{right: 20px;}
	.banner a::before,.banner a::after{width: 10rem;opacity: .5;}
	.wrapbanner .swiper-pagination{bottom: 4rem;}
	.banner::after{display: none;}

	.mode01 .lf{width: 100%;}
	.mode01 .rt{width: 100%;margin: 20px 0 0;}
	.index_01b .img_box{width: 200px;}
	.index_01b .info_box{width: calc(100% - 200px);}

	.mode02 .lf{width: 100%;}
	.mode02 .rt{width: 100%;margin: 20px 0 0;padding: 0 0 40px;}

	.mode04 .lf{width: 70%;}
	.mode04 .rt{width: 30%;}
	.index_04a .title{width: 25rem;}
	.index_04b{width: 50%;}
	.index_04b .title{width: calc(100% - .2rem );}

}
@media screen and (max-width:767px){
	.wrapbanner .swiper-pagination,.wrapbanner .swiper_menu .more{vertical-align: bottom;}
	.wrapbanner .swiper-pagination .swiper-pagination-bullet{font-size: 16px;margin: 0 5px;}
	.wrapbanner .swiper-pagination{bottom: 1rem;}
	.wrapbanner .arrow{width: 30px;height: 30px;}
	.wrapbanner .prev{left: 10px;}
	.wrapbanner .next{right: 10px;}

	.wrap_mode01{padding: 6rem 0 3rem;}
	.index_01b .img_box{width: 100%;}
	.index_01b .info_box{width: 100%;padding: 1rem 2rem;}
	
	.wrap_mode02::before{height: 32rem;}
	.wrap_mode03{padding: 6rem 0 3rem;}
	.index_03 .lf{width: 130px;}
	.index_03 .rt{width: calc(100% - 150px);padding: 12px 15px 16px 0;}
	.wrap_index_03c{display: none;}
	.index_03b{margin: 0;}
	.index_03::before{left: 60px;background-size: 16.2rem auto;}
	

	.mode04 .lf{width: 100%;}
	.mode04 .rt{display: none;}
	.index_04a .swiper-slide-active .title{line-height: 6rem;height: 6rem;}

}
@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){
	
}