@charset "utf-8";
/* CSS Document */

/*公共样式*/
* { padding: 0; margin: 0;}
body { font: 12px arial,"微软雅黑","宋体",\5b8b\4f53,sans-serif; color: #222;overflow-x:hidden;}
ul,ol { list-style: none;}
a { color: #222; text-decoration: none;}
a:hover { color: #ccc; transition: width .2s }
a{blr:expression(this.onFocus=this.close());} /* 只支持IE，过多使用效率低 */ 　 
a{blr:expression(this.onFocus=this.blur());} /* 只支持IE，过多使用效率低 */ 　 
a:focus { -moz-outline-style: none; } /* IE不支持 */ 
img { border: none;}
b,i,em { font-style: normal;font-weight: normal;}
input,button,select,img{margin:0;line-height:normal}
select{padding:1px}
select,input,button,button img,label{vertical-align:middle}

.fl { float: left;}
.fr { float: right;}
.cle{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{content:".";font-size:0;line-height:0;display:block;overflow:hidden;visibility:hidden;width:0;height:0;clear:both;}

.w { width: 1200px; margin: 0 auto;position: relative;}
.q { width: 1200px; margin: 0 auto;position: relative;}


body { background: #d4e6fa url(../images/bodybg.jpg) no-repeat center top; width: 100%; height: auto; }

.topnav { background: url(../images/top-linebj.jpg) repeat-x; width: 100%; height: 81px;}
.nav { position: relative;}
.nav li { float: left; margin: 0;}
.nav li > a { display: block; font-family: "微软雅黑"; font-size: 16px; color: #8ed4eb; padding: 25px 0 0; width: 122px; text-align: center; height: 56px;}
.nav li > a p { color: #066f92; font-size: 12px; text-align: center; font-family: Arial; line-height: 20px;}
.nav li > a.logo { padding: 5px 0 0; width: 215px; position: relative; z-index: 9;}
.nav li > a.logo:hover { background:  none;}
.nav li > a:hover { background: url(../images/nav-bj-hover.png) repeat-x;color: #fff;}
.data-list { background: url(../images/nav-bj-hover.png) repeat-x; position: relative; color: #fff !important;}
.data-line #dataTh { background: url(../images/nav-bj-hover.png) repeat-x; position: relative; color: #fff !important;}

.nav-list { background: url(../images/nav-list-bj.png) repeat-x; width: 122px; position: absolute; top: 81px; z-index: 10;}
.nav-list a { display: block; height: 28px; line-height: 28px; font-size: 14px; color: #000; text-align: center; font-family: "微软雅黑";}
.nav-list a:hover { background: #3499ab; color: #fff;} 
/*topnav end*/

/*snav*/

.snav {}
.snavBtn,.snavBtnZ { float: left;}
.snavBtn a,.snavBtnZ a {display: block; height: 45px; line-height: 45px; text-align: center; background: #0a2935; font-family: "微软雅黑"; font-size: 16px; color: #fff;}
.snavBtn a { width:159px;}
.snavBtnZ a {  width:119px;}
.snavBtn1,.snavBtn3 { border-right: 1px solid #05141a;}
.snavBtn2,.snavBtn4 { border-left: 1px solid #0f3e50;}
.snavBtn a:hover,.snavBtnZ a:hover { background: #09374a;color: #fff;} 
.snavBtn1 a,.snavBtn2 a { border-bottom: 1px solid #0f3e50;}
.snavBtn3 a,.snavBtn4 a { border-top: 1px solid #05141a;}


/*snav end*/


/*弹出层*/

.tContent { width: 868px; height: 478px; position: relative;}
.hide { width: 48px; height: 48px; position: absolute; top: 0; right: 0; background: url(../images/tHide.jpg) no-repeat; cursor: pointer;}
.falshcontent { background: #08232c; padding: 10px; width: 800px; height: 450px; }

.footer { background: #fff; width: 100%; padding: 10px 0; margin: 20px 0 0 0;}
.foot { padding: 20px 0;}
.allLogo { height: 60px;}
.allLogo a { display: block; background: url(../images/footlogo.png) no-repeat; height: 60px; float: left; margin: 0 23px 0 0; background-size: 100%;min-width: 120px;}
.allLogo a.beian { width: 31px; background-position: -297px 0}

.webInfo p {font: normal 12px/22px Tahoma, Geneva, sans-serif; color: #8e8e8e;}
.webInfo p .uppercase { text-transform: uppercase; font-size: 11px; -webkit-text-size-adjust: none; }
.highlight { color: #484848; }


#pagination {margin-top:32px}
#pagination li {display:inline-block;*display:inline;*zoom:1;vertical-align:top}
#pagination li {margin:0 3px;font-size:16px}
#pagination li a,.page a {font-size:16px;letter-spacing:normal;word-spacing:normal}
#pagination li a {text-decoration:none;display:block;margin:0 4px;vertical-align:top;border-radius:3px;padding:3px 15px}
#pagination li a {border:1px solid #a01e22;color:#a01e22}
#pagination li:hover a {border:1px solid #a01e22}
#pagination li:hover a {background:#a01e22;color:#fff}
#pagination,.page {font-size:0;text-align:center}
.page {padding:20px 0;*word-spacing:-1px}
.page a {display:inline-block;*display:inline;zoom:1}
.page a {padding-bottom:5px;border-bottom:1px solid #a01e22;color:#2ED7AE;margin:0 10px;vertical-align:middle}
.page a:hover {color:#a01e22;border-color:#a01e22;text-decoration:none}
#pagination .active a {color:#fff;cursor:default;background:#a01e22}



.text-c { text-align: center;}
#pages {width: 100%; margin:20px auto; display: block; clear: both; } 
#pages a{padding: 6px 10px;background: #092531;color: #fff;}
#pages a:hover{background: #a01e22;color: #fff;}
#pages a.active{background: #a01e22;color: #fff;}
.sp_header,.sjj_nav {display: none;}

@media screen and (max-width: 1200px){
body {background: none;overflow-x: auto; background-size: 100%;}
.topnav,.mainLeft,.allLogo,.ban-channel,.weibo  {display: none;}
.mainRight,.mainNewsTitle,.q,.w { width: 100%!important;}
.webInfo {padding: 0 10px!important;}
.mainNewsTitle { background:#092531!important; height: 68px!important;}
.mainNewsTitle .catname { left: 10px; top: 10px;font-size: 24px;line-height: 48px;}
.mainNewsTitle .tig {right: 10px; top: 10px;left: auto;line-height: 48px;}
.newsList {padding: 10px!important;}
.newsInfo li a{ width: auto!important;max-width: 90%;}
    .banner {
        height: 280px !important;
        float: left;
        background: #d4e6fa url(../images/bodybg.jpg) no-repeat center top;
        background-size: auto 100%;
        margin-top: 50px;
        margin-bottom: -80px;
    }
/*----------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#092531!important;position:fixed;z-index:10;width:100%;display: block;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#092531!important;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: block;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px hsla(0,0%,53%,.8) solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px hsla(0,0%,53%,.8) solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px hsla(0,0%,53%,.8) solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px hsla(0,0%,53%,.8) solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#fff;width:80%}
.sjj_nav ul li ul li a{color:#fff;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*----------手机站导航结束----------*/
.pic { width: calc(50% - 5px)!important;margin: 0 10px 5px 0!important;}
.pic:nth-child(3n){margin: 0 10px 5px 0!important;}
.pic:nth-child(2n){margin: 0 0 5px 0!important;}
.pic p{ width:100%}

.game-wrapper .cont a {width:auto!important;padding:0 10px 0 17px!important;}
.inner-content h1 {font-size:16px!important;padding:10px 0 0!important;line-height:1.8!important;height:auto!important;}
.inner-content .news-time {font-size:12px!important;margin-bottom:10px!important;}
.inner-content {padding:0 10px!important;width:calc(100% - 20px)!important;}
.inner-content p {margin-bottom:0!important;font-size:14px!important;}
.game-wrapper .cont {width:calc(100% - 0px)!important;padding-left:0!important;}
.game-wrapper .item .links {width:100%!important;float:left!important;}
.game-wrapper .cont a {width:auto;padding:0 10px 0 17px;}
.mainNewsN {padding-bottom:0px!important;}
.footer {margin:0!important;}

}