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

.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;background-size: cover;}
.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{position: relative;overflow: hidden;}
.banner .bg{width: 100%;display: block;height: auto;opacity: 0;transform: scale(1.1);transition: all 1.2s;}
.text{margin-top: -132px;opacity: 0;transition: all 0.8s;color:#f8d09b;font-size: 30px;font-family: 'avian';line-height: 1.4;}
.text img {max-width: 100%;}
.text .i{max-width: 100%;}
.ul{padding-bottom: 600px;}
.ul .li{padding-top: 109px;}
.ul .li .cont{margin-top: 43px;}
.ul .li .video{cursor: pointer;position: relative;}
.ul .li .video::before{content: '';padding-top: 56.28%;display: block;}
.ul .li .video img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.ul .li .video .imgmask{background-color: rgba(0,0,0,0);z-index: 2;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.ul .li .video .play{background: url(../image/play.png) center no-repeat;background-size: cover;width: 202px;height: 202px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 4;animation: play 3s linear infinite;}
.ul .li .video .border{background: url(../image/png1.png) center no-repeat;background-size: cover;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 3;}
.ul .li .list{margin-top: 20px;}
.ul .li .item{padding: 25px 0 32px;display: flex;position: relative;align-items: center;font-family: 'avian';}
.ul .li .item .t1{color:#ffc772;font-size: 36px;width: 450px;line-height: 1.2;font-family: 'avignon';}
.ul .li .item .t2{color:#ffe8a6;font-size: 30px;width: 0;flex:1;}
.ul .li .item .txt{display: inline-block;cursor: pointer;}
.ul .li .item .pop{position: absolute;left: 0;top: 100%;right: 0;opacity: 0;visibility: hidden;padding:30px 40px;background: #fff url(../image/bg2.jpg) center no-repeat;background-size: 100% 100%;}
.ul .li .item .pop .pic{width: 100%;display: flex;justify-content: center;}
.ul .li .item .pop .img{width: 387px;margin: 0 10px;position: relative;overflow: hidden;}
.ul .li .item .pop .img::before{content: '';padding-top: 56.07%;display: block;}
.ul .li .item .pop .img img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.ul .li .item .pop .desc{font-size: 20px;color:#333;margin-top: 20px;}
.ul .li .item .pop::before{content: '';background: url(../image/icon1.png) center no-repeat;background-size: cover;width: 37px;height: 16px;position: absolute;left: 60px;top: -16px;}
.ul .li .item+.item{border-top:#f4cf73 solid 1px;}
.ul .li .item.show{z-index: 2;}
.ul .li .item.show .pop{opacity: 1;visibility: visible;}
.ul .li.li5 .video{display: none;}
.li .x-title{opacity: 0;transform: translateY(80px);transition: all .8s;}
.li .video{opacity: 0;transform: translateY(80px);transition: all .8s;}
.li .list .item{opacity: 0;transform: translateY(80px);transition: all .8s;}
.desc{font-family: 'avian';font-size: 44px;font-weight: bold;color:#ffc671;margin-top: 86px;}
.desc a{color:#20d1c6;position: relative;}
.desc a::before{content: '';background-color: #20d1c6;height: 2px;position: absolute;left: 0;right: 0;bottom: 0;}

/* @media only screen and (min-width:1000px ) { */
	.banner.on .bg{opacity: 1;transform: scale(1);}
	.text.on{opacity: 1;transform: translate(0);}
	.li.on .x-title{opacity: 1;transform: translate(0);transition-delay: .2s;}
	.li.on .video{opacity: 1;transform: translate(0);transition-delay: .5s;}
	.li.on .list .item{opacity: 1;transform: translate(0);transition-delay: .8s;}
	.li.on .list .item:nth-child(2){transition-delay: 1s;}
	.li.on .list .item:nth-child(3){transition-delay: 1.2s;}
	.li.on .list .item:nth-child(4){transition-delay: 1.4s;}
	.li.on .list .item:nth-child(5){transition-delay: 1.6s;}
	.li.on .list .item:nth-child(6){transition-delay: 1.8s;}
	.li.on .list .item:nth-child(7){transition-delay: 2s;}
/* } */

@media only screen and (max-width:1600px ) {
	/* .home1 .certify{width: 1230px;}
	.home3 .list{width: 960px;}
	.home3 .list .item{width: 480px;}
	.home3 .list .pic{width: 480px;height: 446px;}
	.home3 .list .pic .img{width: 340px;height: 340px;}
	.home5 .list .item{width: 480px;margin: 0 -25px 5px;}
	.home5 .list .pic{width: 480px;height: 446px;}
	.home5 .list .pic .img{width: 340px;height: 340px;}
	.home6 .list .item{width: 480px;margin: 0 -25px 5px;}
	.home6 .list .pic{width: 480px;height: 446px;}
	.home6 .list .pic .img{width: 340px;height: 340px;}
	.home7 .box{padding-left: 0;justify-content: space-between;}
	.home7 .box .r{margin-left: 0;}
	.home5 .list .text,.home6 .list .text{padding: 0 30px;}
	.home5 .list .text .t2,.home6 .list .text .t2{white-space: normal;} */
}

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

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

}