@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;}


/*podcast*/
.podcast .articles-banner{background: #d3edfa;background-image:none;}
.podcast .articles-banner-bg{height:180px;background: none;padding:40px 0;}
.podcast .articles-lists li .articles-item-right{float:left;margin-right:25px;}
.podcast .articles-item-desc{text-indent: 0;}
.podcast .articles-banner-title{text-align:center;}
.podcast .articles-banner-bg .articles-banner-inner img{width:180px;display:block;float:left;margin-right: 20px;}
.podcast .articles-banner-bg p{color: #092b85;font-size: 18px;text-align: left;line-height:35px;font-family: "frutiger neue lt w06 thin","arial black",gadget,sans-serif;}
.podcast .articles-lists{width: calc(100%);}
.podcast .articles-lists li .articles-item-left{width:900px;}
.podcast .articles-lists li .articles-item-left p{color:#000}

/*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: 190px;height: 60px;padding: 0px 10px 0 0;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: 20px;}

.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: 600;font-size: 20px;color: black;line-height: 26px;margin-bottom: 10px;overflow: hidden;text-transform: uppercase;}
.articles-item-desc{font-size: 14px;color:#999999;line-height: 24px;/* text-indent:32px; *//* text-align:justify; */font-family: "frutiger neue lt w06 thin","arial black",gadget,sans-serif;}
.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;height:auto!important;padding: 10px 0!important;}
	.podcast .articles-banner-bg .articles-banner-inner img{width:100%;margin-right:0;}
    .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(90% - 0px);padding-top:30px;padding-left: 18px;padding-right: 18px;}
    .articles-lists li .articles-item-right{float:none;margin: 4px 20% 10px;}    .articles-lists li{margin-bottom: 40px;}
    .podcast .articles-lists li .articles-item-right{width: 94%;float: none;margin-bottom: 20px;margin-left: 10px;margin-right: 0;}
    .articles-item-thumb{width: calc(100% - 8px);height: auto;}
    .articles-lists li .articles-item-left{width: 100%;}
    .articles-item-title{margin-bottom: 10px;}
    .podcast .articles-lists li .articles-item-left{width: 93%;margin-left: 16px;}
    .podcast .articles-banner-bg p{padding: 0 20px;}
}


@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: 500px;}
}