@charset "utf-8";
@import url("reset.css");

/* global */
body {background: #fff url(bg.png) repeat-x top;}
body, td, th, input, select, textarea {color: #555; font: 12px/1.5 "微软雅黑";}
a {color: #555; text-decoration: none;}
a:hover {color: #f30; text-decoration: underline;}
.blank10 {clear: both; display: block; height: 10px; width: 100%;}
/* topbg */
#topbg {height: 32px; line-height: 32px;}
#topbar {margin: 0 auto; width: 1200px;}
#topbar-left {float: left; font-size: 12px;}
#topbar-right {color: #ccc; float: right; font-size: 12px;}
#topbar-right img {vertical-align: middle; display: none;}
/* wrapper */
#wrapper {margin: 0 auto; width: 1200px;}
/* topbox */
#topbox {height: 100px; position: relative;}
/* logo */
.logo {background: url(logo.png) center; display: block; float: left; height: 88px; width: 205px;}
/* sobox */
#sobox {float: right; padding-top: 20px;}
.sofrm {display: block; margin: 0 auto; padding-top: 12px; position: relative;}
.sipt {background: url(ipt.png) no-repeat top left; border: solid 1px #dadada; display: block; font: normal 13px/30px normal; float: left; height: 30px; padding: 0 5px 0 90px; width: 300px;}
.sbtn {background: #65bc0b; border: 0; color: #fff; cursor: pointer; font-size: 12px; height: 32px; width: 70px;}
/* selopt */
#selopt {background: url(select.gif) no-repeat; position: absolute; left: 2px; top: 17px; width: 88px;}
#cursel {cursor: pointer; display: block; height: 28px; line-height: 28px; overflow: hidden; text-indent: 10px; width: 85px; font-size: 13px;}
#options {border: solid 1px #dadada; border-top: 0; display: none; list-style: none; position: absolute; left: -2px; width: 80px; z-index: 1000; background: #fff;}
#options li {background: #fff; clear: both; cursor: pointer;}
#options li a {color: #555; display: block; height: 25px; line-height: 25px; text-decoration: none; text-align: center; font-size: 13px;}
#options li a:hover {background: #1791de; color: #fff;}
.current {background: #1791de; color: #fff; display: block; text-decoration: none;}
/* navbox */
#navbox {background: url(blue.png) repeat-x; display: block; height: 35px;}
.navbar {}
.navbar li {float: left; font: 14px/35px "微软雅黑"; height: 35px; text-align: center; width: 105px;}
.navbar li a {display: block; color: #fff;}
.navbar li a:hover {background: #0080c6; display: block; color: #fff;}
.navbar .navline {background: #0797e5; display: block; height: 35px; width: 1px;}
.navbar .cur {background: #0067ae;}
/* txtbox */
#txtbox {background: url(blue.png) repeat-x 0 -55px; border-left: solid 1px #dae7ed; border-right: solid 1px #dae7ed; height: 40px;}
.count {float: left; padding: 10px; font-size: 13px;}
.count b {color: #f60; font: bold 12px Arial; padding-right: 3px;}
.link {color: #999; float: right; padding: 10px; font-size: 13px;}
.link a {color: #06c;}
/* quickbox */
#quickbox {background: #f9fef4; border: dashed 1px #cbe6bd; overflow: hidden; padding: 6px; white-space: nowrap;}
#quickbox strong {}
#quickbox a {margin-right: 15px;}
/* homebox */
#homebox {}
#homebox-left {float: left; width: 310px;}
#homebox-right {float: right; width: 880px;}
/* hcatebox */
#hcatebox {background: #f8fdff; border: solid 1px #dae7ed; padding: 8px;}
#hcatebox dt {clear: both; display: block; font: bold 14px/25px "微软雅黑"; height: 25px;}
#hcatebox dt a {color: #07c;}
#hcatebox dd {}

.hcatelist {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    padding-top: 6px;
}

.hcatelist li {
    margin-right: 3px;
    margin-bottom: 5px;
}

.hcatelist li a {
    display: block;
    padding: 2px 4px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 13px;
    color: #333;
}

.hcatelist li a:hover {
    background: #e9ecef;
    text-decoration: none;
}

/* newbox */
#newbox {border: solid 1px #dae7ed;}
#newbox h3 {background: #f8fdff; border-bottom: dashed 1px #dae7ed; color: #07c; font-size: 14px; padding: 6px;}
.newlist {padding: 3px 8px;}
.newlist li {padding: 5px 0; white-space: nowrap;}
.newlist li img {top: 4px; position: relative;}
.newlist li a {display: block; overflow: hidden; width: 150px; font-size: 13px; text-overflow: ellipsis;}
.newlist li span {color: #aea8a8; float: right; margin-top: 6px;}
/* bestbox */
#bestbox {border: solid 1px #dae7ed;}
#bestbox h3 {background: #f8fdff; border-bottom: solid 1px #dae7ed; font: bold 14px normal; height: 30px;}
#bestbox h3 span {background: #fff; border: solid 1px #cedee6; border-bottom: 0; color: #07c; display: block; float: left; height: 25px; line-height: 25px; margin-left: 5px; margin-top: 5px; text-align: center; width: 80px;}
.bestlist {padding: 8px;}
.bestlist li {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    width: 97px;
}
.bestlist li img {top: 4px; position: relative;}
.bestlist li a {font-size: 13px;}
/* coolbox */
#coolbox {border: solid 1px #dae7ed;}
#coolbox h3 {background: #f8fdff; border-bottom: dashed 1px #dae7ed; color: #07c; font-size: 14px; padding: 6px;}
.csitelist {padding: 5px 8px;}
.csitelist li {display: block; font-size: 14px; height: 30px; overflow: hidden; vertical-align: top; width: 100%;}
.csitelist li h4 {display: block; float: left; font-weight: normal; height: 30px; line-height: 30px; width: 70px;}
.csitelist li h4 a {color: #07c;}
.csitelist li span {display: block; float: left; height: 30px; line-height: 30px; margin-right: 10px; overflow: hidden; white-space: nowrap; width: 82px;}
.csitelist li span img {top: 4px; position: relative;}
.csitelist li span a {font-size: 13px;}
.csitelist .more {color: #07c; float: right; font-size: 12px; line-height: 30px;}
.sline {background: url(dot.gif) repeat-x center; display: block; height: 10px;}
/* rowbox */
#rowbox {border: solid 1px #dae7ed; padding: 10px;}
/* newsbox */
#newsbox {float: left; width: 50%;}
#newsbox h3 {color: #07c; font-size: 14px; padding-bottom: 6px;}
.newslist {}
.newslist li {padding: 6px 0; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newslist li span {color: #aea8a8; float: right; font-size: 11px; margin-top: 2px;}
/* exlink */
#exlink {float: right; width: 410px;}
#exlink h3 {color: #07c; font-size: 14px; padding-bottom: 6px;}
.exlist {}
.exlist li {padding: 6px 0; white-space: nowrap; overflow: hidden;}
.exlist li span {color: #aea8a8; float: right; font-size: 11px;}
.line {border-left: dashed 1px #dadada; float: left; height: 210px; margin-left: 10px; width: 1px;}
/* inbox */
#inbox,
#linkbox {
    background: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
}

#inbox h3,
#linkbox h3 {
    font-size: 14px;
    margin-bottom: 10px;
    color: #07c;
}

.inlist,
.linklist {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.inlist li,
.linklist li {
    margin-right: 10px;
    margin-bottom: 10px;
}

.inlist li img {top: 4px; position: relative;}

.inlist li a,
.linklist li a {
    display: block;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 13px;
    color: #333;
    width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inlist li a:hover,
.linklist li a:hover {
    background: #e9ecef;
    text-decoration: none;
}


/* inbox1 */
#inbox1 {border: solid 1px #dae7ed;}
#inbox1 h3 {background: #f8fdff; border-bottom: dashed 1px #dae7ed; color: #07c; font-size: 14px; padding: 6px;}
.inlist1 {}
.inlist1 li {float: left; padding-left:20px; margin-bottom:5px; margin-top:15px; margin-right: 15px; white-space: nowrap; overflow: hidden; text-align: center; width: 135px;}
.inlist {}
.inlist li {float: left; height: 23px; line-height: 23px; white-space: nowrap;}


/* linkbox */
#linkbox {background: #f8fdff; border: solid 1px #dae7ed; padding: 5px 8px;}
#linkbox h3 {float: left; height: 23px; line-height: 23px; width: 60px;}
.linklist {}
.linklist li {float: left; height: 23px; line-height: 23px; margin-right: 20px; vertical-align: top; white-space: nowrap;}
/* footer */
#footer {background: url(fbg.png) repeat-x; padding: 10px; text-align: center;}
#fmenu {color: #ccc; padding-bottom: 5px;}
#fmenu a {text-decoration: none;}
#fmenu a:hover {color: #f60; text-decoration: underline;}
#fcopy {line-height: 23px;}

/* 在模板样式表中添加 */
.newslist {
  list-style: none;
  padding-left: 0;
  counter-reset: rank;
}

.newslist li {
  position: relative;
  padding-left: 26px;
  counter-increment: rank;
}

.newslist li::before {
  content: counter(rank);
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  font: 700 18px/1 'Roboto Condensed', Arial, sans-serif;
  color: #666; /* 默认数字颜色 */
}

/* 前三位特殊样式 */
.newslist li:nth-child(1)::before { 
  color: #ff4757; /* 冠军红 */
  font-size: 22px;
}
.newslist li:nth-child(2)::before { 
  color: #ffa502; /* 亚军橙 */
  font-size: 20px;
}
.newslist li:nth-child(3)::before { 
  color: #2ed573; /* 季军绿 */
  font-size: 18px;
}

/* 4-10位数字淡化处理 */
.newslist li:nth-child(n+4)::before {
  color: #a4b0be;
  font-weight: 500;
}


.site-notice UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
.site-notice {OVERFLOW: hidden; LINE-HEIGHT: 30px; HEIGHT: 22px;width:670px;float:left;}
.site-notice LI {PADDING-LEFT: 10px; HEIGHT: 30px}

@media (max-width:767px){
	body {
	background: #fff;
}
	#wrapper {
	margin: 0 auto;
	width: 100%;
}

#navbox {
	background:#0089d4;
	display: block;
	height: 70px;
}
.navbar li {
	float: left;
	font: 14px/35px "微软雅黑";
	height: 35px;
	text-align: center;
	width: 25%;
}
li.navline{ display:none !important}
.navbar li:nth-last-child(2){ display:none !important}
.logo {
        background: url(logo.png) center;
        background-size: 100% 100%;
        display: block;
        float: left;
        height: 60px;
        width: 202px;
        margin-left: -46px;
    }
#topbox {
	height: 60px;
}
#sobox {
	float: right;
	padding-top:0px;
}
.sipt {
	background: url(ipt.png) no-repeat top left;
	border: solid 1px #dadada;
	display: block;
	font: normal 13px/30px normal;
	float: left;
	height: 30px;
	padding: 0 5px 0 90px;
	width: 80px;
}
.sofrm {
display: block;
margin: 0px auto;
padding-top: 14px;
position: relative;
width: auto;
}
.sbtn {
	background: #65bc0b;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	height: 32px;
	width:50px;
	margin-right:3px;
}


#homebox {
	margin: 1%;
}
#inbox{ margin:1%;}
#quickbox {
	background: #ffc;
	border: dashed 1px #f60;
	overflow: hidden;
	width: 96%;
	height: 50px;
	margin: 0 auto;
	line-height: 25px;
	padding: 1%;
}
#homebox-left {
	float: left;
	width: 100%;
}
.slxx {
	float: left;
	width: 99%;
	height: 96px;
	margin: 0px;
	border: 1px solid #DBDBDB;
}
.slxx dl {
	float: left;
	width: 100%;
	position: relative;
	padding-top: 10px;
	height: 50px;
}

#linkbox {
	margin:1%;
}
#inbox1 {
	margin:1%;
}
#homebox-right {
	float: right;
	width: 100%;
}
#newsbox {
	float: left;
	width: 100%;
}
#exlink {
	float: right;
	width: 100%;
}

.inlist1 li {
	float: left;
	padding-left: 0px;
	margin-bottom: 5px;
	margin-top: 15px;
	margin-right: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	width: 46%;
	margin:2%;
}
.inlist1 li img{ width:100%; height:120px}
.bestlist li {
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 1.3%;
	overflow: hidden;
	/* text-align: center; */
	padding-left: 0px;
	white-space: nowrap;
	width: 32%;
}
.site-notice {
	OVERFLOW: hidden;
	LINE-HEIGHT:16px;
	HEIGHT: 40px;
	width: 100%;
	float: left;
}
.site-notice LI {
	PADDING-LEFT:5px;
	PADDING-right:5px;
	HEIGHT: 40px;
}
#topbar-left {
display: none;
}
#topbg {
display: none;
}
.inlist li a, .linklist li a {
    width: 84px;
}

.line {
display: none;
}
#bestbox {
        border: solid 1px #dae7ed;
        margin-top: 10px;
}