body {
	background-color: #f4f4f4;
}

em {
	font-style: normal;
}
table,table tr{
	max-width:100%;
	}
table{
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin:0 auto;
	width: 80%;
	color:#333;
	text-align:center;
}
table tr{
	line-height: 2.5rem;
	height:2.5rem !important;
}
table tr td{
	border: 1px solid #ccc;
}
table tr:nth-child(odd) { 
background: #f5f5f5;
}
.weizhi {
	padding: .8em 0;
	color: #8d8a8a;
	font-size: .9em;
}

.weizhi a {
	margin-left: .2em;
	margin-right: .2em;
}

.listBox {
	margin-bottom: 1em;
	justify-content: space-between;
	align-items: flex-start;
}

.listBox section,
.listBox aside {
	background-color: #fff;
}

.listBox .topTitle {
	padding-bottom: 1em;
	border-bottom: 1px solid #f4f4f4;
	padding: 1em;
}

.listBox .topTitle em {
	border-right: 1px solid #f4f4f4;
	padding-right: .5em;
	margin-right: .5em;
}

.listBox .topTitle span {
	font-size: .9em;
	border-bottom: 1px solid #2BABCF;
	padding-bottom: .2em;
}

.listBox section,.show-hos section{
	width: 70%;
	padding-bottom: 1em;
}

.listBox .articleBox {
	border-bottom: 1px solid rgba(0, 0, 0, .08);
	padding: 1em;
	justify-content: space-between;
	transition: all 0.2s linear;
}

.listBox .articleBox:hover,.hotBox ul li:hover {
	box-shadow: 0 5px 15px #ccc;
	transition: translate3d(0, -2px, 0);
}

.articleBox .picLeft {
	width: 10em;
}

.articleBox .picLeft img {
	width: 100%;
	height: 7em;
	object-fit: cover;
}

.articleBox .newsRight {
	width: 79%;
	color: #525c65;
	position: relative;
}

.articleBox .newsRight t1 {
	display: block;
	font-size: 1.05em;
	margin-bottom: .8em;
}

.articleBox .newsRight t1 a {
	color: rgb(34 34 34 / 80%);
	font-weight: 600;
}

.articleBox:hover .newsRight t1 a {
	color: #2babcf;
}

.articleBox .newsRight p {
	font-size: .95em;
}

.articleBox .newsRight span {
	position: absolute;
	bottom: 0;
	font-size: .9em;
}

.pagesize {
	text-align: center;
}

.pagesize li {
	display: inline-block;
	margin-top: 1em;
	padding: 0.2em;
}

.pagesize li.active span{
	color: #2babcf;
	font-weight:bold;
}

.listBox aside {
	width: 29%;
}

.hotBox {
}

.hotBox ul li {
	padding:1em;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
}
.hotBox ul li:last-child{
	border-bottom:none;
}

.hotBox .hotLeft {
	width: 27%;
	height: 4.5em;
	overflow: hidden;
}

.hotBox .hotLeft img {
	width: 100%;
	height: 4.5em;
	object-fit: cover;
}

.hotBox .hotRight {
	width: 70%;
	position: relative;
}

.hotBox .hotRight t3 {
	font-size: .95em;
}

.hotBox .hotRight t3 a {
	color: rgb(10 9 9 / 80%);
}

.hotBox .hotRight span {
	position: absolute;
	bottom: 0;
	font-size: .9em;
}


.article{
	padding: 1.5em 1em;
	box-sizing: border-box;
}
.article .article-bt{
	font-size: 1.3em;
	margin-bottom: .5em;
	text-align: center;
	font-weight: normal;
}
.article .article-info{
	text-align: center;
	font-size: .95em;
	color: #ccc;
	margin-bottom: 1em;
}
.article-article{
	line-height: 1.5em;
	font-size: 1em;
}
.article-article img{
	display: block;
	max-width: 600px !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 auto;
}
.article-article p,.article-article div{
	margin-bottom: .5em;
	text-align: justify;
}
.post-copyright {
	background-color: #eee;
	font-size: .95em;
	line-height: 1.5em;
	padding: .5em;
	color: #aaa;
	text-align: left;
	margin: 1em 0;
}
.post-copyright a, .post-copyright a:hover {
	color: #aaa;
}
.post-copyright:hover {
	background-color: #2BABCF;
	color: #fff;
}
.post-copyright:hover a {
	color: #fff;
}
.art_other{
    line-height: 1.8em;
    color: #8d8a8a;
    font-size: .95em;
}
.art_other a:hover{
	color: #2BABCF;
}
.base-news{
	margin-top: 1em;
	border: 1px solid #eee;
}
.base-news t3{
	border-bottom: 1px solid #eee;
	padding: .7em;
	display: block;
}
.base-news ul{
	justify-content:space-between;
	flex-wrap: wrap;
	padding: 0 .9em 1em .9em;
}
.base-news ul li{
	margin-top: .9em;
	padding-top: .9em;
	width:48%;
	border-top: 1px #eee dashed;
}
.base-news ul li:first-child,.base-news ul li:nth-child(2){
	border-top:none;
}
.base-news ul li a:hover{
	color: #2BABCF;
}


h2,strong{ padding: 0; margin: 0;}
.daoyu{border: 5px solid #f6f6f6;padding: 1.2em;background: url(14522578889_200x200.png) no-repeat top right #fafafa;background-position-y: -30px;}
.daoyu_title{font-size:30px;margin-bottom:15px;letter-spacing:0.2em;color: #2babcf;}
.daoyu_title>strong:first-child+strong{letter-spacing:0em;margin-left:-10px;display:inline-block;}
.daoyu_txt p{ line-height: 1.8em;margin-bottom: .5em;text-align: justify;}
.daoyu_txt img{display: block;max-width: 600px;width: 100%;margin: 0 auto;}
.ranking{margin-top: 3em;}
.ranking strong{ display: block; text-align: center; font-size:30px;margin-bottom:15px;letter-spacing:0.2em;color:#fff;}
.ranking strong span{background-color: #2babcf;margin-right: .5em;text-align: center;padding-left: .2em;}
.ranking-article h2{text-align: center;margin-top: 2em;margin-bottom: 2em;}
.ranking-article h2 span{font-weight: normal;background-color: #5ecdec;font-size: 18px;text-align: center;color: #fff;padding: 10px;}
.ranking-article h2 i{ font-style: normal;}







.chioce{
	background-color: #fff;
	margin-bottom: 1em;
	padding: 1em 1em 0;
	box-sizing: border-box;
	flex-direction: column;
}
.chioce>nav {
	align-items: baseline;
	font-size: .9em;
}
.chioce>nav:first-child{
	border-bottom: #eee 1px dashed;
	margin-bottom:1.5em
}
.chioce .c_menu {
	display: none;
	color: #999;
	width: 2.5em;
	font-style: normal;
}
.chioce>nav a{
	color: #555;
}
.chioce>nav a.active {
	color: #128bed;
}
.chioce>nav>div {
	flex: 1;
}
.area_list,
.project_list {
	flex-wrap: wrap;
}
.area_list li,
.project_list li {
	padding-right: 1em;
	margin-bottom: 1em;
}
.area_son,
.project_son {
	background-color: #f8f8f8;
	padding: 1em 1em 0 1em;
	margin-bottom: 1em;
	flex-wrap: wrap;
}
.area_son li,
.project_son li {
	padding-right: 1em;
	margin-bottom: 1em;
}
.hos-info{
	padding: 1.5em;
	box-sizing: border-box;
}
.hos-info .title_left{
	width: 15em;
	box-sizing: border-box;
	padding: .7em;
	overflow: hidden;
	margin-right: 1em;
	border: 1px solid #f0eeee;
}
.hos-info .title_left:hover{
	border: 1px solid #b2d5f2;
}
.hos-info .title_left img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hos-info .title_right{
	width: 70%;
}
.hos-info .title_right h1{
	width: 100%;
	font-size: 1.1em;
	margin-bottom: 1em;
}
.hos-info .title_right .tab{
	flex-wrap: wrap;
	border: 1px solid #f5f5f5;
	color: #999;
}
.hos-info .title_right .tab p{
	font-size: .9em;
	width: 50%;
	border-bottom: 1px solid #f5f5f5;
	line-height:2.5em;
}
.hos-info .title_right .tab p:nth-child(n+5){
	width: 100%;
}
.hos-info .title_right .tab p:last-child{
	padding-left:.5em
}
.hos-info .title_right p span{
	padding: .6em .3em;
	background-color: #f5f5f5;
}
.hos-info .title_right p a{
	margin-left: .5em;
}
.hos-info .title_right p a#user-name{
	color: #555ba6;
}

.hos_menu{
	background-color: #fafafa;
	border-bottom: 1px solid #2BABCF;
}
.hos_menu ul{ 
	align-items: center; 
	color: #ccc;
}
.hos_menu ul li{
	width: 13%;
	text-align: center;
	padding-bottom:1em;
	padding-top:1em;
}
.hos_menu ul li.act{
	background-color:#2BABCF;
	font-size: 1.05em;
}
.hos_menu ul li a{
	display:block;
}
.hos_menu ul li:hover,.hos_menu ul li:hover a,.act a{
	color: #fff !important;
	background-color:#2BABCF;
}
.hos-article{ 
	margin-top:1em;
}
.hos-article .Tab_nav li{
	color:#636161;
	text-align:justify;
	word-break: break-all;
	box-sizing: border-box;
}
.hos-article .Tab_nav .article-content{
	padding: 1em
;}
.hos-article .Tab_nav .article-content img{ 
	display:block; 
	margin:0 auto;
	max-width: 600px !important; 
	width: auto !important;
	height: auto !important;
}
.hos-article .Tab_nav .article-content p{
	font-size: .95em;
	line-height: 1.5em;
	margin-bottom: .5em;
	color: #545454;
	text-align: justify;
	text-indent: 2em;
}
.hos-article .Tab_nav li h2,.hos-article .Tab_nav li h3{
	font-size: 1.1em;
	color: #242323;
	padding: .8em 0 .8em 1em;
	font-weight: normal;
	border-bottom: 1px #e9e9e9 solid;
}
.show-hos .post-copyright,.show-hos .shenming,.show-hos .art_other,.show-hos .base-news{
	margin: 1rem;
}