@charset "utf-8";
/* CSS Document */
html{background:#f6f2eb;font-size:62.5%; /* 10÷16=62.5% */background: url(../images/bg.jpg) repeat-y; }
body{font-size:12px;font-size:1.2rem ; /* 12÷10=1.2 */background-color:#f6f2eb;color: #333;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;background: url(../images/bg.jpg) repeat-y; }
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px;color: #333; -webkit-font-smoothing: subpixel-antialiased;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
fieldset,img{border:0;}
img,object{max-width:100%;/*height:auto;*/width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color: #333;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
a:hover{color: #8c0000;transition: all .5s; -moz-transition: all .5s;  -webkit-transition: all .5s;  -o-transition: all .5s;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}

ul,ol,li{list-style:none outside none;}
.tc{text-align:center !important;}
.tl{text-align:left  !important;}
.tr{text-align:right  !important;}
.fwn{font-weight:normal;}
.fwb{font-weight:bold;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';content:none;}
input,textarea,select{font-weight:inherit;}
input,select,textarea,button {vertical-align:middle}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*头部样式*/
.wrap_content_01{max-width: 1200px;overflow: hidden;background-color:#fff;margin:30px auto;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#CFCFCD', Direction=135, Strength=2);/*for ie6,7,8*/   
-moz-box-shadow:0px 1px 7px #CFCFCD;/*firefox*/  
-webkit-box-shadow:0px 1px 7px #CFCFCD;/*webkit*/  
box-shadow:0px 1px 7px #CFCFCD;/*opera或ie9*/  
}
.wrap_content{padding:35px;overflow: hidden;}
.header{overflow: hidden;width: 100%;}

.all_top{width: 100%;overflow: hidden;background: #ede6e6;}
.all_lf{float: left;width: 20.88%;overflow: hidden;}
.all_rt{float: right;width: 79.12%;overflow: hidden;}
.logo_box{width: 100%;text-align: center;}
.logo_box .logo {margin-top:6%;}
.logo_box .logo a{display: block;}
.logo_box .logo01 {margin-top:12%;}
.logo_box .logo01 a{display: block;}
.share_list{width: 89%;margin:12% auto 0;overflow: hidden;}
.share_list .zh_en{float: left;width: 45%;overflow: hidden;height: 25px;line-height: 25px;}
.share_list .zh_en li{float: left;margin-right: 5px;}
.share_list .zh_en li a{font-size: 14px;color:#b16c0f;}
.share_list .zh_en li.zh{/*background: url(../images/zh_line.png) no-repeat center right;*/padding-right: 5px;}

.nav{overflow: hidden;width: 100%;}
.nav ul{overflow: hidden;text-align: center;}
.nav ul li{float: left;height: 46px;line-height: 46px;padding:0 1.837%;}
.nav ul li a{display: block;font-size: 16px;}
.nav ul li.on{background: #8c0000;}
.nav ul li.on a{color:#fff;}
.nav ul li:hover{background: #8c0000;transition: all .5s; -moz-transition: all .5s;  -webkit-transition: all .5s;  -o-transition: all .5s;}
.nav ul li:hover a{color:#fff;transition: all .5s; -moz-transition: all .5s;  -webkit-transition: all .5s;  -o-transition: all .5s;}


.footer{max-width: 1130px;margin:30px auto;overflow: hidden;}
.footer .lf{float: left;overflow: hidden;}
.footer .rt{float: right;overflow: hidden;}
.copyRight01{line-height: 22px;font-size: 12px;color:#666;}
.copyRight02{line-height: 22px;font-size: 12px;color:#666;text-align: right;}




.goTop {position: absolute;bottom: 0;right: 30px;z-index: 99;color: #cf2a2a;text-align: center;font-size: 16px;transition: none;}
.goTop i {color: #cf2a2a;display: block;margin-bottom: 8px;transition: all 0.3s ease;}
.goTop:hover{color: #cf2a2a;}
.goTop:hover i {transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px);}

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-webkit-keyframes moveFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -ms-transform: translateX(200%);
        -o-transform: translateX(200%);
        transform: translateX(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes moveFromRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(-200%);
        -moz-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        -o-transform: translateX(-200%);
        transform: translateX(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
/*手机端导航*/
.snav{display: none;overflow: hidden;}
.mbtn{background: #8c0000;overflow: hidden;height: 35px;line-height: 35px;}
.mbtn .fa{color:#fff;float: right;font-size: 20px;margin:10px 10px 0 0;}
.mtopList{overflow: hidden;margin-left:10px;}
.mtopList li{float: left;margin-right: 10px;}
.mtopList li.zh{padding-right: 10px;background: url(../images/zh_line1.png) no-repeat center right;}
.mtopList li a{color:#fff;font-size: 14px;}
.navm{position: absolute;z-index:9999;top:35px;background: rgba(0,0,0,0.83);width: 100%;left:0;display: none;}
.navm ul{overflow: hidden;text-align: center;margin:10px 0;}
.navm ul li{margin:18px 0;}
.navm ul li a{color:#fff;font-size: 14px;}

.n_logo{background: #ede6e6;margin:0 auto;width: 100%;}
.n_logo a{display: block;width: 20%;margin:0 auto;text-align: center;}
.n_logo a img{display: block;width: 100%;padding:10% 0; }


@media screen  and (max-width:1200px) {
    .logo_box .logo01{display: none;}
    .share_list{margin-top:13%;}
    .logo_box{width: 90%;margin:0 auto;}
    #appgame-leftside-share{float: none;width: 100%;margin:0 auto;}
    .share_list .zh_en{float: none;width: 100%;margin:2% auto 0;}
    #appgame-leftside-share a{margin-left:0;}
    .nav ul li {padding: 0 1%;}
    .footer{width: 94%;}
}
@media screen  and (max-width:1000px){
    .nav ul li {padding: 0 0.5%;}
}
@media screen  and (max-width:900px){
    .nav ul li a{font-size: 14px;}
}

@media screen  and (max-width:800px) {
    .wrap_content_01{margin:0 auto;}
	.all_top .all_lf{display: none;}
    .nav{display: none;}
    .all_rt{width: 100%;}
    .wrap_content{padding:0;}
    .snav{display: block;}
    .footer .lf{float: none;}
    .footer .rt{float: none;margin-top:10px;}
    .copyRight01{text-align: center;}
    .copyRight02{text-align: center;}



}




@media screen and (max-width:640px) {
 	
	.n_logo a{width: 25%;}

}
@media screen and (max-width:480px) {