@charset "utf-8";
/*中心专家导航*/
.articles-banner {position: relative;background: #0262b3;
    background-image: linear-gradient(135deg, rgba(5,155,218,0.90) 0%, rgba(2,98,179,0.80) 100%);
    background-image: -webkit-linear-gradient(rgba(5,155,218,0.90), rgba(2,98,179,0.80));
    background-image: -moz-linear-gradient(135deg, rgba(5,155,218,0.90), rgba(2,98,179,0.80));
    background-image: -ms-linear-gradient(135deg,rgba(5,155,218,0.90), rgba(2,98,179,0.80));
    background-image: -o-linear-gradient(135deg,rgba(5,155,218,0.90), rgba(2,98,179,0.80));
    background-image: linear-gradient(135deg,rgba(5,155,218,0.90), rgba(2,98,179,0.80));
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='rgba(5,155,218,0.90)', endcolorstr='rgba(2,98,179,0.80)', gradienttype=0);

}
.articles-banner-bg{background:  no-repeat;background-size: cover;background-position: center center;}
.articles-banner .articles-banner-inner{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:0px;padding-right:0px;}
.articles-banner-block {display:block;float:left;width:100%;position:relative;height:110px;margin-top:50px;}
.articles-banner-title{font-size:44px;color:#ffffff;line-height:60px;font-weight:bold;margin-bottom: 10px;}


/*articles*/
.articles {position: relative;}
.articles .articles-inner{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
.articles-block {display:block;float:left;width:100%;position:relative;margin-top:50px;}
.articles-btns{width: 180px;display: inline-block;float: left;margin-right: 50px;}
.articles-lists{width: calc(100% - 230px);display: inline-block;float: left;padding-top: 0px;}
.articles-btns li{background: #e5eff7;width: 164px;height: 60px;padding: 0px 8px;margin-bottom: 10px;cursor: pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #0262b3;text-align: center;}
.articles-btns li a{font-size: 18px;color: #0262b3;letter-spacing: 0;line-height: 60px;}

.articles-btns li.active{background: #0262b3}
.articles-btns li.active a{color: #ffffff}
.articles-lists li{width:100%;margin-bottom: 50px;display: inline-block;}
.articles-lists li .articles-item-left{width: 700px;display: inline-block;float: left;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;}
.articles-lists li .articles-item-right{width: 200px;display: inline-block;float: right;}
.articles-item-title{font-weight: bold;font-size: 20px;color: #333333;line-height: 30px;margin-bottom: 20px;overflow: hidden;}
.articles-item-desc{font-size:16px;color:#999999;line-height:30px;text-indent:32px;text-align:justify;}
.articles-item-thumb{width: 192px;height: 132px;border: 4px solid #ffffff;
    -webkit-box-shadow:0px 5px 40px 0 rgba(0,0,0,0.10);
    -moz-box-shadow:0px 5px 40px 0 rgba(0,0,0,0.10);
    -o-box-shadow:0px 5px 40px 0 rgba(0,0,0,0.10);
    box-shadow:0px 5px 40px 0 rgba(0,0,0,0.10);}

.articles-lists .articles-pages {width: 100%;margin-bottom: 100px;}
.articles-lists .articles-pages span,.articles-lists .articles-pages a{width:30px;height: 30px;background: #ffffff;border: 1px solid #e5e5e5;
    font-size: 14px;color: #333333;text-align: center;line-height: 30px;display:inline-block;float: left;margin-right: 8px;}
.articles-lists .articles-pages span.current,.articles-lists .articles-pages a.current{background: #0262b3;color: #fff;border: 1px solid #0262b3;}
.articles-lists .articles-pages a.down:after{content: '';margin-right: 3px;display: inline-block;width: 10px;height: 10px;
    border-top: 1px solid #333333;border-right: 1px solid #333333;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

.articles-lists .articles-pages a.up:after{content: '';margin-left: 3px;display: inline-block;width: 10px;height: 10px;
    border-top: 1px solid #333333;border-right: 1px solid #333333;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
@media (max-width: 979px) {
    .articles-banner-bg{background-image: ;background-size: 100%;background-position: center center}
    .articles-banner-block{height: 66px;margin: 30px 20px 0px 20px;width: calc(100% - 40px);}
    .articles-banner-title{font-size: 26px;line-height: 36px;}
    .articles .articles-inner{padding: 0px;}
    .articles-btns{width:100%;margin-right: 0px;display: block;overflow: hidden;margin: 0;}
    .articles-btns ul{display: block;white-space: nowrap;touch-action:pan-x;overflow-x: scroll;-moz-user-select: none; -khtml-user-select: none; user-select: none;onselectstart:none}
    .articles-btns ul::-webkit-scrollbar {display: none}
    .articles-block{margin-top: 20px;}
    .articles-btns li{min-width: 72px;width:auto;display: inline-block;margin-right: 10px;}
    .articles-btns li:first-child{margin-left: 20px;}
    .articles-btns li:last-child{margin-right: 20px;}
    .articles-lists{width:calc(100% - 40px);padding-top:30px;padding-left: 20px;padding-right: 20px;}
    .articles-lists li{margin-bottom: 40px;}
    .articles-lists li .articles-item-right{width: 100%;float: none;margin-bottom: 20px;}
    .articles-item-thumb{width: calc(100% - 8px);height: auto;}
    .articles-lists li .articles-item-left{width: 100%;}
    .articles-item-title{margin-bottom: 10px;}
}


@media (min-width: 980px) and (max-width: 1400px) {
    .articles-banner .articles-banner-inner,.articles .articles-inner{max-width: 960px;}
    .articles-btns{margin-right: 40px;}
    .articles-lists li .articles-item-left{width: 490px;}
}
/*论坛原创*/
.ltyc a{color:#000;}
.ltyc ul{margin:50px 0;}
.ltyc ul li{width:30%;float: left;margin-right: 4%;margin-bottom: 50px;border:1px solid #ddd\9;box-shadow:1px 2px 16px 0px rgba(0,0,0,0.15); -webkit-line-clamp: 3;line-clamp: 3;}
.ltyc ul li:nth-of-type(n) {border: 0}
.ltyc ul li:nth-child(3n){margin-right: 0px;}
.ltyc ul li .lcyc_pic{
	position:relative;
}
.ltyc ul li .lcyc_pic img{
	height:220px;
	width:100%;
}
.ltyc ul li .lcyc_pic span{
	position:absolute;
	top:0;
	left:0;
	background: #797b7f;
	color:#fff;
	display:block;
	line-height:40px;
	padding:0 20px;
	color:#fff;
	font-weight: bold;
	}
.ltyc .lcyc_nr{
	padding:0 10px;
	min-height:200px;
}
.ltyc .lcyc_nr .lcyc_wz{
	font-size: 20px;
	color: #333333;
	line-height: 30px;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	margin: 10px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 60px;
}
.ltyc .lcyc_nr .lcyc_time{
	font-size: 14px;
    color: #999999;
}
.ltyc .lcyc_nr .lcyc_zy{
	    font-size: 14px;
	    color: #999999;
	    -webkit-line-clamp: 7;
	    line-clamp: 4;
	    margin-bottom: 20px;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    height: 168px;
	     position: relative;
}
.ltyc .lcyc_nr .lcyc_zy:after {
	    content: '...';
         text-align: right;
	   
}
@media screen and (max-width: 640px){
	.ltyc ul li {
    width: 88%;
    padding: 0 20px;
}
}
/*青年学生*/
.qnjjqh{border-bottom: 1px solid #ccc;display: flex;margin-bottom: 40px;}
.qnjjqh a{display: block;color: #000000;padding: 0 20px;}
.qnjjqh .current{border-bottom: 5px #0262b3 solid;color: #0262b3;}