.zbox {
	min-width: 1320px;
}

.w1320 {
	width: 1320px;
	margin: auto;
	position: relative;
}

.pw100 {
	position: absolute;
	width: 100%;
	left: 0;
	min-width: 1320px;
}

.info {
	background: url(../static/info.png) no-repeat;
}

.butinfo {
	float: left;
	width: 263px;
	height: 57px;
	/* background: url(../img/sbut.png) no-repeat; */
}

.butinfo i {
	/* margin-left: 2px; */
}

.butinfo.but1 {
	/* background-position: left top; */
	/* position: absolute;
	bottom: 35px; */
}

.butinfo.but1 i {
	/* background-position: right top; */
	/* position: absolute;
	bottom: 35px; */
}

.butinfo.but2 {
	/* background-position: left -60px; */
	/* opacity: 0.0; */
	position: absolute;
	bottom: 35px;
}

.butinfo.but2 i {
	/* background-position: right -60px; */
}

.butinfo.but2 font,
.butinfo.but2 span {
	position: absolute;
	left: 60px;
	top: 15px;
	width: 30px;
	height: 20px;
	background-position: -225px -58px;
}

.butinfo.but2 span {
	top: 31px;
	height: 8px;
	background-position: -225px bottom;
}

.butinfo.but2 font {
	-webkit-animation: downUpCss2 ease-in-out .4s infinite;
	animation: downUpCss2 ease-in-out .4s infinite;
}

.butinfo.but3 {
	/* background-position: left -120px; */
	position: absolute;
	bottom: 35px;
}

.butinfo.but3 i {
	/* background-position: right -120px; */
}

.butinfo.but4 {
	background-position: left -54px ;
}

.butinfo.but4 i {
	background-position: right -54px;
	border: 2;
	border-color: red;
}

.wtop{
	max-width: 1920px;
	position: relative;
	margin: 0 auto;
	height: 1780px;
	background: url(../img/bg1.jpg) no-repeat center top;
}

/* .wtop i.z{
	background:url(../img/s1.png);
	width:845px; height:222px; position:absolute; left:50%; margin-left:-432px; top:175px;
}
.wtop i.z {
	background: url(../img/b2.png);
	width: 651px;
	height: 381px;
	position: absolute;
	left: 50%;
	margin-left: -325px;
	top: 130px;
}

.wtop i.z2 {
	background: url(../img/s3.png);
	width: 368px;
	height: 38px;
	position: absolute;
	left: 50%;
	margin-left: -168px;
	top: 500px;
} */

.wtop i.zd {
	z-index: 2;
}

/* .wtop i.zd1 {
	height: 158px;
	background: url(../img/pb8.png) no-repeat center top;
	top: 980px;
}

.wtop i.zd2 {
	height: 229px;
	background: url(../img/pb1.png) no-repeat center top;
	bottom: 0;
} */

.wtop .tsbox_wrap{
	top: 1000px;
	overflow: hidden;
	height: 780px;
	background: url(../img/bg2.jpg) no-repeat center top;
}

.wtop .tsbox {
	width: 1277px;
	height: 640px;
	/* background: url(../img/bg_ts.png) no-repeat; */
	background-size: 100%;
	margin-top: 129px;
}

.wtop .tsbox li {
	float: left;
	display: none;
	position: relative;
	margin: 75px 0 0 198px;
}

.wtop .tsbox li.hover {
	display: block;
}

.wtop .tsbox li .role {
	right: -388px;
	top: 60%;
	transform: translateY(-50%);
}

/* .wtop .zlogo {
	position: absolute;
	top: 55px;
	left: 40px;
	width: 286px;
	z-index: 5;
} */

.wtop .tbox {
	position: absolute;
	width: 1243px;
	top: 630px;
	left: 2px;
	height: 377px;
	left: 50%;
	margin-left: -578px;
	z-index: 6;
}

.wtop .tbox li {
	height: 100%;
	width: 371px;
	position: relative;
	/* background: url(../img/tk1.png) no-repeat; */
	z-index: 5;
}

.wtop .tbox .tl1 {
	/* background: url(../img/tk1.png) no-repeat; */
	position: relative;
}

.wtop .tbox .tl2 {
	/* background: url(../img/tk2.png) no-repeat; */
	position: relative;

}

.wtop .tbox .tl3 {
	/* background: url(../img/tk3.png) no-repeat; */
	position: relative;
}



.wtop .tbox li .title {
	margin-top: 27px;
	height: 39px;
	overflow: hidden;
	width: auto;
}

.wtop .tbox li.tl2 em {
	margin: 4px 0 0 54px;
	width: 247px;
}

.wtop .tbox li.tl3 em {
	margin: 48px 0 0 0;
	width: 268px;
}

.wtop .tbox li.tl2 a {
	margin-top: 9px;
}

.wtop .tbox li.tl3 a {
	margin-top: 37px;
}

/* .wtop .ckbg {
	z-index: 3;
} */

/* .wtop .tbox li em{ float:left;} */
/*


*/

.rbox {
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
	display: none;
}

.regbox h3 {
	line-height: 22px;
	padding-bottom: 4px;
	margin: 0;
	font-size: 14px;
	color: #7c7c7c;
	text-align: left;
	margin-left: -55px;
	font-weight: 400;
}

.regwp {
	text-align: left;
	margin-top: 86px;
}

.regwp1 {
	width: 280px;
}

.regwp .inputlist {
	width: 100%;
	height: 38px;
	float: left;
	border: solid 1px #bbbaba;
	margin-bottom: 11px;
}

.regwp .inputlist span {
	height: 100%;
	float: left;
	width: 22px;
	margin: 0 17px 0 12px;
}

.regwp .inputlist span.user {
	background-position: -304px 9px;
}

.regwp .inputlist span.pwd {
	background-position: -304px -40px;
}

.regwp .inputlist dd {
	float: left;
	padding: 0;
	margin: 0;
	width: 218px;
	height: 100%;
	position: relative;
}

.regwp .inputlist dd input {
	line-height: 36px;
	background: none;
	border: none;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 36px;
	color: #a5a4a4;
	font-size: 14px;
}

.regwp .inputlist dd p {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #a5a4a4;
	line-height: 36px;
}

.regwp .inputlist dd p.error {
	color: red;
	display: none;
}

.regwp label {
	height: 14px;
	margin: 0 0 0 14px;
	float: left;
	color: #777;
}

.regwp label input {
	float: left;
	vertical-align: top;
	margin: 1px 0 0 0;
	padding: 0;
	height: 14px;
	width: 14px;
	border: none;
	position: relative;
}

.regwp label span {
	margin-left: 4px;
	font-size: 12px;
	text-align: left;
	float: left;
	line-height: 14px;
}

.regwp label span a {
	color: #da403b;
	text-decoration: underline;
}

/* .regwp .but1{ margin:9px 0 0 16px;} */

.regok {
	color: #8a8a8a;
	display: none;
}

.regok h2 {
	color: #67c1f5;
	font-size: 20px;
	margin: 73px 0 0 0;
	width: 100%;
	padding-top: 60px;
	line-height: 28px;
	background: url(../img/k1.png) no-repeat center top;
}

.regok p {
	line-height: 28px;
	padding: 17px 0 0 0;
}

.regok a {
	margin: 59px 0 0 37px;
}



.tsnav {
	position: absolute;
	z-index: 5;
	left: 50%;
	padding: 105px 0 80px 0;
	margin-left: -606px;
	top: 143px;
	width: 211px;
	height: 408px;
	background: url(../img/ts.png) no-repeat center top;
	box-sizing: border-box;
}

.tsnav a {
	position: relative;
	float: left;
	width: 181px;
	height: 48px;
	line-height: 48px;
	margin-left: 8px;
	color: #fff;
	font-size: 18px;
	text-indent: 12px;
}

.tsnav a i {
	position: absolute;
	filter: alpha(opacity=0);
	opacity: 0;
	left: 6px;
	top: 20px;
	width: 10px;
	height: 11px;
	background-position: -225px top;
}

.tsnav a.hover {
	color: #ffd259;
}

.tsnav a.hover i {
	filter: alpha(opacity=100);
	opacity: 1;
}

.wcont{
	height: 513px;
	background: url(../img/bg3.jpg) no-repeat center top;
}

.ckbg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
}

.jtbox,
.dzbox {
	position: absolute;
	left: 50%;
	margin-left: -541px;
	width: 468px;
	top: 60px;
}

.jtbox h2,
.dzbox h2 {
	line-height: 26px;
	padding-left: 36px;
	color: #f17175;
	font-size: 22px;
	background-position: -348px 3px;
	margin: 0 0 22px 0;
	font-weight: 400;
	text-align: left;
}

/* .jt_lb {
	float: left;
	position: relative;
	width: 500px;
	height: 390px;
	background: url(../img/frame1.png) no-repeat;
	background-size: 100%;
} */

/* .jt_lb i{ position:absolute; left:0px; top:0px; background:#6e97e2; width:100%; height:260px;} */
.jt_lb .wraps {
	position: relative;
	z-index: 2;
	float: left;
	width: 500px;
	height: 281px;
	margin: 4px 0 0 4px;
}

.jt_lb .wraps a,
.jt_lb .wraps a img {
	width: 100%;
}

.wraps a p {
	padding-top: 10px;
	line-height: 20px;
	color: #f17175;
}

.dzbox {
	margin-left: 68px;
}

.dzbox h2 {
	background-position: -352px -61px;
	padding-left: 29px;
}

.dzbox h2 span {
	padding-left: 18px;
	font-size: 16px;
	color: #a27576;
}

.dzbox h2 span font {
	color: #ff393f;
}

.dzlb {
	float: left;
	width: 100%;
	padding-top: 20px;
	height: 271px;
	position: relative;
	overflow: hidden;
	background: url(../img/dbg.png) no-repeat;
}

.dzlb ul {
	overflow: hidden;
	zoom: 1;
}

.dzlb ul li {
	width: 100%;
	height: 66px;
	overflow: hidden;
	float: left;
}

.dzlb ul li p {
	padding: 0 24px 0 36px;
	line-height: 22px;
	color: #983030;
	text-align: left;
}

.dzlb ul li p span {
	color: #ff393f;
}

.dzbut {
	float: left;
	margin: 20px 0 0 181px;
	width: 79px;
	height: 24px;
	background-position: -205px -18px;
}

.dzbutX {
	float: left;
	margin: 30px 0 0 181px;
	width: 130px;
	height: 34px;
	background-position: -205px -18px;
}

.wzy {
	height: 950px;
	background: url(../img/bg4.jpg) no-repeat center top;
}

.zybox {
	z-index: 3;
	height: 850px;
	/* background: url(../img/zk2.png) no-repeat center 45px; */
	position: relative;
}

.zybox ul {
	float: left;
	width: 100%;
	height: 100%;
	/* background: url(../img/zt.png) no-repeat 90px 90px; */
}

.zybox li {
	float: left;
	width: 100%;
	height: 100%;
	display: none;
}

.zybox li.hover {
	display: block;
}

.zybox li dd {
	padding: 0;
	margin: 0;
	top: 128px;
	left: 867px;
	position: absolute;
}

.zybox li p {
	position: absolute;
	color: #cb3c3c;
	font-size: 18px;
	line-height: 24px;
	top: 250px;
	left: 915px;
}

.zybox li em {
	width: 635px;
	height: 99px;
	position: absolute;
	/* background: url(../img/s.png); */
	top: 181px;
	right: 129px;
}

.zybox li i {
	position: absolute;
}

.zybox li i.zn1 {
	width: 611px;
	top: 100px;
	left: 355px;
}

.zybox li i.z1 {
	width: 611px;
	top: 61px;
	left: 329px;
}

.zybox li i.z2 {
	width: 657px;
	top: 76px;
	left: 253px;
}

.zybox li i.z3 {
	width: 510px;
	top: 60px;
	left: 402px;
}

.zybox li i.z4 {
	width: 561px;
	top: 30px;
	left: 326px;
}

.zybox li i.z5 {
	width: 797px;
	top: 63px;
	left: 291px;
}

.zybox li i.z6 {
	width: 606px;
	top: 63px;
	left: 350px;
}

.zybox li i.z7 {
	width: 577px;
	top: 75px;
	left: 356px;
}

.zybox li i.z8 {
	width: 561px;
	top: 68px;
	left: 429px;
}

.zybox li i.z9 {
	width: 590px;
	top: 68px;
	left: 304px;
}

.zybox li i.z10 {
	width: 590px;
	top: 68px;
	left: 304px;
}

.showbox li.hover .cssopts {
	opacity: 1;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: UpCss2;
	animation-name: UpCss2;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
}

.zynav {
	position: absolute;
	left: 0;
	width: 100%;
	top: 790px;
}

.zynav a {
	margin: 0 20px;
}

.zynav a,
.zynav a i {
	display: inline-block;
	width: 62px;
	height: 89px;
	position: relative;
	background: url(../img/zyixo.png) no-repeat;
}

.zynav a.za1 {
	background-position: 3px top;
}

.zynav a.za1 i {
	background-position: 3px bottom;
}

.zynav a.za2 {
	background-position: -103px top;
}

.zynav a.za2 i {
	background-position: -103px bottom;
}

.zynav a.za3 {
	background-position: -211px top;
}

.zynav a.za3 i {
	background-position: -211px bottom;
}

.zynav a.za4 {
	background-position: -319px top;
}

.zynav a.za4 i {
	background-position: -319px bottom;
}

.zynav a.za10 {
	background-position: -422px top;
}

.zynav a.za10 i {
	background-position: -422px bottom;
}

.zynav a.za6 {
	background-position: -517px top;
}

.zynav a.za6 i {
	background-position: -517px bottom;
}

.zynav a.za7 {
	background-position: -621px top;
}

.zynav a.za7 i {
	background-position: -621px bottom;
}

.zynav a.za8 {
	background-position: -725px top;
}

.zynav a.za8 i {
	background-position: -725px bottom;
}

.zynav a.za9 {
	background-position: -832px top;
}

.zynav a.za9 i {
	background-position: -832px bottom;
}

.zynav a.za5 {
	background-position: -925px top;
}

.zynav a.za5 i {
	background-position: -925px bottom;
}


.zynav a p {
	position: absolute;
	top: -50px;
	text-align: center;
	left: 50%;
	margin-left: -16px;
	line-height: 18px;
	font-size: 18px;
	width: 32px;
	height: 100px;
	background: url(../img/zk.png);
	color: #567ec6;
	filter: alpha(opacity=0);
	opacity: 0;
	display: none;
}

.zynav a p span {
	padding-top: 23px;
	float: left;
	width: 100%;
}

.zynav a.hover i {
	filter: alpha(opacity=100);
	opacity: 1;
}

/* .zynav a.hover p,.zynav a:hover p{ top:-81px; filter: alpha(opacity=100);  opacity: 1;} */

.zypage {
	position: absolute;
	width: 163px;
	top: 560px;
	height: 100px;
}

.spage {
	background: url(../img/arrow_left.png) no-repeat;
	left: 166px;
	-webkit-animation: rlCss 2s ease-out infinite;
	animation: rlCss 2s ease-out infinite;
}

.npage {
	background: url(../img/arrow_right.png) no-repeat;
	right: 166px;
	-webkit-animation: lrCss 2s ease-out infinite;
	animation: lrCss 2s ease-out infinite;
}

.btmbtn {
	position: absolute;
	width: 1130px;
	left: 50%;
	margin-left: -565px;
	top: 958px;
	height: 77px;
	display: flex;
	justify-content: space-around;
}

/* .btmbtn a,
.btmbtn span {
	background: url(../img/but.png) no-repeat;
	float: left;
	height: 100%;
}

.btmbtn a {
	width: 355px;
}

.btmbtn a.btn1 {
	background: url(../img/btn_v1_6.png) no-repeat;
}

.btmbtn a.btn2 {
	background: url(../img/btn_v1_2.png) no-repeat;
} */

/* .footer {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 24px 0 50px 0;
	border-top: solid 1px #fecfb6;
}
.zt_footer p {
	line-height: 22px;
}

.zt_footer,
.zt_footer a,
.zt_footer font {
	color: #7a8187;
	font-size: 14px;
}
*/

#cont_win .pwin_box {
	width: 1049px;
	height: 616px;
	margin-right: -492px;
	margin-top: -308px;
	background: url(../img/pbg.png) no-repeat;
}

#cont_win .pwin_box .exit {
	position: absolute;
	width: 62px;
	height: 62px;
	top: 6px;
	right: -70px;
	background: url(../img/x.png) no-repeat;
}

.pcleft {
	float: left;
	width: 648px;
	height: 100%;
	position: relative;
	margin-left: 111px;
}

.pbut {
	background: url(../img/pbut.png) no-repeat;
}

.pnav {
	float: left;
	margin-top: 50px;
	height: 50px;
}

.pnav a {
	float: left;
	width: 210px;
	height: 100%;
}

.pnav a.pa1 {
	background-position: left top;
}

.pnav a.pa1 i {
	background-position: left bottom;
}

.pnav a.pa2 {
	background-position: center top;
}

.pnav a.pa2 i {
	background-position: center bottom;
}

.pnav a.pa3 {
	background-position: right top;
}

.pnav a.pa3 i {
	background-position: right bottom;
}

.pnav a.hover i {
	filter: alpha(opacity=100);
	opacity: 1;
}

.pcont {
	float: left;
	width: 100%;
	position: relative;
	height: 460px;
	margin-top: 43px;
}

.pcont li {
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
	display: none;
}

.pcont li.hover {
	display: block;
}

.pcont li i {
	float: left;
	height: 58px;
	margin-left: 21px;
}

.pcont li.pcl1 em {
	float: left;
	margin: -38px 0 0 17px;
	width: 584px;
}

.pcont li p {
	float: left;
	font-size: 16px;
	padding: 20px 0 0 38px;
	color: #567ec6;
	text-align: left;
	line-height: 26px;
}

.pcont li p font {
	color: #fe83af;
}

.pcont li.pcl2 em {
	float: left;
	margin: -49px 0 0 111px;
	width: 404px;
}

.pcont li.pcl3 em {
	float: left;
	width: 184px;
	margin: 56px 8px 0 71px;
}

.pcright {
	float: left;
	width: 250px;
	margin-left: 17px;
}

.regbox2 {
	float: left;
	width: 100%;
	height: 444px;
	position: relative;
}

.regbox2 .title {
	width: 100%;
	float: left;
	height: 44px;
	margin: 40px 0 8px 0;
	background: url(../img/pz.png) no-repeat center top;
}

.regwp2 .inputlist {
	width: 100%;
	border: solid 1px #c7d4ec;
	border-width: 1px 0 1px 0;
	background: #fff;
	margin-bottom: 12px;
}

.regwp2 .inputlist span {
	display: none;
}

.regwp2 .inputlist dd {
	margin-left: 13px;
	width: 224px;
}

.regwp2 .but1 {
	margin: 21px 0 0 -5px;
}

.regwp2 label {
	margin: 0;
	color: #fff;
}

.regwp2 label span a {
	color: #fef483;
}

.pcright .but2 {
	margin: 0 0 0 -5px;
	background: none;
}

.pcright .but2 i {
	background: url(../img/btn_down.png) no-repeat -2px top;
	background-size: 100%;
}

.regok2 {
	color: #bbcef1;
	height: 444px;
	float: left;
	width: 100%;
	overflow: hidden;
}

.regok2 h2 {
	background: url(../img/k.png) no-repeat center top;
	margin: 113px 0 0 0;
	color: #fff;
}

.regok2 p {
	padding: 26px 0 26px 0;
}

.regok2 a {
	margin: 0 0 0 1px;
}

canvas {
	position: absolute;
	top: 0;
	height: 980px;
	width: 99%;
	left: 0;
}

@-webkit-keyframes rlCss {
	0% {
		-webkit-transform: translateX(0);
	}

	50% {
		-webkit-transform: translateX(10%);
	}

	100% {
		-webkit-transform: translateX(0);
	}
}

@keyframes rlCss {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(10%);
	}

	100% {
		transform: translateX(0);
	}
}

@-webkit-keyframes lrCss {
	0% {
		-webkit-transform: translateX(0);
	}

	50% {
		-webkit-transform: translateX(-10%);
	}

	100% {
		-webkit-transform: translateX(0);
	}
}

@keyframes lrCss {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(-10%);
	}

	100% {
		transform: translateX(0);
	}
}

@-webkit-keyframes UpCss2 {
	0% {
		-webkit-transform: translateY(10%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes UpCss2 {
	0% {
		transform: translateY(10%);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@-webkit-keyframes UpCss3 {
	0% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateY(-10%);
		opacity: 0;
	}
}

@keyframes UpCss3 {
	0% {
		transform: translateY(0);
		opacity: 1;
	}

	100% {
		transform: translateY(-10%);
		opacity: 0;
	}
}

@-webkit-keyframes downUpCss2 {

	0% {
		-webkit-transform: translateY(0);
	}

	50% {
		-webkit-transform: translateY(-5px);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}

@keyframes downUpCss2 {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-5px);
	}

	100% {
		transform: translateY(0);
	}
}

.df {
	display: flex;
	flex-shrink: 0;
}

.dfc {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
}

.fww {
	flex-wrap: wrap;
}

.ac {
	align-items: center;
}

.jc {
	justify-content: center;
}

.jsb {
	justify-content: space-between;
}

.flex1 {
	flex: 1;
}