﻿@charset "utf-8";
/* 
Document: core.css 
Created on: 2013-02-27,09:00;
Created on: 2013-03-07,09:40;
Author: lyy
Description: 全站样式表
*/

/*CSS reset*/
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, p { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, em, strong, th { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
input, button, textarea, select { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input, button, textarea, select { *font-size:100%; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline:0 none; }
:link, :visited { text-decoration:none; }
pre { white-space:pre-wrap; word-wrap:break-word; }
body, button, input, select, textarea { font:12px/1.5 "宋体b8b\4f53", Arial, sans-serif; }
body { color: #333; font-family:"Microsoft YaHei"; background:url("../images/bg.jpg") center 1040px no-repeat; overflow-x:hidden; -ms-overflow-x:hidden; }
h1,h2,h3 { font-family:"Microsoft Yahei"; }
a { cursor:pointer; color:#333; }
a:hover { text-decoration:underline; }
a img { vertical-align:middle; }
a em { display:block; cursor:pointer; text-align:center; }
em { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hidden { display:none; }
.fl { float:left; }
.fr { float:right; }
.dl-fl { float:left; }
.dl-fr { float:right; }
.img-fl { float:left; }
.img-fr { float:right; }
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }
#top-logbar{
    background-color: #252525;
}

/*body{ background: #f9f9ff; }*/
/*******************
头部
*******************/
#header-bg{ background:url("../images/header-bg.jpg") no-repeat center; }
.header-box{ position:relative; margin:auto;  height:1040px; }
.header-box .logo{ position:absolute; top:0; left:-120px; width:292px; height:95px; background:url("../images/logo.png") no-repeat; }
.header-box .logo a{ display:block; height:95px; }
.header-box .header-flag{ position:absolute; top:0; right:-155px; width:248px; padding-bottom:40px; background:url("../images/header-flag-bg.png") no-repeat 0 bottom; text-align:center; }
.header-box .header-flag img{ margin:20px auto 0; width:200px; height:107px; display:block; }
.header-box .header-flag .flag-word{ margin:10px auto 0; width:208px; color:#fff; font-size:16px; line-height:2; }
.header-box .header-flag .flag-num{ display:inline-block; *display:inline; letter-spacing:normal; word-spacing:normal; vertical-align:top; zoom:1; color:#fff; font-size:16px; overflow:hidden; }
.header-box .header-flag .flag-num em{ float:left; padding-top:12px; }
.header-box .header-flag .flag-num em.num{ padding:0 5px; font-size:40px; font-weight:normal; line-height:1.2; color:#f00; }
.header-box .video-btn{
    position: absolute;
    left: 50%;
    margin-left:50px;
    bottom:115px;
    display: block;
    width: 80px;
    height: 80px;
}

/*******************
菜单
*******************/
#nav{ margin-bottom:15px; height:109px; background:url("../images/nav-bg.png") no-repeat; }
.nav-box{ margin:auto; width:1000px; height:100px; line-height:100px; }
.nav-box ul{ overflow:hidden; }
.nav-box ul li{ float:left; width:20%; text-align:center; }
.nav-box ul li a{ display:inline-block; *display:inline; letter-spacing:normal; word-spacing:normal; vertical-align:top; zoom:1; color:#fff; font-size:24px; }
.nav-box ul li a:hover{ height:95px; border-bottom:#f00 5px solid; text-decoration:none; }

/*******************
内容公用
*******************/
#wrap{ margin:auto; width:1000px;padding-bottom: 55px; }
.wrap-title{ position:relative; height:100px;}
.wrap-title h2{ margin:auto; text-indent:-9999px; background:url("../images/title-word.png") no-repeat center top; height:100px; }
.wrap-title .more{ position:absolute; bottom:30px; right:0; color:#416fc7; font-size:18px; }
.partner-pic{ overflow:hidden; margin:5px 0; }
.partner-pic ul{ overflow:hidden; width:1020px; }
.partner-pic li{ float:left; padding:10px 20px 10px 0; }
.partner-pic li img{ width:182px; height:90px; border:#ddd 1px solid; display:block; }
.warp-bn{ padding-bottom:50px; }
.warp-bn img { width:1000px; height:110px; display:block; }

/*******************
全球游戏展
*******************/
.game-show{ margin-bottom:15px; }
.game-show .wrap-title h2{ width:330px; }
.game-show .gs-box{ margin-top:15px; position:relative; height:667px; }
.game-show .gs-box .gs-box-line{ position:absolute; left:0; top:50%; width:100%; margin-top:-1px; height:2px; background:#416fc7; }
.game-show .gs-box li{ position:absolute; left:0; top:0; }
.game-show .gs-box .pos-2{ top:285px; left:175px; }
.game-show .gs-box .pos-3{ left:340px; }
.game-show .gs-box .pos-4{ top:285px; left:505px; }
.game-show .gs-box .pos-5{ left:680px; }
.game-show .gs-box li .gs-info{ position:relative; width:320px; height:319px; background:url("../images/gs-bg.png") no-repeat; text-align:center; }
.game-show .gs-box li .gs-info i{ position:absolute; margin-left:-8px; left:50%; width:15px; height:15px; background:url("../images/gs-dot.png") no-repeat; }
.game-show .gs-box li .gs-info .info-name{ padding-top:92px; font-size:24px; color:#486bb9; font-weight:bold; }
.game-show .gs-box li .gs-info .info-time{ font-size:18px; color:#787c99; line-height:1.7; }
.game-show .gs-box li .gs-info .info-btn{ padding-top:10px; }
.game-show .gs-box li .gs-info .info-btn a{ margin:auto; display:block; width:120px; height:40px; line-height:40px; background:#416fc7; color:#fff; font-size:18px; border-radius:3px; font-weight:bold; }
.game-show .gs-box li .gs-info .info-btn a:hover{ text-decoration:none; }
.game-show .gs-box li .gs-name{ padding-top:30px; text-align:center; font-size:24px; color:#000; }
.game-show .gs-box .gs-type-1 .gs-info i{ bottom:-5px; }
.game-show .gs-box .gs-type-2 .gs-name{ padding-top:0; padding-bottom:30px;}
.game-show .gs-box .gs-type-2 .gs-info i{ top:-5px; }
.game-show .gs-box .gs-type-3 .gs-info{ background-position:0 -400px; line-height:319px; font-size:24px; font-weight:bold; color:#787c99; }
.game-show .gs-box .gs-type-3 .gs-info i{ bottom:-5px; background-position:0 -25px; }
.game-show .gs-box li .gs-info.grey{ background-position:0 -400px; }
.game-show .gs-box li .gs-info.grey i{ background-position:0 -25px; }
.game-show .gs-box li .gs-info.grey .info-name{ color:#787c99; }
.game-show .gs-box li .gs-info.grey .info-btn a{ background:#787c99; cursor:default; }

/*******************
沙龙会议
*******************/
.salon-meeting{ margin-bottom:15px; }
.salon-meeting .wrap-title h2{ width:500px; background-position:center -300px; }
.salon-meeting .sm-box-pic{ margin-top:27px; overflow:hidden; }
.salon-meeting .sm-box-pic ul{ overflow:hidden; width:1020px; }
.salon-meeting .sm-box-pic li{ float:left; padding:0 20px 50px 0; overflow:hidden; width:320px; }
.salon-meeting .sm-box-pic .sm-type-box{ height:199px; overflow:hidden; position:relative; }
.salon-meeting .sm-box-pic .sm-before{ font-size:14px; color:#787c99; line-height:1.7; }
.salon-meeting .sm-box-pic .sm-before .sm-pic{ position:relative; }
.salon-meeting .sm-box-pic i{ position:absolute; top:0; right:0; display:none; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff; font-style:normal; }
.salon-meeting .sm-box-pic .tag-act{  width:102px; background:rgba(255, 20, 0, .7); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99ff1400, endcolorstr=#99ff1400)\9; }
.salon-meeting .sm-box-pic .tag-over{ width:77px; background:rgba(0, 0, 0, .5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#77000000, endcolorstr=#77000000)\9; }
.salon-meeting .sm-box-pic .sm-before .sm-pic img{ width:320px; height:150px; display:block; }
.salon-meeting .sm-box-pic .sm-before .sm-tit{ padding:10px 0 5px; font-size:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; color:#652200;text-align: center; }
.salon-meeting .sm-box-pic .sm-before .sm-time{ padding-bottom:5px; }
.salon-meeting .sm-box-pic .sm-before .sm-word{ height:74px; overflow:hidden; }
.salon-meeting .sm-box-pic .sm-after{ height:296px; color:#fff; background:rgba(0, 0, 0, .8); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#aa000000, endcolorstr=#aa000000)\9; }
.salon-meeting .sm-box-pic .sm-after .after-tit{ height:75px; line-height:75px; text-align:center; font-size:30px; }
.salon-meeting .sm-box-pic .sm-after .after-word{ font-size:16px; padding:0 10px; line-height:1.8; }
.salon-meeting .sm-box-pic .sm-type-2 p{ height:349px; border:#ddd 1px solid; text-align:center; line-height:349px; color:#c6c6c6; font-size:32px; font-weight:bold; background:#fff; }
.salon-meeting .sm-box-pic .sm-btn{ padding-top:15px; }
.salon-meeting .sm-box-pic .sm-btn a{ float:left; margin-right:0; margin-left: 25px; width:118px; height:38px; text-align:center; line-height:38px; font-size:18px; font-weight:bold; border-radius:3px; }
.salon-meeting .sm-box-pic .sm-btn a:hover{ text-decoration:none; }
.salon-meeting .sm-box-pic .sm-btn .signup{ background:#d9703c; border:#d9703c 1px solid; color:#fff; }
.salon-meeting .sm-box-pic .sm-btn .details{ background:#fff; border:#ddd 1px solid; color:#be5019; }
.sm-box-news{ overflow:hidden;margin-top: 40px; }
.sm-box-news .news-list{ margin-top:-16px; width:480px; height:300px; overflow:hidden; }
.sm-box-news .news-list li{ padding:8px 0; border-bottom:#ddd 1px solid; }
.sm-box-news .news-list li .list-big-tit{ line-height:1.8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sm-box-news .news-list li .list-big-tit a{ color:#7f1b00; font-size:20px; font-weight:bold; }
.sm-box-news .news-list li .list-small-tit{ overflow:hidden; height:23px; line-height:23px; }
.sm-box-news .news-list li .list-small-tit a{ display:inline-block; *display:inline; word-spacing:normal; letter-spacing:normal; vertical-align:top; zoom:1; max-width:44%; font-size:16px; color:#958e8c; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/*******************
轮播
*******************/
.news-srcoll{ position:relative; overflow:hidden; width:500px; height:300px; }
.news-srcoll .slides_container iframe{ width:500px; height:300px; }
.pagination{ position:absolute; width:504px; margin-left:-1px; left:0; bottom:0; z-index:10; }
.pagination li{ float:left; margin: 0 1px;display: inline;}
.pagination li a{ display:block; height:6px; background:#3c1446; text-indent:-99999px; }

/*******************
热门新闻
*******************/
.hot-news .wrap-title h2{ width:500px; background-position:center -100px; }
.hot-news .hn-box{ margin:27px 0 21px; overflow:hidden; }
.hot-news .hn-box .hn-list{ width:500px; }
.hot-news .hn-box .hn-list li{ margin-bottom:18px; padding-left:25px; background:url("../images/hn-list-dot.png") no-repeat left center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hot-news .hn-box .hn-list li a{ color:#2e0919; font-size:18px; line-height:1.2; }
.hot-news .hn-box .hn-list li a:hover{ color:#ff0000; text-decoration:none; }
.hot-news .hn-box .hm-img{ width:320px; }
.hot-news .hn-box .hm-img a{ display:block; margin-bottom:20px; }
.hot-news .hn-box .hm-img a img{ width:320px; height:120px; display:block; }
.hot-news .warp-bn{ padding-bottom:15px; }

/*******************
精彩视频
*******************/
.marvellous-video .wrap-title h2{ width:500px; background-position:center -200px; }
.marvellous-video .mv-box{ overflow:hidden; width:1050px; }
.marvellous-video .mv-box ul{ overflow:hidden; }
.marvellous-video .mv-box li{ float:left; padding:25px 50px 25px 0; }
.marvellous-video .mv-box li a{ position:relative; display:block; }
.marvellous-video .mv-box li i{ position:absolute; left:0; top:0; width:300px; height:200px; background:url("../images/video-tag.png") no-repeat; }
.marvellous-video .mv-box li:hover i{  background:url("../images/video-tag-hover.png") no-repeat center; }
.marvellous-video .mv-box li img{ width:300px; height:200px; display:block; }

/*******************
现场美图
*******************/
.scene-pic .wrap-title{ padding-top:21px; }
.scene-pic .wrap-title h2{ width:500px; background-position:center 0; }
.scene-pic .sp-box{ position:relative; margin:27px 0 21px; height:450px; }
.scene-pic .sp-box a{ position:absolute }
.scene-pic .sp-box img{ display:block; }
.scene-pic .sp-box .pos-1{ left:0; top:0; }
.scene-pic .sp-box .pos-1 img{ width:220px; height:260px; }
.scene-pic .sp-box .pos-2{ left:0; top:270px; }
.scene-pic .sp-box .pos-2 img{ width:220px; height:180px; }
.scene-pic .sp-box .pos-3{ left:230px; top:0; }
.scene-pic .sp-box .pos-3 img{ width:220px; height:220px; }
.scene-pic .sp-box .pos-4{ left:230px; top:230px; }
.scene-pic .sp-box .pos-4 img{ width:220px; height:220px; }
.scene-pic .sp-box .pos-5{ left:460px; top:0; }
.scene-pic .sp-box .pos-5 img{ width:310px; height:450px; }
.scene-pic .sp-box .pos-6{ left:780px; top:0; }
.scene-pic .sp-box .pos-6 img{ width:220px; height:180px; }
.scene-pic .sp-box .pos-7{ left:780px; top:190px; }
.scene-pic .sp-box .pos-7 img{ width:220px; height:260px; }
.scene-pic .sp-box-bn{ padding-bottom:15px; }

/*******************
合作伙伴
*******************/
.us-partner .wrap-title h2{ width:430px; background-position:center -100px; }
.all-partner .wrap-title h2{ width:380px; background-position:center -600px; }
.special-media .wrap-title h2{ width:277px; background-position:center -700px; }

.wrap-srcoll{ position:absolute; top:1040px; left:50%; margin-left:565px; width:160px; height:530px; background:url("../images/srcoll-link.png") no-repeat; }
.wrap-srcoll.sroll-fixed{position:fixed; top:180px;}
.wrap-srcoll li a{ display:block; }
    /*.wrap-srcoll .cur a,*/
/*.wrap-srcoll li a:hover{ background:url("../images/srcoll-link-hover.png") no-repeat; }*/
.wrap-srcoll .srcoll-type-1 a{
    width: 122px;
    height: 55px;
    margin: 45px auto 0; }
.wrap-srcoll .srcoll-type-2 a{  width:122px; height:55px;transform:rotate(-5deg);
    margin:8px auto 0; }
.wrap-srcoll .srcoll-type-2.cur a,
.wrap-srcoll .srcoll-type-2 a:hover{ background-position:0 -150px;transform:rotate(-5deg); }
.wrap-srcoll .srcoll-type-3 a{ width:122px; height:55px;  margin:10px auto 0;transform:rotate(-5deg); }
.wrap-srcoll .srcoll-type-3.cur a,
.wrap-srcoll .srcoll-type-3 a:hover{ background-position:0 -300px;transform:rotate(-5deg); }
.wrap-srcoll .srcoll-type-4 a{  width:122px; height:55px;  margin:10px auto 0;transform:rotate(-5deg); }
.wrap-srcoll .srcoll-type-4.cur a,
.wrap-srcoll .srcoll-type-4 a:hover{ background-position:0 -450px; transform:rotate(-5deg);}
.wrap-srcoll .srcoll-type-5 a{ width:122px; height:55px;  margin:12px auto 0;transform:rotate(-5deg); }
.wrap-srcoll .srcoll-type-5.cur a,
.wrap-srcoll .srcoll-type-5 a:hover{ background-position:0 -600px;transform:rotate(-5deg); }
.wrap-srcoll .srcoll-type-6 a{ width:122px; height:55px;  margin:10px auto 0; transform:rotate(-5deg); }
.wrap-srcoll .srcoll-type-6.cur a,
.wrap-srcoll .srcoll-type-6 a:hover{ background:none; transform:rotate(-5deg);}
/*弹窗*/
.zmq-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 100;
}
.zmq-fixed .zmq-fixed-close {
    width: 100%;
    height: 100%;
}
.zmq-fixed .zmq-fixed-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 800px;
    height: 500px;
    margin-left: -400px;
    margin-top: -250px;
}