

/* slide */

#bannerjj{ height:60px;}

.slide-main{height:580px;position:relative;}

.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:600px;overflow:hidden;}

.slide-box{position:relative;}

.slide{display:none;height:490px;padding-top:89px;background:#ff6900;position:relative;position:absolute;z-index:8;}



#bgstylea{background:url(../images/banner_bj33.jpg) no-repeat center center;}



#bgstyleb{background:url(../images/banner_bj22.jpg) no-repeat center center;}



#bgstylec{background:url(../images/banner_bj44.jpg) no-repeat center center;}



.slide a{display:block;width:100%;height:490px;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:65px;}

.obj-b{top:406px;height:100px;}

.obj-c{display:block;height:404px;top:110px;margin-left:-640px;}

.obj-d{top:108px;height:277px;margin-left:100px;}

.obj-e{width:366px;height:170px;margin-left:-460px;top:223px;z-index:12;}

.obj-f{width:692px;height:394px;top:80px;margin-left:-180px;}

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







/*½Ή΅γΝΌ*/
.shadowwenzi{ font-size:22px; font-weight:bold; color:#fff;margin-top:20px;}

#jdtnr{width:100%;background:url(../images/banner_bj.jpg) no-repeat center center; overflow:hidden; padding:60px 0; margin:0 auto 60px auto;}

.focus{ position:relative; width:1320px; height:623px;margin:0 auto;}  

.focus img{ width: 1320px; height: 623px;} 

.focus .shadow .title{height: 60px;padding-left: 60px;padding-top: 20px; text-align:center;}

.focus .shadow .title a{ text-decoration:none; color:#fff; overflow:hidden; }

.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 

.focus .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; background:#D9D9D9; }  

.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  

.focus .fPic{ position:absolute; left:0px; top:0px; }  

.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  

.focus .shadow{ width:1280px; position:absolute; bottom:0; left:0px; z-index:10; height:80px;background:rgba(0,0,0,0.6);    

filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; color:#fff; }  

.focus .shadow{ text-decoration:none; color:#fff;overflow:hidden; padding:10px 20px;}  

.focus .fcon{ position:relative;display:none;}  

.focus .fcon img{ display:block;}  





.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  

.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    

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

.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    

.focus .D1fBt img{display:none}    

.focus .D1fBt i{display:none; font-style:normal; }    

.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}

.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  

.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  

.focus .prev:hover{  background-position:0 0; }  

.focus .next:hover{  background-position:-40px 0;} 

/*½Ή΅γΝΌ*/ 

