.kv {
	width: 100%;
	height: 1080px;
	min-width: 1200px;
	max-width: 1920px;
	background: url(../images/rk.jpg) no-repeat center;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.logo {
	display: block;
	position: absolute;
	left: 95px;
	top: 70px;
}

.slogan {
	display: block;
	position: absolute;
	left: 160px;
	top: 70px;
}

.slo_ul {
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	top: 440px;
}

.slo_ul li {
	width: 208px;
	height: 211px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	float: left;
}


/* .slo_ul li:hover img {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
} */

.slo_ul li:nth-child(1) {
	margin-left: 48px;
}

.slo_ul li:nth-child(2) {
	margin: 230px 0 0 -100px;
}

.slo_ul li:nth-child(3) {
	width: 412px;
	height: 250px;
	margin: 225px 0 0 375px;
}

.slo_ul li:nth-child(4) {
	margin: 0 0 0 -200px;
}

.slo_ul li img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.slo_ul li.active img:nth-child(1) {
	display: none;
}

.slo_ul li:nth-child(3).active img:nth-child(1) {
	display: block;
}

.slo_ul li p {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 230px;
	text-align: center;
	font-size: 20px;
	font-family: "Microsoft YaHei";
	color: rgb(255, 255, 255);
	font-weight: normal;
	text-transform: uppercase;
	-moz-transform: matrix(1.32000005245209, 0, 0, 1.32, 0, 0);
	-webkit-transform: matrix(1.32000005245209, 0, 0, 1.32, 0, 0);
	-ms-transform: matrix(1.32000005245209, 0, 0, 1.32, 0, 0);
	z-index: 2;
	text-shadow: 0 0 10px #fff;
}

.slo_ul li.active p {
	line-height: 211px;
	font-weight: bold;
	text-shadow: 0 0 10px #ff3939;
}

.part_Ⅱ {
	font-size: 15px;
	font-family: "Microsoft YaHei";
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	line-height: 1.243;
	position: absolute;
	left: 589.126px;
	top: 777.583px;
	z-index: 174;
}

.percent {
	width: 501px;
	height: 18px;
	background: url(../images/jd.png) no-repeat center;
	position: absolute;
	left: 50%;
	margin-left: -250.5px;
	top: 533px;
}

.percent>div {
	height: 6px;
	background-color: #fd5a5a;
	position: absolute;
	left: 6px;
	top: 6px;
}

.percent>div i {
	display: block;
	width: 40px;
	height: 6px;
	background: url(../images/j.png) no-repeat center;
	position: absolute;
	right: 0;
	top: 0;
}

.per_txt {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 565px;
}

.per_txt p:nth-child(1) {
	font-size: 26px;
	color: #ff7678;
	text-shadow: 0 0 10px #ff5d5d;
}

.per_txt p:nth-child(2) {
	font-size: 14px;
	color: #d65456;
	margin-top: 0;
}

.open-two {
	width: 1251px;
	height: 658px;
	position: relative;
	margin-left: -25px;
	margin-top: 20px;
}


/*.timeDate{
	width:100%;
	text-align: center;
	position:absolute;
	top:640px;
	color:#fff;
	font-weight:bold;
}
.timeDate span{
	color:#fff;
	text-shadow: 1px 1px 15px #fff;
}
.timeDate i{
	vertical-align: super;
	margin:0 5px;
	font-size:32px;
}*/

.open-two>div {
	width: 211px;
	height: 216px;
	background: url(../images/mw2.png) no-repeat center;
	position: absolute;
	overflow: hidden;
	opacity: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	cursor: pointer;
}

.open-two>div.on {
	opacity: 1;
}

.open-two>div.active {
	background: url(../images/mw1.png) no-repeat center;
}

.open-two>div.active p:nth-child(1) {
	display: none;
}

.open-two>div:nth-child(1) {
	left: 137px;
	top: 10px;
}

.open-two>div:nth-child(2) {
	left: 0;
	top: 240px;
}

.open-two>div:nth-child(3) {
	left: 137px;
	bottom: -10px;
}

.open-two>div:nth-child(4) {
	right: 137px;
	bottom: -10px;
}

.open-two>div:nth-child(5) {
	right: 0;
	top: 240px;
}

.open-two>div:nth-child(6) {
	right: 137px;
	top: 10px;
}

.open-two>div p:nth-child(1) {
	font-size: 18px;
	color: #fff;
	line-height: 230px;
	text-align: center;
	text-shadow: 1px 1px 6px #fff;
	letter-spacing: 2px;
}

.open-two>div p:nth-child(2) {
	font-size: 24px;
	color: #fff;
	text-shadow: 1px 1px 6px #fff;
	letter-spacing: 2px;
	line-height: 200px;
	text-align: center;
}

.open-two>div p:nth-child(2) span {
	font-size: 34px;
	font-weight: bold;
}

.open-two>div img {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-55%, -50%);
	-webkit-transform: translate(-55%, -50%);
}

.isOpen {
	width: 100%;
	position: relative;
}

.last_txt {
	width: 100%;
	position: absolute;
	text-align: center;
	font-size: 20px;
	color: #b1fbff;
	z-index: 2;
	bottom: 430px;
}

.timeDate {
	width: 100%;
	position: absolute;
	text-align: center;
	font-size: 20px;
	color: #b1fbff;
	z-index: 2;
	bottom: 430px;
	text-shadow: 1px 1px 15px #b1fbff;
}

.first-part {
	width: 100%;
	height: 1080px;
	min-width: 1200px;
	max-width: 1920px;
	background: url(../images/rk1.jpg) no-repeat center;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.menu {
	width: 720px;
	height: 62px;
	position: relative;
	margin: 40px auto 0;
	z-index: 5;
}

.menu li {
	width: auto;
	height: 100%;
	position: relative;
	float: left;
	font-size: 16px;
	color: rgba(255, 255, 255, .5);
	margin-left: 60px;
	cursor: pointer;
}

.menu li a {
	color: rgba(255, 255, 255, .5);
}

.menu li:nth-child(1) {
	margin-left: 0;
}

.menu li:nth-child(1) p {
	width: 45px;
	height: 43px;
	overflow: hidden;
	margin-top: -5px;
	margin-left: -8px;
}

.menu li:nth-child(1).active p img:nth-child(1) {
	display: none;
}

.menu li img {
	display: block;
	opacity: .5;
}

.menu li i {
	display: block;
	width: 13px;
	height: 46px;
	background: url(../images/l.png) no-repeat center;
	float: left;
	margin-top: 2px;
	margin-right: 6px;
	visibility: hidden;
}

.menu li.active i {
	visibility: visible;
}

.menu li.active img {
	opacity: 1;
}

.menu li.active p {
	color: #52f1ff;
	text-shadow: 0 0 25px #52f1ff;
}

.menu li p {
	float: left;
}

.menu li span {
	display: block;
	font-size: 10px;
}

.menu li em {
	display: block;
}

.ri-main {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.ri-main .ri-pic {
	width: 874px;
	position: relative;
	margin: 52px 0 0 228px;
}

.ri-main .ri-pic>div:nth-child(1) {
	width: 260px;
	position: absolute;
	left: 0;
	top: 50px;
}

.ri-main .ri-pic>div:nth-child(1) img {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	animation: animateImg 5s linear infinite;
	-webkit-animation: animateImg 5s linear infinite;
}

.ri-main .ri-pic>div:nth-child(1) i {
	display: block;
	width: 3px;
	height: 570px;
	background: url(../images/xn.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 290px;
	top: 125px;
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
}

.ri-main .ri-pic>div:nth-child(2) {
	width: 190px;
	position: absolute;
	left: 0;
	top: 351px;
}

.ri-main .ri-pic>div:nth-child(2) img {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	animation: animateImg 4s linear infinite;
	-webkit-animation: animateImg 4s linear infinite;
}

.ri-main .ri-pic>div:nth-child(2) i {
	display: block;
	width: 3px;
	height: 380px;
	background: url(../images/xn.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 265px;
	top: 78px;
	transform: rotate(-57deg);
	-webkit-transform: rotate(-57deg);
}

.ri-main .ri-pic>div:nth-child(3) {
	width: 235px;
	position: absolute;
	left: 161px;
	top: 218px;
}

.ri-main .ri-pic>div:nth-child(3) img {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	animation: animateImg 6s linear infinite;
	-webkit-animation: animateImg 6s linear infinite;
}

.ri-main .ri-pic>div:nth-child(3) i {
	display: block;
	width: 3px;
	height: 410px;
	background: url(../images/xn.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 204px;
	top: 87px;
	transform: rotate(-22deg);
	-webkit-transform: rotate(-22deg);
}

.ri-main .ri-pic>div:nth-child(4) {
	width: 344px;
	position: absolute;
	left: 309px;
	top: 0;
}

.ri-main .ri-pic>div:nth-child(4) img {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	animation: animateImg 5.5s linear infinite;
	-webkit-animation: animateImg 5.5s linear infinite;
}

.ri-main .ri-pic>div:nth-child(4) i {
	display: block;
	width: 3px;
	height: 610px;
	background: url(../images/xn.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 150px;
	top: 87px;
	transform: rotate(1deg);
	-webkit-transform: rotate(1deg);
}

.ri-main .ri-pic>div:nth-child(5) {
	width: 216px;
	position: absolute;
	left: 281px;
	top: 376px;
}

.ri-main .ri-pic>div:nth-child(5) img {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	animation: animateImg 6.5s linear infinite;
	-webkit-animation: animateImg 6.5s linear infinite;
}

.ri-main .ri-pic>div:nth-child(5) i {
	display: block;
	width: 3px;
	height: 231px;
	background: url(../images/xn.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 150px;
	top: 87px;
	transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
}

.ri-main .ri-pic>div:nth-child(6) {
	width: 159px;
	position: absolute;
	left: 443px;
	top: 200px;
}

.ri-main .ri-pic>div:nth-child(6) img {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	animation: animateImg 7s linear infinite;
	-webkit-animation: animateImg 7s linear infinite;
}

.ri-main .ri-pic>div:nth-child(6) i {
	display: block;
	width: 3px;
	height: 408px;
	background: url(../images/xn.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 61px;
	top: 87px;
	transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
}

.ri-main .ri-pic>div:nth-child(7) {
	width: 376px;
	position: absolute;
	left: 488px;
	top: 339px;
}

.ri-main .ri-pic>div:nth-child(7) img {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	animation: animateImg 5s linear infinite;
	-webkit-animation: animateImg 5s linear infinite;
}

.ri-main .ri-pic>div:nth-child(7) i {
	display: block;
	width: 3px;
	height: 349px;
	background: url(../images/xn.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 155px;
	top: 76px;
	transform: rotate(48deg);
	-webkit-transform: rotate(48deg);
}

.ri-main .ri-pic>div:nth-child(8) {
	width: 213px;
	position: absolute;
	left: 661px;
	top: 113px;
}

.ri-main .ri-pic>div:nth-child(8) img {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	animation: animateImg 6s linear infinite;
	-webkit-animation: animateImg 6s linear infinite;
}

.ri-main .ri-pic>div:nth-child(8) i {
	display: block;
	width: 3px;
	height: 564px;
	background: url(../images/xn.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 7px;
	top: 55px;
	transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
}

.xian {
	display: block;
	position: absolute;
	right: 308px;
	top: 6px;
}

.tip {
	display: block;
	width: 509px;
	height: 505px;
	position: absolute;
	right: 168px;
	top: 60px;
}

.tp-img {
	display: block;
	width: 543px;
	height: 233px;
	position: absolute;
	right: 241px;
	top: 591px;
	cursor: pointer;
}


/*密文*/

.ckv {
	width: 100%;
	height: 1080px;
	min-width: 1200px;
	max-width: 1920px;
	background: url(../images/ck.jpg) no-repeat center;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.messbody {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.messbody>div {
	width: 100%;
	height: 100%;
	position: relative;
	display: none;
}

.messbody>div.active {
	display: block;
}

.messbody>div:nth-child(1) .leftPart {
	width: 943px;
	height: 810px;
	background: url(../images/mb.png) no-repeat center;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 45px 0 0 86px;
}

.messbody>div:nth-child(1) .leftPart .me_tit {
	display: block;
	position: absolute;
	left: 69px;
	top: 57px;
}

.messbody>div:nth-child(1) .leftPart .suo {
	width: 151px;
	height: 154px;
	overflow: hidden;
	position: absolute;
	left: 65px;
	bottom: 119px;
	cursor: pointer;
}

.messbody>div .suo.active img:nth-child(1) {
	display: none;
}

.messbody>div .leftPart .suo img {
	display: block;
	width: 100%;
	height: 100%;
}

.messbody>div:nth-child(1) .mess_ul {
	width: 187px;
	overflow: hidden;
	position: absolute;
	left: 60px;
	top: 295px;
}

.messbody>div:nth-child(1) .mess_ul li {
	width: 157px;
	height: 104px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.messbody>div:nth-child(1) .mess_ul li:nth-child(2) {
	margin-top: 10px;
}

.messbody>div:nth-child(1) .mess_ul li img {
	display: block;
	width: 100%;
	height: 100%;
}

.messbody>div:nth-child(1) .mess_ul li.active img:nth-child(1) {
	display: none;
}

.messbody>div:nth-child(1) .mess_tab {
	width: 729px;
	height: 698px;
	position: absolute;
	right: 15px;
	top: 80px;
}

.messbody>div:nth-child(1) .mess_tab img {
	display: none;
	width: 100%;
	height: 100%;
}

.messbody>div:nth-child(1) .mess_tab img.active {
	display: block;
}

.messbody>div:nth-child(1) .xline {
	display: block;
	width: 5px;
	height: 667px;
	float: left;
	margin: 123px 30px 0 48px;
}

.messbody>div:nth-child(1) .rightPart {
	width: 661px;
	overflow: hidden;
	position: relative;
	float: left;
}

.messbody>div:nth-child(1) .rightPart .st {
	display: block;
	width: 181px;
	height: 36px;
	margin: 119px 0 0 0;
}

.messbody>div:nth-child(1) .rightPart p {
	font-size: 16px;
	color: #dafcff;
	line-height: 28px;
	margin-top: 64px;
}

.messbody>div:nth-child(2) .xline {
	display: block;
	width: 5px;
	height: 667px;
	float: left;
	margin: 125px 33px 0 162px;
}

.messbody>div:nth-child(2) .leftPart {
	width: 676px;
	height: 731px;
	float: left;
	position: relative;
	margin: 125px 0 0 0;
}

.messbody>div:nth-child(2) .leftPart .st {
	display: block;
	margin: 0 0 0 47px;
}

.messbody>div:nth-child(2) .leftPart .me2 {
	display: block;
	margin: 20px 0 0 0;
}

.messbody>div:nth-child(2) .rightPart {
	width: 943px;
	height: 810px;
	background: url(../images/bg1.png) no-repeat center;
	position: relative;
	float: left;
	margin: 39px 0 0 14px;
}

.messbody>div:nth-child(2) .rightPart .biao2 {
	display: block;
	margin: 66px 0 0 62px;
}

.messbody>div:nth-child(2) .rightPart .suo {
	width: 151px;
	height: 154px;
	overflow: hidden;
	position: absolute;
	right: 58px;
	top: 67px;
	cursor: pointer;
}

.messbody>div:nth-child(2) .rightPart .rightPart_p {
	width: 680px;
	overflow: hidden;
	font-size: 18px;
	color: #dafcff;
	line-height: 30px;
	margin: -32px 0 0 158px;
}

.messbody>div:nth-child(3) .leftPart {
	width: 943px;
	height: 810px;
	background: url(../images/bg1.png) no-repeat center;
	position: relative;
	float: left;
	margin: 46px 0 0 185px;
}

.messbody>div:nth-child(3) .leftPart .biao {
	display: block;
	margin: 44px 0 0 53px;
}

.messbody>div:nth-child(3) .leftPart .suo {
	width: 151px;
	height: 154px;
	overflow: hidden;
	position: absolute;
	right: 59px;
	top: 52px;
	cursor: pointer;
}

.messbody>div:nth-child(3) .leftPart .newP {
	margin-left: 320px;
}

.messbody>div:nth-child(3) .leftPart .newP {
	font-size: 24px;
	color: #fff;
	text-shadow: 1px 1px 15px #78f4ff;
	line-height: 45px;
}

.messbody>div:nth-child(3) .xline {
	display: block;
	float: left;
	margin: 125px 0 0 51px;
}

.messbody>div:nth-child(3) .rightPart {
	width: 635px;
	height: 615px;
	position: relative;
	float: left;
	margin: 126px 0 0 25px;
}

.messbody>div:nth-child(3) .rightPart .st {
	display: block;
}

.messbody>div:nth-child(3) .rightPart p {
	font-size: 18px;
	color: #dafcff;
	line-height: 30px;
	margin-top: 64px;
	position: relative;
	z-index: 1;
}

.messbody>div:nth-child(3) .rightPart .xm {
	display: block;
	position: absolute;
	right: 72px;
	bottom: 0;
}

.messbody>div:nth-child(4) .xline {
	display: block;
	float: left;
	margin: 125px 40px 0 162px;
}

.messbody>div:nth-child(4) .leftPart {
	width: 609px;
	height: 653px;
	float: left;
	position: relative;
	margin: 125px 0 0 0;
}

.messbody>div:nth-child(4) .leftPart .biao {
	display: block;
}

.messbody>div:nth-child(4) .leftPart .mg {
	display: block;
	margin: 50px 0 0 80px;
}

.messbody>div:nth-child(4) .rightPart {
	width: 943px;
	height: 810px;
	background: url(../images/bg1.png) no-repeat center;
	position: relative;
	float: left;
	margin: 39px 0 0 85px;
}

.messbody>div:nth-child(4) .rightPart .st {
	display: block;
	margin: 49px 0 0 59px;
}

.messbody>div:nth-child(4) .rightPart p {
	width: 520px;
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	text-shadow: 1px 1px 25px #54efff;
	position: absolute;
	top: 212px;
	left: 314px;
}

.messbody>div:nth-child(4) .rightPart p i {
	display: block;
	width: 1px;
	height: 28px;
}

.messbody>div:nth-child(4) .rightPart .suo {
	width: 151px;
	height: 154px;
	overflow: hidden;
	position: absolute;
	left: 75px;
	bottom: 78px;
	cursor: pointer;
}

.messbody>div:nth-child(5) .leftPart {
	width: 943px;
	height: 810px;
	background: url(../images/bg1.png) no-repeat center;
	position: relative;
	float: left;
	margin: 48px 0 0 87px;
}

.messbody>div:nth-child(5) .leftPart .biao {
	display: block;
	margin: 48px 0 0 41px;
}

.messbody>div:nth-child(5) .leftPart .partP {
	font-size: 14px;
	color: #dafcff;
	line-height: 26px;
	position: absolute;
	left: 180px;
	top: 216px;
}

.messbody>div:nth-child(5) .leftPart .partP i {
	display: block;
	width: 1px;
	height: 18px;
}

.messbody>div:nth-child(5) .leftPart .suo {
	width: 151px;
	height: 154px;
	overflow: hidden;
	position: absolute;
	right: 69px;
	top: 72px;
	cursor: pointer;
}

.messbody>div:nth-child(5) .leftPart .playMusic {
	width: 550px;
	overflow: hidden;
	position: relative;
	margin: 55px auto 0;
}

.messbody>div:nth-child(5) .leftPart .playMusic .leftAnimate {
	width: 218px;
	height: 45px;
	float: left;
	position: relative;
	margin-top: 65px;
	visibility: hidden;
}

.messbody>div:nth-child(5) .leftPart .playMusic.active .leftAnimate,
.messbody>div:nth-child(5) .leftPart .playMusic.active .rightAnimate {
	visibility: visible;
}

.messbody>div:nth-child(5) .leftPart .playMusic .rightAnimate {
	width: 140px;
	height: 45px;
	float: left;
	position: relative;
	margin-top: 65px;
	visibility: hidden;
}

.messbody>div:nth-child(5) .leftPart .playMusic i.ifr {
	display: block;
	width: 212px;
	height: 2px;
	background-color: #2affff;
	opacity: .2;
	position: absolute;
	left: 0;
	top: 88px;
}

.messbody>div:nth-child(5) .leftPart .playMusic i.tfr {
	display: block;
	width: 212px;
	height: 2px;
	background-color: #2affff;
	opacity: .2;
	position: absolute;
	right: -46px;
	top: 88px;
}

.messbody>div:nth-child(5) .leftPart .playMusic .leftAnimate>div:nth-child(1) {
	width: 80px;
	height: 100%;
	position: relative;
	float: left;
}

.messbody>div:nth-child(5) .leftPart .playMusic .rightAnimate>div:nth-child(1) {
	width: 80px;
	height: 100%;
	position: relative;
	float: left;
	margin-left: 10px;
}

.messbody>div:nth-child(5) .leftPart .playMusic .rightAnimate>div:nth-child(2) {
	width: 30px;
	height: 100%;
	position: relative;
	float: left;
	margin-left: 10px;
}

.messbody>div:nth-child(5) .leftPart .playMusic .leftAnimate>div:nth-child(2) {
	width: 50px;
	height: 100%;
	position: relative;
	float: left;
	margin-left: 30px;
}

.messbody>div:nth-child(5) .leftPart .playMusic .leftAnimate>div:nth-child(3) {
	width: 20px;
	height: 100%;
	position: relative;
	float: left;
	margin-left: 10px;
}

.messbody>div:nth-child(5) .leftPart .playMusic span {
	display: block;
	width: 2px;
	height: 100%;
	background-color: #2affff;
	float: left;
	margin-left: 2px;
}

.messbody>div:nth-child(5) .leftPart .playMusic.active span:nth-child(1) {
	animation: waves 1s linear infinite;
	-webkit-animation: waves 1s linear infinite;
}

.messbody>div:nth-child(5) .leftPart .playMusic.active span:nth-child(2) {
	animation: waves 1.5s linear infinite;
	-webkit-animation: waves 1.5s linear infinite;
}

.messbody>div:nth-child(5) .leftPart .playMusic.active span:nth-child(3) {
	animation: waves 2s linear infinite;
	-webkit-animation: waves 2s linear infinite;
}

.messbody>div:nth-child(5) .leftPart .playMusic.active span:nth-child(4) {
	animation: waves 2.5s linear infinite;
	-webkit-animation: waves 2.5s linear infinite;
}

.messbody>div:nth-child(5) .leftPart .playMusic.active span:nth-child(5) {
	animation: waves 3s linear infinite;
	-webkit-animation: waves 3s linear infinite;
}

.messbody>div:nth-child(5) .leftPart .playMusic.active span:nth-child(6) {
	animation: waves 3.5s linear infinite;
	-webkit-animation: waves 3.5s linear infinite;
}

.messbody>div:nth-child(5) .leftPart .playMusic.active span:nth-child(7) {
	animation: waves 4s linear infinite;
	-webkit-animation: waves 4s linear infinite;
}

.messbody>div:nth-child(5) .leftPart .playMusic.active span:nth-child(8) {
	animation: waves 4.5s linear infinite;
	-webkit-animation: waves 4.5s linear infinite;
}

.messbody>div:nth-child(5) .leftPart .playMusic.active span:nth-child(9) {
	animation: waves 3s linear infinite;
	-webkit-animation: waves 3s linear infinite;
}

.messbody>div:nth-child(5) .leftPart .playMusic.active span:nth-child(10) {
	animation: waves 5s linear infinite;
	-webkit-animation: waves 5s linear infinite;
}

.messbody>div:nth-child(5) .leftPart .playMusic.active span:nth-child(11) {
	animation: waves 2.5s linear infinite;
	-webkit-animation: waves 2.5s linear infinite;
}

.messbody>div:nth-child(5) .leftPart .playMusic.active span:nth-child(12) {
	animation: waves 2s linear infinite;
	-webkit-animation: waves 2s linear infinite;
}

.messbody>div:nth-child(5) .leftPart .playMusic.active span:nth-child(13) {
	animation: waves 4s linear infinite;
	-webkit-animation: waves 4s linear infinite;
}

.messbody>div:nth-child(5) .leftPart .playMusic.active span:nth-child(14) {
	animation: waves 5.5s linear infinite;
	-webkit-animation: waves 5.5s linear infinite;
}

.messbody>div:nth-child(5) .leftPart .playMusic.active span:nth-child(15) {
	animation: waves 2s linear infinite;
	-webkit-animation: waves 2s linear infinite;
}

.messbody>div:nth-child(5) .leftPart .playMusic .playImg {
	width: 176px;
	height: 176px;
	float: left;
	cursor: pointer;
}

.messbody>div:nth-child(5) .leftPart .playMusic .playImg.active {
	animation: rotateImg 4s linear infinite;
	-webkit-animation: rotateImg 4s linear infinite;
}

.messbody>div:nth-child(5) .leftPart .music-tit {
	width: 638px;
	height: 79px;
	background: url(../images/mut.png) no-repeat center;
	position: relative;
	margin: 10px auto 0;
}

.messbody>div:nth-child(5) .leftPart .music-tit p {
	font-size: 16px;
	color: #dafcff;
	text-shadow: 1px 1px 15px #54efff;
	text-align: center;
	line-height: 79px;
}

.messbody>div:nth-child(5) .leftPart .clickPlay {
	width: 56px;
	height: 56px;
	overflow: hidden;
	margin: 20px auto 0;
	position: relative;
	cursor: pointer;
}

.messbody>div:nth-child(5) .xline {
	display: block;
	float: left;
	margin: 125px 0 0 46px;
}

.messbody>div:nth-child(5) .rightPart {
	width: 638px;
	height: 529px;
	position: relative;
	float: left;
	margin: 125px 0 0 30px;
}

.messbody>div:nth-child(5) .rightPart .st {
	display: block;
}

.messbody>div:nth-child(5) .rightPart p {
	font-size: 18px;
	color: #dafcff;
	line-height: 30px;
	margin: 75px 0 0 0;
}

.messbody>div:nth-child(6) .xline {
	display: block;
	float: left;
	margin: 125px 0 0 92px;
}

.messbody>div:nth-child(6) .leftPart {
	width: 919px;
	height: 721px;
	position: relative;
	float: left;
	margin: 122px 0 0 16px;
}

.messbody>div:nth-child(6) .leftPart .biao {
	display: block;
	margin: 0 0 0 51px;
}

.messbody>div:nth-child(6) .leftPart .mg {
	display: block;
	margin: 28px 0 0 0;
}

.messbody>div:nth-child(6) .rightPart {
	width: 813px;
	height: 810px;
	background: url(../images/bg3.png) no-repeat center;
	position: relative;
	float: left;
	margin: 39px 0 0 -10px;
}

.messbody>div:nth-child(6) .rightPart .st {
	display: block;
	margin: 61px 0 0 46px;
}

.messbody>div:nth-child(6) .rightPart .divP {
	font-size: 20px;
	color: #fff;
	text-shadow: 1px 1px 25px #78f4ff;
	line-height: 44px;
	position: absolute;
	left: 145px;
	top: 210px;
}

.messbody>div:nth-child(6) .rightPart .suo {
	width: 151px;
	height: 154px;
	overflow: hidden;
	position: absolute;
	right: 62px;
	top: 222px;
	cursor: pointer;
}

.messbody>div:nth-child(6) .rightPart .mm {
	display: block;
	position: absolute;
	right: 72px;
	top: 93px;
}

.second-part {
	width: 100%;
	height: 1080px;
	min-width: 1200px;
	max-width: 1920px;
	background: url(../images/ckk.jpg) no-repeat center;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.leftMenu {
	width: 191px;
	overflow: hidden;
	float: left;
	position: relative;
	margin: 88px 0 0 59px;
}

.leftMenu li:nth-child(1) {
	margin-left: 0;
	background: url(../images/mr.png) no-repeat center;
}

.leftMenu li:nth-child(1).active {
	background: url(../images/mrh.png) no-repeat center;
}

.leftMenu li {
	width: 191px;
	height: 74px;
	margin-top: 10px;
	background: url(../images/suo.png) no-repeat center;
	cursor: pointer;
}

.leftMenu li.on {
	background: url(../images/mr.png) no-repeat center;
}

.leftMenu li.active {
	background: url(../images/wsuo.png) no-repeat center;
}

.leftMenu li.on.active {
	background: url(../images/mrh.png) no-repeat center;
}

.leftMenu li.on.active p {
	font-size: 16px;
	color: #000;
	line-height: 74px;
	text-align: center;
	text-indent: 0;
}

.leftMenu li.active p {
	font-size: 16px;
	color: #62bfcd;
	line-height: 74px;
	text-align: center;
	text-indent: 45px;
}

.leftMenu li:nth-child(1).active p {
	font-size: 16px;
	color: #000;
	line-height: 74px;
	text-align: center;
	text-indent: 0;
}

.leftMenu li:nth-child(1) p {
	color: #62bfcd;
	line-height: 74px;
	text-indent: 60;
	font-size: 14px;
}

.leftMenu li p span {
	font-size: 22px;
	font-weight: bold;
}

.leftMenu li p {
	color: #62bfcd;
	line-height: 74px;
	text-indent: 70px;
	font-size: 14px;
}

.rightCon {
	width: 950px;
	overflow: hidden;
	float: left;
}

.rightCon>div {
	display: none;
}

.rightCon>div.active {
	display: block;
}

.rightCon .part {
	width: 805px;
	margin: 266px 0 0 94px;
	position: relative;
}

.rightCon .part:nth-child(1) p {
	width: 714px;
	margin: -10px 0 0 74px;
}

.rightCon .part:nth-child(2) p {
	width: 684px;
	margin: -52px 0 0 85px;
}

.rightCon .part p {
	font-size: 18px;
	color: #d5f8ff;
	text-shadow: 1px 1px 10px #78f4ff;
	line-height: 30px;
}

.rightCon .part .fsuo {
	display: block;
	width: 805px;
	height: 446px;
}

.rightCon .part.part3 {
	width: 750px;
	height: 500px;
	margin: 208px 0 0 165px;
}

.rightCon .part:nth-child(3) .fsuo {
	position: absolute;
	left: -71px;
	top: 58px;
}

.rightCon .part:nth-child(4) .fsuo {
	margin: 68px 0 0 -106px;
}

.rightCon .part:nth-child(5) .fsuo {
	position: absolute;
	left: -71px;
	top: 58px;
}

.rightCon .part:nth-child(6) .fsuo {
	position: absolute;
	left: -71px;
	top: 58px;
}

.rightCon .part:nth-child(7) .fsuo {
	position: absolute;
	left: -71px;
	top: 58px;
}

.rightCon .part.part3 p {
	width: 750px;
	height: 416px;
	overflow: auto;
}

.rightCon .part.part3 p::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 5px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 4px;
}

.rightCon .part.part3 p::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 5px;
	background: #76def4;
}

.rightCon .part.part3 p::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	-webkit-box-shadow: inset005pxrgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: rgba(0, 0, 0, 1);
}

.rightCon .part i {
	display: block;
	width: 1px;
	height: 20px;
}

.rightCon .part span {
	display: block;
	width: 100%;
	height: 100px;
	background-color: rgba(125, 244, 255, .3);
	position: absolute;
	left: 0;
	bottom: 83px;
}

.rightCon .part .xh {
	display: block;
	position: absolute;
	left: 305px;
	bottom: -0;
	animation: imgDown 2s linear infinite;
	-webkit-animation: imgDown 2s linear infinite;
}

.rightCon .part.part4 {
	margin-top: 198px;
	margin-left: 200px;
}

.rightCon .part.part4 img {
	display: inline-block;
	vertical-align: middle;
}

.big {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	background-color: rgba(0, 0, 0, .8);
	cursor: pointer;
	display: none;
}

.big img {
	display: block;
	max-width: 1200px;
	margin: 0 auto 0;
	position: relative;
	top: 45%;
	transform: translate(0, -45%);
	-webkit-transform: translate(0, -45%);
}

.black {
	width: 100%;
	height: 100%;
	background: url(../images/black.jpg) no-repeat center;
	background-size: 100% 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	display: none;
}

.c_black {
	width: 666px;
	height: 500px;
	overflow: hidden;
	position: relative;
	margin: 0 auto 0;
	top: 45%;
	transform: translate(0, -45%);
	-webkit-transform: translate(0, -45%);
}

.c_black p {
	width: 566px;
	font-size: 22px;
	color: #fff;
	line-height: 40px;
	margin-left: 85px;
}

.c_black .shake {
	font-size: 22px;
	color: #fff;
	line-height: 40px;
	margin-left: 85px;
	animation: shake .8s linear infinite;
	-webkit-animation: shake .8s linear infinite;
}
@keyframes shake {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

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

@-moz-keyframes shake {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-ms-keyframes shake {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes imgDown {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

@-webkit-keyframes imgDown {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

@-ms-keyframes imgDown {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

@-moz-keyframes imgDown {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

@keyframes animateImg {
	0% {
		transform: translate(-5px, -5px) scale(1.05);
	}
	50% {
		transform: translate(0, 0) scale(1);
	}
	100% {
		transform: translate(-5px, -5px) scale(1.05);
	}
}

@-webkit-keyframes animateImg {
	0% {
		transform: translate(-5px, -5px) scale(1.05);
	}
	50% {
		transform: translate(0, 0) scale(1);
	}
	100% {
		transform: translate(-5px, -5px) scale(1.05);
	}
}

@-ms-keyframes animateImg {
	0% {
		transform: translate(-5px, -5px) scale(1.05);
	}
	50% {
		transform: translate(0, 0) scale(1);
	}
	100% {
		transform: translate(-5px, -5px) scale(1.05);
	}
}

@-moz-keyframes animateImg {
	0% {
		transform: translate(-5px, -5px) scale(1.05);
	}
	50% {
		transform: translate(0, 0) scale(1);
	}
	100% {
		transform: translate(-5px, -5px) scale(1.05);
	}
}

@-webkit-keyframes waves {
	10% {
		transform: scale(.2);
	}
	20% {
		transform: scale(.4);
	}
	40% {
		transform: scale(.6);
	}
	50% {
		transform: scale(.7);
	}
	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes waves {
	10% {
		transform: scale(.2);
	}
	20% {
		transform: scale(.4);
	}
	40% {
		transform: scale(.6);
	}
	50% {
		transform: scale(.7);
	}
	100% {
		transform: scale(1);
	}
}

@-ms-keyframes waves {
	10% {
		transform: scale(.2);
	}
	20% {
		transform: scale(.4);
	}
	40% {
		transform: scale(.6);
	}
	50% {
		transform: scale(.7);
	}
	100% {
		transform: scale(1);
	}
}

@-moz-keyframes waves {
	10% {
		transform: scale(.2);
	}
	20% {
		transform: scale(.4);
	}
	40% {
		transform: scale(.6);
	}
	50% {
		transform: scale(.7);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes rotateImg {
	0 {
		transform: rotate(0);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes rotateImg {
	0 {
		transform: rotate(0);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

@-ms-keyframes rotateImg {
	0 {
		transform: rotate(0);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes rotateImg {
	0 {
		transform: rotate(0);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}