@charset "utf-8";

*html{background-image:url(about:blank);background-attachment:relative;} /* 修正IE6振动bug */

/* slide */
.slide-main{height:549px;position:relative;}
.prev,.next{display:block;width:46px;height:92px;position:relative;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{width:100%;height:5px;position:relative;z-index:124;top:520px;right:0;text-align:center;}
.item a{display:inline-block;width:10px;height:10px;margin-right:7px;background:#444;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);overflow:hidden; border-radius:100%;}
.item a.cur{background:#fff;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.slide-box,.slide{display:block;width:100%;height:549px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:549px; position:relative;position:relative;z-index:8;}
#bgstylea{background:url(../images/bg_banner2.jpg) no-repeat center top;}
#bgstyleb{background:url(../images/bg_banner3.jpg) no-repeat center top;}
#bgstylec{background:url(../images/bg_banner1.jpg) no-repeat center top;}
#bgstylee{background:url(../images/banner5.jpg) no-repeat center top;}
#bgstyled{ background:url(../images/bg_banner4.jpg) no-repeat center top;}
#bgstylee{ background: url(../images/bg_banner5.jpg) no-repeat center top;}
#bgstylef{ background: url(../images/bg_banner6.jpg) no-repeat center top;}
#bgstyleg{ background: url(../images/bg_banner7.jpg) no-repeat center top;}
#bgstyleh{ background: url(../images/bg_banner8.jpg) no-repeat center top;}
#bgstylei{ background: url(../images/bg_banner9.jpg) no-repeat center top;}
#bgstylej{ background: url(../images/bg_banner10.jpg) no-repeat center top;}
#bgstylek{ background: url(../images/img228.jpg) no-repeat center top;}
#bgstyle1{background:url(../images/001.jpg) no-repeat center top;}
#bgstyle2{background:url(../images/002.jpg) no-repeat center top;}
#bgstyle3{background:url(../images/003.jpg) no-repeat center top;}
#bgstyle3-1{background:url(../images/0033.jpg) no-repeat center top;}
#bgstyle4{background:url(../images/0004.jpg) no-repeat center top;}
#bgstyle5{background:url(../images/0005.jpg) no-repeat center top;}

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

.obj-a{display:block;height:51px; top:54px; margin-left:-550px;}

.obj-b{top:124px; height:108px; width:371px; margin-left:-550px;}

.obj-c{display:block; height:88px; top:54px; margin-left:80px;}
.obj-c.obj-cd{
	top:77px;
	height:104px;
	 margin-left:280px;
}

.obj-d{ top:158px;height:64px;}
.obj-d.obj-dd{
	height:56px;
	top:220px;
	margin-left:250px;
}

.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}

.obj-e{width:213px;height:82px;top:100px;z-index:12; margin-left:270px;}
.obj-e.obj-ee{
	top:143px; margin-left:171px;
}

.obj-f{width:692px;height:394px;top:200px;margin-left:180px;}
.obj-f.obj-ff{
	top:272px; margin-left:374px;
}

.obj-c.obj-ce{ margin-left: 315px; top: 110px;}
.obj-d.obj-de{ margin-left: 140px; top: 186px;}

.obj-c.obj-cf{ margin-left: 325px; top: 95px;}
.obj-d.obj-df{ margin-left: 387px; top: 185px;}


.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.35s linear 0s normal none;-moz-animation:baoAni 1s linear 0s normal none;animation:baoAni 0.35s 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.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.5s linear 0s normal none;-moz-animation:scode 0.5s linear 0s normal none;animation:scode 0.5s 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.5s linear 0s normal none;-moz-animation:saAnic 0.5s linear 0s normal none;animation:saAnic 0.5s 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.5s linear 0s normal none;-moz-animation:saAnid 0.5s linear 0s normal none;animation:saAnid 0.5s 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%;} }