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:756px;position:relative;}
.prev,.next{
	display:block;
	width:44px;
	height:44px;
	position:absolute;
	z-index:222;
	top:280px;
	overflow:hidden;
	cursor:pointer;
	opacity:0.6;
	-moz-opacity:0.6;
	filter:alpha(opacity=60);
	_border:1px solid none;
}
.prev{
	left:40px;
}
.next{
	right:40px;
}
.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:2px;
	position:absolute;
	z-index:124;
	top:680px;
	left:0;
	text-align:center;
}
.item a{
	display:inline-block;
	width:154px;
	height:2px;
	margin-right:11px;
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	overflow:hidden;
	background-color: #ddb462;
}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:756px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:756px;padding-top:89px;background:#fff;position:relative;position:absolute;z-index:8;}
#bgstylea{
	background-image: url(../images/b3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 756px;

}
#bgstyleb{
	background-image: url(../images/b1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 756px;
}
#bgstylec{
	background-image: url(../images/b2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 756px;

}#bgstyled{
	background-image: url(../images/b4.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 756px;

}
.slide a{display:block;width:100%;height:756px;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:900px;margin-left:-476px;text-align:center;}
.obj-a{
	display:block;
	height:756px;
	margin-left: -800px;
	top: -3px;
}
.obj-b{
	top:225px;
	height:459px;
	margin-left: -456px;
}
.obj-c{
	display:block;b
	height:582px;
	top:14px;
	margin-left:90px;top:135px;
}
.obj-d{
	height:600px;
	top: 225px;
	margin-left: -580px;
}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{
	width:1042px;
	height:756px;
	margin-left:-600px;
	z-index:12;
	top: 190px;
}
.obj-f{
	width:756px;
	height:394px;
	margin-left:-500px;
	top: 40px;
}
.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%;} }

/* 懒人图库 搜集整理 www.lanrentuku.com */
