/* slide */
.slide-main{height:580px;position:relative;margin-top: 50px;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:267px;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:540px;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:580px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:490px;padding-top:89px;background:#000000;position:relative;position:absolute;z-index:8;}
#bgstylea{
	
	background-repeat: no-repeat;
	background-position: center center;
}
#bgstyleb{
	
	background-repeat: no-repeat;
	background-position: center center;
}
#bgstylec{
	background-repeat: no-repeat;
	background-position: center center;
}
#bgstyled{
	
	background-repeat: no-repeat;
	background-position: center center;
}
#bgstylee{
	
	background-repeat: no-repeat;
	background-position: center center;
}

.slide a{display:block;width:100%;height:490px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f,.obj-g,.obj-h{position:absolute;z-index:9;left:50%;}

.obj-a{
	display: block;
	top: 150px;
	left: 0px;
}

.obj-a img{
	height: 157px;
	width: 370px;
}
.obj-b{
	top: 150px;
	left: 0px;
}
.obj-b img{
	height: 204px;
	width: 370x;
}
.obj-c{
	display:block;
	top:30px;
	margin-left:-185px;
	}
.obj-c img{
	width:370px;
	height:266px;
	}
.obj-d{
	top: 400px;
	left:0px;
}
.obj-d img{
	width:370px;
	height: 73px;
}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}

.obj-hh{
	display:block;
	top:50px;
	margin-left:0px;
}
.obj-hh img{
	width:370px;
	height:189px;
	}


.obj-i{
	display:block;
	top:60px;
	margin-left:0px;
}
.obj-i img{
	width:370px;
	height:92px;
	}


.obj-g{
	display: block;
	top: 0;
	margin-left: -180px;
	}
.obj-g img{
    width: 370px;
    height: 382px;
	}
	
.obj-h{
	top: 468px;
	margin-left: -180px;
}
.obj-h img{
    width: 370px;
	height: 50px;

}
.obj-e{
	width: 370px;
	height: 244px;
	margin-left:-185px;
	top: 60px;
	z-index: 12;
}
.obj-e img{
	width: 370px;
	height: 244px;
}
.obj-f{
	width: 1617px;
	height: 580px;
	top: 0px;
	margin-left: -660px;
}
.banAnimate .obj-ax{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);} }
.banAnimate .obj-a{display:block;animation-name:saAni;-webkit-animation:saAni 0.6s linear 0s normal none;-moz-animation:saAni 0.6s linear 0s normal none;animation:saAni 0.6s 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,.banAnimate .obj-g{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,.banAnimate .obj-h{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%;} }

/* 懒人图库 搜集整理 www.lanrentuku.com */

@media (min-width:800px) {
.obj-a{
	display: block;
	top: 150px;
	left: 100px;
}

.obj-a img{
	height: 242px;
	width: 570px;
}
.obj-b{
	top: 150px;
	left: 100px;
}
.obj-b img{
	height: 315px;
	width: 570px;
}
.obj-c{
	display:block;
	top:30px;
	margin-left:-250px;
	}
.obj-c img{
	width:570px;
	height:409px;
	}
.obj-d{
	top: 400px;
	left:130px;
}
.obj-d img{
	width:539px;
	height: 107px;
}
.obj-hh{
	display:block;
	top:-100px;
	margin-left:60px;
}
.obj-hh img{
	width:650px;
	height:332px;
	}


.obj-i{
	display:block;
	top:-70px;
	margin-left:180px;
		width:500px;
	height:125px;
}
.obj-i img{
	width:500px;
	height:125px;
	}
.obj-e{
	width: 470px;
	height: 310px;
	margin-left:-385px;
	top: 60px;
	z-index: 12;
}
.obj-e img{
	width: 470px;
	height: 310px;
}
}