/* slide */
.slide-main{ height: 430px; position: relative; }
.itemBox{
	position:relative;
	width:980px;
	margin:0 auto;
}
.item{ display: block; width:120px; height: 5px; position: absolute; z-index: 124; top: -40px; right: 0; text-align: center; }
.item a{ display:block;float:left; width: 16px; height: 15px; margin-right: 11px; background:url(../images/normalPoint.png) no-repeat; overflow: hidden; }
.item a.cur{ background:url(../images/selectPoint.png) no-repeat; }
.slide-box,.slide{ display: block; width: 100%; height: 430px; overflow: hidden; }
.slide-box{ position: relative; }
.slide{ display: none;width:100%; z-index: 8; }

.slide .banner{ position:absolute;width:1920px;left:50%;margin-left:-960px;}
.slide-box .banner2{
	background:url(../images/banner2.jpg) no-repeat center 0;
}
.slide-box .banner3{
	background:url(../images/banner3.jpg) no-repeat center 0;
}
.obj-b,.obj-d,.obj-j,.obj-e{ position: absolute; z-index: 9; left: 50%; }

.obj-j{ top: 170px; margin-left:0; }

.obj-d{ top:148px; margin-left:-100px; }
.obj-e{ top:80px; margin-left:-500px; }


.obj-b{display:none;margin-left: -340px; top: 195px; }


@-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 1.2s linear 0s normal none; -moz-animation: saAni 1.2s linear 0s normal none; animation: saAni 1.2s linear 0s normal none; }
@-webkit-keyframes saAni { from { opacity: 0; -webkit-transform:scale(0.5,0.5); } to { opacity: 1; -webkit-transform:scale(1,1); } }
@-moz-keyframes saAni { from { opacity: 0; -moz-transform:scale(0.5,0.5); } to { opacity: 1; -moz-transform:scale(1,1); } }
@keyframes saAni { from { opacity: 0; transform:scale(0.5,0.5); } 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,.banAnimate .obj-j{ display: block; animation-name: saAnic; -webkit-animation: saAnic 0.9s linear 0s normal none; -moz-animation: saAnic 0.9s linear 0s normal none; animation: saAnic 0.9s 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,.banAnimate .obj-k{ display: block; animation-name: saAnid; -webkit-animation: saAnid 0.9s linear 0s normal none; -moz-animation: saAnid 0.9s linear 0s normal none; animation: saAnid 0.9s 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%; } }