#wrap, #header{position: relative}
#header h2{font-size: 2.25em;color:#333;line-height: 110px;clear: both}
#header h3{height:30px;padding:6px 16px;background: #404040;color:#acacac;line-height: 30px;font-size: 0.79em}
.max{width:1190px;margin:0 auto;}
.max:after, .section:after, .page:after, .game_list li:after, .scroll:after, .company .img:after, .company h3:after, .topnav:after, .map li h4:after, .news_list li:after{content:"";clear:both;display:block}

/* background */
.game_bg{background: #f1f1f1 url(../images/wanmei2014/game_bg.jpg) no-repeat center 0}
.proclaim_bg{background: #f1f1f1 url(../images/wanmei2014/proclaim_bg.jpg) no-repeat center 0}
.news_bg{background: #f1f1f1 url(../images/wanmei2014/news_bg.jpg) no-repeat center 0}
.map_bg{background: #f1f1f1 url(../images/wanmei2014/map_bg.jpg) no-repeat center 0}
.annals_bg{background: #f1f1f1 url(../images/wanmei2014/annals_bg.jpg) no-repeat center 0}
.company_bg{background: #f1f1f1 url(../images/wanmei2014/company_bg.jpg) no-repeat center 0}

/*  details  */
.aside{width:220px}
.aside p {padding-bottom: 10px}
.aside ul{border-top: 2px solid #545454;border-bottom: 2px solid #545454}
.aside ul li{height: 60px;line-height: 60px;border-bottom: 1px solid #ddd}
.aside ul li:last-child{border-bottom: none}
.aside ul li a{display: block;height:60px;text-align: center;color:#333}
.aside ul li a.on, .aside ul li a:hover{color:#c00;text-decoration: none}
.left{float: left}
.right{float: right}
.section{width:930px}
.section .tab{border-bottom:2px solid #cf0c16}
.section .tab a{width:126px;height:40px;line-height: 40px;text-align: center; display: inline-block;color:#333;font-size: 0.875em;border: 1px solid #dcdcdc;border-bottom: none;background: #fff}
.section .tab a.on{background: #cf0c16;color:#fff;border-color:#cf0c16}
.section .tab a:hover{text-decoration: none}
.detail{padding:32px 50px;border:1px solid #dfdfdf;background: #fff}
.detail h2{font-size: 1.125em;font-weight: bold;color:#333;padding-top: 20px;height:1.6em;border-bottom: 1px solid #ddd}
.detail p{padding: 14px 0;text-indent: 2em;color:#666;font-size: 0.79em;line-height: 1.8em}
#top{position:fixed;bottom:200px;right:26px;z-index: 2;display: none}
.topnav{line-height: 20px;font-size: 1.2em;line-height: 60px;background:#c00109;color:#fff;display: none}
.topnav li{width:23%;float: left;text-align: center;height:60px;}
.topnav li a{color:#fff;}
.topnav li.on{background: #860106}
.topnav li.n{display: none}
.topnav li.more{width:8%;}

/* game */
.game_list, .news_list{border:1px solid #dedcda;border-top:none;background: #fff;border-bottom: none}
.game_list li{padding:30px;border-bottom: 1px solid #dedcda}
.game_list li .btn{float: right;width:138px;margin-left: 20px;}
.game_list li .btn a{display: block;border-radius: 2px;text-align: center;height:38px;line-height: 38px;color:#fff;margin:3px 0;text-decoration: none;overflow: hidden;}
.game_list li .btn a.btn1{background: #404040}
.game_list li .btn a.btn2{background: #ab0202}
.game_list li .btn a:hover span.icon{-webkit-animation: btnHvoer .4s;-moz-animation: btnHvoer .4s;-o-animation: btnHvoer .4s;animation: btnHvoer .4s}
.game_list li h2{line-height: 32px;color:#333;font-size: 1.5em}
.game_list li h2 a{color:#c00;font-size: 0.5em}
.game_list li p{color:#9a9a9a;font-size: 0.79em;line-height: 1.8em}
.game_list li h2, .game_list li p{padding-left: 124px}
.game_logo{width:104px;border:3px solid #efefef;float: left}

.page{padding:24px 0;text-align: center;line-height: 22px;color:#333;font-size: 0.79em}
.page a{padding: 0 6px;color:#fff;background: #757575}
.page a, .page strong{margin:0 2px}

/* news */
.news_list li{padding:30px;background: #fff;transition:all .2s;clear: both}
.news_list li .news_img{width:170px;float: left;margin-right: 24px}
.news_list li h2{font-size: 1.25em;padding-bottom: 10px;color:#333;line-height: 1.2}
.news_list li h2 a{color:#333}
.news_list li p{font-size: 0.79em;color:#9a9a9a;line-height: 1.8em}
.news_list li h4{text-align: right;padding-top: 10px;color:#9a9a9a;font-size: 0.79em}
.news_list li.on{background: #f6f6f6}
.news_list li.on h2, .news_list li.on h2 a{color:#c00}
.news{background: #fff;border:1px solid #dedfde;border-top: none;padding: 50px}
.news h1{text-align: center;font-size: 1.8em;color:#333;line-height: 1.2em}
.news h3{font-size: 0.79em;color:#999;text-align: center;line-height: 4em;border-bottom: 1px solid #e4e4e4}
.news_details{padding:20px 0;font-size: 0.875em;line-height: 1.8em}
.news_page{padding-top: 16px;border-top: 1px solid #e4e4e4;margin-top: 20px;}
.news_page a{color:#333}
.news_page .left{padding-left: 14px;background: url(../images/wanmei2014/news_left.gif) no-repeat left center}
.news_page .right{padding-right: 14px;background: url(../images/wanmei2014/news_right.gif) no-repeat right center}

/*  map  */
.map li{padding-bottom: 32px}
.map li h3{/*height:26px;*/padding:3px 0; color:#333}
.map li h3, .map li h4{padding-left: 60px}
.map li h4 a{font-size: 0.79em;display: inline-block;color:#666;width:115px;line-height: 2em}

/* annals */
.annals{background: #fff;border:1px solid #dfdfdf}
.scroll{border-bottom: 1px solid #eaeaea}
.scroll #left, .scroll #right{width:28px;height:44px;float: left;cursor: pointer;transition: all 0s}
.scroll #left{border-right:1px solid #eaeaea;background: url(../images/wanmei2014/left.png) no-repeat center 0}
.scroll #right{border-left:1px solid #eaeaea;background: url(../images/wanmei2014/right.png) no-repeat center 0}
.scroll #left.nodel, .scroll #right.noder{background-position: center -44px}
#show_box{width:869px;float: left;height:44px;overflow: hidden;position: relative;}
#show_box ul{position: absolute;left:0;top:0;}
#show_box li{float: left;width:96px;line-height: 44px;}
#show_box a{display: block;text-align: center;line-height: 44px;color:#999}
#show_box .on a{color:#c00;border-bottom: 2px solid #c00;height:42;line-height: 42px}
#show_box a:hover{text-decoration: none;color:#c00;}
.annals_main{padding:20px 30px}
.annals_main h2{font-size: 1.375em;padding-bottom: 16px;color:#c00;line-height: 1.2em}
.annals_main h3{padding:20px;color:#666;border-bottom: 1px solid #e4e4e4}
.annals_main h3:last-child{border-bottom: none}
.annals_main h3 span{font-size: 1.125em;color:#333;float: left;line-height: 1.2em}
.annals_main h3 p{background: url(../images/wanmei2014/li.gif) no-repeat 65px .7em;font-size: 0.79em;color:#666;line-height: 1.8em;padding: 0 0 1.5em 74px}
.annals_main h3 p:last-child{padding-bottom: 0}
.annals_main h3 strong{color: #BC051C;font-weight:hold;}
.font05{color: #fc5c04;font-size: 14px;text-align: left;}

/*  company  */
.company_tab{height:62px}
.company_tab a{width:231px;margin-right:1px;display: block;background: #c00;height:62px;line-height: 62px;font-size: 1.125em;text-align: center;color: #fff;float: left}

.company_tab a:hover{text-decoration: none}
.company{background: #fff;border:1px solid #e0e0e0;padding:40px 50px;}
.company h2{font-size: 1.5em;color:#333;line-height: 1em;height:2em;}
.company h2 span{border-left: 4px solid #c00;padding-left: 8px;line-height: 1em;display: inline-block}
.company h3{padding-bottom: 30px}
.company h3 img.imgl{float: left;margin: 0 12px 12px 0;clear: both}
.company h3 img.imgr{float: right;margin: 0 0 12px 12px;clear: both}
.company h3 p{text-indent: 2em;font-size: 0.875em;color:#666;line-height: 1.8em;padding-bottom: 10px}
.company h3 p.tit{font-size: 1.25em;color:#333;height: 1.8em;text-indent: 0}
.company h4{font-size: 0.875em;color:#666;line-height: 1.8em;padding-bottom: 10px}
.company h5{padding-bottom: 10px}
.company .img img{float: left}
.company .game_scroll{width:762px;height:176px;position: relative;overflow: hidden;padding-bottom: 14px;margin:0 auto;}
.company .game_scroll ul{position: absolute;height:176px}
.company .game_scroll li{width:126px;padding-right: 1px;float: left;}
.company .game_scroll #left, .company .game_scroll #right{width:29px;height:29px;position: absolute;top:40%;background: url(../images/wanmei2014/scroll_btn.png);z-index: 3;cursor: pointer;}
.company .game_scroll #left{left:0;}
.company .game_scroll #right{right:0;background-position: 0 -29px}
.company .game_scroll #left.nodel, .company .game_scroll #right.noder{opacity: 0}

/* pic */
.pic a{float: left;width:220px;height:180px;overflow: hidden;position: relative}
.pic a img{width:110%;position: relative;z-index: 1;transition:all 0}
.pic a span{display: block;position: absolute;left: 5%;font-size:0.79em;bottom:3%;z-index: 3;color:#bebfbf;line-height: 1.6em}
.pic a span strong{font-size: 1.3em;font-weight: normal;display: block;color:#fff}
.pic a span strong b{color:#f3bd3c}
.pic a em{display: block;background:#000;opacity: 0;filter: Alpha(Opacity=0);position: absolute;top:0;left:0;z-index: 2;width:100%;height:100%;}
.pic a:hover{text-decoration: none}

.map li h4 a:hover, .news_page a:hover{text-decoration: none;color:#c00}
.annals_main{transition:height 0;}

@keyframes btnHvoer {
    49% {-webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    transform: translateY(-200%);}
    50% {-webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    -o-transform: translateY(200%);
    transform: translateY(200%);}
    to {-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);}
}

@-moz-keyframes btnHvoer {
    49% {-webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    transform: translateY(-200%);}
    50% {-webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    -o-transform: translateY(200%);
    transform: translateY(200%);}
    to {-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);}
}

@-webkit-keyframes btnHvoer {
    49% {-webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    transform: translateY(-200%);}
    50% {-webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    -o-transform: translateY(200%);
    transform: translateY(200%);}
    to {-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);}
}

@-o-keyframes btnHvoer {
    49% {-webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    transform: translateY(-200%);}
    50% {-webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    -o-transform: translateY(200%);
    transform: translateY(200%);}
    to {-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);}
}

@media screen and (max-width:1208px){
    .company .game_scroll{width:634px}
    .max{width:960px}
    .section{width:720px}
    #show_box{width:660px}
    #show_box li{width:94px}
    .company_tab a{width:179px}
    .company .img img{width:100%;float: left}
    .company h5 img, .company .game_scroll li img{width:100%}
    .game_list li h2, .game_list li p{padding-right: 160px;}
}
@media screen and (max-width:980px){
    .max{width:100%}
    .aside{width:150px}
    .pic a{width:100%;}
    .detail, .company, .game_list li{padding: 20px}
}
@media screen and (max-width:900px) {
    .aside, #header h3{display: none}
    #header h2{line-height: 1.5;padding-top: 20px;}
    #header h2, .section{float: none;width:96%;margin:0 auto}    
    .company_tab a{width:25%;margin-right: 0}
    #wrap{background: #f1f1f1}
    #show_box{width:82%}
    .scroll #left, .scroll #right{width:9%;border:none;}
    .company h3{padding-bottom: 1em}
    .company .game_scroll{width:90%;}
    .company .game_scroll #game_scroll {width:100%}
    .topnav{display: block}
    .topnav li.show{display: block}
    .topnav li.hide{display: none}
    .topnav li a{color:#fff}
    .map li h4{clear: both;padding: 10px 0 0;}
    .map li h4 a{width:22.6%;border: 1px solid #dedede;margin:-1px 0 0 -1px;display: block;float: left;padding:.5em 0 .5em 2%;}
    .news_page a{width:40%;display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap}
    .game_logo{width:18%;margin-right: 0}
    .game_logo img{width:100%}
    .game_list li .btn{width:18%;padding-left: 0;margin-left: 0;}
    .game_list li h2, .game_list li p{padding:0 20%;}
}
@media screen and (max-width:640px) {
    .detail, .news, .company, .annals_main, .annals_main h3, .news_list li{padding:10px 2%;}
    .annals_main h2{padding-top: 10px;padding-bottom: 6px;}
    .annals_main h3 span{clear: both;float: none;}
    .annals_main h3 p{padding:0 0 .5em 2% ;background: none;text-indent: 2em}
    .news h1{font-size: 1.5em}
    .news h3{line-height: 3em}
    .news_list li h2{/*padding-top: 6px*/}
    .news_list li p{line-height: 1.2em;height:2.4em;overflow: hidden;padding-left: 0;}
    .news_list li .news_img{width:30%;margin-right: 4%;}
    .news_list li .news_img img{width:100%}
    .section .tab a{width:24%}
    .game_list li h2{clear: both;font-size: 1.2em} 
    .game_list li h2, .game_list li p{padding:0}
    .game_list li .btn{width:30%;}
    .game_logo{width:20%;}
    .topnav{font-size: 0.85em}
    .game_list li{padding: 20px 2%}
    .news_list li h2, .map li h4 a{text-overflow:ellipsis;overflow: hidden;white-space:nowrap}
    .company_tab a, .company h3 p.tit{font-size: 1em}
    .company h3 img.imgl ,.company h3 img.imgr{width:50%;}
    .topnav li.more img{width:80%;}
    #show_box li{width:80px}
    .game_logo{margin-right: 0;}
    span.map_ico{display: none}
    .map li{padding-bottom: 10px}
    .map li h3{height:1em;padding-top: 10px;}
    .map li h3, .map li h4{padding-left: 0}
}