.wrapper-1 .sucai {
	background-image:url(./aa.jpg)
}
.wrapper {
	/*position:fixed;*/
	top:0;
	left:0;
	right:0;
	bottom:0;
	/*display:none;*/
	position: relative;
height: 826px;
}
.wrapper .bg-img {
	animation:.3s scaleIn ease-in-out;
	transform-origin:50% 50%;
	position:absolute;
	top:50%;
	left:50%;
	width:2560px;
	height:826px;
	min-width:100%;
	min-height:100%;
	transform:translate(-50%,-50%)
}
.wrapper .title {
	font-size:0
}
.wrapper .text-bar {
	position:absolute;
	color:#fff;
	animation:.5s slideUp ease-in-out;
	top:50%;
	transform:translateY(-50%);
	left:0px;
	/*right:110px*/
}
.wrapper .desc {
	opacity:.5;
	font-size:18px;
	line-height:2;
	margin-top:50px
}
.wrapper .figure {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position:top right;
	background-size:auto 100%
}
.wrapper .sucai {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position:top right;
	/*background-size:auto 100%;*/
	/*background-size:77% 100%;*/
	background-size:100% 100%;
	animation:0.9s scaleIn2 cubic-bezier(0,0.34,0,1.39);
	transform-origin:100% 50%
}
.wrapper .btn-bar {
	margin-top:81px;
	font-size:30px;
	line-height:1
}
.wrapper .btn {
	color:rgba(255,255,255,0.8);
	position:relative;
	padding-right:35px;
	margin-right:70px;
	transition:all .3s ease-in-out;
	display:inline-block
}
.wrapper .btn:hover {
	color:#fff;
	transform:translateY(-10px)
}
.wrapper .btn:after {
	content:'';
	width:15px;
	height:30px;
	position:absolute;
	top:0;
	right:0;
	background:url(./arrow.png)
}

.wrapper-video .desc {
	/*display:none*/
}
.wrapper-video .icon-play {
	display:block
}
.wrapper-video .bg-video {
	display:block
}
.wrapper-video .dash:last-child {
	width:10px;
	background-color:rgba(255,255,255,0.3)
}
.wrapper-video .dash:first-child {
	width:36px;
	background-color:#fff
}
.wrapper-2 {
	background:#0d1549
}
.wrapper-2 .title {
	width:537px;
	height:259px
}
.wrapper-1 {
	background:#0d1549
}
.wrapper-1 .title {
	width:510px;
	height:259px
}
.wrapper-1 .desc {
	opacity:0.65
}
.wrapper-4 {
	background:#5944b5
}
.wrapper-4 .title {
	width:648px;
	height:174px
}
.wrapper-5 {
	background:#0d1549
}
.wrapper-5 .title {
	width:672px;
	height:259px
}
.wrapper-6 {
	background-color:#181845
}
.wrapper-6 .news-list {
	width:1420px;
	margin:-155px auto 0;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:0;
	right:0
}
.wrapper-6 .item {
	text-align:left;
	width:430px;
	display:inline-block;
	margin-right:60px;
	background-color:#7254ba;
	padding-bottom:20px;
	border-radius:4px;
	overflow:hidden;
	transition:all .3s ease-in-out
}
.wrapper-6 .item:last-child {
	margin-right:0
}
.wrapper-6 .item:nth-child(2) .item-title {
	padding-left:22px
}
.wrapper-6 .item:hover {
	transform:translateY(-10px)
}
.wrapper-6 .img {
	display:block;
	width:430px;
	height:200px
}
.wrapper-6 .item-title {
	padding:0 30px;
	line-height:50px;
	margin-top:10px;
	color:#fff;
	font-size:18px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.wrapper-6 .date {
	line-height:40px;
	padding-left:30px;
	font-size:16px;
	color:rgba(255,255,255,0.4)
}
.wrapper-6 .link {
	display:block
}
.wrapper-6 .footer-bg {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background-image:url(../images/index/footer_bg.png)
}
.wrapper-6 .footer-box {
	width:1420px
}
.dot-bar {
	/*position:fixed;*/
	width:30px;
	top:50%;
	right:100px;
	transform:translateY(-50%);
	color:#fff;
	transition:all .3s ease-in-out
}
.dot-bar .dot {
	width:10px;
	height:10px;
	display:block;
	margin-bottom:40px;
	border-radius:100%;
	background-color:#fff;
	position:relative
}
.dot-bar .dot:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	background-color:currentColor;
	transform-origin:50% 50%;
	width:8px;
	height:8px;
	border:1px solid currentColor;
	border-radius:100%;
	transform:scale(3);
	opacity:0
}
.video-pop {
	/*position:fixed;*/
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.8);
	z-index:1000;
	display:none
}
.video-pop .inner {
	width:1233px;
	height:694px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto
}
.video-pop .video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.video-pop .close {
	position:absolute;
	height:28px;
	top:0;
	right:-80px;
	width:30px;
	cursor:pointer
}
.video-pop .line {
	position:absolute;
	top:0;
	left:0;
	width:30px;
	height:4px;
	border-radius:2px;
	transform-origin:50% 50%;
	transition:all .3s ease-in-out
}
.video-pop .line-1 {
	background-color:#fff;
	transform:translateY(12px) rotate(45deg)
}
.video-pop .line-2 {
	background-color:rgba(255,255,255,0.6);
	top:12px;
	transform:rotate(-45deg)
}
.menu-slide .nav-bar {
	transform:translateX(100%);
	opacity:0
}
.menu-slide .menu-icon:hover .line-2 {
	width:35px
}
.menu-slide .menu-icon:hover .line-3 {
	width:25px
}
.menu-slide .line-1 {
	transform:translateY(0) rotate(0)
}
.menu-slide .line-2 {
	transform:rotate(0)
}
.menu-slide .line-3 {
	opacity:1
}
.active-1 .menu-icon {
	display:none
}
.active-1 .nav-bar {
	transform:translateX(0);
	opacity:1
}
.active-1 .main-header {
	padding-right:100px
}
.active-6 .dot-bar {
	margin-top:-155px
}

.active-1 .dot:nth-child(1):after {
	opacity:1;
	animation:scaleInDot .3s ease-in-out;
	background:transparent
}
.wrapper-2 .title {
	background-image:url(../images/index/title_2.png)
}
.wrapper-2 .figure {
	background-image:url(../images/index/figure_2.png)
}
.wrapper-2 .sucai {
	background-image:url(../images/index/picture_2.png)
}
.active-2 .dot:nth-child(2):after {
	opacity:1;
	animation:scaleInDot .3s ease-in-out;
	background:transparent
}
.wrapper-1 .title {
	background-image:url(../images/index/title_3.png)
}
.wrapper-1 .figure {
	/*background-image:url(./figure_3.png)*/
}

.active-3 .dot:nth-child(3):after {
	opacity:1;
	animation:scaleInDot .3s ease-in-out;
	background:transparent
}
.wrapper-4 .title {
	background-image:url(../images/index/title_4.png)
}
.wrapper-4 .figure {
	background-image:url(../images/index/figure_4.png)
}
.wrapper-4 .sucai {
	background-image:url(../images/index/picture_4.png)
}
.active-4 .dot:nth-child(4):after {
	opacity:1;
	animation:scaleInDot .3s ease-in-out;
	background:transparent
}
.wrapper-5 .title {
	background-image:url(../images/index/title_5.png)
}
.wrapper-5 .figure {
	background-image:url(../images/index/figure_5.png)
}
.wrapper-5 .sucai {
	background-image:url(../images/index/picture_5.png)
}
.active-5 .dot:nth-child(5):after {
	opacity:1;
	animation:scaleInDot .3s ease-in-out;
	background:transparent
}
.wrapper-6 .title {
	background-image:url(../images/index/title_6.png)
}
.wrapper-6 .figure {
	background-image:url(../images/index/figure_6.png)
}
.wrapper-6 .sucai {
	background-image:url(../images/index/picture_6.png)
}
.active-6 .dot:nth-child(6):after {
	opacity:1;
	animation:scaleInDot .3s ease-in-out;
	background:transparent
}
@media (max-height:870px) {
	.wrapper .text-bar {
	transform:translate(0,-50%) scale(0.8)
}
}@keyframes slideUp {
	0% {
	opacity:0;
	margin-top:100px
}
100% {
	opacity:1;
	margin-top:0
}
}@keyframes scaleIn {
	0% {
	transform:scale(1.05) translate(-50%,-50%)
}
100% {
	transform:scale(1) translate(-50%,-50%)
}
}@keyframes scaleIn2 {
	0% {
	transform:scale(1.05)
}
100% {
	transform:scale(1)
}
}@keyframes scaleInDot {
	0% {
	transform:scale(1)
}
100% {
	transform:scale(3)
}
}@keyframes wrapperRotate {
	0% {
	transform:rotate(0)
}
100% {
	transform:rotate(5deg)
}
}