body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, table, tbody, p, th, td, em {
	-webkit-text-size-adjust: none;
	margin: 0;
	padding: 0;
	border: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-size: 12px;
	font-family: "Microsoft Yahei", "΢ÈíÑźÚ", Tahoma, Arial, Helvetica, STHeiti;
}
html, body {
	height: 100%;
}
img, input, button, a, select, textarea {
	margin: 0;
	padding: 0;
	resize: none;
	border: none;
	outline: none;
}
ol, ul {
	list-style: none;
}
h1, h2, h3, h4, h5, h6, p, em, i, b, em {
	font-size: 100%;
	word-wrap: break-word;
	font-weight: normal;
	font-style: normal;
}
a:active, a:focus {
	outline: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0;
}
*html {
	background-image: url(about:blank);
	background-attachment: fixed;
} /* ÐÞÕýIE6Õñ¶¯bug */
/* slide */
.slide-main {
	height: 500px;
	position: relative;
}
.prev, .next {
	display: block;
	width: 44px;
	height: 44px;
	position: absolute;
	z-index: 222;
	top: 220px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	_border: 1px solid none;
}
.prev {
	left: 70px;
}
.next {
	right: 70px;
}
.prev:hover, .next:hover, .nav-main a:hover, .nav-main a.cur {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.item {
	display: block;
	width: 100%;
	height: 5px;
	position: absolute;
	z-index: 124;
	top: 460px;
	left: 0;
	text-align: center;
}
.item a {
	display: inline-block;
	width: 24px;
	height: 5px;
	margin-right: 11px;
	background: #333;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	overflow: hidden;
}
.item a.cur {
	background: #fff;
}
.slide-box, .slide {
	display: block;
	width: 100%;
	height: 500px;
	overflow: hidden;
}
.slide-box {
	position: relative;
}
.slide {
	display: none;
	height: 500px;
    position: relative;
	position: absolute;
	z-index: 8;
}
.slide a {
	display: block;
	width: 100%;
	height: 500px;
	cursor: pointer;
}
.obj-a, .obj-b {
	width: 100%;
	text-align: center;
}
.obj-a {
	display: block;
	height: 500px;
	top: 100px;
}
.obj-c {
	display: block;
	height: 500px;
	top: 0;
}
.obj-e {
	width: 100%;
	height: 500px;
	top: 223px;
	z-index: 12;
}
.banAnimate .obj-a {
	display: block;
	animation-name: baoAni;
	-webkit-animation: baoAni 0.4s linear 0s normal none;
	-moz-animation: baoAni 0.4s linear 0s normal none;
	animation: baoAni 0.4s linear 0s normal none;
}
@-webkit-keyframes baoAni {
from {
opacity:0;
left:60%;
}
to {
opacity:1;
left:50%;
}
}
@-moz-keyframes baoAni {
from {
opacity:0;
left:60%;
}
to {
opacity:1;
left:50%;
}
}
@keyframes baoAni {
from {
opacity:0;
left:60%;
}
to {
opacity:1;
left:50%;
}
}
.banAnimate .obj-b {
	display: block;
	animation-name: saAni;
	-webkit-animation: saAni 0.4s linear 0s normal none;
	-moz-animation: saAni 0.4s linear 0s normal none;
	animation: saAni 0.4s linear 0s normal none;
}
@-webkit-keyframes saAni {
from {
opacity:0;
-webkit-transform:scale(0, 0);
}
to {
opacity:1;
-webkit-transform:scale(1, 1);
}
}
@-moz-keyframes saAni {
from {
opacity:0;
-moz-transform:scale(0, 0);
}
to {
opacity:1;
-moz-transform:scale(1, 1);
}
}
@keyframes saAni {
from {
opacity:0;
transform:scale(0, 0);
}
to {
opacity:1;
transform:scale(1, 1);
}
}
.watch-code.code-show {
	display: block;
	animation-name: scode;
	-webkit-animation: scode 0.3s linear 0s normal none;
	-moz-animation: scode 0.3s linear 0s normal none;
	animation: scode 0.3s linear 0s normal none;
}
@-webkit-keyframes scode {
from {
opacity:0;
-webkit-transform:scale(1, 0);
transform-origin:left bottom;
}
to {
opacity:1;
-webkit-transform:scale(1, 1);
transform-origin: left bottom;
}
}
@-moz-keyframes scode {
from {
opacity:0;
-moz-transform:scale(1, 0);
transform-origin:left bottom;
}
to {
opacity:1;
-moz-transform:scale(1, 1);
transform-origin:bottom bottom;
}
}
@keyframes scode {
from {
opacity:0;
transform:scale(1, 0);
transform-origin:left bottom;
}
to {
opacity:1;
transform:scale(1, 1);
transform-origin: left bottom;
}
}
.banAnimate .obj-c, .banAnimate .obj-e {
	display: block;
	animation-name: saAnic;
	-webkit-animation: saAnic 0.3s linear 0s normal none;
	-moz-animation: saAnic 0.3s linear 0s normal none;
	animation: saAnic 0.3s linear 0s normal none;
}
@-webkit-keyframes saAnic {
from {
opacity:0;
left:47%;
}
to {
opacity:1;
left:50%;
}
}
@-moz-keyframes saAnic {
from {
opacity:0;
left:47%;
}
to {
opacity:1;
left:50%;
}
}
@keyframes saAnic {
from {
opacity:0;
left:47%;
}
to {
opacity:1;
left:50%;
}
}
.banAnimate .obj-d, .banAnimate .obj-f {
	display: block;
	animation-name: saAnid;
	-webkit-animation: saAnid 0.3s linear 0s normal none;
	-moz-animation: saAnid 0.3s linear 0s normal none;
	animation: saAnid 0.3s linear 0s normal none;
}
@-webkit-keyframes saAnid {
from {
opacity:0;
left:53%;
}
to {
opacity:1;
left:50%;
}
}
@-moz-keyframes saAnid {
from {
opacity:0;
left:53%;
}
to {
opacity:1;
left:50%;
}
}
@keyframes saAnid {
from {
opacity:0;
left:53%;
}
to {
opacity:1;
left:50%;
}
}