/*banner动画*/
.slide-main {
	height:450px;
	position:relative;
	overflow:hidden;
}
.prev, .next {
	display:block;
	width:44px;
	height:44px;
	position:absolute;
	z-index:222;
	top:210px;
	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:420px;
	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:450px;
	overflow:hidden;
}
.slide-box {
	position:relative;
}
.slide {
	display:none;
	height:450px;
	padding-top:89px;
	background:#ff6900;
	position:relative;
	position:absolute;
	z-index:8;
}
#bgstylea {
	background:#ff6900;
}
#bgstyleb {
	background-image:url(../images/banner_bg2.jpg);
	background-position:50% 0%;
}
#bgstylec {
	background-image:url(../images/banner_bg1.jpg);
	background-position:50% 0%;
}
.slide a {
	display:block;
	width:100%;
	height:450px;
	cursor:pointer;
}
.obj-a, .obj-b, .obj-c, .obj-d, .obj-e, .obj-f {
	position:absolute;
	z-index:9;
	left:50%;
}
.obj-a, .obj-b {
	width:952px;
	margin-left:-476px;
	text-align:center;
}
.obj-a {
	display:block;
	height:400px;
	top:30px;
}
.obj-b {
	top:406px;
	height:100px;
	top:325px;
}
.obj-c {
	display:block;
	height:582px;
	top:20px;
	margin-left:-480px;
}
.obj-d {
	height:164px;
	top:120px;
}
.obj-d p {
	display:block;
	padding-top:20px;
	font-size:16px;
	color:#fff;
	clear:both;
}
.obj-e {
	width:366px;
	height:170px;
	margin-left:-500px;
	top:150px;
	z-index:12;
}
.obj-f {
	width:692px;
	height:394px;
	margin-left:-100px;
	top:30px;
}
.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%;
}
}