/* slide */
.slide-main{width:100%;float:left;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;margin-top:18%;}
.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; margin-top: 40%; 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%;overflow:hidden;float:left;}
.slide-box{position:relative;}
.slide{display:none;z-index:8;}
.slide a{display:block;width:100%;cursor:pointer;}
.slide img { width:100%;height:auto;}

.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%;} }


/*½Ή΅γΝΌ*/
.xiliefocus { position: relative; width: 890px; height: 470px; background-image: url(/image/proinfobg.png); float: left; }
.xiliefocus img { width: 890px; height: 470px; }
.xiliefocus .shadow .title { width: 260px; height: 65px; padding-left: 30px; padding-top: 20px; }
.xiliefocus .shadow .title a { text-decoration: none; color: #fff; font-size: 14px; font-weight: bolder; overflow: hidden; }
.xiliefocus .btn { position: absolute; bottom: 34px; left: 510px; overflow: hidden; zoom: 1; }
.xiliefocus .btn a { position: relative; display: inline; width: 13px; height: 13px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; }
.xiliefocus .btn a:hover, .xiliefocus .btn a.current { cursor: pointer; }
.xiliefocus .fPic { position: absolute; left: 0px; top: 0px; }
.xiliefocus .D1fBt { overflow: hidden; zoom: 1; height: 16px; z-index: 10; }
.xiliefocus .shadow { width: 100%; position: absolute; bottom: 0; left: 0px; z-index: 10; height: 80px; line-height: 80px;display: block; text-align: left; }
.xiliefocus .shadow a { text-decoration: none; color: #fff; font-size: 20px; overflow: hidden; margin-left: 10px; font-family: "\5FAE\8F6F\96C5\9ED1"; }
.xiliefocus .fcon { position: relative; width: 100%; float: left; display: none; }
.xiliefocus .fcon img { display: block; }
.xiliefocus .fbg { bottom: 25px; right: 40px; position: absolute; height: 21px; text-align: center; z-index: 200; }
.xiliefocus .fbg div { margin: 4px auto 0; overflow: hidden; zoom: 1; height: 14px }
.xiliefocus .D1fBt a { position: relative; display: inline; width: 12px; height: 12px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #D9D9D9; }
.xiliefocus .D1fBt .current, .focus .D1fBt a:hover { background: #fc114a; }
.xiliefocus .D1fBt img { display: none }
.xiliefocus .D1fBt i { display: none; font-style: normal; }
.xiliefocus .prev, .xiliefocus .next { position: absolute; width: 40px; height: 74px; background: url(/image/focus_btn.png) no-repeat; }
.xiliefocus .prev { top: 50%; margin-top: -37px; left: 0; background-position: 0 -74px; cursor: pointer; }
.xiliefocus .next { top: 50%; margin-top: -37px; right: 0; background-position: -40px -74px; cursor: pointer; }
.xiliefocus .prev:hover { background-position: 0 0; }
.xiliefocus .next:hover { background-position: -40px 0; }