@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; list-style:none; border:0;}
html,body{ width:100%; height:100%;}
body{ font-size:14px; font-family:"Microsoft YaHei"; background:#222;  min-width:1200px;}
a{ text-decoration:none; -webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease}
article,audio,canvas,datalist,details,footer,header,nav,section,video{ display:block;}


.top_nav{ width:100%; min-width:1500px; height:100px; padding-bottom:2px; background:url(img/nav_bg.png) top repeat-x; position:absolute; top:-1px; z-index:2;}
.top_nav nav{ width:1500px; height:100px; margin:0 auto;}
.top_nav nav a{ width:111px; height:100px; display:block; float:left; font-size:18px; text-align:center; line-height:100px; color:#444; margin:0 10px; }
.top_nav nav a.nav_frist{ margin-left:259px;}
.top_nav nav a:hover{ background:#ffa016; color:#fff;}
.top_nav nav a.current{ background:#ffa016; color:#fff;}
.top_nav .logo{ width:237px!important; height:78px!important; background:url(img/logo.png); margin-top:11px;}
.top_nav .logo:hover{background:url(img/logo.png)!important;}

.banner{width:100%; min-width:1200px; height:840px; background:url(img/banner_loading.png?v=2) no-repeat center center #242424; position:relative;  z-index:1;}

.part_1{ width:1200px; height:325px; margin:0 auto; position:relative; margin-top:-60px; z-index:2;  background:#2c2c2c;}
.active_box{ width:663px; height:324px; float:left; overflow:hidden; position:relative;}
.active_box ul{ width:2000px;}
.active_box ul li{ width:220px; height:324px; float:left; margin-right:1px; cursor:pointer; -webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease}
.active_box ul li img{ position:relative; float:left; -webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease}
.active_box ul li span{-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease}

.active_b{ width:0px;  display:block; float:left; overflow:hidden;}
.active_box ul li:hover .active_a{ margin-left:-221px;}
.active_box ul li:hover .active_b{ width:663px!important;}

.active_0:hover{ width:663px;}
.active_1:hover{ width:663px; margin-left:-221px}
.active_2:hover{ width:663px; margin-left:-442px}



.news_box{ width:537px; height:324px; float:left;}
.news_tab{ width:500px; height:43px; margin:25px auto 10px auto; border-bottom:1px #666 solid;}
.news_tab ul li{ float:left; margin-right:5px;}
.news_tab ul li a{ display:block; height:34px; line-height:34px; color:#ccc; padding:0 16px; border-radius:5px;}
.news_tab ul li a:hover{ background:#ffa016; color:#fff;}
.news_tab ul li a.current{ background:#ffa016; color:#fff;}
.news_tab ul li.news_more{ width:22px; height:22px; float:right; margin-right:5px; margin-top:5px;}
.news_tab ul li.news_more a{ width:22px; height:22px; padding:0!important; display:block; background:url(img/ico.png) top left; transition:none;}
.news_tab ul li.news_more a:hover{ width:22px; height:22px; display:block; background:url(img/ico.png) -22px 0px; }

.news_con{ width:500px; height:auto; margin:0 auto;}
.news_con ul li{ width:480px; padding-left:10px; height:35px; line-height:35px;}
.news_con ul li a{ width:370px; height:35px; line-height:35px; font-size:14px; color:#ccc;  display:block; float:left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_con ul li a:hover{ color:#ffa016;}
.news_con ul li .news_time{ float:right; font-size:14px; color:#ccc; line-height:35px;}
.news_con ul li.news_h1 a{ width:480px; padding:10px 0; font-size:18px; color:#ffa016; text-align:center;}
.news_con ul li.news_h1 a:hover{ color:#ffa016}

.part_2_3_box{ width:100%; min-width:1200px; height:auto; padding-bottom:80px; background:#f1f1f1;}
.common_title{ width:100%; height:32px; padding:30px 0px 20px 0px; }
.common_title_h1{ width:135px; height:32px; display:block; font-size:22px; color:#333; padding-left:25px; float:left; background:url(img/ico.png) 0px -29px no-repeat;}
.change{ width:62px; height:28px; float:right; display:block; padding-left:28px; font-size:18px; color:#666; background:url(img/ico.png) 0px -66px no-repeat;}
.change:hover{ color:#333; background:url(img/ico.png) 0px -92px no-repeat;}


/*.part_2{ width:1200px; height:auto; margin:0 auto; display:none;}
.new_game_animation{ -webkit-transform:scale(0,0); -moz-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); transform:scale(0,0);}
.new_game{ width:1200px; height:142px; -webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease; transition: all 0.8s ease}
.new_game ul li{ width:290px; height:140px; border:1px #ddd solid; float:left; margin-right:10px;}
.new_game ul li.new_list_last{ margin-right:0;}
.new_game ul li a{ width:290px; height:140px; display:block; position:relative; z-index:1;}
.new_game ul li a img{ position: absolute; z-index:1;}
.new_game ul li a span{ position: absolute; z-index:2;  -webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease}
.new_game ul li a span.new_game_hot{ width:73px; height:22px; display:block; background:#dfdfdf; font-size:14px; color:#333; text-align:center; line-height:22px; border-radius:3px; margin:14px;}
.new_game ul li a span.new_game_name{ font-size:24px; color:#000; line-height:30px; margin-top:75px; margin-left:16px;}
.new_game ul li a span.new_game_con{ font-size:14px; color:#666; line-height:20px; margin-top:110px; margin-left:16px;}
.new_game ul li a span.new_game_line{ width:0px; height:3px; background:#f00; bottom:0px; z-index:3;}
.new_game ul li a:hover .new_game_hot{background:#ff0000; color:#fff;}
.new_game ul li a:hover .new_game_line{ width:100%;}*/




.part_3{width:1200px; height:auto; margin:0 auto; padding-top:30px;}
.new_game_animation{ -webkit-transform:scale(0,0); -moz-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); transform:scale(0,0); opacity:0;}
.mobile_game{ width:1200px; height:320px; overflow: hidden;}
.mobile_game ul{width: 1300px;}
.mobile_game ul li{ width:374px; float:left; margin-right:39px;  -webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease; transition: all 0.8s ease; opacity:1;}
.mobile_game ul li.last_child{ margin-right:0px;}
.mobile_game ul li .m_game_pic{ width:374px; height:176px; overflow:hidden; position:relative; cursor:pointer;}
.mobile_game ul li .m_game_pic:hover .m_game_hover{top:0px;  opacity:0.85; filter:alpha(opacity=85); }
.mobile_game ul li .m_game_hover{ width:374px; height:176px; background:#ffa016; opacity:0; filter:alpha(opacity=0); position:absolute; top:-176px;  -webkit-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.mobile_game ul li .m_game_hover .m_game_qrcode{ width:114px; height:114px; padding-left:30px; padding-top:30px; float:left;}
.mobile_game ul li .m_game_hover .m_game_con{ width:210px; height:114px; padding-left:18px; padding-top:30px; float:left;}
.mobile_game ul li .m_game_hover .m_game_con p{ line-height:30px; color:#fff; font-size:14px; width:100%; clear:both;}
.mobile_game ul li .m_game_hover .m_game_con p .player_ratings{ display:block; float:left;}
.mobile_game ul li .m_game_hover .m_game_con p .star{ width:16px; height:14px; display:block; float:left; background:url(img/ico.png) -1px -313px no-repeat; margin-right:3px; margin-top:8px;}
.mobile_game ul li .m_game_hover .m_game_con p .star_1{ width:16px; height:14px; display:block; float:left; background:url(img/ico.png) -1px -330px no-repeat; margin-right:3px; margin-top:8px;}
.mobile_game ul li .m_game_hover .m_game_con p .m_game_down_ico{ width:20px; height:18px; display:block; float:left; background:url(img/ico.png) -1px -286px no-repeat; margin-right:6px; margin-top:3px;}
.mobile_game ul li .m_game_hover .m_game_con p .down_numb{ display:block; float:left;}


.mobile_game ul li .m_game_info{ width:372px; height:140px; border-left:1px #dbdada solid; border-bottom:1px #dbdada solid; border-right:1px #dbdada solid; background:#fff; box-shadow:0px 2px 1px #ddd; position:relative;}
.mobile_game ul li .m_game_info .m_game_name{ font-size:24px; color:#000; padding-top:15px; padding-left:10px;}
.mobile_game ul li .m_game_info .m_game_tips{ font-size:14px; color:#999; padding-top:10px; padding-left:20px;}
.mobile_game ul li .m_game_info .m_game_bottom_bg{ width:100%; height:46px; background:#f7f7f7; position: absolute; bottom:0;}
.mobile_game ul li .m_game_info .m_game_bottom_bg span{ width:180px; height:20px; margin-top:15px; padding-left:16px; margin-left:15px; color:#999; background: url(img/ico.png) 0px -122px no-repeat; display:block; float:left}
.mobile_game ul li .m_game_info .m_game_bottom_bg .m_game_gw{ width:120px; height:32px; line-height:32px; color:#999; display:block; float:right; margin-right:15px; margin-top:8px; text-indent:21px; background:url(img/ico.png) 0px -150px no-repeat;transition:none; }
.mobile_game ul li .m_game_info .m_game_bottom_bg .m_game_gw:hover{background:url(img/ico.png) 0px -182px no-repeat; color:#fff;}




.part_4_box{ width:100%; min-width:1200px; background:#fff; padding:40px 0}
.part_4{ width:1200px; margin:0 auto; padding-bottom:30px;}
.all_game{ width:1200px; height:200px;}
.all_game ul li{ 
    width:120px; 
    height:120px; 
    float:left; 
    margin-right:45px; 
    margin-bottom:20px; 
    background:#e3e3e3; 
    position:relative; 
    border:1px #e3e3e3 solid; 
    overflow:hidden;
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease; 
    transition: all 0.8s ease;
    border-radius:20px
}
.all_game ul li.last_child{ margin-right:0;}
.all_game ul li span{ 
    width:120px; 
    text-align:center; 
    display:block; 
    position:absolute;
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease; 
    transition: all 0.8s ease;
}
.all_game ul li img{ 
    border-radius:20px
}
.all_game ul li .all_game_name{ 
    width:120px; 
    text-align:center; 
    position:absolute; 
    font-size:14px; 
    color:#333; 
    top:-30px; 
}
.all_game ul li .all_game_logo{ text-align:center; top:0px;}
.all_game ul li .all_game_text{ top:-30px; height:20px; font-size:10px; color:#666;}
.all_game ul li:hover{ background:#fff;}
.all_game ul li:hover .all_game_name{ top:5px;}
.all_game ul li:hover .all_game_text{ top:63px; background:#ffa016; font-size:12px; color:#fff;}
.all_game ul li:hover .all_game_logo{ top:30px;}


footer{ width:100%; min-width:1200px; background:#222222;}
footer ul{ width:1000px; height:200px; margin:40px auto;}
footer ul li{ width:167px; height:190px; background:#2e2e2e; border-radius:5px; margin-right:25px; float:left;}
/* footer ul li.footer_logo{ width:237px; background:none!important;} */
footer ul li span{ display:block; padding:7px 0px 7px 20px; font-size:12px;}
footer ul li span a{ color:#bbb;}
footer ul li span a:hover{ color:#fff; text-decoration:underline;}
footer ul li .footer_list_title{ font-size:16px; color:#999; line-height:30px; padding-top:10px;}
footer ul li.footer_list_1{ background:url(img/bottom_ico.png) 115px 15px no-repeat #2e2e2e;}
footer ul li.footer_list_2{ background:url(img/bottom_ico.png) -75px 15px no-repeat #2e2e2e;}
footer ul li.footer_list_3{ background:url(img/bottom_ico.png) -260px 15px no-repeat #2e2e2e;}
footer ul li.footer_list_4{ background:url(img/bottom_ico.png) -450px 15px no-repeat #2e2e2e;}
footer ul li.footer_list_5{ background:url(img/bottom_ico.png) -645px 15px no-repeat #2e2e2e;}
footer ul li:hover .footer_list_title{ color:#ffa016}
footer ul li:hover { width:167px; height:190px; border:1px #666 solid; box-sizing: border-box;}
/* footer ul li.footer_logo:hover{width:190px; background:none!important; border:none;} */
footer .copyright{ color:#bbbbbb; text-align:center; font-size:12px; height:20px; border-top:1px #333 solid; line-height:20px;}






/* 内页样式 */

.ny_banner{ width:100%; min-width:1200px; height:200px; background:url(img/ny_banner_bg.jpg); *padding-top:100px;  margin-top:100px;}
.ny_banner_info{ width:1200px; height:200px; margin:0 auto;}
.ny_banner_text{ width:300px; display:block; font-size:36px; color:#fff; padding-top:130px; float:left;}

.ny_news_tab{ width:350px; height:40px; float:right; margin-right:330px; margin-top:160px;}
.ny_news_tab ul li{ width:93px; height:40px; float:left; margin-right:20px;}
.ny_news_tab ul li a{ width:93px; height:40px; display:block; font-size:14px; color:#fff; line-height:40px; text-indent:14px;}
.ny_news_tab ul li.current a{ background:url(img/news_tab.png); color:#666}
.ny_news_tab ul li a:hover{ background:url(img/news_tab.png); color:#666}

.ny_con_wrap{ width:100%; min-width:1200px; height:auto; background:#fff; overflow:hidden;}
.ny_con_box{ width:1200px; height:auto; margin:0 auto;}
.ny_left{ width:840px; min-height:1250px; height:auto; float:left; border-left:1px #e2e2e2 solid; border-right:1px #e2e2e2 solid; padding-top:50px;}
.ny_left_con{ width:840px; min-height:750px; height:auto; float:left;  border-right:1px #e2e2e2 solid; padding-top:10px;}

.ny_news_list{ width:840px; height:auto; padding-bottom:80px;}
.ny_news_list ul li{ width:840px; height:160px; padding-top:30px;}
.ny_news_list ul li p{ padding:5px 0; clear:both;}
.ny_news_list ul li .ny_news_list_title{ font-size:18px; height:20px; line-height:20px; display:block; border-left:4px #ffa016 solid; text-indent:16px; color:#000 }
.ny_news_list ul li .ny_news_list_title:hover{ color:#ffa016}
.ny_news_list ul li .ny_news_list_img{ width:122px; height:81px; border:1px #e5e5e5 solid; display:block; float:left; margin-left:20px; margin-right:14px; overflow:hidden;}
.ny_news_list ul li .ny_news_list_img img{-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease; transition: all 0.8s ease; width:122px; height:81px;}
.ny_news_list ul li .ny_news_list_img img:hover{ -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.ny_news_list ul li .ny_news_list_con{ width:660px; height:81px; display:block; float:left; font-size:12px; color:#666; line-height:25px; overflow:hidden; text-overflow: ellipsis;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease; transition: all 0.8s ease }
.ny_news_list ul li .ny_news_list_con:hover{ color:#999}

.ny_news_list ul li .ny_news_list_time { width:800px; height:32px; display:block; margin:0 auto; border-bottom:1px #e5e5e5 solid;}
.ny_news_list ul li .ny_news_list_time span{ font-size:12px; color:#999; padding:0 3px; float:right;}
.ny_news_list ul li .ny_news_list_time span a{color:#999;}
.ny_news_list ul li .ny_news_list_time span a:hover{ color:#ffa016}

.ny_right{ width:358px; float:left; padding-top:70px;}
.ny_right_title{ width:100%; font-size:24px; color:#333; height:45px; line-height:45px; border-bottom:1px #e5e5e5 solid; text-indent:22px; clear:both;}

.recommend_games{ width:340px; float:right; overflow:hidden;}
.recommend_games ul li{ width:340px; height:121px; margin:25px 0; background:url(img/recommend_bg.jpg) top no-repeat;}
.recommend_games ul li:hover{ background:url(img/recommend_bg.jpg) bottom no-repeat;}
.recommend_games ul li:hover .recommend_btn{background:url(img/ico.png) 10px -281px no-repeat #ff1d63; color:#fff;}
.recommend_games ul li .recommend_icon{ width:108px; height:108px; display:block; float:left; margin:7px;}
.recommend_games ul li .recommend_con{ width:200px; height:108px; margin:7px; float:left}
.recommend_games ul li .recommend_name{ display:block; font-size:18px; color:#333;}
.recommend_games ul li .recommend_tips{ display:block; font-size:14px; color:#666; padding:10px 0;}
.recommend_games ul li .recommend_btn{ width:110px; height:30px; margin:0 auto; line-height:30px; display:block; text-align:center; font-size:14px; color:#fff; background:url(img/ico.png) 10px -281px no-repeat #a0a0a0; text-indent:18px; border-radius:5px; margin-top:10px;}
.recommend_games ul li .recommend_btn:hover{background:url(img/ico.png) 10px -281px no-repeat #ff1d63; color:#fff;}


.news_ad{ width:340px; height:150px; float:right; padding:30px 0;}

.hot_news{ width:340px; height:auto; float:right; padding:10px 0;}
.hot_news ul li{ width:340px; height:18px; margin:10px 0;}
.hot_news ul li .hot_news_ico_top3{ width:30px; height:18px; display:block; float:left; background:url(img/hot_news_ico.jpg) top; text-indent:8px; font-size:12px; color:#fff;}
.hot_news ul li .hot_news_ico{ width:30px; height:18px; display:block; float:left; background:url(img/hot_news_ico.jpg) bottom; text-indent:8px; font-size:12px; color:#fff;}
.hot_news ul li a{ font-size:14px; color:#666; width:245px; height:18px; line-height:18px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; display:block; float:left; margin-left:5px;}
.hot_news ul li a:hover{ color:#ffa016}
.hot_news ul li .hot_news_time{ font-size:12px; color:#333; float:right;}


.location{ font-size:14px; color:#999;}
.location a{font-size:14px; color:#999;}
.ny_con_title{ font-size:24px; color:#000; line-height:30px; padding-top:40px; padding-bottom:20px;}
.ny_con_tips{ width:800px; height:38px; border-top:1px #ddd solid; border-bottom:1px #ddd solid;}
.ny_con_tips .ny_con_tips_time{ height:16px; float:left; display:block; font-size:14px; color:#666; margin:10px; text-indent:22px; background:url(img/ny_con_ico.png) left top no-repeat; }
.ny_con_tips .ny_con_tips_look{ height:16px; float:left; display:block; font-size:14px; color:#666; margin:10px 20px; text-indent:28px; background:url(img/ny_con_ico.png) left bottom no-repeat;}
.ny_content_box{ width:800px; font-size:14px; color:#333; line-height:25px; padding:30px 0;}
.ny_content_box img{ max-width:800px;}

.ny_con_share{ width:800px; height:38px; border-top:1px #ddd solid; border-bottom:1px #ddd solid; margin:50px 0;}
.jiathis_style_24x24{ margin-top:8px; margin-left:10px;}



.games_list{ width:800px; height:210px; background:#323830; position:absolute; top:100px; left:50%; margin-left:-400px; display:none;}
.games_list_top{ width:100%; height:55px;}
.games_list_title{ font-size:18px; color:#fff; padding:20px; display:block; float:left;}
.new_game{ width:90px; height:20px; font-size:14px; color:#fff; float:right; margin-top:22px; text-indent:20px; background:url(img/ico.png) 0px -228px no-repeat;}
.hot_game{ width:90px; height:20px; font-size:14px; color:#fff; float:right; margin-top:22px; text-indent:20px; background:url(img/ico.png) 0px -254px no-repeat;}

.games_list_tab{ width:100%; height:30px; background:#3c423b; clear:both;}

.m_games{ width:450px; height:30px; line-height:30px; font-size:14px; color:#fff; border-right:1px #2b2b2b solid; float:left; background:url(img/games_list.png) 20px -35px no-repeat; text-indent:40px;}
.pc_games{ width:349px; height:30px; line-height:30px; font-size:14px; color:#fff; float:left; background:url(img/games_list.png) 20px 5px no-repeat; text-indent:53px;}

.m_games_list{ width:450px; height:105px; float:left; padding-top:10px; border-right:1px #2b2b2b solid;}
.m_games_list ul li{ height:20px; float:left; margin:10px 18px;}
.m_games_list ul li a{ height:20px; padding-left:20px; display:block; font-size:14px; color:#fff; }
.m_games_list ul li a:hover{ color:#ffa016}
.m_games_list ul li.ico_hot a{ background:url(img/ico.png) 0px -228px no-repeat;}
.m_games_list ul li.ico_new a{ background:url(img/ico.png) 0px -254px no-repeat;}

.pc_games_list{ width:349px; float:left; padding-top:10px;}
.pc_games_list ul li{ height:20px; float:left; margin:10px 18px;}
.pc_games_list ul li a{ height:20px; padding-left:20px; display:block; font-size:14px; color:#fff; }
.pc_games_list ul li a:hover{ color:#ffa016}
.pc_games_list ul li.ico_hot a{ background:url(img/ico.png) 0px -228px no-repeat;}
.pc_games_list ul li.ico_new a{ background:url(img/ico.png) 0px -254px no-repeat;}




.ny_about_tab{ width:460px; height:40px; float:right; margin-top:160px;}
.ny_about_tab ul li{ width:93px; height:40px; float:left; margin-right:20px;}
.ny_about_tab ul li a{ width:93px; height:40px; display:block; font-size:14px; color:#fff; line-height:40px; text-indent:14px;}
.ny_about_tab ul li.current a{ background:url(img/news_tab.png); color:#666}
.ny_about_tab ul li a:hover{ background:url(img/news_tab.png); color:#666}
.ny_about_tab ul li.about_last a{ text-indent:7px;}


.company{ font-size:14px; color:#666; line-height:30px; padding:40px 20px;}
.company p{ text-indent:2em;}
.company .bojoy{ font-size:30px;}


.history_year_tab{ width:180px; height:auto; padding-top:37px; position:fixed;}
.history_year_tab ul li{ width:77px; height:36px;  margin-top:5px;}
.history_year_tab ul li a{ width:77px; height:36px; display:block; background:#efefef; color:#333; text-align:center; line-height:36px; border-radius:5px; cursor:pointer}
.history_year_tab ul li a:hover{ background:#ffa016; color:#fff;}
.history_con{ width:1000px; float:right; background:url(img/time_line.jpg) left repeat-y; padding:60px 0;}
.year_box{ width:1000px; background:url(img/time_year.jpg) left no-repeat; height:28px; line-height:28px; font-size:18px; color:#333; text-indent:35px;}
.history_box{ margin-top:20px; margin-bottom:40px;}
.history_box tr td{ height:30px; padding-left:18px; color:#666}
.month_box{ width:50px; height:25px; background:#efefef; border-radius:8px; line-height:25px; font-size:14px; color:#666; display:block; text-align:center; float:right;}



.honor_box{ width:1200px; background:url(img/time_line.jpg) center repeat-y; overflow:hidden; padding:60px 0}
.qualification{ width:480px; padding-left:120px; overflow:hidden}
.qu_title{ width:175px; height:45px; font-size:24px; line-height:45px; background:url(img/honor_title_bg.jpg) top; float:right; text-align:center; color:#333;}
.qu_list{ width:460px;  margin-right:10px; background:#efefef; border-radius:5px; margin-top:15px; padding:10px 0; float:right; clear:both;}
.qu_list ul li{ padding:0 25px; font-size:14px; color:#666; text-align:right; line-height:30px; }

.game_honor{ width:380px; padding-left:601px; overflow:hidden; position:relative; padding-top:30px;}
.game_honor_title{ width:175px; height:45px; background:url(img/honor_title_bg.jpg) bottom; float:left; font-size:24px; line-height:45px; text-align:center; color:#333}
.game_honor_list{ width:360px; float:left; margin-left:20px; background:#efefef; border-radius:5px; margin-top:15px; padding-bottom:10px; overflow:hidden;}
.game_honor_list ul li{ padding:0 25px; font-size:14px; color:#666; text-align:left; line-height:30px; }
.game_honor_list ul li.game_honor_year{  height:35px; line-height:35px; font-size:18px; color:#333; background:#ddd; }
.game_honor_dot{ width:26px; height:26px; background:url(img/honor_dot.jpg); position:absolute; margin-left:587px; margin-top:95px;}
.game_honor_dot_1{ width:26px; height:26px; background:url(img/honor_dot.jpg); position:absolute; margin-left:587px; margin-top:20px;}

.game_honor_left{ width:480px; padding-left:100px; overflow:hidden;}
.game_honor_left .game_honor_year{ text-align:right;}
.game_honor_left .game_honor_list{ width:460px; float:left; margin-left:20px; background:#efefef; border-radius:5px; margin-top:15px; padding-bottom:10px; overflow:hidden;}
.game_honor_left ul li{ text-align:right;}
.game_honor_right{ width:380px; padding-left:601px; overflow:hidden;}

.jobs_table{ height:30px; border:1px #ddd solid; padding:25px; margin-top:20px;}
.jobs_table span{ display:block; float:left; font-size:14px; color:#000; line-height:30px; margin-right:10px;}
.jobs_table a{ width:70px; height:30px; font-size:14px; line-height:30px; color:#666; text-align: center; float:left; margin-right:25px; border-radius:5px;}
.jobs_table a:hover{ background:#ffa016; color:#fff;}
.jobs_table a.current{background:#ffa016; color:#fff;}
.jobs_list{ width:1200px; border-left: 1px #ddd solid; border-right:1px #ddd solid; margin-bottom:50px;}
.jobs_list tr td{ border-bottom:1px #ddd solid; height:38px; line-height:38px; color:#666; text-align:center;}
.jobs_list tr td a{ color:#666;}
.jobs_list tr td a:hover{ color:#ffa016; text-decoration:underline;}
.jobs_list tr:hover td{ background:#f8f8f8; color:#ffa016;}
.jobs_list tr:hover td a{ color:#ffa016; text-decoration:underline;}



.bojoy_video{ width:100%;}
.video_top{ width:100%; height:312px; background:url(img/bojoy_video.jpg) top center;}
.video_box{ width:100%; min-width:1200px; max-width:1920px; height:368px; margin:0 auto; }
.video_box ul li{ width:25%; height:368px; float:left; position:relative; overflow:hidden;}
.video_box ul li a{ width:100%; height:368px; display:block; position:relative;}
.video_box ul li p{-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer}
.video_box ul li.video_1{ background:url(img/video_01.jpg) top center;}
.video_box ul li.video_2{ background:url(img/video_02.jpg) top center;}
.video_box ul li.video_3{ background:url(img/video_03.jpg) top center;}
.video_box ul li.video_4{ background:url(img/video_04.jpg) top center;}
.video_box ul li .video_mask{ width:100%; height:368px; background:#000; opacity:0.7; filter:alpha(opacity=70); position:absolute; z-index:1; top:0; left:0; display:block;}
.video_box ul li .video_text{ width:100%; position:absolute; top:120px;  z-index:4;}
.video_box ul li .video_text span{ width:100%; text-align:center; line-height:36px; display:block; clear:both;  cursor:pointer}
.video_box ul li .video_text .video_text_1{ font-size:20px; color:#fff;}
.video_box ul li .video_text .video_text_2{ font-size:14px; color:#fff;}
.video_box ul li .video_text .video_text_3{ font-size:24px; color:#fff;}
.video_box ul li .video_mask_1{ width:100%; height:135px; background:#ffa016; opacity:0.85; filter:alpha(opacity=85); position:absolute; bottom:-135px; display:block; z-index:3;}
.video_box ul li .video_btn{ width:90px; height:90px; display:block; background:url(img/video_btn.png); position:absolute; left:50%; margin-left:-45px; top:-90px; z-index:5;}

.video_box ul li:hover .video_mask{ top:368px;}
.video_box ul li:hover .video_text{ top:240px;}
.video_box ul li:hover .video_mask_1{ bottom:0;}
.video_box ul li:hover .video_btn{ top:100px;}

.business{ width:100%; border:1px #ddd solid; box-sizing:border-box; margin:40px 0;}
.business_title{ height:48px; background:#f1f1f1; color:#333; padding-left:25px; line-height:48px; font-size:18px;}
.business_con{ padding:20px 25px; line-height:25px; font-size:14px; color:#333;}

.contact{ width:1160px; border:1px #ddd solid; box-sizing:border-box; margin:40px 0; padding:30px 20px;}
.contact h1{ color:#333; font-size:18px; font-weight:normal; padding:10px 0}
.contact p{ color:#666; line-height:30px; font-size:14px;}
.contact p a{ color:#666;}
.contact p a:hover{ color:#ffa016}


.div_wrap{ width: 100%; border-top: 1px #eee solid; border-bottom: 1px #eee solid; background: #fff; padding: 150px 0 50px }