/* 清除浮动 */
.clearfloat{*zoom:1;}
.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}
.clearfloat:after{ clear:both;}

/* 头部 */
.topHead {width: 100%; height: 32px; line-height: 32px; color: #fff; font-size: 12px; background: #2c3031;}
.topHead h2 {margin-left: 50px; float: left;}
.topHead .qq{float: left; padding-left: 20px; color: #fff; text-decoration: underline; margin-left: 5px; background: url(../images/ico_QQ.png) no-repeat left center;}

.topNav {margin-top: 10px; height: 100px; line-height: 100px; background: #fff; box-shadow: 0 2px 8px 0 #f4f4f4; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.topNav .logo {margin-left: 50px; height: 100%; float: left; font-size: 0;}
.topNav .logo a {-moz-transition: all 0s ease-in;-webkit-transition: all 0s ease-in;-o-transition: all 0s ease-in;transition: all 0s ease-in;}
.topNav .logo img {vertical-align: middle; max-height: 100%;}
.topNav nav {float: right; height: 32px; margin-right: 115px; margin-top: 35px; line-height: 32px; background: #fff;}
.topNav nav ul li {float: left; margin-left: 10px; font-size: 16px; border-radius: 16px; overflow: hidden;}
.topNav nav ul li:first-child {margin-left: 0;}
.topNav nav ul li a {display: block; padding: 0 25px; color: #2c3031; }
.topNav nav ul li.active a,
.topNav nav ul li:hover a {color: #fff; background: #0092ff;}



.main-images{transition:all 2s; width: 100%; height: 1000px; margin: 0px; background: url(../images/main-images.png) no-repeat center;}



/* 底部 */
#footer {display:flex;align-items :center; justify-content: space-evenly; flex-wrap: wrap; width: 100%; height: 400px; color: #fff; background: #2b2b2b;}
#footer .Health-Bulletin{min-width: 300px;max-width: 300px;}
#footer .contact{min-width: 200px;}
#footer img{margin: 20px 20px 10px 0px;}
#footer ul li {height: 36px; line-height: 36px;}
#footer ul li > span {display: inline-block; width: 30px; height: 100%; margin-right: 3px; vertical-align: top; background-repeat: no-repeat; background-position: center;}
#footer ul li > span.ico1 {background-image: url(../images/ico_tel.png); }
#footer ul li > span.ico2 {background-image: url(../images/ico_email.png); }
#footer ul li > span.ico3 {background-image: url(../images/ico_QQ_big.png); }
#footer ul li em {display: inline-block;}
#footer ul li em span {margin-left: 30px;}
#footer ul li em span:first-child {margin-left: 0;}
#footer ul li a{color:#f4f4f4}
/* 手机导航栏 */
#muen-awaken{display: none;width: 36px; height: 36px; background-color: #2c3031; float:right;border-radius:3px; margin-top:-65px; margin-right:10px;}

#muen-awaken span{display:block; width:30px; height:4px;margin-left:3px; background-color: #eff2f5;}
#muen-awaken span:nth-child(1){margin-top:9px;}
#muen-awaken span{margin-top:3px; border-radius: 30px;}


#muen{display:none; position:absolute; right:0px; background-color:#eff2f5; width:180px; text-align:center;}
#muen nav ul li{display:inline-block;width:100px;padding:10px; margin:5px;border-radius: 30px;}
#muen nav ul li.active,
#muen nav ul li:hover{color: #fff; background: #0092ff;}

@media screen and (max-width: 1200px) {
    .topNav nav{display: none;}
    .logo img{height:30%;}
    .main-images{background-size:cover; height: 200px; transition:all 2s;}
    #muen-awaken{display:block;}
}

@media screen and (max-width: 420px) {}
@media screen and (max-width: 380px) {}
@media screen and (max-width: 320px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 420px) {}
@media screen and (max-width: 480px) {}
@media screen and (max-width: 390px) {}
@media screen and (max-width: 320px) {}

.left li{width: 300px; margin: 30px;}

.left{display: flex; justify-content:left; flex-wrap:wrap;}

.time {width: 58px; margin-right: 15px; text-align: center;}
.time span{display:block; height: 18px; font-size: 12px; background: #ff9600}
.time span:first-child {height: 50px; margin-bottom: 2px; line-height: 50px; font-size: 26px;}
.m-cell-bd a:hover {color: #ff6600;}
.m-cell-bd a{margin-bottom: 4px; line-height: 28px; font-size: 16px; font-weight: 600; color: #4c4c4c;}
.m-cell-bd div{font-size: 12px; line-height: 18px; color: #999;}

.news{margin:60px;}
.news ol li {height: 58px; line-height: 58px; font-size: 16px; border-bottom: 1px dashed #b3b3b3;}
.news ol li a:hover, .news ol li a:hover em {color: #0482E0;}
.news ol li a:hover span {background: url(../images/ico_sj_a.png) no-repeat center;}
.news ol li span {float:left; width: 8px; height: 100%; background: url(../images/ico_sj.png) no-repeat center;}
.news ol li p {float:left;}
.news ol li em {float:right; color: #666;}




.page {width: 100%; height: 26px; padding:80px 0; text-align: center; line-height: 26px; font-size: 12px; color: #333333; position: relative;}
.page:before {display: block; content: ""; width: 100%; height: 1px; background: #0092ff; position: absolute; top: 50%; left: 0; z-index: 0;}

.page i {display: inline-block; width: 26px; height: 100%; margin: 0 3px; border: 1px solid #CCC; vertical-align: top; border-radius: 50%;}

.page i.pre { margin-left: 0; background: url(../images/page_jt_l.png) no-repeat center;}

.page a.pre {display: inline-block; width: 26px; height: 100%; margin: 0 3px; border: 1px solid #CCC; cursor: pointer; vertical-align: top; border-radius: 50%; margin-left: 0; background: url(../images/page_jt_l.png) no-repeat center;}
.page a.pre:hover { background: #e5e5e5 url(../images/page_jt_l.png) no-repeat center;}

.page i.next { margin-right: 0; background: url(../images/page_jt_r.png) no-repeat center;}

.page a.next {display: inline-block; width: 26px; height: 100%; margin: 0 3px; border: 1px solid #CCC; cursor: pointer; vertical-align: top; border-radius: 50%; margin-right: 0; background: url(../images/page_jt_r.png) no-repeat center;}
.page a.next:hover {background: #e5e5e5 url(../images/page_jt_r.png) no-repeat center;}

.page i.active {color: #fff; background: #b6983d;}
.page a {display: inline-block; width: 26px; height: 100%; margin: 0 3px; color: #202020; border: 1px solid #d6d6d6; zoom: 1; *display:inline; float:none; border-radius: 50%;}
.page a:hover {background: #e5e5e5;}
.page a.thisclass {color: #fff; background: #0092ff; border: 1px solid #CCC;}
.page a.pageD {border: none;}
.page p {display: inline-block; height: 100%; background: #fff; position: relative; z-index: 2;}



/* 游戏中心 */
.introduce{display: flex; justify-content:left; flex-wrap:wrap;margin:60px;}
.introduce a{border: 1px solid #0caa40; padding: 6px 20px 6px 20px;margin-right:5px;margin-bottom: 5px;}
.introduce a:hover{color: #fff; background: #0caa40;}

.introduce-content{width:100%;margin:60px;}


.download{margin: 60px; height: 500px;;}
.download a{border: 1px solid #0caa40; padding: 6px 20px 6px 20px;margin-right:5px;margin-bottom: 5px;}
.download a:hover{color: #fff; background: #0caa40;}