@charset "utf-8";


/*	弹窗	*/
.pop-alert .pop-dialog{ width: 500px; height: 350px; background-color: #fff; z-index: 1;}


/*	视频	*/
.video-box{ position: relative; height: 600px;}
.video-box .vjs-big-play-button{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer;}
.video-box .vjs-big-play-button:before{ content: '\e7a3'; position: absolute; left: 50%; top: 50%; width: 94px; border: 2px solid; border-radius: 999px; font-size: 60px; color: #fff; text-align: center;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


.v_pop .pop-cont,.v_pop .pop-dialog{ width: 930px; height: 525px; }
.v_pop .video-box{ width: 100%; height: 100%; }
.v_pop .pop-close{ background: transparent; }

/*	图片缩放	*/
.scaleimg{ overflow: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	-webkit-transform: scale(1);
	transform: scale(1);
}
.scaleimg img{ width: 100%; height: auto;
	-webkit-transition: transform 3s;
	transition: transform 3s;
}
.scaleimg:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* ****************************************************** */

/* pc 端弹窗 */
.pop-mod{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); opacity: 0; visibility: hidden;
	-webkit-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.pop-mod.x-show{ opacity: 1; visibility: visible; z-index: 999;}
.pop-mod .pop-dialog{ position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%);}
.pop-mod .pop-overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.pop-mod .pop-close{ position: absolute; right: 20px; top: 20px; width: 40px; height: 40px; background-color: #333; border-radius: 5px; color: #fff; text-align: center; z-index: 1; cursor: pointer; overflow: hidden;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
/* .pop-mod .pop-close:before{ content: '\e798'; font-size: 32px; line-height: 1;} */
/* .pop-mod .pop-close:hover{ opacity: 0.8;} */



/* pc 端下拉选框 */
.select-mod{ position: relative; text-align: left;}
.select-mod .select-bar{ position: relative; border: 1px solid;border-radius: 5px;}
.select-mod .select-btn{ position: relative; padding: 12px 55px 12px 15px; overflow: hidden; cursor: pointer;}
.select-mod .select-btn:before{ content: '\e737'; position: absolute; top: 50%; right: 0; width: 40px; text-align: center;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.select-mod .select-val{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.select-mod .select-input{ display: block; width: 100%;}
.select-mod .select-native{ display: none;}
.select-mod .select-cont, .select-mod .select-query{ position: absolute; left: 0; right: 0; top: 100%; padding-top: 1px; background-color:#fff; background-clip: content-box; z-index:1; opacity: 0; visibility: hidden;}
.select-mod .select-cont:before, .select-mod .select-query:before{ content: ''; position: absolute; left: 0; top: 1px; right: 0; bottom: 0; border: 1px solid; border-radius: 5px;}
.select-mod .select-opts, .select-mod .squery-list{ position: relative; max-height: 200px; padding: 15px; padding-right: 5px;}
.select-mod .select-item, .select-mod .squery-item{ padding: 2px 0; cursor: pointer;}

.select-mod .select-item.selected, .select-mod .squery-item.selected{ cursor: default;}
.select-mod .select-grp{ padding: 5px; margin-bottom: 2px; background-color: gainsboro;}
.select-mod .select-tit{ padding: 5px; background-color: silver; cursor: pointer;}
.select-mod .select-box{ padding: 5px; display: none;}
.select-mod .select-grp.open .select-box{ display: block;}
.select-mod.sc-show .select-btn:before{ content: '\e736';}
.select-mod.sc-show .select-cont, .select-mod.sq-show .select-query{ opacity: 1; visibility: visible;}

.pop-video .pop-dialog {width: 72.91%;}
.pop-video .pop-dialog::before{content: '';padding-top: 56.28%;display: block;}
.pop-video .pop-close {background: url(../image/close.png) center no-repeat;background-size: cover;width: 32px;height: 32px;}
.pop-video .pop-cont {position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.pop-video .pop-cont .tit {font-size: 30px;font-family: 'avian'; text-align: center;padding-bottom: 20px;}
.pop-video .video-box {height: 532px;}
.video-box .vjs-big-play-button:before {background: url(../image/jjl/play2.png) no-repeat center; background-size: contain;border: 0;width: 84px;height: 84px;content: "";}

  
  .container1 > div, .container2 > div, .container3 > div {
	width: 10px;
	height: 10px;
	background-color: #2161b1;
  
	border-radius: 100%;
	position: absolute;
	-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
	animation: bouncedelay 1.2s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
  }
  
  .circle1 { top: 0; left: 0; }
  .circle2 { top: 0; right: 0; }
  .circle3 { right: 0; bottom: 0; }
  .circle4 { left: 0; bottom: 0; }
  
  .container2 .circle1 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
  }
  
  .container3 .circle1 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
  }
  
  .container1 .circle2 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
  }
  
  .container2 .circle2 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
  }
  
  .container3 .circle2 {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
  }
  
  .container1 .circle3 {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
  }
  
  .container2 .circle3 {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
  }
  
  .container3 .circle3 {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
  }
  
  .container1 .circle4 {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
  }
  
  .container2 .circle4 {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
  }
  
  .container3 .circle4 {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
  }
  
  @-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0.0) }
	40% { -webkit-transform: scale(1.0) }
  }
  
  @keyframes bouncedelay {
	0%, 80%, 100% { 
	  transform: scale(0.0);
	  -webkit-transform: scale(0.0);
	} 40% { 
	  transform: scale(1.0);
	  -webkit-transform: scale(1.0);
	}
  }
  
  
@keyframes cur1 {
    from {transform: translateY(-2px) scale(1.2);}
    to {transform: translateY(10px) scale(1);}
} 
@keyframes play {
	0%, 80%, 100% { 
		transform:translate(-50%,-50%) scale(1);
		-webkit-transform:translate(-50%,-50%)  scale(1);
	} 40% { 
		transform:translate(-50%,-50%)  scale(1.1);
		-webkit-transform:translate(-50%,-50%)  scale(1.1);
	}
}
@keyframes play2 {
	0%, 80%, 100% { 
		transform:translateX(-50%) scale(1);
		-webkit-transform:translateX(-50%)  scale(1);
	} 40% { 
		transform:translateX(-50%)  scale(1.1);
		-webkit-transform:translateX(-50%)  scale(1.1);
	}
}

.x-header{position: relative !important;width: 100%;}
.x-title{}
.x-title .i{max-width: 100%;}
.x-play{background: url(../image/play.png) center no-repeat;background-size: cover;width: 118px;height: 118px;position: absolute;cursor: pointer;}
.x-more{width: 161px;height: 57px;border-radius: 30px;background-image: linear-gradient(to right,#5a42ec,#09bbfe);font-size: 22px;color:#fff;text-transform: uppercase;cursor: pointer;display: block;line-height: 57px;padding-left: 22px;position: relative;}
.x-more::after{content: '';background: url(../image/icon1.png) center no-repeat;background-size: cover;width: 48px;height: 48px;position: absolute;top: 50%;transform: translateY(-50%);right: 5px;}
.june{background: no-repeat top center;color: #fff;}
.img{position: relative;}
.img .i{position: absolute;max-width: 100%;max-height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.mask{position: fixed;left: 0;top: 0;right: 0;bottom: 0;opacity: 0;visibility: hidden;z-index: 9;}
.mask.show{opacity: 1;visibility: visible;}
.video-mod,.video-mod video{width: 100%;height: 100%;}



.banner{width: 100%;height: 1175px;background-position: center;background-repeat: no-repeat;}
.x-title{position: relative;text-align: center;}
.x-title .bg{background: url(../image/titbg.png) center no-repeat;width: 630px;height: 276px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.x-title .titimg{position: relative;}
.x-title .titimg img{max-width: 100%;}
.home1{background: url(../image/bg2.jpg) center no-repeat;height: 1559px; }
.home1 .x-title{padding:20px 0;}
.home1 .x-wrap{height: auto;}
.home1 .text{font-size: 36px;color:#c4def3;line-height: 1.2;margin-top: 115px;}
.home1 .text span{color:#00ffd2;}
.home1 .cont{margin-top: 70px;position: relative;}
.home1 .cont::before{content: '';background: url(../image/png5.png) center no-repeat;position: absolute;left: 0;right: 0;top: -35%;width: 1920px;height: 1192px;}
.home1 .img{position: relative;overflow: hidden;border-radius: 10px;width: 1108px;margin: 0 11px;}
.home1 .img::before{content: '';padding-top: 56.94%;display: block;}
.home1 .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}
.home1 .slick-slider{position: relative;}
.home1 .slick-arrow{background: url(../image/icon1.png) center no-repeat;background-size: cover;width: 67px;height: 67px;margin:0 15px;cursor: pointer;}
.home1 .slick-next{background-image: url(../image/icon2.png);}
.home1 .slick-nav{display: flex;justify-content: center;margin-top: 60px;position: relative;z-index: 2;}
.home2{background: url(../image/bg3.jpg) top center no-repeat;height: 1155px; }
.home2 .x-wrap{top: -55px;}
.home2 .x-title .bg{margin-top: 20px;}
.home2 .cont{position: relative;margin-top: -30px;}
.home2 .cont::before{content: '';background: url(../image/png4.png) center no-repeat;background-size: cover;width: 1400px;height: 480px;position: absolute;left: 50%;bottom: -316px;transform: translateX(-50%);}
.home2 .img{position: relative;overflow: hidden;width: 820px;margin: auto;}
.home2 .img::before{content: '';padding-top: 100%;display: block;}
.home2 .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}
.home2 .img::after{content: '';background: url(../image/png1.png) center no-repeat;background-size: cover;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.home2 .play{background: url(../image/play.png) center no-repeat;background-size: cover;width: 150px;height: 150px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 12%;animation: play2  3s infinite linear;}
.home2 .text{color:#21b6ea;font-size: 30px;line-height: 1.3;text-align: center;position: absolute;left: 0;right: 0;top: 90%;}
.home2 .text .t1{color:#fff;font-size: 40px;}
.home2 .link{width: 400px;height: 85%;position: absolute;left: 50%;top:20%;transform: translateX(-50%);}
.home3{background: url(../image/bg4.jpg) center no-repeat;height: 991px;}
.home3 .list{display: flex;flex-wrap: wrap;margin: 120px -40px 0;}
.home3 .list .item{width: 25%;position: relative;}
.home3 .item .img{position: relative;}
.home3 .item .img::before{content: '';padding-top: 100%;display: block;}
.home3 .item .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); max-width: 173%;}
.home3 .item .img::after{content: '';background: url(../image/png2.png) center no-repeat;background-size: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 640px;height: 640px;}
.home3 .item .play{background: url(../image/play.png) center no-repeat;background-size: cover;width: 90px;height: 90px;position: absolute;left: 50%;transform: translateX(-50%);bottom: -30px;animation: play2  3s infinite linear;}
.home3 .item .text{color:#21b6ea;font-size: 24px;line-height: 1.3;text-align: center;position: absolute;left: 0;right: 0;top: 111%;}
.home3 .item .text .t1{color:#fff;font-size: 34px;}
.home3 .link{width: 100%;height: 170%;position: absolute;left: 0;top: 0;z-index: 2;}
.home4{background: url(../image/bg5.jpg) center no-repeat;height: 909px;}
.home4 .list{margin: 115px -50px 0;display: flex;}
.home4 .list .item{width: 50%;padding: 0 50px;position: relative;}
.home4 .list .item .img{position: relative;}
.home4 .list .item .img::before{content: '';padding-top: 65.49%;display: block;}
.home4 .list .item .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}
.home4 .list .item .play{background: url(../image/play.png) center no-repeat;background-size: cover;width: 114px;height: 114px;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;animation: play 3s infinite linear;}
.home4 .list .item .text{color:#21b6ea;font-size: 30px;line-height: 1.3;text-align: center;padding: 25px 0;}
.home4 .list .item .text .t1{color:#fff;font-size: 40px;}
.home4 .link{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.home5{background: url(../image/bg6.jpg) center no-repeat;height: 1178px;}
.home5 .cont{margin-top: 135px;}
.home5 .cont .box{width: 1108px;margin: auto;position: relative;}
.home5 .cont .box::before{content: '';background: url(../image/png3.png) center no-repeat;position: absolute;left:-90px;bottom: -87px;background-size: cover;width: 1287px;height: 721px;}
.home5 .cont .img{position: relative;border: 1px solid #009acc;width: 100%;border-radius: 20px;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: contain;}
.home5 .cont .img::before{content: '';padding-top: 56.22%;display: block;}
.home5 .cont .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}
.home5 .cont .play{background: url(../image/play.png) center no-repeat;background-size: cover;width: 114px;height: 114px;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;animation: play 3s infinite linear;}
.home5 .cont .more{background: url(../image/more.png) center no-repeat;width: 161px;height: 57px;position: absolute;right: 34px;bottom: 28px;z-index: 2;}
.home5 .cont .t{font-size: 40px;text-align: center;padding: 25px 0;display: none;}
.home5 .link{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.home6{background: url(../image/bg7.jpg) center no-repeat;height: 1457px;}
.home6 .cont{margin-top: 123px;}
.home6 .cont .img{position: relative;width: 93.85%;border-radius: 20px;overflow: hidden;margin: auto;background-position: center;background-repeat: no-repeat;background-size: cover;}
.home6 .cont .img::before{content: '';padding-top: 65.52%;display: block;}
.home6 .cont .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}
.home6 .cont .play{background: url(../image/play2.png) center no-repeat;background-size: cover;width: 206px;height: 206px;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;animation: play 3s infinite linear;}
.home6 .cont .more{background: url(../image/more.png) center no-repeat;width: 161px;height: 57px;position: absolute;right: 100px;bottom: 65px;z-index: 2;}
.home6 .cont .t{font-size: 40px;text-align: center;padding: 25px 0;display: none;}
.home6 .link{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.home7{background: url(../image/bg8.jpg) center no-repeat;height: 1082px;}
.home7 .x-title .titimg{margin: 0 -60px;}
.home7 .cont{margin-top: 77px;display: flex;justify-content: space-between;}
.home7 .left{width: 565px;position: relative;}
.home7 .left .img{border:1px solid #009acc;border-radius: 20px;position: relative;overflow: hidden;}
.home7 .left .img::before{content: '';padding-top: 118.23%;display: block;}
.home7 .left .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}
.home7 .left .down{background: url(../image/dow.png) center no-repeat;width: 120px;height: 120px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 37px;animation: play2 3s infinite linear;}
.home7 .right{width: 50%;}
.home7 .item{position: relative;margin-top: -115px;}
.home7 .item .img{position: relative;}
.home7 .item .img::before{content: '';padding-top: 100%;display: block;}
.home7 .item .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}
.home7 .item .img::after{content: '';background: url(../image/png2.png) center no-repeat;background-size: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 784px;height: 784px;}
.home7 .item .play{background: url(../image/play.png) center no-repeat;background-size: cover;width: 114px;height: 114px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 80px;z-index: 3;animation: play2 3s infinite linear;}
.home7 .item .text{color:#21b6ea;font-size: 30px;line-height: 1.3;text-align: center;margin-top: -65px;}
.home7 .item .text .t1{color:#fff;font-size: 40px;}
.home7 .right .link{width: 400px;height: 90%;position: absolute;left:50%;top:20%;transform: translateX(-50%);z-index: 3;}
.home7 .left .link{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.home8{padding: 0 0 260px;background: url(../image/bg9.jpg) center no-repeat;height: 1149px;}
.home8 .cont{display: flex;justify-content: space-between;}
.home8 .box{margin-top: 87px;position: relative;}
.home8 .left{width: 61.64%;}
.home8 .right{width: 34.71%;}
.home8 .img{position: relative;border:2px solid #009acc;border-radius: 20px;overflow: hidden;}
.home8 .img::before{content: '';display: block;}
.home8 .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}
.home8 .left .img::before{padding-top: 68.59%;}
.home8 .right .img::before{padding-top: 121.81%;}
.home8 .link{background-size: cover;width: 114px;height: 114px;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;background-position: center;background-repeat: no-repeat;animation: play 3s infinite linear;}
.home8 .play{background-image: url(../image/play.png);}
.home8 .down{background-image: url(../image/dow.png);animation: play 3s infinite linear;}
.home8 .text{font-size: 40px;font-weight: bold;margin-top: 76px;}
.home8 .text a{color:#00ffd2;position: relative;}
.home8 .text a::before{content: '';background-color: #00ffd2;height: 5px;position: absolute;left: 0;right: 0;bottom: -4px;}
.home8 .src{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.home8 .src{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.home1 .x-wrap,
.home1 .cont,
.home2 .cont,
.home3 .list,
.home4 .list,
.home5 .cont,
.home6 .cont,
.home7 .cont,
.home8 .cont{opacity: 0;transform: translateY(80px);transition: all .5s;}

.home1{transform: translateY(-1px);}
.home1{margin-top: -2px;}
.home2{margin-top: -2px;}
.home3{margin-top: -2px;}
.home4{margin-top: -2px;}
.home5{margin-top: -2px;}
.home6{margin-top: -2px;}
.home7{margin-top: -2px;}
.home8{margin-top: -2px;}






/* @media only screen and (min-width:1000px ) { */
	.home1.on .x-wrap,
	.home1.on .cont,
	.home2.on .cont,
	.home3.on .list,
	.home4.on .list,
	.home5.on .cont,
	.home6.on .cont,
	.home7.on .cont,
	.home8.on .cont{opacity: 1;transform: translate(0);}
/* } */

@media only screen and (max-width:1499px ) {
	.home3 .item .play{bottom: -40px;}
	.home7 .item{margin-top: -50px;}
	.home7 .item .play{bottom: 50px;}
	.home7 .item .text{margin-top: -45px;}
	.home7 .x-title .titimg{margin: 0;}
	/* .home3 .link{height: 170%;} */
}

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

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