@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;list-style-type:none;}
html{ overflow-x:hidden;}
body{font-family:"微软雅黑"; background:#f0f0f1; font-size:14px;}
a{ text-decoration:none;}



.main{ float:right; margin-bottom:30px;}
.main .news-content{ width:980px;background:#fff; margin:20px 0;}
.main article{ padding:20px 30px;}
.list-title a,.main .news li a{color:#686868; }
.main .news li{ line-height:50px; height:150px; border-bottom:1px dashed #EBEBEB; padding:10px 20px 0 10px;}
.main .news li p{ width:70%; float:left; line-height:30px;    height: 100px;overflow: hidden;}
.main .news li b{ font-size:16px; line-height:40px}
.main .news li:hover b{color:#3a62f4;}


.main .news li .img{ height:130px; width:220px; display:block; float:left; margin-right:40px; background:url(../images/1591007637114610.png) center no-repeat; background-size:cover;}
.main .news li:nth-child(2) .img{background:url(../images/TB1nyLVBbH1gK0jSZFwXXc7aXXa-440-260.jpg) center no-repeat; background-size:cover;}
.main .news li:nth-child(3) .img{background:url(../images/1590549298115875.png) center no-repeat; background-size:cover;}
.main .news li:nth-child(4) .img{background:url(../images/1590478086108650.png) center no-repeat; background-size:cover;}
.main .news li:nth-child(5) .img{background:url(../images/1590403576128837.png) center no-repeat; background-size:cover;}
.main .news li:nth-child(6) .img{background:url(../images/1590140159829222.png) center no-repeat; background-size:cover;}
.main .news li:nth-child(7) .img{background:url(../images/1591007637114610.png) center no-repeat; background-size:cover;}
.main .news li:nth-child(8) .img{background:url(../images/TB1nyLVBbH1gK0jSZFwXXc7aXXa-440-260.jpg) center no-repeat; background-size:cover;}
.main .news li:nth-child(9) .img{background:url(../images/1590549298115875.png) center no-repeat; background-size:cover;}
.main .news li:nth-child(10) .img{background:url(../images/1590478086108650.png) center no-repeat; background-size:cover;}





section{ width:1200px; margin:20px auto; color:#686868;}
.content { float:right;width:610px;margin: 0 auto;height: auto;}
h2.title {text-align: center;font-size: 24px;color: #333;line-height: 24px;padding-bottom: 24px;position: relative;}
h2.title:after {position: absolute;left: 50%;width: 46px;height: 1px;margin-left: -23px;background-color: #0c9;bottom: 0;content: '';}
p.subtitle {margin-top: 18px;text-align: center;font-size: 16px;color: #666;line-height: 30px;}
.tab-block {width:600px;height: 580px;margin: 0px auto;background-color: #FFF;}
.tab-block.information-tab {height: 270px}
.tab-block.information-tab .tabs {height:220px}
.tab-block .tab-buttons {width: 95%;height: 50px;padding-left:30px;}
.tab-block .tab-buttons .tab-button {width:33.3%;float: left;height:40px;text-align: center;font-size: 14px;color: #666;line-height:40px;position: relative;cursor: pointer;background-color: #f2f2f3;}
.tab-block .tab-buttons .tab-button.cur {background-color: #fff;color: #333}
.tab-block .tab-buttons .tab-button.cur:after {content: '';position: absolute;top: -1px;left: 0;width: 100%;height: 2px;background-color: #1183ff}
.tab-block .tabs {width: 100%;height: 528px}
.tab-block .tabs .tab-item {width: 100%;height: 100%;padding:0 20px;display: none}
.tab-block .tabs .tab-item.active {display: block}

.information-tab .information-right {width: 580px;height: 220px;}
.information-tab .information-right .article-list {padding-top:10px}
.information-tab .information-right .article-list .article-link {display: block;padding: 0 10px}
.information-tab .information-right .article-list .article-link .article-head span {display: inline-block;vertical-align: middle;font-size:12px;}
.information-tab .information-right .article-list .article-number {width: 20px;height: 20px;text-align: center;line-height: 20px;color: #fff;background-color: #999;font-size: 14px}
.information-tab .information-right .article-list .article-title {font-size: 16px;color: #333;line-height: 20px;margin-left: 14px;width: 350px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.information-tab .information-right .article-list .article-time {float: right;font-size: 12px;color: #999;line-height: 20px}

.information-tab .information-right .article-list:nth-of-type(1) .article-number, .information-tab .information-right .article-list:nth-of-type(2) .article-number, .information-tab .information-right .article-list:nth-of-type(3) .article-number{
	background-color: #3a62f4
}
.information-tab .information-right .article-list.current .article-link {
	background-color: #fafafc;
	padding:5px 10px;
}
.information-tab .information-right .article-list.current .article-number {
	background-color: #3a62f4!important
}
.information-tab .information-right .article-list.current .article-title {
	color: #3a62f4
}
.flow .information-tab .information-right{ background:url(../images/a-bg01.png) 0 40px no-repeat; margin-top:30px;}
.flow .information-right .article-figure{ color:#3a62f4; font-size:20px; font-weight:bold;}

.flow .article-list{ width:20%; height:50%; float:left; text-align:center; line-height:35px; border:1px solid #F1F1F1; font-size:12px; margin-right:6%; border-radius:50%;}
.flow .article-list:last-child{ margin-right:0;}
.flow .article-list a{ color:#686868}
.flow .tab-block .tab-buttons .tab-button{ width:20%;}

.question .tab-buttons .tab-button{ width:20%}
.hot-search .tab-buttons .tab-button{ width:16.6%}

.hot-search{ height:370px; background:#fff;}
.hot-search .article-list,.question .article-list{ width:50%; float:left;}
.hot-search .information-right .article-list .article-title,.question .information-right .article-list .article-title{ width:230px;}
.hot-search .information-right .article-list.current .article-link,.question .information-right .article-list.current .article-link{ padding:0 10px;}
.hot-search .information-right{ height:205px;}
.hot-search b{ padding:0 10px;}
.hot-search b a{ color:#686868;}
.hot-search b a:hover{ color:#3a62f4;}

footer{ width:100%; min-width:1200px; height:120px; background:#1b1b1b; clear:both;}
footer p{ width:1200px; margin:0 auto; color:#fff; text-align:center; line-height:25px; padding:20px 0;}
footer p e{ display:block;}
footer a{ color:#fff;}

@media screen and (max-width: 768px){

	
section{ width:100%; min-width:360px; margin:0px auto; color:#686868;}	
section aside{ display:none;}
.main{ margin:0}
.main .news-content{ width:100%;background:#fff; margin:20px 0 0;}

.main article{ padding:35px 0; width:95%; margin:0 auto;}
.content{ width:100%;}

.main .news li .img{ height:130px; width:100%; display:block; float:left; margin-right:40px; background:url(../images/1591007637114610.png) center no-repeat; background-size:cover;}
.main .news li p{ width:100%; float:left; line-height:25px; height:120px; overflow:hidden;}

.main .news li b{ font-size:14px; display: inline-block; line-height:25px; margin:10px 0 5px;}




.tab-block{ width:100%;}
.tab-block .tabs .tab-item{ padding:0;}
.information-tab .information-right{ width:100%;}

.tab-block .tab-buttons{ width:100%; padding:10px 0;}
.tab-block .tab-buttons .tab-button{ font-size:12px;}
.main .news-content li{ height:300px;}
.news-content{ clear:both;}
.information-tab .information-right .article-list .article-title{ width:220px;}	
h2{ padding:0 10px;}
.main .news-img{ width:100%;}
.main .news-img img{ width:100%;}
.hot-search .article-list, .question .article-list{ float:none; width:100%;}
.hot-search .information-right .article-list .article-title,.question .information-right .article-list .article-title{ width:80%;}
.question .tab-block.information-tab{ height:360px;}


.flow{ clear:both;}
.flow .information-tab .information-right{ width:95%; margin:0 auto; background:url(../images/a-bg01.png) 10px 60px no-repeat; background-size:95%; margin-top:30px;}
.flow .article-list{ margin-right:5.8%;}
.flow .tab-block.information-tab{ height:240px;}


.hot-search .tab-block.information-tab{ height:500px;}
.hot-search .information-right{ height:395px;}

footer{ width:100%; min-width:360px; height:80px;}
footer p{ width:100%;text-align:center; padding:15px 0 0; font-size:12px;}
footer p span{ display:none;}
	}