/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0; padding: 0;}
table{border-collapse: collapse; border-spacing: 0;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal; font-weight: normal;}
ul,ol,li{list-style: none;}
h1,h2,h3,h4,h5,h6{font-size: 100%; font-weight: normal;}
q:before,q:after{content: '';}
a,a:visited{text-decoration: none;}
a:hover{text-decoration: none;}

/*base*/
.fixed{clear: both; height: 0; overflow: hidden;}
.clearfix:after{display: block; visibility: hidden; clear: both; height: 0; content: ".";}
.clearfix{*zoom: 1;}
.fl{float: left;}
.fr{float: right;}
.w980{width: 100%; max-width: 980px; margin: 0 auto; position: relative;}
body{ background: #fef9e9; font-size: 100%; line-height: 1; font-family: verdana,"微软雅黑"; min-width: 980px;overflow-x: hidden;}
.bg_con { background: url(../images/bg.jpg) no-repeat center top;}

.top_link .login_after { font-size: 14px;}
/*******header********/
.header{ position: relative; z-index: 2;}
.header .w980{height: 489px;}
.game_logo{width: 382px; height: 161px; position: absolute; left: 50%; top: 238px; margin-left: -211px;}

.header_btn{background: url(../images/btn.png) center top no-repeat; width: 206px; height: 190px;float: left; margin: 222px 0 0 29px; position: relative;}
.header_btn_ul li{ width: 101px; height: 103px; position: absolute;}
.header_btn_ul li a{display: block;width: 100%;height: 100%;}
.header_btn_ul li.charge{top:0;left:52px;}
.header_btn_ul li.guide{ width: 100px; height: 99px; top: 79px;left: 6px;}
.header_btn_ul li.service{ width: 96px; height: 99px; top: 79px;left:102px;}
.header_btn_ul li a:hover{background: url(../images/btn_h.png) 0 -1px no-repeat;}
.header_btn_ul li.guide a:hover { background-position: -101px -1px;}
.header_btn_ul li.service a:hover { background-position: -198px -3px;}

.header_video{width: 242px; height: 157px; border: 2px solid #e1ab30; background:url("../images/video_layout.jpg"); background-size:cover; cursor:pointer;  background-repeat: no-repeat; float: right; margin: 238px 25px 0 0;}
/*.header_video iframe{display: block; border: none; width: 100%; height: 100%; overflow: hidden;}*/
.video{
    display:none;
}
/*header_video popup*/
.popup_wrap{
    width:100%;
    height:100%;
    background-color:rgba(39,39,39,0.3);
    position:fixed;
    z-index: inherit;
    display:none;
    overflow:hidden;
}
.popup_content{
    width: 45%;
    margin: 13% auto;
}
.popup_close{
    float: right;
    background-color:black;
    width:43px;
    cursor:pointer;
}
.btn_down_wrap1,.kefu { display: none;}
.btn_down_wrap{ margin-top: 30px;}
.btn_down_wrap li{width: 147px; height: 28px; margin: 0 auto; margin-bottom: 6px;}
.btn_down_wrap li.btn_down01{margin-bottom: 0;}
.btn_down_wrap li a{background: url("../images/btn_down.png") no-repeat; background-size: 200% 300%; color: #FFF;}
.btn_down_wrap li a span { float: left; font-size: 12px; line-height: 28px; padding-left: 32px; text-align: left;}
.btn_down_wrap li.btn_down02 a{background-position: left center;}
.btn_down_wrap li.btn_down03 a{background-position: left bottom;}
.btn_down_wrap li.btn_down01 a:hover{background-position: right top;}
.btn_down_wrap li.btn_down02 a:hover{background-position: right center;}
.btn_down_wrap li.btn_down03 a:hover{background-position: right bottom;}

.header_nav .back { width: 143px; height: 41px; display: block; background: url(../images/back.png) left top no-repeat; margin: 25px 0 0 15px;}
.header_nav .back:hover { background-position: left bottom; color: #23bbf8;}

/******content*******/
.content { width: 100%; position: relative; z-index: 1;}
.content .main { width: 100%; background: url(../images/body_bg.jpg) center bottom no-repeat;}
.banner_1{width: 970px; height: 360px; position: relative; margin: 0 auto; margin-bottom: 13px;}
.banner_box li{position: absolute; left: 0; top: 0; width: 100%; height: auto; display: none;}
.banner_box li a, .banner_box li img{display: block; width: 100%; height: auto;}
.banner_nav{height: 17px;width: 126px; position: absolute; right: 15px; bottom: 10px; z-index: 9; text-align: center;}
.banner_nav span{display: inline-block; width: 17px; height: 17px; margin-right: 9px; background: url("../images/icon_dot.png") no-repeat; cursor: pointer;}
.banner_nav span.cur{ width: 22px; background-position:center; border-radius:7px;}

/*news_box*/
.box_wrap{ overflow: hidden; position: relative;}
.news_box{ width: 641px; background: #fef9e9; border: 1px solid #897154; height: 312px;border-top: none; float: left; margin: 0 0 0px 4px; padding-bottom: 34px;}
.news_box_tit{ height: 54px; border-bottom: 1px solid #353535; background: url(../images/.news_nav_bg.jpg) no-repeat; background-size: 100% 100%; position: relative;}
.news_box_tit li{width: 78px; height: auto; border: 1px solid #ffd8ab; float: left; margin: 14px 0 0 14px;}
.news_box_tit li a{ background: #55311b; display: block; line-height: 1.5; text-align: center; font-size: 1.125em; color: #ffd8ab;}
.news_box_tit li.cur a{ background: #e97b10; color: #fff;}

.link_more{position: absolute; top: 50%; margin-top: -8px; right: 15px; width: 19px; height: 19px; font-size: 12px; color: #949495; background: url("../images/icon_more.png") no-repeat right center; padding-right: 14px;}
.news_box_content{padding: 0 14px;}
.news_box_content ul{display: none;}
.news_box_content li, .news_list_content li{padding: 24px 0; border-bottom: 1px solid #f2b283; height: 15px; line-height: 15px;}
.news_box_content li em, .news_list_content li em{background: url("../images/icon_news.png") no-repeat; display: block; width: 64px; height: 15px; float: left; margin-right: 10px; background-size: 100% 300%;}
.news_box_content li em.tag_notice, .news_list_content li em.tag_notice{background-position: left bottom;}
.news_box_content li em.tag_activity, .news_list_content li em.tag_activity{background-position: left center;}
.news_box_content li a, .news_list_content li a{ width: 60%; height: 16px; display: block; color: #808080; font-size: 0.875em; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_box_content li a:hover, .strategy_list li a:hover, .news_list_content li a:hover{ color: #ff0000; text-decoration: underline;}
.news_box_content li i, .strategy_list li i, .news_list_content li i{background: url("../images/icon_arrows.png") no-repeat; width: 6px; height: 11px; display: block; float: right; margin-top: 2px;}
.news_box_content li span, .news_list_content li span{display: block; font-size: 12px; color: #4b4c4d; margin-right: 5px; float: right;}

/*main_c*/
.main_c{ padding-bottom: 79px;overflow:hidden;}
.main_c .box_tit{ width: 275px; height: 27px; background: url(../images/tese.png) no-repeat top center; margin: 22px 0 16px 0;}
.main_c .box_tit1 { width: 217px; background-position: bottom left;}
.system_list{padding: 0px 10px;}
.system_list .system_item{float: left; width: 24.5%; border-right: 1px solid #522e19;}
.system_item .system_main{display: block; width: 100%; margin: 0 auto; position: relative;}
.system_item a, .system_item a img{display: block; width: 100%;}
.system_info{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/png90.png"); border-radius: 5px; overflow: auto; visibility: hidden;}
.system_info ul{padding: 2px;}
.system_info li{float: left; width: 41%; margin: 10px 0 0 6%;}
.system_info li a{display: block; width: 100%; font-size: 0.8em; line-height: 1.9; color: #fff; background: #2a4a6f; text-align: center;}
.system_info_list02 li{width: 30%; margin-left: 2.5%;}
.system_info_list02 li a{font-size: 0.65em;}

/*游戏截图*/
.wrap_screenshot { width: 98%; height: 227px; background: url(../images/screeb_bg.jpg) no-repeat; background-size: 100% 100%; margin: 0 auto;}
.wrap_screenshot_right{width: auto;height: 227px;margin-left: 10px;padding-top: 3px;padding-right: 10px;}
.screenshot_list{position: relative; padding:40px 38px; perspective: 500; -webkit-perspective: 500; perspective-origin: 50% 50%; -webkit-perspective-origin: 50% 50%;}
.screenshot_list .slick-track{transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d;}
.screenshot_list .screenshot_item{background: #000;#background:none; float: left; margin: 0 -50px; *margin: 0 2px; position: relative; z-index: 8; transform: rotateY(30deg) scale(0.9); -webkit-transform: rotateY(30deg) scale(0.9); -moz-transform: rotateY(30deg) scale(0.9); -ms-transform: rotateY(30deg) scale(0.9);}
.screenshot_list .slick-active.slick-center{z-index: 9; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);}
.screenshot_list .slick-active.slick-center~div{transform: rotateY(-30deg) scale(0.9); -webkit-transform: rotateY(-30deg) scale(0.9); -moz-transform: rotateY(-30deg) scale(0.9); -ms-transform: rotateY(-30deg) scale(0.9);}
.screenshot_item img{display: block; width: 100%;max-height:127px; opacity: 0.7; filter: alpha(opacity=70); *filter: alpha(opacity=100); cursor: pointer;}
.screenshot_list .slick-active.slick-center img{opacity: 1; filter: alpha(opacity=100);}
.screenshot_item a{display: block;}
.wrap_screenshot .slick-list { border: none;}

.slick-prev,.slick-next{outline: none;position: absolute; background: url(../images/btns.png) top left no-repeat; width: 19px;height: 22px;top: 50%; margin-top: -11px; border: none;text-indent: 99em; }
.slick-prev{ right: 0px; background-position: right top;}
.slick-next{ left: 0px;}
.slick-prev:hover,slick-prev:focus{ background-position: right bottom; border: none;}
.slick-next:hover,slick-next:focus{ background-position: left bottom; border: none;}


/*main_b*/
/*fb_talk*/
.fb_talk{width: 306px; height: 327px; float: left; background: url(../images/facebook_bg.png) no-repeat; background-size: 100% 100%; margin-left: 21px; padding-top:20px;}

/*********footer**********/
.footer{border-top: 2px solid #000; background: #1d1d1d url("../images/footer_bg.jpg") no-repeat center top;}
.footer .w1000{background: url("../images/logo_footer.png?v=1234558") no-repeat 202px center; padding: 20px 0;}
.footer_main{height: 63px; padding-left: 20px; margin-left: 410px; border-left: 1px solid #595959;}
.footer_main .footer_link{padding: 10px 0 14px;}
.footer_main .footer_link a, .footer_main .footer_link span{color: #fff;}
.footer_main .footer_link span{padding: 0 10px;}
.footer_main .footer_link a:hover{color: #da0f0f; text-decoration: underline;}
.footer_main .footer_copyright{color: #999;}

/* footer */
.footer .footer_main_m{background: url("../images/m_logo_footer.png") no-repeat 15px center; padding: 25px 0;}
.footer_main_l{height: 63px; padding-left: 15px; float: left; border-left: 1px solid #595959; margin-left: 391px; font-size: 14px;}
.footer_main_l .footer_link{padding: 10px 0 14px;}
.footer_main_l .footer_link a, .footer_main_l .footer_link span{color: #f5f5f5;}
.footer_main_l .footer_link span{padding: 0 10px;}
.footer_main_l .footer_link a:hover{color: #da0f0f; text-decoration: underline;}
.footer_main_l .footer_copyright{color: #aea5a5; font-size: 12px;}
.footer_main_r{float: left; margin: 6px 0 0 10px;}
.footer_main_r .i_img{float: left;}
.footer_main_r .i_info{float: left; margin: -5px 0 0  5px; line-height: 14px; font-size: 10px; color: #999;}
/******news_list******/
.news_list_tit{overflow: hidden; background: #1d1d1d;}
.news_list_tit li{float: left; width: 25%;}
.news_list_tit li a{display: block; color: #ccc; font-size: 1.125em; line-height: 4.3; text-align: center; border-right: 1px solid #353535; position: relative; *zoom: 1;}
.news_list_tit li.cur a, .news_list_tit li a:hover{color: #fff;}
.news_list_tit li.last a{border-right: none;}
.news_list_tit li.cur a span{position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #0f9cfe;}
.news_list_content{padding: 0; min-height: 590px;}
.news_list_content li{border-bottom: none; padding: 22px 20px;}
.news_list_content li.even{background: #1a1919;}
.news_list_content li span{margin-right: 20px;}

/*******info_wrap*******/
.info_wrap { width: 98%; height: 100%; background: #fff; margin: 0 auto; position:  relative;}
.info_wrap .info_tit { height: 60px; background: url(../images/list_title.jpg) no-repeat; background-size: 100% 100%; overflow: hidden;}
.info_wrap .box_tit { width: 78px; background: #e97b10; border: 1px solid #ffd8ab; line-height: 1.5;font-size: 1em; color: #ffd8ab; position: relative; text-align: center; margin: 20px 0 0 5%;}
.info_wrap .system_list{padding-top: 40px;}
.info_tit .location{position: absolute; right: 15px; top: 50%; margin-top: -7px; height: 14px; font-size: 0.875em; color: #fefefe;}
.info_tit .location a{color: #fefefe;}
.info_tit .location a:hover{color: #d12d01;}
/*info_content*/
.info_content{ height: 100% background: #fff; padding-bottom: 30px; overflow-y: auto;}
.info_content_tit{padding: 20px 0; width: 68%; margin: 0 auto; border-bottom: 1px solid #fbbda7;}
.info_content_tit h2{font-size: 1.875em; line-height: 2; text-align: center; color: #000;}
.info_content_tit p{font-size: 0.875em; text-align: center; color: #000;}
.info_content_main{width: 85%; margin: 0 auto; min-height: 350px; padding: 25px 0 35px;}
.info_content_main img{display: block; margin: 20px auto; max-width: 100%;}
.info_content_main p{color: #000; font-size: 0.875em; line-height: 2;}
.info_content_main p span{color: #fe710f;}
.info_content_main p a{color: #0f9cfe; text-decoration: underline;}
.btn_back{ background: #a96f2a; display: block; margin: 0 auto -20px -59px; width: 118px; height: 39px; border-radius: 15px; line-height: 1.75; color: #fbf3df; font-size: 1.25em; text-align: center; position: absolute; bottom: 45px; left: 50%; }
.btn_back:hover{background: #d79d58;}

/*turn_page*/
.turn_page{margin-top: 20px;}
.turn_page a{display: block; width: 100px; text-align: center; font-size: 1em; line-height: 2; color: #f1f1f1; background: #c3780f; border-radius: 5px;}

/********slick********/
.slick-list{overflow: hidden; position: relative; outline: none; border: 1px solid #522e19;}
.slick-track{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-dots{position: absolute; left: 0; bottom: 5px; text-align: center; width: 100%;}
.slick-dots li{display: inline-block; height: 10px; width: 50px; margin: 0 5px; cursor: pointer; }
.slick-dots li button{border: 0; background: #818181; display: block; height: 100%; width: 100%; outline: none; line-height: 0; font-size: 0;}
.slick-dots li.slick-active button{background: #E97B10;}

/*page_list*/
.page_list{margin-top: 0px; width: 100%; height: 22px; padding: 20px 0; text-align: center; position:absolute; bottom: 80px; left: 0;}
.page_list a{display: inline-block; width: 26px; height: 22px; line-height: 22px; text-align: center; margin-right: 12px; font-size: 1em; color: #ccc; vertical-align: middle;}
.page_list a:hover, .page_list a.cur{background: #f88619; color: #fff;}
.page_list a.page_prev{margin-right: 22px;}
.page_list a.page_next{margin: 0 0 0 10px;}
.page_list .page_prev:hover, .page_list .page_next:hover{background: none;}
.page_list a i, .page_list a em{display: inline-block; background: url("../images/icon_arrows.png"); no-repeat; width: 6px; height: 11px;}
.page_list a em{margin-left: 4px;}
.page_list a.page_prev i, .page_list a.page_prev em{background-position: 0 -11px;}

/*侧导航2*/
.header_nav{ overflow: hidden;width: 174px; height: 496px; background: url(../images/header_nav_bg.png) no-repeat; position: fixed; right: 50px; top: 50%; margin-top: -200px; z-index: 98;}
.square_wrap { margin: 0 auto;}
.square_wrap li{ width: 112px; height: 112px;}
.square_wrap li a, .square_wrap li img, .btn_down_wrap li a{display: block; width: 100%; height: 100%;}
.square_wrap li.btn_index { width: 119px; height: 119px;}
.square_wrap li.btn_index a{}
.square_wrap li { display: block; margin: 0 auto;}
.square_wrap .btn_index { margin-top: 34px;}
.square_wrap li.qr_code { margin-top: 5px;}

.info_wrap table { width: 100%;}
.to_home { width: 118px; background: #a96f2a; border-radius: 15px; color: #fbf3df; font-size: 1.25em; line-height: 2.125; margin: 10px 10px 0; text-align: center; display: none;}
.back-links{width:100%;margin:0 auto;}
@media screen and (max-width:1380px){
	.header_nav{float: left;}
}
@media screen and (max-width:979px){
    body{min-width: 320px;}
    .banner_1, .news_box, .main_b .box_wrap{float: none; width: 98%; margin: 0 auto; margin-top: 0px;}
    .main_b .box_wrap { margin-top: 15px;}
	.main_c .box_tit{ margin: 22px 0 16px 20px;}
    .news_box{height: auto;}
    .strategy_box, .fb_talk{margin: 0 0 20px 0;}
    .side_nav{right: 0; top: 100%; margin-top: -30px; width: 100%;}
    .side_nav li{width: 20%; float: left; border: none;}
    .footer .footer_main_m{padding: 70px 0 30px; background-position: 45% 20px;}
    .footer_main_l{float: none; border: none; text-align: center; margin: 0; padding: 0;}
    .footer_main_r{float: none; margin: 0; position: absolute; top: 13px; right: 23%;}
    .footer_main_r .i_info{display: none;}
	.header,.header .w980{ height: 970px;}
	.header_btn { display: none;}
	.header_video { width: 293px; position: absolute; top: 790px; left: 50%; margin: 0; margin-left: -147px; }
	
	.header_nav{ width: 96%; height: auto; background: none; display: block; position: relative; right: 0; top: 0; margin: 66% 0 0 2%;}
	.header_nav ul { float: left;}
	.square_wrap li.qr_code,.header_nav .back { display: none;}
	.square_wrap .btn_index{ margin-top: 0px;}
	
	.square_wrap { width: 28%;}
	.square_wrap li.btn_index { width: auto; height: auto;}
	.square_wrap li img { width: 100%; height: auto;}
	.btn_down_wrap { display: none;}
	.btn_down_wrap1 { width: 100%; display: block; margin-left: 30%;}
	.btn_down_wrap1 ul { width: 39%; }
	.btn_down_wrap1 li { float: none; margin-bottom: 2px; }
	.btn_down_wrap1 .btn_down03 { width: 29%; float: left; margin-left: 2%;}
	.btn_down_wrap1 a { width: 100%; height: 100%; display: block;}
	.btn_down_wrap1 a img { width: 100%;}
	
	.kefu { display: block;}
	.kefu { width: 94%; margin: 0 auto;}
	.kefu a { display: block;}
	.kefu img { width: 48%; float: left; margin: 6px 0 0 0px;}
	.kefu img.kefu { width: 47%; margin: 6px 0 0 10px;}
	
	.fb_talk { display: none;}
	.slick-slider { padding-bottom: 30px;}
	.main_c .box_tit { margin: 11px 0 12px 10px;}
	
	.banner_1 { height: 268px;}
	.banner_1 { margin-bottom: 15px;}
	
	.slick-dots li { height: 15px;}
	.slick-list { border: none;}
	.system_list .system_item { border-right: none;}
    .news_box { height: auto;}
    .to_home { display: inline-block;}

}
@media screen and (max-width: 966px){
    .header_video {top: 965px;}
    .header, .header .w980 {height: 1145px;}
    .header_nav { margin: 54% 0 0 2%;}
}
    @media screen and (max-width:920px){
    .system_item .system_main{width: 95%;}
    .main_b { margin-top: 85px;}
}
@media screen and (max-width: 950px){
    .header_video {top: 935px;}
    .header, .header .w980 {height: 1120px;}
    .main_b { margin-top: 70px;}
    .video{display: block;border: none; width:290px; height: 157px; margin-left: 2px;}
}
@media screen and (max-width: 900px){
    .header_video {top: 888px;}
    .header, .header .w980 { height: 1070px;}
    .main_b { margin-top: 55px;}
}
@media screen and (max-width:859px){
    .header{ background-size: auto 100%; text-align: center;}
    .system_list{padding-bottom: 40px;}
    .system_item .system_main{width: 85%;}
    .footer .footer_main{background-position: 40% 20px;}
	.footer_main_r { right: 21%;}
}
@media screen and (max-width: 800px){
    .header_video {top: 806px;}
    .header, .header .w980 {height: 980px;}
    .main_b { margin-top: 20px;}
}
@media screen and (max-width: 768px){
    .header_video {top: 868px;}
    .header, .header .w980 {height: 1045px;}
    .header_nav { margin: 66% 0 0 2%;}
    .footer{    border-top: 2px solid #000;
        background: #1d1d1d;}
}
@media screen and (max-width:736px){
    .wrap_screenshot { height: 190px;}
    .header_video {top: 836px;}
    .header, .header .w980 {height: 1015px;}
}
@media screen and (max-width:720px){
    .system_item .system_main{width: 95%;}
	.footer_main_r { right: 4%;}
}
@media screen and (max-width:667px){
    .header_video {top: 790px;}
    .header, .header .w980 {height: 970px;}
	.banner_1 { height: 243px;}
	.header_nav { margin: 70% 0 0 2%;}
    .wrap_screenshot { height: 174px;}
}
@media screen and (max-width:640px){
	body{font-size: 85%;}
    .bg_con { background-size: 280%;}
    .header_video {top: 761px;}
    .header, .header .w980 { height: 930px;}
    .square_wrap li{width: 96px; height: 96px;}
    .btn_down_wrap{margin-top: 12px;}
    .btn_down_wrap li{width: 126px; height: 24px;}
    .banner_1{height: 230px;}
    .system_item .system_main{width: 80%;}
    .news_list_tit{font-size: 80%;}
    .news_list_content{min-height: 354px;}
    .news_box_content li a, .news_list_content li a{max-width: 260px;}
    .footer .footer_main{background-position: 35% 20px; background-size: 75%;}
	.header .w980 { height: 360px;}
	.news_box { padding-bottom: 15px;}

	.btn_back { line-height: 2.25;}
	.info_wrap .info_tit { background-size: auto 100%; }
    .news_box .btn_back{ display: none;}
    .news_box_tit { background-size: auto 100%;}
    .main_b { margin-top: 15px;}
}
@media screen and (max-width: 604px){
    .header_video {top: 716px;}
    .header, .header .w980 {height: 890px;}
    .banner_1 { height: 204px;}
}
@media screen and (max-width:568px){
    .system_item .system_main{width: 90%;}
	.footer_main_r { right: 4%;}
    .header_video {top: 683px;}
    .header, .header .w980 {height: 863px;}
	.banner_1 { height: 208px; margin-bottom: 0px;}
    .wrap_screenshot { height: 168px;}
    .game_logo {width: 250px;height: 90px;top: 218px;margin-left: -142px;}
}
@media screen and (max-width: 533px){
    .header_video {top: 683px;}
    .header, .header .w980 {height: 863px;}
}
@media screen and (max-width:480px){
    body{font-size: 85%;}
    .bg_con { background-size: 280%;}
    .header_video {top: 600px;}
    .header, .header .w980 { height: 778px;}
    .square_wrap li{width: 80px; height: 80px;}
    .btn_down_wrap{margin-top: 8px;}

    .banner_1{height: 168px;}
    /*banner_nav*/
    .banner_nav{
        width: 100%;
        right:0;
        bottom: 0;
        z-index: 9;
        text-align: center;
    }
    .news_box_tit li{width: 16%; margin: 16px 0 0 14px;}
    .news_list_content{min-height: 210px;}
    .news_box_content li, .news_list_content li{height: 18px; line-height: 12px; padding: 15px 0;}
    .news_list_content li{padding: 15px 14px;}
    .news_box_content li em, .news_list_content li em{width: 51px; height: 12px; margin-right: 8px;}
    .news_box_content li a, .news_list_content li a{max-width: 140px;}
    .news_list_content li span{margin-right: 5px;}
    .system_item .system_main{ width: 70%;}
    .slick-dots li{width: 30px;}
    .page_list{margin-top: 20px;}
    .page_list a{ margin-right: 6px;}
    .page_list a.page_prev{margin-right: 16px;}
    .footer .footer_main{background-position: 25% 20px;}
	.footer_main_r .i_img { width: 40px; height: 40px;}
	.footer .footer_main { padding: 60px 0 11px;}
	
	.content .main { background-size: 100% auto;}
	.news_box { border: none;}
	.main_b .news_box{ width: 100%;}
	
	.header_nav{ width: 96%; height: auto; background: none; display: block; position: relative; right: 0; top: 0; margin: 73% 0 0 2%;}
	.header_nav ul { float: left;}
	.square_wrap li.qr_code,.header_nav .back { display: none;}
	.square_wrap .btn_index{ margin-top: 0px;}
    .game_logo {width: 200px;height: 80px;top: 183px;margin-left: -111px;}
    .wrap_screenshot { height: 222px;}
}
@media screen and (max-width:414px){
    .header_video {top: 527px;}
    .header, .header .w980 {height: 705px;}
    .banner_1{height: 152px;}
    .wrap_screenshot { height: 193px;}
    .game_logo {width: 180px;height: 70px;top: 160px;margin-left: -102px;}
}
@media screen and (max-width:400px){
	.banner_1{height: 146px;}
    .system_item .system_main{width: 82%;}
}
@media screen and (max-width:375px){
    .header_video {top: 485px;}
    .header, .header .w980 {height: 660px;}
    .banner_1{height: 130px;}
    .game_logo {width: 178px;height: 74px;top: 139px;margin-left: -102px;}
}
@media screen and (max-width:320px){
	.banner_1{height: 116px;}
    .header_video {top: 426px;}
    .header, .header .w980 {height: 600px;}
	.kefu img { width: 48%; float: left; margin: 8px 0 0 0px;}
	.kefu img.kefu { width: 47%; margin: 8px 0 0 10px;}
	.banner_1 { margin-bottom: 0px;}
    .wrap_screenshot { height: 180px;}
    .game_logo {width: 135px;height: 50px;top: 124px;margin-left: -74px;}

}