@charset "utf-8";
/* CSS Document */
html,body,header,ul,li,dl,dt,dd,p{margin: 0; padding: 0;}
body{background: #f7f7f7; font: 14px/1.2 "微软雅黑";}
ul,li{list-style: none;}
img{border: none;}
a{color:#3d3d3d; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a,span{display:inline-block;}
.cl:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.cl{zoom:1;}
.tc{text-align: center;}
div,li,header{box-sizing: border-box;}
.fl{float: left;}
.fr{float: right;}
header{
    background: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background: -webkit-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
    width: 100%; height: 60px; border-bottom: 3px solid #d72901;
}
.w960{width: 960px; margin: auto;}
.logo{padding-top: 10px;}
.logo a{background: url(../images/logo3.png) no-repeat; width: 150px; height: 34px;}

.nav{float: right;}
.nav li{float: left; font-size: 14px; line-height: 57px; text-align: center; width: 100px;}
.nav li.act{background: #d72901; font-weight: bold;}
.nav li a{color: #000; width: 100%; height: 100%;}
.nav li.act a{color: #fff;}
.banner{background: url(../images/banner-mj.jpg) no-repeat center 0; height: 500px;}
.banner .tit{font-size: 40px; font-weight: bold; letter-spacing: 3px; color: #fff; padding: 50px 0 0 600px;}

.banner p{padding: 10px 0 0 600px; width: 350px; font-size: 16px; color: #fff; line-height: 1.6;}
.banner p img{width: 140px; height: 140px; margin-top: 10px;}
.banner .wxs{padding: 2px 0 0 600px; color: #fff;}
.banner .downldbtn{padding: 20px 0 0 600px;}
.banner .downldbtn a{background: #fff url(../images/andr.png) no-repeat 28px center; background-size: 30px 35px; border-radius: 100px; color: #98c13a; font-size: 20px; font-weight: bold; width: 145px; height: 50px; line-height: 50px; text-align: center; padding-left: 35px; letter-spacing: 2px; box-shadow: 0 2px 5px rgba(0,0,0,0.2);}

.pdk{background-image: url(../images/banner-pdk.jpg);}
.pdk .tit{padding-top: 60px;}
.pdk .tit,.pdk p,.pdk .downldbtn,.pdk .wxs{padding-left: 120px;}

.gamejs{background: #fff; box-shadow: 0 2px 3px rgba(0,0,0,0.1); font-size: 14px; line-height: 1.8; width: 100%; padding: 0 20px 20px;}
.gamejs strong{display: block; font-size: 16px; padding-top: 15px;}
.gamejs span{display: block; font-weight: bold; padding-top: 15px;}

.about{background: url(../images/about.jpg) no-repeat center 0; height: 200px;}
.contact{background: url(../images/contact.jpg) no-repeat center 0; height: 200px;}
.join{background: url(../images/join.jpg) no-repeat center 0; height: 200px;}
.parent{background: url(../images/parent.jpg) no-repeat center 0; height: 200px;}
.container{width: 960px; min-height: 260px; margin: auto; padding-top: 20px;}
.aht{min-height: 560px; height: auto;}
.wabout{background: #fff; width: 100%; font-size: 14px; height: 200px; padding: 20px; line-height: 30px; text-indent: 28px; box-shadow: 0 2px 3px rgba(0,0,0,0.1);}

.jcont{background: #fff; box-shadow: 0 2px 3px rgba(0,0,0,0.1); width: 100%; font-size: 14px; padding: 20px; line-height: 30px; position: relative;}
.email{position: absolute; right: 20px; top: 10px;}
.jcont li{border-bottom: 1px dashed #ddd; color: #626262; padding: 0 0 10px 10px; margin-bottom: 10px;}
.jcont li:last-child{border-bottom: none;}
.jcont li span{color: #222; font-size: 16px; font-weight: bold;}
.jcont strong{display: block;}
.par{height: auto;}
.par p{padding: 10px 0; font-size: 14px; line-height: 1.5;}

.par p strong{display: block; font-size: 16px; padding-bottom: 10px;}




footer{background: #222; color: #aaa; font-size: 14px; text-align: center; padding: 25px 0 15px;}
footer img{vertical-align: middle;}
footer a{color: #999;}
footer a:hover{color: #fff;}
footer a img{width: 40px; height: 40px;}
footer .icons img{width: 28px;}