.slide-main{height:690px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:400px;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:8px;position:absolute;z-index:124;bottom:80px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:8px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#d81b1b;}
.slide-box,.slide{display:block;width:100%;height:690px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:690px; background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:url(../images/01.jpg) no-repeat center top; }
#bgstyleb{background:url(../images/02.jpg) no-repeat center top; }
#bgstylec{background:url(../images/03.jpg) no-repeat center top; }

.slide a{display:block;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:352px;top:100px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:1020px;height:95px;margin-left:-510px;top:190px;z-index:12; color:#fffffe; font-weight:bold; font-size:60px; border-bottom:1px solid #d9d9d9; text-align:center; line-height:95px; text-transform:uppercase;}
.obj-e .wenzi{ font-size:30px; text-transform:capitalize; background:url(../images/p_bg.png); line-height:45px; padding:20px 20px; margin-top:45px}

.obj-f{width:800px; top:298px;margin-left:-400px; }
.p_bg{ line-height:34px; padding:30px 0; text-align:center; color:#fff; text-transform:capitalize; font-size:24px; background:url(../images/p_bg.png); }

.jiantou{ width:90px; height:90px; margin:0 auto; margin-top:10px;}
.jiantou a:hover { margin-top:15px;}

.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;top:293px;} to{opacity:1;top:190px;} }
@-moz-keyframes saAnic{from{opacity:0;top:293px;} to{opacity:1;top:190px;} }
@keyframes saAnic{from{opacity:0;top:293px;} to{opacity:1;top:190px;} }

.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;top:338px;} to{opacity:1;top:298px;} }
@-moz-keyframes saAnid{from{opacity:0;top:338px;} to{opacity:1;top:298px;} }
@keyframes saAnid{from{opacity:0;top:338px;} to{opacity:1;top:298px;} }
