html,body{
	height:100%;
}
.waiLoading{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:99
}
.waiLoading.fab{
	color:#8e7a69
}
.waiLoading.fab .loading__scale{
	background-color:#8e7a69;
	opacity: 0;
}
.waiLoading.fab .loading__scale.active{
	opacity: 1;
}
.loading__field{
	width:0;
	height:0;
	overflow:hidden;
	visibility:hidden
}
.loading__progress{
	width:35vh;
	height:35vh;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%)
}
.loading__progress span{
	line-height:35vh;
	font-size:6vh;
	text-align:center;
	display:block
}
.loading__progress div{
	position:absolute;
	width:2px;
	height:1vh;
	left:50%;
	top:0;
	margin-left:-1px;
	background:#414141;
	transform-origin:0 17.5vh;
}
.hero-box{
	max-width:1920px;
	min-width:1200px;
	margin:0 auto 0;
	position:relative;
	height:100%;
	overflow-x: hidden;
}
.videoLoading{
	width:100%;
	height:100%;
	position:relative;
}
.videoLoading video{
	width:100%;
	height:100%;
	object-fit: cover;
	position:relative;
}
.videoLoading .skipBtn{
	width:268px;
	height:108px;
	background:url(../images/skip.png) no-repeat center;
	position:absolute;
	right:2%;
	top:2%;
	cursor: pointer;
}
.videoLoading .skipBtn img{
	display: block;
	width:100%;
	height:100%;
	animation: op 2s linear infinite;
	-webkit-animation: op 2s linear infinite;
	position:absolute;
	left:0;
	top:0;
}
.loading{
	width:100%;
	height:1080px;
	position:relative;
	overflow: hidden;
	margin:0 auto 0;
}
.loading .loadPic{
	display: block;
	width:100%;
	height:1080px;
	position:absolute;
	left:0;
	top:0;
	transition:all 3s;
	-webkit-transition:all 3s;
}
.loading .loadPic.active{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.logo{
	display: block;
	width:306px;
	position:absolute;
	left:38px;
	top:34px;
	z-index:1;
}
.slogan{
	width:1240px;
	height:355px;
	background:url(../images/slogan.png) no-repeat center;
	position:relative;
	margin:217px auto 0;
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition:all 1s;
	-webkit-transition:all 1s;
	z-index:1;
}
.slogan.active{
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
}
.slogan .star{
	display: block;
	width:100%;
	height:100%;
	animation: op 1.5s linear infinite;
	-webkit-animation: op 1.5s linear infinite;
}
.ft{
	display: block;
	width:957px;
	position:relative;
	margin:130px auto 0;
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition:all 1s;
	-webkit-transition:all 1s;
	z-index:1;
}
.ft.active{
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
}
.btn{
	width:353px;
	height:151px;
	background:url(../images/btn.png) no-repeat center;
	position:relative;
	margin:-25px auto 0;
	cursor: pointer;
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition:all 1s;
	-webkit-transition:all 1s;
	z-index:1;
	animation: vGo 2s linear infinite;
	-webkit-animation: vGo 2s linear infinite;
}
@keyframes vGo{
	0%{transform: scale(1);-webkit-transform: scale(1);}
	50%{transform: scale(1.2);-webkit-transform: scale(1.2);}
	100%{transform: scale(1);-webkit-transform: scale(1);}
}
@-webkit-keyframes vGo{
	0%{transform: scale(1);-webkit-transform: scale(1);}
	50%{transform: scale(1.2);-webkit-transform: scale(1.2);}
	100%{transform: scale(1);-webkit-transform: scale(1);}
}
.btn.active{
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
}
.btn img{
	display: block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.btn img:nth-child(1){
	animation: op 1.5s linear infinite;
	-webkit-animation: op 1.5s linear infinite;
}
.btn img:nth-child(2){
	animation: op 2s linear infinite;
	-webkit-animation: op 2s linear infinite;
}
.kv{
	width:100%;
	height:1080px;
	background:url(../images/kv.jpg) no-repeat center;
	position:relative;
	margin:0 auto 0;
}
.syBtn{
	display: block;
	width:195px;
	position:absolute;
	right:42px;
	top:60px;
	transition:all .5s;
	-webkit-transition:all .5s;
	cursor: pointer;
	z-index:2;
}
.syBtn:hover{
	transform: scale(.96);
	-webkit-transform: scale(.96);
}
.waiBox{
	width:100%;
	height:100%;
	position:relative;
	overflow: hidden;
}
.waiBox ul li .pageBox{
	width:1230px;
	height:800px;
	/*overflow: hidden;*/
	position:absolute;
	top:15px;
	left:345px;
}
.waiBox ul li .pageBox ul li{
	transition:all .3s;
	-webkit-transition:all .3s;
}
.waiBox ul li .pageBox ul li.swiper-slide{
	opacity: 0;
}
.waiBox ul li .pageBox.pageBoxOne ul li.swiper-slide{
	opacity: 1;
}
.waiBox ul li .pageBox ul li.swiper-slide.swiper-slide-active{
	opacity: 1;
}
.kuaPic .zPic{
	display: block;
	width:1212px;
	height:677px;
	margin:114px auto 0;
	position:relative;
}
.kuaPic .fPic{
	display: block;
	width:1205px;
	height:672px;
	position:absolute;
	left:50%;
	margin-left:-602.5px;
	top:114px;
}
.smallRole{
	width: 178px;
    height: 172px;
    overflow: hidden;
    background: url(../images/xz.png) no-repeat center;
    position:relative;
    margin:40px auto 0;
}
.smallRole img{
	display: block;
    width: 138px;
    height: 138px;
    margin: 16px auto 0;
    border: 0;
    border-radius: 50%;
}
.kuaPic{
	width:1230px;
	height:800px;
	background:url(../images/kua.png) no-repeat center;
	position:relative;
	overflow: hidden;
	z-index:10;
	margin:0 auto 0;
}
.pageBoxTen .kuaPic .qtBtn.qtBtn1{
	width: 255px;
	height: 237px;
	background: url(../images/nqt.png) no-repeat center;
	background-size: cover;
	right: 3px;
	top: 532px;
}
.kuaPic .qtBtn{
	display: block;
	width:353px;
	height:151px;
	background:url(../images/qt.png) no-repeat center;
	position:absolute;
	right:50px;
	top:618px;
	cursor: pointer;
	z-index:2;
	animation: vGo 2s linear infinite;
	-webkit-animation: vGo 2s linear infinite;
}
.kuaPic .qtBtn img{
	display: block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.kuaPic .qtBtn img:nth-child(1){
	animation: op 1.5s linear infinite;
	-webkit-animation: op 1.5s linear infinite;
}
.kuaPic .qtBtn img:nth-child(2){
	animation: op 2s linear infinite;
	-webkit-animation: op 2s linear infinite;
}
.waiBox ul li .pageBox ul li.swiper-slide-active{
	z-index:5;
}
.waiBox ul li .neiPage{
	width:100%;
	overflow: hidden;
	position:absolute;
	left:50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	top:841px;
	text-align: center;
}
.waiBox ul li .neiPage .swiper-pagination-bullet{
	display: inline-block;
	width:178px;
	height:172px;
	opacity: 1;
	background:none;
	position:relative;
}
.waiBox ul li .neiPage .swiper-pagination-bullet:focus {
	outline: none;
}
.waiBox ul li .neiPage .swiper-pagination-bullet img{
	display: block;
	width:124px;
	height:124px;
	border-radius: 50%;
	border:1px solid #fff;
	margin:24px auto 0;
}
.waiBox ul li .neiPage .swiper-pagination-bullet i{
	display: block;
	width:124px;
	height:124px;
	border-radius: 50%;
	background-color:rgba(24,24,24,.5);
	position:absolute;
	left:50%;
	margin-left:-62px;
	top:24px;
}
.waiBox ul li .neiPage .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width:178px;
	height:172px;
	background:url(../images/xz.png) no-repeat center;
}
.waiBox ul li .neiPage .swiper-pagination-bullet.swiper-pagination-bullet-active img{
	display: block;
	width:138px;
	height:138px;
	margin:16px auto 0;
	border:0;
}
.waiBox ul li .neiPage .swiper-pagination-bullet.swiper-pagination-bullet-active i{
	display: none;
}
.waiBox ul li .neiBtnPrev{
	width:72px;
	height:95px;
	background:url(../images/left.png) no-repeat center;
	position:absolute;
	left:585px;
	top:878px;
	cursor: pointer;
	transition:all .3s;
	-webkit-transition:all .3s;
}
.waiBox ul li .neiBtnPrev:hover{
	background:url(../images/lefth.png) no-repeat center;
}
.waiBox ul li .neiBtnNext{
	width:72px;
	height:95px;
	background:url(../images/right.png) no-repeat center;
	position:absolute;
	right:595px;
	top:878px;
	cursor: pointer;
	transition:all .3s;
	-webkit-transition:all .3s;
}
.waiBox ul li .neiBtnNext:hover{
	background:url(../images/righth.png) no-repeat center;
}
.rightBanner{
	width:340px;
	height:356px;
	overflow: hidden;
	background:url(../images/rit.png) no-repeat center;
	position:absolute;
	right:0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
	z-index:5;
	cursor: pointer;
}
.rightBanner ul li{
	transform: scale(.7) translateX(40px);
	-webkit-transform: scale(.7) translateX(40px);
	opacity: .8;
}
.rightBanner ul li.swiper-slide-active{
	transform: scale(.8) translateX(-10px);
	-webkit-transform: scale(.8) translateX(-10px);
	opacity: 1;
	margin-top:10px;
}
.rightBanner ul li.swiper-slide-next{
	margin-top:10px;
}
.hope{
	width:1332px;
	height:990px;
	background:url(../images/hope.png) no-repeat center;
	position:absolute;
	top:0;
	left:211px;
}
.hope img{
	display: block;
	width:100%;
	height:100%;
	animation: op 2s linear infinite;
	-webkit-animation: op 2s linear infinite;
}
.blog{
	display: block;
	width:222px;
	height:72px;
	position:absolute;
	right:2%;
	top:70%;
	z-index:2;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.blog:hover{
	transform: scale(.96);
	-webkit-transform: scale(.96);
}
.blog img{
	display: block;
	width:100%;
	height:100%;
}
.bottomMenu{
	width:942px;
	height:47px;
	position:absolute;
	left:50%;
	margin-left:-471px;
	bottom:0;
	z-index:2;
}
.bottomMenu ul{
	width:100%;
	height:47px;
	position:relative;
}
.bottomMenu ul li{
	width:208px;
	height:47px;
	background:url(../images/bottom.png) no-repeat;
	float:left;
	margin-left:36px;
	position:relative;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.bottomMenu ul li:hover{
	transform: scale(.96);
	-webkit-transform: scale(.96);
}
.bottomMenu ul li a{
	display: block;
	width:100%;
	height:100%;
}
.bottomMenu ul li a img{
	display: none;
	width:100px;
	height:100px;
	position:absolute;
	left:50%;
	margin-left:-50px;
	top:-100px;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.bottomMenu ul li:nth-child(1){
	margin-left:0;
}
.bottomMenu ul li:nth-child(2){
	background-position-x:-245px;
}
.bottomMenu ul li:nth-child(3){
	background-position-x:-489px;
}
.bottomMenu ul li:nth-child(3):hover img{
	display: block;
}
.bottomMenu ul li:nth-child(4){
	background-position-x:-734px;
}
.leftMenu{
	width:110px;
	position:absolute;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
	z-index:5;
}
.leftMenu ul{
	width:110px;
	height:511px;
	background:url(../images/zz.png) no-repeat center;
	position:relative;
}
.leftMenu ul li{
	width:76px;
	position:relative;
	margin:13px 0 0 15px;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.leftMenu ul li:hover {
	transform: scale(.96);
	-webkit-transform: scale(.96);
}
.leftMenu ul li:nth-child(3){
	margin-top:19px;
	margin-left:16px;
}
.leftMenu ul li:nth-child(4){
	margin-top:19px;
	margin-left:16px;
}
.leftMenu ul li:nth-child(5){
	margin-top:18px;
	margin-left:16px;
}
.leftMenu ul li .liCode{
	width:153px;
	height:167px;
	background:url(../../1.0/c_images/code.png) no-repeat center;
	position:absolute;
	left:85px;
	top:-40px;
	display: none;
}
.leftMenu ul li:hover .liCode{
	display: block;
}
.leftMenu ul li .liCode img{
	display: block;
	width:130px;
	height:130px;
	margin:7px 0 0 17px;
}
.leftMenu ul li .liCode p{
	font-size:16px;
	color:#fff;
	text-align: center;
	margin-left:16px
}
.tipTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.7);
	position:fixed;
	left:0;
	top:0;
	z-index:50;
	display: none;
}
.tipBody{
	width:1010px;
	height:548px;
	background:url(../images/tc.png) no-repeat center;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.close{
	display: block;
	width:55px;
	position:absolute;
	right:-58px;
	top:-45px;
	cursor: pointer;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.close:hover{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}
.tipText{
	width:862px;
	position:relative;
	overflow: hidden;
	margin:0 auto 0;
	padding-top:85px;
}
.tipText h3{
	font-size:40px;
	color:#e2cbff;
	font-family: 'webfont';
	text-align: center;
	font-weight:normal;
	letter-spacing: 4px;
}
.smallTit{
	font-size:28px;
	color:#8e72bb;
	text-align: center;
	margin-top:10px;
	font-family: 'webfont';
}
.conTit{
	margin-left:20px;
	font-size:14px;
	color:#e4cfff;
	line-height:22px;
	margin-top:13px;
	text-indent:32px;
}
.conTit span{
	display: block;
	text-indent:32px;
}
.videoTc{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.7);
	position:fixed;
	left:0;
	top:0;
	z-index:50;
	display: none;
}
.videoBody{
	width:1193px;
	height:548px;
	background:url(../images/vtc.png) no-repeat center;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.kuBg{
	display: block;
	width:1133px;
	height:492px;
	position:absolute;
	left:31px;
	top:27px;
	z-index:2;
}
.videoBox{
	width:1142px;
	height:499px;
	position:relative;
	margin:23px auto 0;
}
.videoBox video{
	display: block;
	width:100%;
	height:100%;
	object-fit: fill;
}
.pstar1{
	width:127px;
}
.pstar2{
	width:16px;
}
.pstar3{
	width:100px;
}
.pstar{
	display: block;
	position:absolute;
	z-index:2;
}
.star1{
	left:1%;
	top:1%;
	animation: imgGo 3s linear infinite;
	-webkit-animation: imgGo 3s linear infinite;
}
@keyframes imgGo{
	0{transform: translate(-40px,0);opacity: 0;}
	25%{transform: translate(-30px,10px);opacity: 0;}
	50%{transform: translate(-20px,30px);opacity: 0;}
	100%{transform: translate(10px,40px)opacity: 1;}
}
@-webkit-keyframes imgGo{
	0{transform: translate(-40px,0);opacity: 0;}
	25%{transform: translate(-30px,10px);opacity: 0;}
	50%{transform: translate(-20px,30px);opacity: 0;}
	100%{transform: translate(10px,40px)opacity: 1;}
}
.star2{
	left: 7%;
    top: 20%;
    animation: imgGoo 3s linear infinite;
	-webkit-animation: imgGoo 3s linear infinite;
}
@keyframes imgGoo{
	0{transform: translate(40px,0);opacity: 0;}
	25%{transform: translate(30px,10px);opacity: 0;}
	50%{transform: translate(20px,30px);opacity: 0;}
	100%{transform: translate(10px,40px)opacity: 1;}
}
@-webkit-keyframes imgGoo{
	0{transform: translate(40px,0);opacity: 0;}
	25%{transform: translate(30px,10px);opacity: 0;}
	50%{transform: translate(20px,30px);opacity: 0;}
	100%{transform: translate(10px,40px)opacity: 1;}
}
.star3{
	left: 10%;
    top: 23%;
    animation: imgGoa 3s linear infinite;
	-webkit-animation: imgGoa 3s linear infinite;
}
@keyframes imgGoa{
	0{transform: translate(40px,0);opacity: 0;}
	25%{transform: translate(30px,-10px);opacity: 0;}
	50%{transform: translate(20px,-30px);opacity: 0;}
	100%{transform: translate(10px,-40px)opacity: 1;}
}
@-webkit-keyframes imgGoa{
	0{transform: translate(40px,0);opacity: 0;}
	25%{transform: translate(30px,-10px);opacity: 0;}
	50%{transform: translate(20px,-30px);opacity: 0;}
	100%{transform: translate(10px,-40px)opacity: 1;}
}
.star4{
	left: 20%;
    top: -1%;
    animation: imgGob 3s linear infinite;
	-webkit-animation: imgGob 3s linear infinite;
}
@keyframes imgGob{
	0{transform: translate(40px,0);opacity: 0;}
	25%{transform: translate(30px,-10px);opacity: 0;}
	50%{transform: translate(20px,-30px);opacity: 0;}
	100%{transform: translate(10px,-40px)opacity: 1;}
}
@-webkit-keyframes imgGob{
	0{transform: translate(40px,0);opacity: 0;}
	25%{transform: translate(30px,-10px);opacity: 0;}
	50%{transform: translate(20px,-30px);opacity: 0;}
	100%{transform: translate(10px,-40px)opacity: 1;}
}
.star5{
	left: 16%;
    top: 36%;
    animation: imgGoc 3s linear infinite;
	-webkit-animation: imgGoc 3s linear infinite;
}
@keyframes imgGoc{
	0{transform: translate(-40px,0);opacity: 0;}
	25%{transform: translate(-30px,10px);opacity: 0;}
	50%{transform: translate(-20px,30px);opacity: 0;}
	100%{transform: translate(-10px,-0px)opacity: 1;}
}
@-webkit-keyframes imgGoc{
	0{transform: translate(-40px,0);opacity: 0;}
	25%{transform: translate(-30px,-10px);opacity: 0;}
	50%{transform: translate(-20px,-30px);opacity: 0;}
	100%{transform: translate(-10px,-40px)opacity: 1;}
}
.star6{
	left: -1%;
    top: 64%;
    animation: imgGo 3s linear infinite;
	-webkit-animation: imgGo 3s linear infinite;
}
.star7{
	left: 3%;
    top: 40%;
    animation: imgGoc 3s linear infinite;
	-webkit-animation: imgGoc 3s linear infinite;
}
.star8{
	left: 18%;
    top: 50%;
    animation: imgGob 3s linear infinite;
	-webkit-animation: imgGob 3s linear infinite;
}
.star9{
	left: 10%;
    top: 76%;
    animation: imgGoa 3s linear infinite;
	-webkit-animation: imgGoa 3s linear infinite;
}
.star10{
	right: 24%;
    top: 0%;
    animation: imgGoo 3s linear infinite;
	-webkit-animation: imgGoo 3s linear infinite;
}
.star11{
	right: 5%;
    top: 14%;
    animation: imgGoa 3s linear infinite;
	-webkit-animation: imgGoa 3s linear infinite;
}
.star12{
	right: 12%;
    top: 18%;
    animation: imgGob 3s linear infinite;
	-webkit-animation: imgGob 3s linear infinite;
}
.star13{
	right: -1%;
    top: 30%;
    animation: imgGoc 3s linear infinite;
	-webkit-animation: imgGoc 3s linear infinite;
}
.star14{
	right: 20%;
    top: 65%;
    animation: imgGoo 3s linear infinite;
	-webkit-animation: imgGoo 3s linear infinite;
}
.star15{
	right: 23%;
    top: 41%;
    animation: imgGob 3s linear infinite;
	-webkit-animation: imgGob 3s linear infinite;
}
.star16{
	right: 8%;
    top: 68%;
    animation: imgGoc 3s linear infinite;
	-webkit-animation: imgGoc 3s linear infinite;
}
.star17{
	right: 24%;
    top: 26%;
    animation: imgGoa 3s linear infinite;
	-webkit-animation: imgGoa 3s linear infinite;
}
.star18{
	right: 26%;
    top: 44%;
    animation: imgGoo 3s linear infinite;
	-webkit-animation: imgGoo 3s linear infinite;
}
.star19{
	right: 2%;
    top: 63%;
    animation: imgGoa 3s linear infinite;
	-webkit-animation: imgGoa 3s linear infinite;
}
.star20{
	right: 7%;
    top: 54%;
    animation: imgGoc 3s linear infinite;
	-webkit-animation: imgGoc 3s linear infinite;
}

@keyframes op{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}
@-webkit-keyframes op{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}