@charset "utf-8";
/*中心专家导航*/
.experts-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);

}

.experts-banner-bg{background:  no-repeat 100%;background-position: center center;}
.experts-banner .experts-banner-inner{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:0px;padding-right:0px;}
.experts-banner-block {display:block;float:left;width:100%;position:relative;height:60px;margin-top:50px;margin-bottom:50px;}
.experts-banner-title{font-size:44px;color:#ffffff;line-height:60px;font-weight:bold;margin-bottom: 10px;}
.experts-banner-desc{font-size:16px;color:#ffffff;line-height:28px;max-width: 780px;}



/*中心专家*/
/**news*/
.news {position: relative;}
.news .news-inner{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
.news-block {display:block;float:left;width:100%;position:relative;margin-top:50px;}
.news-btns{width: 180px;display: inline-block;float: left;margin-right: 50px;}
.news .news-top {display:block;width: 100%;}
.news .news-top-title {display:inline-block;font-size: 24px;color: #333333;letter-spacing: 10px;font-weight: bold;line-height: 30px;margin-right: 20px;}
.news .news-top-line{display:inline-block;background: #e5e5e5;height: 2px;width: 120px;margin-bottom: 7px;}
.news .news-list{width: calc(100% - 230px);display: inline-block;float: left;padding-top: 0px;}
.news .news-list ul{padding: 0px 0px 50px 0px;display: inline-block;}
.news .news-list li:first-child{margin-left: 0px;}
.news .news-list li .news-list-title{cursor: pointer;font-weight: bold;font-size: 20px;color: #333333;line-height: 30px; text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;margin-bottom: 20px;}
.news .news-list li .news-list-desc{
    cursor: pointer;
    font-size: 16px;
    color: #999999;
    line-height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    }

.experts{background: #fafafa;}
.experts .experts-list li{width:calc(50% - 40px);float: left;margin-left: 80px;margin: 50px 0;}
.experts .experts-list li .news-list-title{margin-bottom: 10px;}
.experts .experts-list-left{width: 165px;display: inline-block;float: left;}
.experts .experts-list-right{width: calc(100% - 180px);display: inline-block;float: left;    padding-top: 5px;}
.experts .experts-avatar{width: 150px;height: 150px; background: #f0f0f0;border-radius:100%;
    -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);
}
.experts .experts-avatar img{border-radius:100%;}
.experts .experts-list li .news-list-desc{-webkit-line-clamp: 4;line-clamp: 3;height: 90px;}
.experts .experts-list li:nth-child(2n 1){margin-left: 0px;}
.news-btns li{background: #e5eff7;width: 140px;height: 60px;padding: 0px 20px;margin-bottom: 10px;cursor: pointer;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #0262b3;}
.news-btns li a{font-size: 18px;color: #0262b3;letter-spacing: 0;line-height: 60px;}

.news-btns li.active{background: #0262b3}
.news-btns li.active a{color: #ffffff}


@media (max-width: 979px) {
    .experts-banner-bg{background-image: ;background-size: 100%;background-position: center center}
    .news .news-top-title{font-size: 20px;letter-spacing: 4px;line-height: 30px;}
    .experts-banner-block{margin-top: 30px;margin-bottom: 30px;padding: 0 20px;width: calc(100% - 40px);height:36px;}
    .experts-banner-title{font-size: 26px;line-height: 36px;}
    .experts-banner-desc{width: 100%;max-width: 100%;}
    .news-btns{width:100%;margin-right: 0px;display: block;overflow: hidden;margin: 0;}
    .news-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}
    .news-btns ul::-webkit-scrollbar {display: none}
    .news-block{margin-top: 20px;}
    .news-btns li{min-width: 72px;width:auto;display:block;margin-right: 10px;/* float: left */}
    .news-btns li:first-child{margin-left: 20px;}
    .news-btns li:last-child{margin-right: 20px;}
    .news .news-list{width: 100%}
    .news .news-list ul{padding: 30px 0;}
    .experts .experts-list li{width: 50%;margin-left:0px;margin-top:0px;margin-bottom:30px;}
    .experts .experts-list-left{width: 100%;float: none;}
    .experts .experts-avatar{margin: 0 auto;width: 120px;height: 120px;}
    .experts .experts-list-right{width: 90%;padding-top:20px;text-align: center;}
    .experts .experts-list li:last-child{margin-bottom: 0px;}
}
@media (min-width: 980px) and (max-width: 1400px){
    .experts-banner .experts-banner-inner,.news .news-inner{max-width: 960px;}
    .experts-banner-desc{width: 714px;}
    li:first-child{margin-left: 0px;}
    .news-btns{margin-right: 40px;}
    .news-btns li.gov{height: 60px;padding-top: 18px;}
    .news-btns li.gov a{line-height: 20px;}
    .experts .experts-list li{width: 50%;margin-left: 0px;}
    .experts .experts-list li:first-child{/* margin-bottom: 50px; */}



}