/*reset*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
li { list-style: none; }
img { border: 0; }
a{ outline:none; text-decoration:none;}
.cl:after{ content:'\20'; display:block; height:0; clear:both; }
.cl{ *zoom:1;} 

/*content*/

.gamelist li .btn_down,.footer a,.back_nav .back,.readlist li,.star,.star i,.game_search .text,.game_search .btn{ background:url(../images/sprite.png) no-repeat 0 0; background-size:60px 174px;}

body{min-width:320px;background:#fff;font:12px/1.5 "Microsoft Yahei","Arial"; color:#ecf0f1;-webkit-text-size-adjust:none}
.main{width:100%;max-width:100%; min-height:176px;margin:0 auto; position:relative; overflow:hidden;}
.header{ padding:14px 0 10px 0;  height:auto; background-color:#fff;}
.header .logo{ margin-left:10px;}
.logo a img{ height:auto; max-width:100%; display:block;}

.head_menu{ width:100%; height:74px; background-color:#0f540b; overflow:hidden;}
.head_menu ul{ margin:0 auto; width:104%; margin-left:-1px;}
.head_menu ul li{ float:left; width:24%; height:36px; overflow:hidden; text-align:center; border-left:1px solid #fff; border-top:1px solid #fff; }
.head_menu ul li a{ line-height:37px; font-size:14px; color:#fff;}




#guide{ position:absolute; left:0; top:80px; z-index:999; background:#f8f8f8; width:100%; overflow:hidden; display:none;box-shadow: 0px 2px 2px #666;}

#guide ul{ overflow:hidden; margin-left:-1px; border-bottom:1px solid #fff; border-bottom:1px solid #dcdcdc;}

#guide li{ float:left; width:33.3%; text-align:center; border-left:1px solid #dcdcdc; border-top:1px solid #dcdcdc; margin-left:-1px;}

#guide li a{ color:#4398d1; display:block; border-left:1px solid #fff; border-top:1px solid #fff; line-height:48px; font-size:1.2em;}

#overlay{ width:100%; height:100%; position:absolute; left:0; top:80px; background:rgba(0, 0, 0, 0.4); z-index:200; display:none;}

#overlay.show{ display:block;}



.index-banner{position:relative;overflow:hidden;-webkit-backface-visibility:hidden;z-index:1;width:100%}

.index-banner .swiper-wrapper li{float:left}

.index-banner .swiper-wrapper li img{width:100%;height:100%; display:none;}

.index-banner .index-pagination{position:absolute;right:0px;bottom:0;width:100%;height:10%;}

.index-banner .index-pagination span{width:2%;height:35%;margin-top:2.6%;margin-right:2%;border-radius:50%;background:#ddd;float:right;display:inline-block;}

.index-banner .index-pagination span.swiper-active-switch{background:#cc0000;}

.index-banner .banner-title{position:absolute;left:3%;bottom:3.6%;color:#fff;font-size:1.6em;z-index:100;}

/*.index_txt1{ overflow:hidden; margin: 60px 20% 10px 20%; text-align:center;}
.index_txt1 span{ line-height:24px; font-size:1.2em; color:#444;}

.index_txt2{ overflow:hidden; margin:20px 0 19px 0;}
.index_txt2 img{ width:53px; height:14px; display:block; margin:0 auto;}

.index_txt3{ overflow:hidden; margin: 2px 26% 10px 26%; text-align:center;}
.index_txt3 span{ line-height:18px; font-size:1em; color:#444;}*/

/*Making life better*/
.nav_title{ margin:26px 0 35px 0; text-align:center;}
.nav_title img{ height:auto;}
.nav{overflow:hidden; margin:0 auto;}
.nav li{float:left; width:25%; text-align:center;}
.nav li .nav_li_img{ width:100%; height:auto; text-align:center;}
.nav_li_img a img{ width:auto; height:auto; max-width:95%;}
.nav li .nav_li_a{ width:100%; height:auto; text-align:center;}
.nav_li_a a{ width:auto; height:auto; line-height:24px; color:#2b2b2b; font-size:1.4em;}

/*Making life better*/

/*首页产品与服务*/
.index_pro{ overflow:hidden; margin-top:10px; margin-bottom:20px;}
.index_pro .index_pro_title{ width:100%; height:82px; text-align:center; background-color:#0f540b;}
.index_pro_title span a{ line-height:82px; font-size:2em; color:#fff;}

.index_pro .index_pro_list{ padding:0 10px; height:auto; overflow:hidden; margin-top:10px;}
.index_pro_list ul{ width:104%; height:auto;}
.index_pro_list ul li{ float:left; margin-top:4px; margin-right:3%; width:30%; height:auto; }
.index_pro_list ul li .index_pro_pic{ width:100%; height:auto;}
.index_pro_pic a{ width:100%; height:auto; display:block;}
.index_pro_pic a img{ width:100%; height:auto; border:1px solid #ccc; border-radius:10px; overflow:hidden;}
.index_pro_list ul li .index_pro_txt{ width:100%; height:36px; text-align:center;}
.index_pro_txt a{ line-height:36px; font-size:1.2em; color:#2b2b2b;}
/*首页产品与服务*/


/*首页友情链接*/
.index_access{ overflow:hidden; margin:50px 15px 0px 15px; border-top:1px solid #c9c9c9;}

@media screen and (min-width:176px) and (max-width:600px){
.index_access .index_access_all{ width:115%; height:auto; margin-top:24px;}
.index_access_all dl{ float:left; margin-top:18px; margin-bottom:10px; margin-right:15%; width:35%; height:auto;}
.index_access_all dl dt{ float:left; width:100%; height:32px; border:1px solid #0092d8; line-height:32px; font-size:1em; color:#787777; text-align:center;  border-radius:5px; margin-bottom:8px;}
.index_access_all dl dd{ float:left; width:100%; height:24px; line-height:24px; text-align:center;}
.index_access_all dl dd a{ line-height:24px; font-size:1em; color:#787777;}
}
@media screen and (min-width:601px) {
.index_access .index_access_all{ width:107%; height:auto; margin-top:24px;}
.index_access_all dl{ float:left; margin-top:18px; margin-bottom:10px; margin-right:7%; width:18%; height:auto;}
.index_access_all dl dt{ float:left; width:100%; height:32px; border:1px solid #0092d8; line-height:32px; font-size:1em; color:#787777; text-align:center;  border-radius:5px; margin-bottom:8px;}
.index_access_all dl dd{ float:left; width:100%; height:24px; line-height:24px; text-align:center;}
.index_access_all dl dd a{ line-height:24px; font-size:1em; color:#787777;}
}

/*首页友情链接*/

/*首页底部*/
.foot_kong{ width:100%; height:46px; display:block;}
.foot{ overflow:hidden; height:46px; background-color:#1f5d1c; position:fixed; bottom:0px; width:100%; left:0; right:0; z-index:99999;}
ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0;margin: auto; display: block; height: 46px;}
.toollist li{ float:left;width: auto;  height: 100%;width:25%;position: static!important;  margin: 0;
border-radius: 0!important; -webkit-box-sizing: border-box;box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1;
-webkit-box-sizing: border-box; box-shadow: none!important; background: none;border-right:1px solid #527652;}
.toollist li a {text-align: center;display: block;text-decoration: none;padding-top:2px;position:relative;}
.toollist li a img{width:24px;height:24px;}
.toollist li a p{margin:0;font-size:12px;display: block !important;line-height:14px;text-align: center; color:#fff;}
/*首页底部*/


.box{ overflow:hidden;}

.box .hd{ overflow:hidden; position:relative;}

.box .hd ins{ float:left; width:8px; height:27px; background:#4398d1; border-top:2px solid #3287c0; border-bottom:3px solid #3287c0; margin-right:8px;}

.box .hd .over{ border-top:1px solid #e0e0e0; border-bottom:2px solid #e0e0e0; height:29px; line-height:29px; background:#fbfbfb;}

.box .hd .over h3{ font-weight:normal; color:#3287c0; border-top:1px solid #fff; line-height:27px; font-size:16px;}

.box .hd .over .more{ float:right; color:#888; margin-right:10px; font-size:14px;}

.gamelist{ overflow:hidden; margin:-1px 10px;}

.gamelist li{ float:left; width:33.33%; text-align:center; padding:16px 0; border-bottom:1px solid #e0e0e0; border-top:1px solid #fff;}

.gamelist li img{ display:block; margin:0 auto; border-radius:10px; width:75px; height:75px;}

.gamelist li h3{ font-weight:normal; height:24px; line-height:24px; font-size:14px; margin-top:3px; overflow:hidden;}

.gamelist li p{ line-height:18px; height:18px; overflow:hidden;}

.gamelist li .btn_down{ display:block; width:54px; padding-left:21px; border-radius:3px; height:22px; line-height:22px; color:#fff; margin:6px auto 0; background-color:#4398d1; background-position:-44px -38px; text-align:left;}

.newslist{ padding:0 10px; margin-bottom:-1px;}

.newslist dt{ overflow:hidden;}

.newslist dt ul{ margin:-1px 0 0;}

.newslist dt li{ border-bottom:1px solid #e0e0e0; border-top:1px solid #fff; overflow:hidden; padding:14px 4px;}

.newslist dt li img{ float:left; width:120px; height:80px; margin-right:9px;}

.newslist dt li h3{ font-weight:normal; font-size:14px; line-height:20px; max-height:40px; overflow:hidden;}

.newslist dt li p{ max-height:32px; line-height:16px; overflow:hidden; margin-top:6px;}

.newslist dd ul{ padding:10px 4px 12px; border-top:1px solid #fff;}

.newslist dd li{ line-height:26px; height:26px; overflow:hidden; font-size:14px;}

.newslist dd li span{ margin-right:3px;}

.newslist dd li span,.newslist dd li span a{ color:#888;}

.footer{ text-align:center; padding:10px 0; line-height:14px; background:#fbfbfb; border-top:2px solid #dcdcdc; background:#fbfbfb;}

.footer a{ display:inline-block; padding:0 10px; background-position:right -60px;}

#return{ background:none;}

.loading{ line-height:40px; text-align:center; border-top:1px solid #fff; margin:1px 10px 0;text-shadow: 0 1px 0 #fff; font-size:14px;}

.back_nav{ height:29px; line-height:29px; font-size:18px; padding:8px 0; border-bottom:1px solid #dcdcdc; position:relative;}

.back_nav .back{ float:left; margin-left:4%; padding-left:25px; background-position:-46px -132px; height:29px;}

.back_nav #menu{ float:right; margin-right:4%; margin-top:5px;}

.newsdetail{ margin:0 10px; border-bottom:1px solid #fff;}

.newsdetail .title{ line-height:26px; padding:10px 0 8px; border-bottom:1px dashed #e0e0e0;}

.newsdetail .title h1{ font-size:16px; line-height:22px; color:#313131;}

.newsdetail .title p span{ margin-right:8px;}

.newsdetail .article{ line-height:22px; padding:5px 0 15px; font-size:14px; border-top:1px dashed #fff; border-bottom:1px solid #e0e0e0; color:#313131;}

.newsdetail .article img{ max-width:300px;}

.newsdetail .article p{ margin-top:10px;}

.container{ margin:10px 10px 0;}

.container .hd{ height:16px; line-height:16px; padding:10px 4px;}

.container .hd h3{ color:#4398d1; border-left:5px solid #4398d1; padding-left:8px; font-size:16px; font-weight:normal;}

.container .hd .more{ float:right; color:#888; font-size:14px;}

.readlist{ border-bottom:1px solid #fff;}

.readlist ul{ padding:0 4px 10px; border-bottom:1px solid #e0e0e0;}

.readlist li{ height:26px; line-height:26px; font-size:14px; overflow:hidden; padding-left:13px; background-position:-56px -159px;}

.gamerec .gamelist{ padding-bottom:15px; margin:0;}

.gamerec .gamelist li{ border:none; padding:10px 0 0;}

.game_detail{ margin:5px 10px 0; padding:0 8px 10px; border-bottom:1px dashed #e0e0e0;}

.game_detail dt{ float:left; width:75px; margin:11px 15px 0 0;}

.game_detail dt img{ display:block; border-radius:10px; width:75px; height:75px;}

.game_detail dt .btn_down{ display:block; width:75px; height:22px; line-height:22px; text-align:center; color:#fff; font-size:14px; background:#4398d1;border-radius:3px; margin-top:11px;}

.game_detail dd{ font-size:14px; line-height:20px; height:20px; overflow:hidden;}

.game_detail .title{ font-size:20px; line-height:30px; height:30px; overflow:hidden;}

.star,.star i{ float:left; margin:4px 4px 0 0; width:60px; height:12px; background-position:0 -80px; font:0/0 a;}

.star i{ margin:0; background-position:0 -92px;}

.game_detail dd .score{ color:#ee0000; margin-right:3px;}

.game_search{ position:relative; width:223px; margin:0 auto;}

.game_search .text{ width:185px; height:29px; line-height:27px; background-color:#fff; border-radius:5px; border:none; padding-left:38px; display:block; color:#8e8e93; font-size:14px; background-position:-30px -104px;}

.game_search .btn{ border:none; width:14px; height:14px; position:absolute; top:7px; right:7px;}

.searchlist{ overflow:hidden; margin:0 10% 0 0; padding-bottom:20px;}

.searchlist dt,.searchlist dd{ float:left; line-height:32px;}

.searchlist dt{ width:90%; font-size:18px; color:#4398d1; margin:10px 0 5px 10%;}

.searchlist dd{ font-size:16px; width:40%; margin-left:10%;}

.profile{ font-size:14px; line-height:22px; margin:0 10px; color:#313131; border-bottom:1px solid #fff; border-top:1px dashed #fff;}

.profile a{ color:#4398d1;}

.profile h3,#game_img h3{ color:#4398d1; font-size:16px; font-weight:normal; padding:12px 0 7px;}

.profile p{ border-bottom:1px solid #e0e0e0; padding-bottom:12px;}

#game_img{ border-bottom:1px dashed #e0e0e0; border-top:1px dashed #fff; margin:0 10px;}

#game_img .swiper-container { height:289px; margin:5px auto 20px;position:relative;overflow:hidden;z-index:1;}

#game_img .swiper-slide{ height:289px;float:left;}

#game_img .swiper-slide img { display:block; height:285px; border:1px solid #fff;box-shadow:2px 2px 2px #d8d8d8; margin:0 7px;}