

a:focus,
input,
textarea {
	outline: none;
}

* {
	margin: 0px;
	padding: 0px;
	-webkit-overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	word-break: break-all;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	line-height: 1;
}

a,
span,
i {}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}

.clear {
	clear: both;
}

ul,
ol,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

h1 {
	margin-top: 0px;
	margin-bottom: 0px;
}

p {
	margin-bottom: 0px;
	margin-top: 0px;
}

img {
	border: 0px;
	vertical-align: middle;
}

.img {
	width: 100%;
	height: auto;
}

body {
	overflow-x: hidden;
	font-family: Microsoft YaHei, Segoe UI, Tahoma, Arial, Verdana, sans-serif;
	line-height: 1;
}

.sectionhalf {
	width: 600px;
}

/*.section_big{min-width: 1200px; margin-right: auto; margin-left: auto;}
.section{width: 1200px; margin-right: auto; margin-left: auto;}*/

.absolute {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

.absolute2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.detailCon p {
	display: block;
}

.detailCon span,
.detailCon a,
.detailCon i {
	display: inline;
}

.detailCon img {
	max-width: 100% !important;
	height: auto !important;
}

.backLazys {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

a:focus,
a:link,
a {
	text-decoration: none;
}

.scrollcomm {
	position: relative;
	top: 90px;
	opacity: 0;
	filter: alpha(opacity=0);
	zoom: 1;
}

.scrollcomm1 {
	top: 90px;
	opacity: 0;
	filter: alpha(opacity=0);
	zoom: 1;
}

.scrollcomm2 {
	opacity: 0;
	filter: alpha(opacity=0);
	zoom: 1;
}

.scrollcomm3 {
	margin-top: 80px;
	opacity: 0;
	filter: alpha(opacity=0);
	zoom: 1;
}

.article-block {
	position: relative;
}

.opacityzero {
	opacity: 0;
	display: none\9;
}

.tran {
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
}

.trandelay {
	transition: all 0.6s 0.2s;
	-webkit-transition: all 0.6s 0.2s;
	-moz-transition: all 0.6s 0.2s;
}

.tranfive {
	transition: all 4s;
	-webkit-transition: all 4s;
	-moz-transition: all 4s;
}

.tranthree {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.trantwo {
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
}

.transix {
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
}

.transixdelayone {
	transition: all 0.2s 0.2s;
	-webkit-transition: all 0.2s 0.2s;
	-moz-transition: all 0.2s 0.2s;
}

.tranba {
	transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
}

.transcaleleft {
	transform: scale(0, 1);
	-o-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-webkit-transform: scale(0, 1);
}

.transcaletop {
	transform: scale(1, 0);
	-o-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	-moz-transform: scale(1, 0);
	-webkit-transform: scale(1, 0);
}

.transcalow {
	transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
}

.transcaonenoe {
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.transcaonefive {
	transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
}

.transcaone {
	transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
}

.transcaonezerofive {
	transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

.transcalzero {
	transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
}

.transcalzerofive {
	transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-webkit-transform: scale(0.5);
}

.transcalzerofiveX {
	transform: scaleX(0.5);
	-o-transform: scaleX(0.5);
	-ms-transform: scaleX(0.5);
	-moz-transform: scaleX(0.5);
	-webkit-transform: scaleX(0.5);
}

.transcalxzero {
	transform: scaleX(0);
	-o-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-webkit-transform: scaleX(0);
}

/*.ismages:hover img{transform:scale(1.2); -o-transform:scale(1.2);  -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); cursor: pointer;}
*/

.ismages:hover .noscale {
	transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
}

.ismages:hover .tranA {
	transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	cursor: pointer;
}

.tranorgin_rightTop {
	transform-origin: right top;
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
}

.tranorgin_rightTop {
	transform-origin: right top;
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
}

.tranorgin_rightTop {
	transform-origin: right top;
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
}

.tranorgin_rightbottom {
	transform-origin: right bottom;
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	-o-transform-origin: right bottom;
}

.tranorgin_leftbottom {
	transform-origin: left bottom;
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	-o-transform-origin: left bottom;
}

.tranorgin_lefttop {
	transform-origin: left bottom;
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	-o-transform-origin: left bottom;
}

.tranorgin_midbottom {
	transform-origin: 50% bottom;
	-webkit-transform-origin: 50% bottom;
	-moz-transform-origin: 50% bottom;
	-ms-transform-origin: 50% bottom;
	-o-transform-origin: 50% bottom;
}

.tranorgin_rightmid {
	transform-origin: 100% center;
	-webkit-transform-origin: 100% center;
	-moz-transform-origin: 100% center;
	-ms-transform-origin: 100% center;
	-o-transform-origin: 100% center;
}

.tranorgin_center {
	transform-origin: 50%;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	-ms-transform-origin: 50%;
	-o-transform-origin: 50%;
}

.tranorgin_center {
	transform-origin: 50%;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	-ms-transform-origin: 50%;
	-o-transform-origin: 50%;
}

.tranorgin_right {
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right;
}

.tranorgin_left {
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
}

.transLateX100 {
	transform: translateX(100px);
	-webkit-transform: translateX(100px)
}

.transLateX-100 {
	transform: translateX(-100px);
	-webkit-transform: translateX(-100px)
}

.transLateX20 {
	transform: translateX(20px);
	-webkit-transform: translateX(20px)
}

.transLateX-20 {
	transform: translateX(-20px);
	-webkit-transform: translateX(-20px)
}

.video_popup {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 100%;
	background: url(../images/video_bg.png);
	z-index: 999999;
	opacity: 0;
	filter: alpha(opacity=0);
}

.video_popup .video_con {
	position: absolute;
	font-size: 14px;
	color: #000;
	text-align: center;
	width: 70%;
	height: 70%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: block;
}

.video_popup .video_close {
	width: 27px;
	height: 27px;
	background: url(../images/close1.png) center center no-repeat;
	position: absolute;
	right: -25px;
	top: -25px;
	cursor: pointer;
	background-size: cover;
}

.party_info_hide {
	display: none;
}

.video_popup video {
	background: #fff\9;
	text-align: center;
	min-height: 60px;
	line-height: 60px;
}

.page_info .page_about_play,
.page_about_diplay {
	width: 50%;
}

.page_info a:hover>img {
	transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
}

.page_info .page_info_A {
	width: 100%;
	display: block;
	position: relative;
	padding-bottom: 54%;
	height: 0;
	overflow: hidden;
}

.page_info img {
	width: 100%;
}

.page_info .play_icon {
	width: 100px;
	height: 136px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -68px;
	color: #fff;
	font-size: 20px;
}

.page_info .play_icon img {
	margin-bottom: 15px;
}

.page_info .page_about_more {
	position: absolute;
	width: 170px;
	height: 42px;
	line-height: 42px;
	font-size: 18px;
	color: #fff;
	padding-left: 24px;
	background: #323232 url(../images/page_more_icon.png) 133px center no-repeat;
	left: 0;
	bottom: 0;
	z-index: 10;
}

.page_info .page_about_more:hover {
	background: #2ac672 url(../images/page_more_icon.png) 133px center no-repeat;
}

.page_about_eidt {
	margin-top: 50px;
	font-size: 14px;
	color: #333333;
	line-height: 32px;
}

.index_video {
	cursor: pointer;
}

.common-bot span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #e2e1da;
	margin-right: 8px;
	display: inline-block;
}

.party_dots {
	height: 5px;
}

.party_dots span {
	width: 5px;
	vertical-align: top;
	display: inline-block;
	height: 5px;
	background: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
	margin-left: 2px;
	margin-right: 2px;
	border-radius: 2.5px
}

.party_dots span.active {
	opacity: 1;
	filter: alpha(opacity=1);
}

.black span {
	background: #000;
}

.white span {
	background: #fff;
}

.dot1 {
	animation: roundone 1.5s linear 0.25s infinite;
	-webkit-animation: roundone 1.5s linear 0.25s infinite;
}

.dot2 {
	animation: roundone 1.5s linear 0.75s infinite;
	-webkit-animation: roundone 1.5s linear 0.75s infinite;
}

.dot3 {
	animation: roundone 1.5s linear 1.25s infinite;
	-webkit-animation: roundone 1.5s linear 1.25s infinite;
}

@keyframes roundone {
	0% {
		transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 1;
		fiter: alpha(opacity==1);
	}
	49% {
		transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0;
		fiter: alpha(opacity==0);
	}
	50% {
		transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
	}
	100% {
		transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 1;
		fiter: alpha(opacity==1);
	}
}

@-webkit-keyframes roundone {
	0% {
		transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 1;
		fiter: alpha(opacity==1);
	}
	49% {
		transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0;
		fiter: alpha(opacity==0);
	}
	50% {
		transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
	}
	100% {
		transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 1;
		fiter: alpha(opacity==1);
	}
}

@-moz-keyframes roundone {
	0% {
		transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 1;
		fiter: alpha(opacity==1);
	}
	49% {
		transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0;
		fiter: alpha(opacity==0);
	}
	50% {
		transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
	}
	100% {
		transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 1;
		fiter: alpha(opacity==1);
	}
}

@-ms-keyframes roundone {
	0% {
		transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 1;
		fiter: alpha(opacity==1);
	}
	49% {
		transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0;
		fiter: alpha(opacity==0);
	}
	50% {
		transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
	}
	100% {
		transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 1;
		fiter: alpha(opacity==1);
	}
}

fieldset,
input,
button,
textarea {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	-webkit-appearance: none;
}

/*.video {
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      transform: translateX(-50%) translateY(-50%);
      background-size: cover;
      transition: 1s opacity;
  }*/

.mid_table {
	height: 100%;
	display: table;
	width: 100%;
}

.mid_cell {
	display: table-cell;
	vertical-align: middle;
}

.bot_cell {
	display: table-cell;
	vertical-align: bottom;
}

.mt160 {
	margin-top: 160px
}

.mt110 {
	margin-top: 110px;
}

.mb250 {
	margin-bottom: 250px;
}

.mb260 {
	margin-bottom: 260px;
}

.ml98 {
	margin-left: -80px;
}

.mt60 {
	margin-top: 60px
}

.mt70 {
	margin-top: 70px
}

.mt276 {
	margin-top: 276px;
}

.mt76 {
	margin-top: 76px;
}

.pt60 {
	padding-top: 60px
}

.p10 {
	padding: 10px;
}

.p20 {
	padding: 20px;
	background: #fff;
}

.mt90 {
	padding-top: 90px;
}

.mb75 {
	margin-bottom: 75px;
}

.mb60 {
	padding-bottom: 60px;
}

.pb0 {
	padding-bottom: 0px !important;
}

.pt58 {
	padding-top: 58px;
}

.pb58 {
	padding-bottom: 58px;
}

.mt40 {
	margin-top: 40px;
}

.mt30 {
	margin-top: 30px;
}

.mt20 {
	margin-top: 20px;
}

.mt15 {
	margin-top: 15px;
}

.mt10 {
	margin-top: 10px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb24 {
	margin-bottom: 24px;
}

.mt20 {
	margin-top: 20px;
}

.z100 {
	font-size: 100px;
}

.z80 {
	font-size: 80px;
}

.z70 {
	font-size: 70px;
}

.z68 {
	font-size: 68px;
}

.z60 {
	font-size: 60px;
}

.z56 {
	font-size: 56px;
}

.z50 {
	font-size: 50px;
}

.z40 {
	font-size: 40px;
}

.z46 {
	font-size: 46px;
}

.z36 {
	font-size: 36px;
}

.z34 {
	font-size: 34px;
}

.z32 {
	font-size: 32px;
}

.z30 {
	font-size: 30px;
}

.z28 {
	font-size: 28px;
}

.z25 {
	font-size: 25px;
}

.z24 {
	font-size: 24px;
}

.z22 {
	font-size: 22px;
}

.z20 {
	font-size: 20px;
}

.z18 {
	font-size: 18px;
}

.z16 {
	font-size: 16px;
}

.z15 {
	font-size: 15px;
}

.z14 {
	font-size: 14px;
}

.z13 {
	font-size: 13px;
}

.z12 {
	font-size: 14px;
}

.z10 {
	font-size: 10px;
}

.c002251 {
	color: #002251
}

.c454545 {
	color: #454545
}

.c333 {
	color: #333;
}

.mui_ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@media screen and (max-width: 1700px) {
	.z100 {
		font-size: 88px;
	}
	.z80 {
		font-size: 70px;
	}
	.z70 {
		font-size: 59px;
	}
	.z68 {
		font-size: 60px;
	}
	.z60 {
		font-size: 52px;
	}
	.z56 {
		font-size: 50px;
	}
	.z50 {
		font-size: 44px;
	}
	.z46 {
		font-size: 40px;
	}
	.z40 {
		font-size: 35px;
	}
	.z36 {
		font-size: 32px;
	}
	.z25 {
		font-size: 22px;
	}
	.z24 {
		font-size: 21px;
	}
	.z20 {
		font-size: 17px;
	}
	.z18 {
		font-size: 16px;
	}
	.z22 {
		font-size: 20px;
	}
	.z16 {
		font-size: 15px;
	}
	.z30 {
		font-size: 26px;
	}
	.z34 {
		font-size: 27px;
	}
}

@media screen and (max-width: 1500px) {
	.z100 {
		font-size: 76px;
	}
	.z80 {
		font-size: 62px;
	}
	.z70 {
		font-size: 50px;
	}
	.z60 {
		font-size: 46px;
	}
	.z68 {
		font-size: 54px;
	}
	.z56 {
		font-size: 44px;
	}
	.z46 {
		font-size: 35px;
	}
	.z50 {
		font-size: 39px;
	}
	.z40 {
		font-size: 30px;
	}
	.z36 {
		font-size: 26px;
	}
	.z25 {
		font-size: 20px;
	}
	.z24 {
		font-size: 18px;
	}
	.z20 {
		font-size: 16px;
	}
	.z22 {
		font-size: 16px;
	}
	.z30 {
		font-size: 23px;
	}
	.z34 {
		font-size: 24px;
	}
	.z16 {
		font-size: 14px;
	}
}

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

@media screen and (max-width: 1024px) {
	.z100 {
		font-size: 50px;
	}
	.z80 {
		font-size: 42px;
	}
	.z70 {
		font-size: 33px;
	}
	.z68 {
		font-size: 32px;
	}
	.z60 {
		font-size: 30px;
	}
	.z56 {
		font-size: 30px;
	}
	.z50 {
		font-size: 26px;
	}
	.z40 {
		font-size: 20px;
	}
	.z46 {
		font-size: 23px;
	}
	.z25 {
		font-size: 18px;
	}
	.z36 {
		font-size: 20px;
	}
	.z22 {
		font-size: 16px;
	}
	.z20 {
		font-size: 15px;
	}
	.z24 {
		font-size: 16px;
	}
	.z30 {
		font-size: 16px;
	}
	.z34 {
		font-size: 26px;
	}
	.course_text_p1 {
		margin-bottom: 15px;
	}
	.scrollcomm {
		position: relative;
		top: 0px;
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}
	.z12 {
		font-size: 13px;
	}
	.z18 {
		font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.z100 {
		font-size: 36px;
	}
	.z80 {
		font-size: 30px;
	}
	.z70 {
		font-size: 25px;
	}
	.z68 {
		font-size: 23px;
	}
	.z60 {
		font-size: 22px;
	}
	.z56 {
		font-size: 25px;
	}
	.z50 {
		font-size: 22px;
	}
	.z40 {
		font-size: 18px;
	}
	.z18 {
		font-size: 14px;
	}
	.z16 {
		font-size: 14px;
	}
	.z15 {
		font-size: 13px;
	}
	.z14 {
		font-size: 13px;
	}
	.z36 {
		font-size: 18px;
	}
	.z34 {
		font-size: 16px;
	}
	.mt40 {
		margin-top: 20px;
	}
	.mt40 {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 560px) {
	.z80 {
		font-size: 22px;
	}
	.z70 {
		font-size: 20px;
	}
	.z68 {
		font-size: 19px;
	}
	.z60 {
		font-size: 18px;
	}
	.z50 {
		font-size: 16px;
	}
	.z100 {
		font-size: 28px;
	}
}

@media screen and (max-width: 420px) {
	.z80 {
		font-size: 18px;
	}
	.z100 {
		font-size: 22px;
	}
}