@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: url(/res/sites/images/header-bg-about.jpg?2) no-repeat;background-size: cover;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:224px;margin-top:70px;}
.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:26px;max-width: 560px;}
.experts-banner .experts-banner-left{width: 180px;display: inline-block;float: left;}
.experts-banner .experts-banner-right{width: calc(100% - 180px);display: inline-block;float: left;padding-top: 5px;}
.experts-banner .experts-avatar{width: 140px;height: 140px;
    -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*/
.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;}
.article-content,.articles-lists{width: calc(100% - 230px);display: inline-block;float: left;padding-top: 0px;}
.articles-btns li{background: #E5EFF7;width: 140px;height: 60px;padding: 0px 20px;margin-bottom: 10px;cursor: pointer}
.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;}
.articles-item-desc{font-size: 16px;color: #999999;line-height: 30px;text-indent: 32px;-webkit-line-clamp: 3;}
.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 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 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);}

.articles .article-content{font-size: 18px;color: #333333;line-height: 32px;}
.articles .article-content p{font-size: 18px;color: #333333;line-height: 32px;margin-bottom:32px;}
.articles .article-content h2{font-size: 24px !important;margin-bottom:32px;}
.articles .article-content h6{font-size: 12px !important;color: #999999 !important;;line-height: 24px !important;margin-bottom:0px;}

@media (max-width: 979px) {
    .experts-banner-bg{background-image: url(/res/sites/images/header-bg-h5.jpg);background-size: 100%;background-position: center center}
    .experts-banner-block{margin-top: 40px;min-height: 344px;}
    .experts-banner .experts-banner-left,.experts-banner .experts-banner-right{width: 100%;float: none;}
    .experts-banner .experts-avatar {width: 120px;height: 120px;margin: 0 auto;}
    .experts-banner-title{font-size: 26px;line-height:36px;text-align: center;padding-top:20px;}
    .experts-banner-desc{max-width: 100%;text-align: center;padding: 0 20px;}
    .articles-btns{width: 100%;margin-right: 0px;}
    .articles-block{margin-top: 20px;}
    .articles-btns li{min-width: 72px;width:auto;display: inline-block;margin-right: 10px;}
    .article-content,.articles-lists{width:100%;padding-top:30px;}
    .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) {
    .experts-banner .experts-banner-inner,.articles .articles-inner {
        max-width: 960px;
    }
    .articles-btns{margin-right: 40px;}
    .articles-lists li .articles-item-left{width: 490px;}
}