﻿.down-nav{width:1200px; margin:20px auto 0 auto; background:#fff; height:300px;}
.n_hot{width:1200px; overflow:hidden}
.n_hot a{ float:left; display:inline; width:75px; margin:20px 4px 20px 20px}
.n_hot a img{width:75px; height:75px; border-radius:8px; margin-bottom:5px}
.n_hot a b{width:75px; height:20px; font-weight:100; overflow:hidden; display:block; text-align:center;}
.soft{width:1160px; overflow:hidden; margin:0 20px; border-top:1px solid #f4f4f4; height:25px; line-height:25px; padding-top:20px; color:#999}
.soft span{ height:25px; width:75px; background:#42baec; float:left; display:inline; text-align:center; color:#fff}
.mobi a,
.game a,
.soft a{margin:0 10px 0 10px; color:#666}
.mobi,
.game{width:1160px; overflow:hidden; margin:0 20px; height:25px; line-height:25px; padding-top:20px; color:#999}
.mobi span{ height:25px; width:75px; background:#8c97cb; float:left; display:inline; text-align:center; color:#fff}
.game span{ height:25px; width:75px; background:#b3d465; float:left; display:inline; text-align:center; color:#fff}
/*薤�絮�*/
.first{ width:1200px;  margin:20px auto 0 auto; overflow:hidden}
.first_left{ width:400px; float:left; display:inline}
/*�丞��莉���*/
.slidebox{ width:400px; height:300px; overflow:hidden; position:relative; background:#fff }
.slidebox .hd{ height:15px; overflow:hidden; position:absolute; right:0; bottom:-7px; z-index:1; }
.slidebox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slidebox .hd ul li{ float:left; margin-left:2px;width:78px; height:8px; line-height:14px; text-align:center; background:#676767; cursor:pointer; }
.slidebox .hd ul li.on{ background:#1f7fd6; color:#fff; }
.slidebox .hd ul li.ons.on,
.slidebox .hd ul li.ons{ margin-left:0px;width:80px; }
.slidebox .bd{ position:relative; height:100%; z-index:0;   }
.slidebox .bd li{ zoom:1; vertical-align:middle; position:relative; height:300px; }
.slidebox .bd img{ width:100%; height:100%; }
.slidebox .bd b{height: 20px; line-height: 20px; overflow:hidden; text-align: center; color:#fff; z-index:1;position: absolute; left: 0; bottom: 19px; display:block; width:380px; font-weight:100; padding:0 10px}
.slidebox .bd div{ position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; text-align: center; background: #000; opacity: 0.6; filter: alpha(opacity=60);}
.f_hot{width:398px;height: 405px; background:#fff; overflow:hidden; margin:20px 0 0 0; padding:20px 0 0 0;}
.f_hot p{ height:20px; position:relative; margin:15px 10px 0 10px}
.f_hot p a{ position:absolute; left:0; height:20px; display:block; width:335px; overflow:hidden;background:url(../image/dian.png) no-repeat 0 10px; text-indent:10px}
.f_hot p em{ position:absolute; right:0;    top: 2px; }
.first_center{ float:left; display:inline; margin:0 0 0 20px; width:480px;background:#fff url(../image/bei.png) no-repeat; height:746px}
.focs_news{ overflow:hidden}
.focs_news h3{  padding:15px 20px 10px 35px; height:40px; line-height:60px; overflow:hidden; text-align:center; font-size:18px;}
.focs_news h3 a{color:#ff5a34}
.focs_news p{ height:20px; overflow:hidden; line-height:20px; color:#999; padding:0 20px;}
.first_center .hd ul{ margin:20px 20px 0 20px; height:37px; line-height:35px; border:1px solid #e2e2e2;border-bottom: 0;border-top: 0;}
.first_center .hd li{ width:144px; float:left; display:inline; border:1px solid #e2e2e2;border-right:0; font-size:16px;cursor: pointer; text-align:center}
.first_center .hd li.ons.on,
.first_center .hd li.on{ color:#2e8ae6; border-top:3px solid #2e8ae6; height:33px;border-bottom:0;width: 148px;}
.first_center .hd li.ons{border:0;border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2; }
.first_center .bd ul.on li a{ position:absolute; left:0;background:url(../image/dian.png) no-repeat 0 10px; text-indent:10px}
.first_center .bd li{ position:relative; height:20px; overflow:hidden; line-height:20px; margin:18px 20px 0 20px; +margin:13px 20px 0 20px}
.first_center .bd li.c_li01{height:1px; border-bottom:1px dashed #e2e2e2;margin:15px 20px 0 20px}
.first_center .bd img{ position:absolute; left:0; width:20px; height:20px;}
.first_center .bd a{ position:absolute; left:30px; height:20px; overflow:hidden; display:block; width:325px}
.first_center .bd em{ position:absolute; right:0;}
.first_right{ float:right; display:inline; margin:0 0 0 20px;width:280px; height: 746px;}
.f_right01{background:#fff; margin-bottom:15px;height: 412px;}
.f_right01 h4{ height:40px; line-height:40px; text-indent:10px; background:#1f7fd6; margin-bottom:20px; font-size:18px; color:#fff}
.f_right01 li{ position:relative; height:43px;+height:40px; margin:0 10px}
.f_right01 li img{ position:absolute; left:0; width:30px; height:30px;border-radius:3px}
.f_right01 li a.title_01{ position:absolute; left:40px; width:140px; height:30px; font-size:14px; overflow:hidden; line-height:30px}
.f_right01 li a.btn_01{ position:absolute; right:0; height:25px; line-height:25px; padding:0 10px; border:1px solid #bbb; border-radius:3px}
.f_right01 li a.btn_01:hover{ background:#1f7fd6; color:#fff; border:1px solid #1f7fd6}
.f_right02{box-shadow: 1px 1px 1px 0px #e6e6e6;background:#fff; padding:20px 0 18px 0}
.f_right02 li{ position:relative; height:65px; margin:17px 10px 0 10px}
.f_right02 li img{ width:105px; height:65px; position:absolute; left:0}
.f_right02 li b{position:absolute; left:120px; font-weight:100; height:20px; line-height:20px; overflow:hidden; display:block} 
.f_right02 li p{position:absolute; left:120px; top:25px; height:40px; line-height:20px; overflow:hidden; font-size:12px; color:#999} 
.games .tit1{margin: 10px 10px 0 10px;}
.games{height: 495px;}
.games .hd{ position:relative; height:40px; line-height:40px; border-bottom:2px solid #e5e5e5; margin:10px 10px 0 10px}
.games .hd h4{ position:absolute; left:10px; font-size:18px;}
.games .hd ul{ position:absolute; left:180px}
.games .hd ul li{ margin-right:10px;cursor: pointer; padding:0 15px; float:left;}
.games .hd ul li.on{ border-bottom:2px solid #2e8ae6; color:#2e8ae6}
.games .hd a{ position:absolute; right:0; font-size:12px; color:#999}
.games_left{ width:920px; float:left; display:inline}
ul.games_left li{ position:relative; margin:20px 20px 0 20px; height:70px; width:190px; float:left; display:inline; border-bottom:1px dashed #e4e4e4; padding-bottom:20px}
ul.games_left li img{ position:absolute; left:0; width:70px; height:70px; border-radius:7px}
ul.games_left li span{position:absolute; left:80px;top:3px; width:; height:20px; overflow:hidden; display:block;}
ul.games_left li i{position:absolute; left:80px; top:50px; font-size:12px; color:#999}
ul.games_left li p{position:absolute; left:78px; top:28px;}
ul.games_left li em{position:absolute; left:78px; top:28px;}
.games .bd .gane_bd ol.games_left li{width: 204px;}
.games .bd .gane_bd ol.games_left li span{width:90px;}
.games .bd ol li{ position:relative; margin:20px 0 0 20px; height:110px; width:214px; float:left; display:inline; border:1px solid #f3f3f3; padding-bottom:10px}
.games .bd ol li img{ position:absolute; left:20px; top:25px; width:70px; height:70px; border-radius:7px}
.games .bd ol li span{position:absolute; left:100px;top:32px; width:105px; height:20px; overflow:hidden; display:block;}
.games .bd ol li i{position:absolute; left:100px; top:68px; font-size:12px; color:#999}
.gane_bd .left_p1{ width:298px;}
.left_p1{ width:33%; float:left; position:relative; height:20px; margin:20px 0 2px 0}
.left_p1 img{ position:absolute; left:20px; width:20px; height:20px;}
.left_p1 a{ position:absolute; left:50px; width:250px; height:20px; overflow:hidden}
.games_right{ width:262px; float:right; display:inline; margin-right:10px}
.games_right h4{ height:20px; overflow:hidden; line-height:20px; font-size:16px; border-left:4px solid #2e8ae6; text-indent:10px; margin:20px 0}
.sidemenu h3{height:33px; position:relative;}
.sidemenu em{width:20px; height:20px; text-align:center; line-height:20px; color:#fff; background:#ccc; position:absolute; left:0}
.sidemenu em.em_01{background:#ff6060;}
.sidemenu em.em_02{background:#fa7a53;}
.sidemenu em.em_03{background:#fbc258;}
.sidemenu h3.on{display:none}
.sidemenu h3 a{height:20px; width:220px; overflow:hidden; display:block}
.sidemenu a{position:absolute; left:30px;}
.sidemenu div{position:relative; height:80px}
.sidemenu div em{top:5px;}
.sidemenu div img{position:absolute; left:0; width:60px; height:60px; border-radius:3px}
.sidemenu div a span{position:absolute; left:70px;top:5px; display:block; width:130px; height:20px; overflow:hidden}
.sidemenu div p{position:absolute; left:100px; top:35px}
.sidemenu div p i{border-right:1px solid #ccc; padding-right:7px;font-size:12px; color:#999}
.sidemenu div p span{position:absolute;left:60px;top:4px; display:block;}
.sidemenu div,
h3.ons.on{display:none}
.contentbox-two{margin-top: 20px; width:910px; float:left; display:inline}
.contentbox-two .con-two{width: 140px;height:214px;margin:0 20px 0px 20px;position: relative;cursor: pointer; float:left; display:inline;}
.contentbox-two .con-two img{width: 140px;height:160px;}
.contentbox-two .txt-two{position: absolute;left: 0;top: 0;width: 100%;height: 160px;line-height: 45px;text-align: center;color: #fff;background: rgba(0,0,0,0.6);filter:Alpha(opacity=80)\9; background:#000\9;display: none;}
.contentbox-two .txt-two h3 a{color:#FFF;font-size: 12px;line-height:25px;}
.contentbox-two .txt-two h3 a:hover{color:#FFF !important;}
.contentbox-two .txt-two h3{font-weight: normal; background:#00c26e; width:80px; margin:0 auto;height:25px; line-height:25px;margin-top:70px ;color:#FFF;border-radius:3px}
.contentbox-two .txt-two h3:hover{background:#0e79b8;}
.contentbox-two .txt{position: absolute;left: 0;bottom: 15px;width: 100%;height: 30px;line-height: 30px;text-align: center;color: #fff;text-align:center}
.contentbox-two .txt h3{font-weight: normal; color:#FFF; font-size:14px;line-height: 30px; -margin-top:5px; height:22px; overflow:hidden}
.special ul{+margin:0 0 20px 0}
.special li{width:217px; height:130px; position:relative; margin:0 0 20px 20px; float:left; display:inline}
.special li img{width:100%; height:100%; position:absolute; left:0}
.special li b{width:100%; height:30px; overflow:hidden;position:absolute; bottom:0; line-height:30px; color:#fff; z-index:1; text-align:center; font-weight:100}
.special li div{width:100%; height:30px;position:absolute; bottom:0;background: #000; opacity: 0.6;filter: alpha(opacity=60);}
.software {height: 562px;background:#fff url(../image/banner.png) no-repeat ; }
.software .tit1{margin:10px 10px 0 10px;}
.software div{ background:#f9f9f9; height:40px; line-height:40px; margin:0px 10px 0 10px; width:1180px; float:left; display:inline}
.software div b{ float:left; display:inline; width:195px; margin-left:1px; text-align:center; font-size:14px; font-weight:100}
.software b.nones{ margin-left:0}
.software ul.nones{border-left:0; margin-left:10px}
.software ul{ float:left; display:inline; width:195px; font-size:14px; overflow:hidden; padding:0 0 20px 0; border-left:1px solid #e5e5e5}
.software ul li{ margin:20px 0 0 0; text-indent:68px}
