@charset "utf-8";
/* CSS layout */
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ''; }
/* End hide from IE-mac */

/*** 结构框架 ***/
body {font-family: 'Microsoft YaHei', 微软雅黑, Arial, Tahoma; font-size: 14px; line-height: 1.5;  color: #666666; background-color: #fff; }
h1,h2,h3,h4,h5,em,i { font-style: normal; font-weight: normal; font-size: 100%; }
a { color: #c6c6c6; }
a:focus{outline:none;}
body a{outline:none;blr:expression(this.onFocus=this.blur());}
table{border-spacing:0;border-collapse:collapse;}
img { border: none; }
.por { position: relative; }
.poa { position: absolute; }
.fr { float: right; }
.fl { float: left; }
.wraper { height: 1959px;  }
.w1260 { width: 1260px; margin: 0 auto; position: relative; }
.wrap { position: relative; width: 100%; margin: 0 auto; }
/**********************/

/* index */
.nav { background: #ffffff; overflow: hidden; zoom: 1; height: 98px; width: 100%; border-bottom: 2px solid #ff4a4a; }
.logo { background: url('../images/logo.png') no-repeat; width: 174px; height: 66px; margin-top: 17px; }
.logo a { display: block; width: 100%; height: 100%;}
.nav-box { overflow: hidden; zoom: 1; margin-left: 54px; }
.nav-box ul li { width: 177px; float: left; }
.nav-box ul li.cube { width: 2px; height: 2px; background: #666; margin-top: 49px; }
.nav-box ul li a { display: block; line-height: 100px; color: #666; font-size: 18px; text-align: center;  }
.nav-box ul li a:hover,.nav-box ul li.cur a { color: #ff4a4a; background: url('../images/nav-ico.png') no-repeat bottom center; }

/* banner */
.slideBox{ height:850px; overflow:hidden; width: 100%;  margin: 0 auto; }
.slideBox .bd{ position:relative; height:100%; z-index:0; margin: 0 auto;}
.slideBox .bd li{ zoom:1; vertical-align:middle; height:850px; display:block; margin: 0 auto;   }
.slideBox .bd li a { display: block; width: 1260px; height: 100%; margin: 0 auto; position: relative; }

.head-title { position: absolute; top: 400px; left: 20px;  }
.head-title i { display: block; background: url('../images/btn_detail.png') no-repeat; width: 140px; height: 50px; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:10px; top:40%; margin-top: -31px; display:block; width:37px; height:63px; background: url('../images/prev.png'); z-index: 6;  }
.slideBox .next{ left:auto; right:10px; background: url('../images/next.png'); }
.slideBox .prev:hover,
.slideBox .next:hover{ background-position: 0 -63px;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/* 内容 */
.main-content { width: 100%; position: absolute; top: 600px; left: 0; overflow: hidden; zoom: 1; z-index: 5; }
.focus-box { float: left; width: 720px; }
.focus-show ul li a{ display: block; width: 720px; height: 280px;  }

.focus-ul { height: 70px; overflow: hidden; }
.focus-list { height: 52px; background: #272a2c; display: block; float: left; width: 213px; overflow: hidden; padding: 15px 12px 0 15px; border-bottom: 3px solid #272a2c; position: relative; transition: border-bottom 0.5s; }
.focus-list img { float: left; margin-right: 15px; }
.focus-list em { float: left; font-size: 14px; width: 129px; color: #dedede; }
.focus-list em span,.focus-list em i { display: block; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.focus-list em i { font-size: 12px; color: #656565; }
.focus-list .focus-arrow { background: url('../images/focus-right.png'); width: 17px; height: 17px; position: absolute; top: 50%; margin-top: -8px; right: 10px; }
.focus-list.cur,.focus-list:hover { border-bottom: 3px solid #ff4a4a; background: #1b1c1d; }
.focus-list.cur .focus-arrow,.focus-list:hover .focus-arrow { background: url('../images/focus-up.png'); }

.news-box { width: 530px; float: right; overflow: hidden; }
.news-head { overflow: hidden;height: 173px; }
.news-head img { display: block; float: left; }
.news-head .news-head-r { float: left; width: 339px; height: 160px; color: #ffffff; background: #272a2c; padding: 13px 0 0 18px; }
.news-head .news-head-r h2 a{ color: #ff4a4a; font-size: 24px; font-weight: bold; }
.news-head .news-head-r p { font-size: 14px; width: 230px; }
.news-head .news-head-r a.btn { background: url('../images/btn-more.png'); width: 126px; height: 43px; display: block; margin-top: 10px; }

.news-bottom { width: 100%; height: 167px; margin-top: 10px; background: #272a2c; }
.news-bottom-title { padding: 18px 0 0 18px; overflow: hidden; }
.news-bottom-title h2 { float: left; font-weight: bold; font-size: 24px; color: #ff4a4a; }
.news-bottom-title a { float: right; background: url('../images/news-more.png'); width: 60px; height: 14px; margin-right: 10px; margin-top: 8px; }
.news-bottom-detail { padding: 5px 18px 0 18px; }
.news-bottom-detail ul li { text-align: right; width: 100%; overflow: hidden; padding-left: 20px; background: url('../images/news-lico.png') left center no-repeat; color: #ffffff; height: 33px; line-height: 33px; font-size: 14px; }
.news-bottom-detail ul li a { width: 370px; display: block; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;color: #ffffff; }
.news-bottom-detail ul li span { margin-right: 10px; }
.news-bottom-detail ul li:hover { background: url('../images/news-lico-h.png') left center no-repeat; color: #ff4a4a;   }
.news-bottom-detail ul li:hover a { color: #ff4a4a; }

/* 四大版块 */
.box4 { width: 100%; height: 210px; overflow: hidden;zoom: 1; }
.box-item { display: block; width: 300px; height: 130px; float: left; margin: 40px 20px 40px 0; background: #ff4a4a;}
.box-item4 { margin-right: 0; }
.item-info { padding: 46px 0 0 80px; }
.item-info em { display: block; width: 35px; height: 35px; float: left; background: url('../images/box4-item.png') no-repeat; }
.item-info1 em { background-position: 0 0; }
.item-info2 em { background-position: 0 -35px; }
.item-info3 em { background-position: 0 -70px; }
.item-info4 em { background-position: 0 -105px; }
.item-info span { font-size: 24px;  color: #fff; margin-left: 5px;display: block; float: left;}
.box-item:hover { background: #c6c6c6; }
.box-item:hover .item-info span { color: #ff4a4a; }
.box-item:hover .item-info1 em { background-position: -35px 0; }
.box-item:hover .item-info2 em { background-position: -35px -35px; }
.box-item:hover .item-info3 em { background-position: -35px -70px; }
.box-item:hover .item-info4 em { background-position: -35px -105px; }

/* footer */
.footer {  width: 100%; background: #272a2c; height: 155px; font-size: 14px;  color: #fff; overflow: hidden; }
.footer .web-link a { color: #fff; }
.footer .web-link a:hover { color: #ff4a4a; }
.footer-content { overflow: hidden; width: 900px; margin: 45px auto 0; }
.footer-left,.footer-right,.footer-line { float: left; }
.footer-left a { display: block; background:url('../images/logo.png') no-repeat; width: 174px; height: 66px; }
.footer-line { width: 5px; height: 41px; background: #ff4a4a; margin: 15px 20px 0 10px; }
.footer-right { margin-top: 15px; }
/**********************/

/* 商务合作 */
.head-bg { background: url('../images/dark-line.png') top center no-repeat; height: 231px;  }
.head-bg h2 { font-size: 40px; color: #ffffff; border-bottom: 4px solid #ff4a4a; padding-bottom: 5px; width: 160px; text-align: center; position: absolute; top: 162px; left: 0; }
.business-main { width: 1260px; background: #fff; margin: 45px auto; overflow: hidden; padding-bottom: 45px; }
.position-box { overflow: hidden; zoom: 1; margin-top: 55px; }
.position-info { padding-left: 17px; background: url('../images/news-lico-h.png') 0 11px no-repeat; width: 325px; margin: 0 39px;  }
.position-info h2 { font-size: 24px; color: #ff4a4a; margin-bottom: 22px; }
.position-info h4 a { color: #ff4a4a; text-decoration: underline; }
.position-info h3 { border-left: 3px solid #ff4a4a; padding-left: 5px; margin: 20px 0 13px; }
.address { background: url('../images/map.png'); width: 1202px; height: 450px; margin: 76px auto 0; }
/**********************/

/* 游戏产品 */
.game-box { margin-top: 40px; }
.game-title { overflow: hidden;zoom: 1; margin-bottom: 30px; }
.game-title-l { background: url('../images/news-lico-l.png') left center no-repeat; padding-left: 15px; font-size: 30px; color: #666666; }
.game-title-r { display: block; background: url('../images/reflash.png') no-repeat left center; padding-left: 30px; font-size: 18px; color: #666; margin-top: 10px; margin-right: 15px; }
.game-title-r:hover { background: url('../images/reflash-h.png') no-repeat left center; color: #ff4a4a; }

.game-content ul { overflow: hidden; zoom: 1;  }
.game-content ul li { width: 300px; height: 330px; background: #fff;overflow: hidden; zoom: 1; margin-bottom: 20px; position: relative; float: left; margin-right: 15px; }
.game-content ul li em { display: block; }
.game-content ul li em a { position: relative; width: 300px; height: 180px; display: block; }
.game-content ul li cite { position: absolute; width: 100%; height: 100%; background: url('../images/game-bg.png') no-repeat; top: 0; left: 0; display: none; }
.game-content ul li cite p { padding: 35px 17px 0; color: #fff; height: 131px; overflow: hidden; }
.game-content ul li em a:hover cite { display: block; }
.game-info { margin: 15px 16px 0; padding-bottom: 15px; border-bottom: 1px solid #c6c6c6; height:64px;}
.game-info h2 a{ font-size: 18px; color: #1b1c1d; font-weight: bold; }
.game-info p { color: #666; font-size: 12px;}
.game-weblink { float: right; background: url('../images/to-ico.png') no-repeat right center; padding-right: 25px; margin-right: 16px; color: #666666; margin-top: 10px; }
.game-weblink:hover { background: url('../images/to-ico-h.png') no-repeat right center; color: #ff4a4a; }
.game-line { height: 2px; background: #ff4a4a; position: absolute; bottom: 0; left: 0; width: 50%; }

.game-list { background: #fff; overflow: hidden; zoom: 1; margin-bottom: 173px; }
.webgame-list { width: 780px; overflow: hidden; }
.mbgame-list { width: 480px; overflow: hidden; }
.webgame-list h2,.mbgame-list h2 { font-size: 18px; font-weight: bold; color: #1b1c1d; border-left: 2px solid #ff4a4a; padding-left: 10px; height: 18px; line-height: 18px; margin: 25px 0 15px 25px;   }
.webgame-list h2 span,.mbgame-list h2 span { color: #ff4a4a; }
.webgame-list ul,.mbgame-list ul { overflow: hidden;zoom: 1; height: 120px; overflow-y: hidden; }
.game-list ul.show-ul { height: auto; overflow-y: auto;  }
.webgame-list li,.mbgame-list li { float: left;width: 100px; padding-right: 15px; text-align: center; height: 30px; line-height: 30px; margin: 0 20px; }
.webgame-list li a,.mbgame-list li a { color: #666; }
.webgame-list li a:hover,.mbgame-list li a:hover { color: #ff4a4a; }
.webgame-list li.game-hot,.mbgame-list li.game-hot { background: url('../images/hot-ico.png') no-repeat right center; }
.webgame-list li.game-new,.mbgame-list li.game-new { background: url('../images/new-ico.png') no-repeat right center; }
.webgame-list li.game-none,.mbgame-list li.game-none { background: none; }
.more-btn a { display: block;margin: 25px auto; width: 105px; height: 38px; line-height: 38px; text-align: center; color: #fff; background: #ff4a4a; }
.more-btn a:hover { background: #ff6464; }
.game-hotnew-info { text-align: center; margin-bottom: 20px; }
.game-hotnew-info em,.game-hotnew-info span { display: inline-block; padding-left: 15px; margin:0 15px; }
.game-hotnew-info span { background: url('../images/new-ico.png') no-repeat left center; }
.game-hotnew-info em { background: url('../images/hot-ico.png') no-repeat left center; }
/**********************/

/* 新闻动态 */
.newslist-box { background: #fff; margin:45px auto; overflow: hidden; width: 1260px; }
.newsbanner { height:350px; width: 988px; overflow:hidden; margin: 45px auto; position: relative; }
.newsbanner .bd{ position:relative; height:100%; z-index:0; margin: 0 auto;}
.newsbanner .bd li{ zoom:1; vertical-align:middle; height:350px; display:block; margin: 0 auto; position: relative;   }
.newsbanner .bd li>a { display: block; width: 988px; height: 100%; margin: 0 auto; position: relative; }
.newsbanner .hd { height:18px; overflow:hidden; position:absolute; right:15px; bottom:28px; z-index:3; }
.newsbanner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.newsbanner .hd ul li{ float:left; margin-right:8px;  width:18px; height:18px; line-height:18px; border-radius: 18px;text-align:center; background:#fff; cursor:pointer; }
.newsbanner .hd ul li.on{ background:#ff4a4a;  width: 56px; }
.news-layer { position: absolute; height: 79px; background: url('../images/newslist-bbg.png'); width: 100%; bottom: 0; left: 0; }
.news-layer h2 { font-size: 18px; color: #fff; margin-top: 18px; padding-left: 20px; }
.news-layer p { color: #c6c6c6; padding-left: 20px; }

.newslist-ul { width: 988px; margin: 0 auto; }
.newslist-title { background: url('../images/news-lico-h.png') left center no-repeat; padding-left: 15px; font-size: 30px; color: #ff4a4a; }

.newslist-list {  }
.newslist-list ul li { overflow: hidden; zoom: 1; padding: 29px 0; border-bottom: 1px solid #c6c6c6; }
.newslist-list ul li .nl-list-r { width: 800px; height: 170px; }
.nl-list-r h2 a{ font-size: 18px; font-weight: bold; color: #1b1c1d; }
.nl-list-r span { font-size: 12px; color: #ff4a4a; margin:7px 0; display: block}
.nl-list-r p { color: #1b1c1d; }
.nl-list-r .btn { display: block; width: 93px; height: 29px; text-align: center; line-height: 29px; background: #ff4a4a; color: #fff; margin-top: 19px;}
.newslist-page { margin: 45px auto; }

/*新闻详情*/
.newsdetail-box { width: 1260px; margin: 45px auto; background: #fff; }
.newsdetail-title { overflow: hidden; zoom: 1; width: 988px; margin: 0 auto; padding-bottom: 5px; border-bottom: 1px solid #c6c6c6; padding-top: 40px; }
.newsdetail-title a { display: block;background: url('../images/return.png') no-repeat right center; padding-right: 20px; color: #ff4a4a;  }
.nd-title-l { width: 60px; font-size: 18px; }
.newsdetail-content { width: 988px; margin: 0 auto; padding: 30px 0 45px; }
.newsdetail-content h2 { color: #272a2c; font-size: 30px; font-weight: bold; text-align: center; }
.newsdetail-time { color: #ff4a4a; text-align: center; margin: 5px 0 30px; }
/**********************/

/* 人才招聘 */
.join-banner { background: url('../images/offer-banner.jpg') no-repeat top center; height: 350px; }
.join-box { width: 988px; margin: 45px auto; overflow: hidden; zoom: 1; }
.join-left,.join-right { width: 240px; height: 314px; border: 1px solid #c6c6c6; background: #fff; }
.join-right { width: 725px; height: 951px; }
.join-left ul { padding: 19px 0 0 25px; }
.join-left li a { display: block; background: url('../images/news-lico-l.png') no-repeat left center;  padding-left: 15px; color: #656565; font-size: 16px; line-height: 40px;}
.join-left li a span { color: #c6c6c6; margin-left: 10px; }
.join-left li.cur a { background: url('../images/news-lico-h.png') no-repeat left center; color: #ff4a4a;  }

.join-content { padding: 25px 28px 0; }
.join-title { border-bottom: 3px solid #e4e4e4; height: 40px; line-height: 40px; position: relative; }
.join-title h2 { font-size: 22px; color: #1b1c1d; width: 90px; border-bottom: 2px solid #ff4a4a; position: absolute; height: 38px; bottom: -2px; left: 0; }
.jobtab { overflow: hidden; zoom: 1; padding: 20px 0;}
.jobtab ul li { float: left; margin-right: 20px; }
.jobtab ul li input.btn { width: 60px; height: 20px; color: #333;border: 1px solid #999; line-height: 20px; background: #eee; cursor: pointer;}
.joblist table { width: 100%; }
.joblist table th {padding: 5px;color: #fff; border: 1px solid #ccc; background: #ff4a4a; text-align: center; }
.joblist table td {padding: 5px;text-align: center;border: 1px solid #ccc;background: #fff;}
.joblist table td a { color: #666; }
.joblist table td a:hover { color: #ff4a4a; }
.join-info { margin-top: 20px; }

.join-position {}
.join-position h2 { color: #ff4a4a; margin-bottom: 20px; font-size: 16px; }
.join-posi-info { overflow: hidden; zoom: 1; padding-bottom: 10px; border-bottom: 1px solid #ff4a4a; }
.jpi-content { float: left; width: 150px; margin-right: 20px; height: 50px; font-size: 14px; }
.jpi-content label { color:#a0a0a2 }
.join-posi-detail { margin-top: 30px; }
.join-posi-detail h3 { font-size: 14px; color: #ff4a4a; margin-bottom: 13px; }
.join-posi-detail p { line-height: 30px; }
.return-btn a{ display: block; width: 122px; height: 44px; line-height: 44px; background: #ff4a4a; color: #fff; font-size: 18px; text-align: center; margin: 20px auto; }
/**********************/

/* 关于妙聚 */
.about-box { background: url('../images/about.jpg') no-repeat top center; height: 3739px; }
.about-btn { position: absolute; top: 2600px; width: 153px; height: 46px; line-height: 46px; background: none; border: 1px solid #ff4a4a; text-align: center; color: #ff4a4a;  }
.about-btn:hover { background: #ff4a4a; color: #fff; }
.about-box .btn1 { left: 206px }
.about-box .btn2 { left: 553px }
.about-box .btn3 { left: 896px }
.about-reward h2,.about-staff h2 { background: url('../images/about-ico1.png') no-repeat left center; padding-left: 55px; width: 150px;  color: #ff4a4a; font-size: 36px; margin: 100px auto 60px; }
.about-rewardmore { text-align: right;margin: 20px 0; }
.about-rewardmore a { display: inline-block;background: url('../images/about-ico2.png') no-repeat left center; padding-left: 27px; color: #ff4a4a; height: 24px; line-height: 24px; margin-right: 23px; }
.about-reward ul { overflow: hidden;zoom: 1; }
.about-reward ul li { float: left; height: 170px; width: 360px; overflow: hidden; zoom: 1; margin: 0 30px 60px; }
.about-reward-l { width: 170px; height: 170px;  }
.about-reward-r { height: 170px; width: 175px; }
.about-reward-r h3 { font-size: 18px; font-weight: bold; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.about-reward-r span { display: block; background: #ff4a4a; text-align: center; color: #fff; width: 87px; height: 18px; font-size: 12px; margin: 10px 0;  }
.about-reward-r p { color: #656565; }

.about-staff { background: #e8e8e8; overflow: hidden;zoom: 1; }
.about-staff ul { overflow: hidden; zoom: 1; width: 1235px; margin:0 auto 110px; }
.about-staff ul li { float: left; width: 246px; height: 262px; margin: 0 1px 1px 0 }


.fixed { position: fixed; right: -125px; top: 100px; }
.fixed a { display: block; background: url('../images/fixed.png'); width: 204px; height: 80px; transition: 0.3s ease; }
.fixed a.to-1 { background-position: 0 0; }
.fixed a.to-2 { background-position: 0 -80px; }
.fixed a.to-3 { background-position: 0 -160px; }
.fixed a.to-4 { background-position: 0 -240px; }
.fixed a.to-5 { background-position: 0 -320px; }
.fixed a.to-6 { background-position: 0 -400px; }
.fixed a:hover,.fixed a.cur { background: url('../images/fixed2.png'); margin-left: -125px;  }
.fixed a.to-1:hover,.fixed a.to-1.cur { background-position: 0 0; }
.fixed a.to-2:hover,.fixed a.to-2.cur { background-position: 0 -80px; }
.fixed a.to-3:hover,.fixed a.to-3.cur { background-position: 0 -160px; }
.fixed a.to-4:hover,.fixed a.to-4.cur { background-position: 0 -240px; }
.fixed a.to-5:hover,.fixed a.to-5.cur { background-position: 0 -320px; }
.fixed a.to-6:hover,.fixed a.to-6.cur { background-position: 0 -400px; }
/**********************/