@charset "utf-8";
/* CSS Document */
/*首页*/
.ban1{ width:100%; height:539px; background:url(../images/ban1.jpg) no-repeat center center}

.product{ background:#f0f0f0 url(../images/bg4.jpg) no-repeat center bottom; overflow:hidden; height:987px;}
.title1{background:url(../images/t1.jpg) no-repeat center center; height:58px; margin:72px 0 63px 0; }
.cons{ width:607px; height:263px; float:left; background:url(../images/bg5.png) no-repeat; margin-bottom:20px; padding:14px; position:relative}
.cons .pic{ float:left;overflow:hidden; width:382px; height:256px; position:relative}
.cons .pic img{transform: scale(1);transition: all 0.3s ease-out 0s;}
.cons .pic:hover img{transform: scale(1.1);}
.cons .pic i{ width:382px; height:256px; display:block; background:url(../images/bg9_01.png) repeat; display:none; position:absolute; left:0; top:0; z-index:888}
.cons .pic:hover i{ display:block}
.cons dl{ float:left; margin-left:34px; width:170px; padding-top:37px;}
.cons dl dd span{ background:#ff9b0b; padding:2px 20px 3px; font-size:18px; color:#FFF;border-radius:20px;}
.cons dl dt{ margin-top:10px; font-size:14px; color:#666666; line-height:24px;}
.cons a.detail{ position:absolute; right:40px; bottom:30px; font-size:14px; color:#ff9b0b;}
.cons a.detail:hover{ text-decoration:underline}
.fore2 dl dd span{ background:#a6ca28;}
.fore2 a.detail{ color:#a6ca28}
.fore3 dl dd span{ background:#5097da;}
.fore3 a.detail{ color:#5097da}
.fore4 dl dd span{ background:#9759e4;}
.fore5 a.detail{ color:#9759e4}

.events{ width:634px; float:left; height:481px;}

/*焦点图*/
.focus{ width:630px; height:420px; float: left; position:relative;border:2px solid #cfcfcf;margin-top:10px; }  
.focus img{ width: 630px; height: 420px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; 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; display:none}  
.focus .shadow{ width:90%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height: 40px; 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; padding:0 5%;}  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.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:42px;height:42px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -21px; left:26px;background-position:0 0; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -21px; right:26px;  background-position:-42px 0;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 -42px; }  
.focus .next:hover{  background-position:-42px -42px;}  

.news{ width:638px; float:right;height:481px;}
.news .newsbox{ width:638px; height:424px; margin-top:10px; background:#ffdc3b;}
.news .newsbox .list{ padding:25px; width:505px; float:left; height:374px;}
.news .newsbox .list ul{ display:none}
.news .newsbox .list li{ border-bottom:1px solid #e3c53c; height:38px; line-height:38px; position:relative}
.news .newsbox .list li a{ font-size:14px; color:#1e1e1e; }
.news .newsbox .list li span{ font-size:12px; position:absolute; right:0; top:0;}
.news .newsbox .list li a:hover{ color:#fe6600}
.news .newsbox .rnav{ width:76px; float:right;}
.news .newsbox .rnav a,.news .newsbox .rnav a.curr{ width:76px; display:block; background:url(../images/rnav.jpg) no-repeat; height:85px; text-indent:-9999px}
.news .newsbox .rnav a.fore1,.news .newsbox .rnav a.fore5{ height:84px;}
.news .newsbox .rnav a.fore1{ background-position:0 0;}
.news .newsbox .rnav a.fore2{ background-position:0 -84px;}
.news .newsbox .rnav a.fore3{ background-position:0 -169px;}
.news .newsbox .rnav a.fore4{ background-position:0 -254px;}
.news .newsbox .rnav a.fore5{ background-position:0 -339px;}
.news .newsbox .rnav a.fore1.curr{ background-position:-76px 0;}
.news .newsbox .rnav a.fore2.curr{ background-position:-76px -84px;}
.news .newsbox .rnav a.fore3.curr{ background-position:-76px -169px;}
.news .newsbox .rnav a.fore4.curr{ background-position:-76px -254px;}
.news .newsbox .rnav a.fore5.curr{ background-position:-76px -339px;}

.downbox{ height:360px; background:#fffae0; margin:20px 0}
.downbox a{ width:180px; height:360px; float:left; margin-left:114px; text-indent:-9999px;}
.downbox a.fore1{ background:url(../images/d1.jpg) no-repeat}
.downbox a.fore2{ background:url(../images/d2.jpg) no-repeat}
.downbox a.fore3{ background:url(../images/d3.jpg) no-repeat}
.downbox a.fore4{ background:url(../images/d4.jpg) no-repeat}
.downbox a.fore1:hover{ background:url(../images/d1h.jpg) no-repeat}
.downbox a.fore2:hover{ background:url(../images/d2h.jpg) no-repeat}
.downbox a.fore3:hover{ background:url(../images/d3h.jpg) no-repeat}
.downbox a.fore4:hover{ background:url(../images/d4h.jpg) no-repeat}

.links{ height:309px;}
.links .wx{ float:left}
.links .linkbox{ width:960px; height:277px; float:right; border:1px solid #d6d6d6; background:#efefef; padding:30px 0 0 20px;}
.links .linkbox a{ float:left; margin:24px 8px 0 0;}

/*新闻三级页面*/
.ban2{ width:100%; height:381px; background:url(../images/ban2.jpg) no-repeat center center}
.dcontent{ background:#f7f7f7; margin-top:80px;}
.dcontent .case{ height:40px; background:#ff9b0b; line-height:40px; padding:0 20px; font-size:18px; color:#FFF; }
.dcontent .case a{ text-decoration: none; color:#FFF;}
.dcontent .case span{text-decoration:underline}
.dcontent .con{ padding:44px 70px; line-height:28px;}
.dcontent .con h2{ text-align:center; font-size:30px; color:#444444; font-weight:normal; margin-bottom:20px;}
.dcontent .con h3{ text-align:center; font-size:14px; color:#000; font-weight:normal; border-bottom:1px solid #dcdcdc; padding-bottom:15px; margin-bottom:50px;}
.dcontent .con p{ line-height:30px; font-size:16px; color:#000;}
.dcontent .con p img{ text-align:center; margin:50px 0}
.dcontent .con div img{ margin:10px auto;}

/*新闻二级页面*/
.newsbox{ margin-top:80px;}
.newleft{ width:737px; float:left;}
.newlist{ border-right:1px solid #c9c9c9; width:736px; margin-top:34px; min-height:698px; overflow:hidden}
.newlist dl{ width:338px; height:241px; background:#eeeeee; float:left; margin-right:30px; margin-bottom:30px;}
.newlist dl dd{ width:332px; height:200px; overflow:hidden; margin:3px; position:relative}
.newlist dl dd img{transform: scale(1);transition: all 0.3s ease-out 0s; }
.newlist dl dd a:hover img{transform: scale(1.1);}
.newlist dl dd a i{ width:332px; height:200px; background-color: #000;opacity: 0.4; position:absolute; left:0;top:0; display:none; z-index:8888}
.newlist dl dd a:hover i{ display:block}
.newlist dl dt{ padding:5px 10px;}
.newlist dl dt a{ font-size:15px; color:#444444;}
.newlist dl dt a span{ float:right}
.newlist dl dt a:hover{ text-decoration:underline}
.newlist dl dt a:hover span{ text-decoration:underline}

.newright{ width:525px; float:right}
.newright .llbox{ width:495px; height:404px; background:#eeeeee; margin:30px 0; padding:15px; margin-bottom:53px;}
.newright .llbox a{ width:495px; display:block; height:39px; border-bottom:1px solid #FFF; line-height:39px; font-size:14px; color:#1e1e1e; position:relative}
.newright .llbox a span{ position:absolute; right:0; top:2px; font-size:12px;}
.newright .llbox a:hover{ color:#fe6600}
.newright .wx1{ margin-top:30px;}

/*下载-游戏*/
.ban3{ width:100%; height:381px; background:url(../images/ban3.jpg) no-repeat center center}
.downbox1 h2{ margin:81px 0 54px 0}
.downcon{ background:#f7f7f7; padding:5px 42px; }
.downcon .downlist{ height:174px; border-bottom:1px dashed #c7c7c7; padding:33px 0; position:relative;}
.downcon .downlist .img7{ float:left}
.downcon .downlist dl{ width:805px; float:left; margin-left:40px;}
.downcon .downlist dl dd{ width:133px; height:31px; background:url(../images/bg6.png) no-repeat; text-align:center; line-height:29px; color:#FFF; font-size:20px;}
.downcon .downlist dl dt{ font-size:16px; color:#333333; line-height:28px; padding-top:10px;}
.downcon .downlist .ios,.downcon .downlist .azh,.downcon .downlist .ios:hover,.downcon .downlist .azh:hover{ width:146px; height:42px; display:block; background:url(../images/btn_down.png) no-repeat; position:absolute; right:0; text-indent:-9999px;}
.downcon .downlist .ios{ top:38px;background-position:-146px 0;}
.downcon .downlist .ios:hover{ background-position:0 0}
.downcon .downlist .ios img{ position:absolute; left:-9px; top:46px; z-index:999; display:none} 
.downcon .downlist .ios:hover img{ display:block}
.downcon .downlist .azh{ top:107px; background-position:-146px -42px;}
.downcon .downlist .azh:hover{ background-position:0 -42px;}
.downcon .downlist .azh img{ position:absolute; left:-9px; top:46px; z-index:999; display:none} 
.downcon .downlist .azh:hover img{ display:block}

/*下载-头像*/
.avatarbox{ padding:40px 0 16px 28px; background:#f7f7f7;}
.avatarbox dl{ width:267px; float:left; border:3px solid #d7d7d7; height:301px; padding:9px; background:#FFF;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; margin-right:24px; margin-bottom:24px;}
.avatarbox dl:hover{ border:3px solid #ff9c00;}
.avatarbox dl dd img{border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; height:268px;}
.avatarbox dl dd{width:268px; height:268px;}
.avatarbox dl dt .icon1{ position:absolute; right:12px; top:15px; width:17px; height:16px; display:block; background:url(../images/icon1.jpg) no-repeat;}
.avatarbox dl dt{ position:relative; line-height:40px; padding:0 10px; font-size:18px; color:#444444;}
.avatarbox dl dt .zan{ position:absolute; width:16px; height:14px; display:block; background:url(../images/icon2.jpg) no-repeat right center; right:45px; top:17px; line-height:14px; font-size:14px; color:#444; padding-right:14px;}
.avatarbox dl dt .zann{ position:absolute; width:16px; height:14px; display:block; background:url(../images/icon3.jpg) no-repeat right center; right:45px; top:17px; line-height:14px; font-size:14px; color:#444; padding-right:14px;}
.bz_bg_2 img{ max-width:1152px;}

/*下载-壁纸*/
.wallpaper dl{ width:371px;}
.wallpaper dl dd img{ width:371px;}
.ban4{ width:100%; height:381px; background:url(../images/ban4.jpg) no-repeat center center}
.ban5{ width:100%; height:381px; background:url(../images/ban5.jpg) no-repeat center center}

/*产品介绍*/
.ban6{ width:100%; height:381px; background:url(../images/ban6.jpg) no-repeat center center}
.videobox{ width:989px; height:520px; margin:0 auto; background:url(../images/bg7.png) no-repeat; padding:10px 14px 0 28px; position:relative}
.videobox i{ width:100px; height:100px; display:block; position:absolute; left:3px; top:-12px; background:url(../images/icon4.png) no-repeat}
.videotip{ width:205px; position:absolute ; right:45px; top:60px; color:#b9b9b9; font-size:16px; line-height:30px;}
.videotip h2{ color:#ff9b0b; font-size:18px; font-weight:normal; margin-bottom:8px;}
.wban{ border:3px solid #d9d9d9; margin-top:70px; width:1286px;}

.pikachoose {width: 520px; margin: 0 auto;}
.pika-thumbs{ padding: 0 16px; height: 75px; }
.pika-thumbs li{ width: 204px; height:105px; margin: 10px 0 0 17px; padding: 0; 
    float: left; list-style-type: none;padding: 3px; margin: 0 5px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer; position:relative}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}
.pika-thumbs li.active{ padding:0; border:4px solid #ff9600;}
.pika-thumbs li i{ width:12px; height:32px; display:block; display:none; background:url(../images/arrow.png) no-repeat; position:absolute; right:-12px; top:36px;}
.pika-thumbs li.active i{ display:block}
.pika-stage, .pika-textnav {width: 975px; height:606px;}
.pika-stage {position: relative; background: #fafafa; border: 1px solid #e5e5e5; padding: 10px; text-align:center; height:586px; width:955px; float:right}
.pika-stage img{height:586px; width:955px}
.pika-stage .caption {position: absolute; background: #000; background: rgba(0,0,0,0.75);font-size: 20px; 
    color: #fafafa; text-align: right; bottom: 11px; right: 11px; width:924px; height:42px; line-height:42px; padding-right:30px;}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous { height:33px; width: 66px; top: -20px; left: -170px;cursor:pointer; background:url(../images/jdbtn.png) no-repeat}
.pika-imgnav a.previous:hover{ background-position:-66px 0}
.pika-imgnav a.next { height: 33px; width: 66px; bottom: -20px; left: -170px;cursor:pointer;background:url(../images/jdbtn.png) no-repeat left -33px;}
.pika-imgnav a.next:hover{ background-position:-66px -33px}
.pika-imgnav a.play { height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
.pika-imgnav a.pause { height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
.pika-textnav a.previous {float: left; width: auto; display: block;}
.pika-textnav a.next {float: right; width: auto; display: block;}
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px; display:none}
.pika-loader{  background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
    text-align:right; position:absolute; top:15px; right:15px; }
.pika-thumbs li{width: 204px; height:105px;}
.pikachoose{width:1225px; position:relative;}
#pikame{width: 232px;}
.pika-thumbs {margin: 10px 0 0 17px; width:250px;position: absolute;top: 10px;right: 30px;}
.pika-thumbs li { margin: 5px 5px;}
.jcarousel-skin-pika{position:absolute;top:35px;left:0px;}
.jcarousel-skin-pika .jcarousel-container-vertical { width: 232px;height: 506px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:  232px; height: 506px;}
.jcarousel-skin-pika .jcarousel-item-vertical { margin-top: 10px;}

.ban7{ width:100%; height:381px; background:url(../images/ban7.jpg) no-repeat center center}
.bar{ margin-top:70px;}
.bar .img2{ float:right}
.bar .img1{ float:left;border:3px solid #d9d9d9;}

.ban8{ width:100%; height:381px; background:url(../images/ban8.jpg) no-repeat center center}
.bar2{ height:888px; background:url(../images/pic7.jpg) no-repeat center center; margin-top:70px;}

.probox{ width:1128px; margin:30px auto; padding-left:82px;}
.probox dl{ float:left; width:296px; height:205px; background:url(../images/bg8.png) no-repeat; padding:5px; margin:35px;}
.probox dl dt{ text-align:center;  padding-top:30px;}
.probox dl dt a{font-size:18px; color:#3c3c3c;}
.probox dl dt a:hover{ color:#ff9b0b;}
.probox dl dd i{ width:296px; height:188px; background:url(../images/bg9.png) no-repeat; position:absolute; left:0; top:0; display:none}
.probox dl dd{ width:296px; height:188px; position:relative}
.probox dl dd a:hover i{ display: block}

.ktbox{ width:1350px; background:#f3f3f3; height:680px; margin:0 auto; padding-top:60px}
.jzbox{ background:#fffae0; height:680px; padding-top:60px; width:100%;}
.ban9{ width:100%; height:381px; background:url(../images/ban9.jpg) no-repeat center center}


.join{ margin:38px auto; width:1292px;}
.join .box3{ height:90px; width:1192px; padding:25px 50px; background:#e1e1e1; margin:46px 0 70px 0}
.join .box3 li{ margin-right:35px;}

/*公司介绍*/
.pic5{ height:353px; background:url(../images/pic5.jpg) no-repeat center center; padding-top:292px;}
.pic5 .pubw{ width:1224px;}
.pic5 ul li{ margin:0 30px;}

.timetree{ height:1021px; background:url(../images/pic4.jpg) no-repeat center center; padding-top:250px}
.timetree .ulbox{ width:924px; height:880px; position:relative; overflow:hidden;background:url(../images/ling.png) repeat-y; margin:0 auto;}
.timetree ul{ width:924px; position: absolute; left:0; top:0px;}
.timetree ul li{ text-align:right; padding-right:500px; background:url(../images/icon5.png) no-repeat 437px top;  height:110px; }
.timetree ul li span{ background:#f5d233; color:#040000; font-size:35px; padding:0 20px; border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}
.timetree ul li p{ font-size:20px; color:#040000; margin-top:10px;}
.timetree ul li.fore{background:url(../images/icon6.png) no-repeat 446px top; text-align:left; padding:0 0 0 500px;}
.timetree a.up{ width:65px; height:109px; display:block; position:absolute; top:-43px; left:430px; background:url(../images/icon7.png) no-repeat; text-indent:-9999px}
.timetree a.down{width:65px; height:65px; display:block; position:absolute; top:-2px; left:430px; background:url(../images/icon8.png) no-repeat; text-indent:-9999px}
.timetree .btn_ud{ width:924px; margin:0 auto; position:relative; height:20px;}



.right_sider {width: 220px;height: 146px;position: fixed;top: 50%; margin-top: -73px;right: 20px; background: url(../images/float.jpg) no-repeat;_position: absolute; _top: expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight)/2+170));display:block; border:3px solid #ff8903;}