@charset "utf-8";
/* CSS Document */

nav{ min-width:1200px;}
.nav{ width:1200px; height:120px; margin:0 auto; position:relative; z-index:2}
.logo{ position:absolute; left:0; top:10px;}
.logo a{margin-top:0!important; margin-left:0px!important;}
.game_name{ width:170px; float:left; padding-left:210px; padding-top:30px;}
.game_name span{ display:block; color:#fff5ca;}
.game_name_1{ font-size:30px;}
.game_name_2{ font-size:14px;}
.nav a{ width:132px; height:80px; display:block; color:#fff; float:left; text-align:center; margin-top:30px; margin-left:32px;}
.nav a span{ display:block;}
.nav .nav_cn{ width:132px; height:38px; font-size:16px; line-height:38px;}
.nav .nav_en{ font-size:12px; padding-top:5px;}
.nav a:hover .nav_cn{ background:url(img/nav_hover.png);}
.nav a.current .nav_cn{background:url(img/nav_hover.png);}

.banner{ width:100%; min-width:1200px; max-width:1920px; height:780px; margin:0 auto; /*background:url(img/bg.jpg) top center;*/ position:relative; overflow: hidden;}
.video{ width:560px; height:315px; position:absolute; left:50%; margin-left:-600px; top:270px; background:url(img/video.jpg); z-index: 2;}
.down_box{ width:100%; height:111px; position:absolute; bottom:0; background:rgba(255,255,255,.5); background:#fff\9; filter:alpha(opacity=50)\9; z-index: 3;}
.down{ width:1200px; height:68px; margin:0 auto; padding-top:20px; position:relative;}
.down a{ display:block; float:left; margin-right:13px;}
.down .qrcode{ position:absolute; bottom:-3px; left:730px; }

.banner_focus{ width: 100%; height: 780px; position: absolute; top: 0; left: 0; z-index: 1; }
.banner_focus ul li{ width: 100%; height: 780px; background-position: top center; background-repeat: no-repeat; }
.banner_focus ul li.banner_1{ background-image: url(img/banner_1.jpg); }
.banner_focus ul li.banner_2{ background-image: url(img/banner_2.jpg); }
.banner_focus ul li.banner_3{ background-image: url(img/banner_3.jpg); }
.banner_focus ul li.banner_4{ background-image: url(img/banner_4.jpg); }

.part_1{ width:1200px; margin:0 auto; padding-top:30px;}
.focus{ width:475px; height:268px; float:left; position:relative;}
.f426x240{ width:475px; height:268px; overflow:hidden}
.f426x240 img{ width:475px; height:268px;}


.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{ display:none;}

.rslides_tabs{ width:475px; height:21px; position:absolute; bottom:10px; clear:both; text-align:center}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:1.5%}
.rslides_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:rgba(0,0,0, .2);background:#DDD;display:inline-block;_display:block;*display:block;width:1.9%; font-size:0; padding-bottom:1.9%;}
.rslides_tabs .rslides_here a{background:rgba(0,0,0, .6);background:#390}


.news{ width:440px; height:268px; float:left; background:#f3648f;}
.news_tab{ padding:10px 20px; overflow:hidden }
.news_tab ul{ height:38px; padding-bottom:2px; border-bottom:1px #9c003e solid; position:relative;}
.news_tab ul li{ float:left; height:38px; line-height:38px; position:relative; padding-bottom:2px;}
.news_tab ul li a{ font-size:14px; color:#fff; padding:0 15px; }
.news_tab ul li.current{ border-bottom:1px #fff solid;}
.news_tab ul li:hover{ border-bottom:1px #fff solid;}
.news_tab .news_more{ float:right; margin-top:10px; width:17px; height:17px; display:block; background:url(img/more.png) top;}
.news_tab .news_more:hover{ background:url(img/more.png) bottom}

.news_con{ padding:0px 20px;}
.news_con ul li{ vertical-align:bottom; height:30px; line-height:30px; font-size:13px;}
.news_con ul li .news_name{ display:block; float:left; padding-right:15px; padding-left:5px; color:#fff}
.news_con ul li a{ width:250px; display:block; float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#fff}
.news_con ul li a:hover{ color:#ff0}
.news_con ul li .news_time{ display:block; float:right; color:#fff}

.btn{ width:258px; height:268px; float:right;}
.btn a{ width:258px; height:67px; display:block; vertical-align:bottom;}
.btn a.btn_1{ background:url(img/btn.jpg) 0px 0px no-repeat;}
.btn a.btn_2{ background:url(img/btn.jpg) 0px -67px no-repeat;}
.btn a.btn_3{ background:url(img/btn.jpg) 0px -134px no-repeat;}
.btn a.btn_4{ background:url(img/btn.jpg) 0px -201px no-repeat;}
.btn a.btn_1.current{ background:url(img/btn.jpg) -258px 0px no-repeat;}
.btn a.btn_1:hover{ background:url(img/btn.jpg) -258px 0px no-repeat;}
.btn a.btn_2:hover{ background:url(img/btn.jpg) -258px -67px no-repeat;}
.btn a.btn_3:hover{ background:url(img/btn.jpg) -258px -134px no-repeat;}
.btn a.btn_4:hover{ background:url(img/btn.jpg) -258px -201px no-repeat;}


.part_2{ width:1200px; margin:0 auto; padding-top:30px; overflow:hidden}
.m_video{ display:none;}

.placement{ float:left; width:914px; height:318px; overflow:hidden;}
.placement ul li{ width:96px; float:left; overflow:hidden; -webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease}
.placement ul li.current{ width:626px;}
.placement ul li:hover{ width:626px;}




.facebook_fans{ width:258px; float:right;}
.m_placement{ display:none;}
.link_box{ padding:20px 0;}
.link_box a{ padding-right:10px;}



footer{ width:100%; min-width:1200px; background:#ae3769; margin-top:50px; font-size: 12px;}
.footer{ width:1200px; margin: auto; padding:40px 0; overflow:hidden;}
.placegames{ float:left;}
.placegames img{ width: 100px; }
.bojoy{ float:left; padding-left:20px;}
.bojoy img{ width: 100px; }
.footer_info{ float:left; padding-left:20px; color:#fff; font-size:12px; line-height:25px;}
.footer_info a{ color:#fff; padding:0 5px;}
.footer_info p{ padding:0 10px;}
.ratings{ float:right}
.ratings img{ float: left; display: block; }
.ratings p{ float: left; display: block; padding-left: 10px; padding-top: 5px; color: #fff; }


.ny_banner{ width:1200px; height:280px; background:url(img/ny_banner.jpg); margin:0 auto;}

.content{ width:1200px; margin:0 auto; overflow:hidden; background:#ff4f85;}
.ny_down{ width:240px; float:left; height:570px; padding:20px 30px;}
.ny_content{ width:840px; padding-left:60px; float:right; background:#fff; min-height:610px; padding-bottom:50px;}
.qrcode_text{ font-size:14px; color:#fff; line-height:30px; background: url(img/ico.png) top left no-repeat; text-indent:35px;}
.ny_qrcode{ padding-top:5px;}
.down_text{ font-size:14px; color:#fff; line-height:30px; background: url(img/ico.png) 0px -54px no-repeat; text-indent:30px; margin:20px 0 10px 0}
.ny_down_box a{ padding-bottom:10px; display:block;}
.ny_down_box a img{ display:block;}


.title{ padding-top:30px; overflow:hidden; border-bottom:1px #cdcdcd solid; height:60px; position:relative;}
.news_title{ font-size:30px; color:#ff4f85; float:left; line-height:60px;}
.location{ font-size:14px; color:#999; float:right; margin-top:30px;}
.location a{ color:#999;}
.location a:hover{ color:#ff4f85;}
.ny_news_tab{ padding:20px 0; height:40px;}
.ny_news_tab ul li{ width:100px; float:left; margin-right:10px;}
.ny_news_tab ul li a{ width:100px; height:40px; line-height:40px; display:block; text-align:center; color:#000; font-size:16px;}
.ny_news_tab ul li a:hover{ background:#ff4f85; color:#fff;}
.ny_news_tab ul li.current a{ background:#ff4f85; color:#fff;}

.news_list{ padding-bottom:10px;}
.news_list ul li{ vertical-align:bottom; height:45px; line-height:45px; font-size:14px; border-bottom:1px #cdcdcd dashed}
.news_list ul li .news_name{ display:block; float:left; padding-right:15px;  color:#ff4f85}
.news_list ul li a{ width:250px; display:block; float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#666}
.news_list ul li a:hover{ color:#ff4f85}
.news_list ul li .news_time{ display:block; float:right; color:#999}

.news_h1{ text-align:center; height:70px; border-bottom:1px #cdcdcd  dashed; padding-top:20px;}
.news_h1 .h1{ font-size:25px; color:#000; line-height:45px;}
.news_h1 .news_time{ font-size:14px; color:#999}
.news_content{ font-size:14px; color:#666; line-height:25px; padding:20px;}
.news_content img{ max-width:800px; display:block;}