/******************************************
    设置新闻页面内容和头部尾部之间距离
******************************************/

.page-news {
    padding-top: 50px;
    padding-bottom: 80px;
}


/******************************************
    设置新闻分类之间的间距
******************************************/

.page-news>section {
    margin-bottom: 30px;
}


/******************************************
    新闻分类头部样式
******************************************/

.page-news header {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 0;
    line-height: 0;
}

.page-news header h2 {
    margin-right: 10px;
    display: inline-block;
    font-size: 24px;
    line-height: 36px;
    color: #666;
    font-weight: normal;
    vertical-align: middle;
}

.page-news header h2:after {
    margin-left: 20px;
    content: "\f105";
    font-family: 'FontAwesome';
    color: #999;
}

.page-news header p {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
}

.page-news header p a {
    display: inline-block;
    font-size: 14px;
    line-height: 36px;
    color: #666;
    padding: 0 10px;
    position: relative;
}

.page-news header p a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 11px;
    width: 1px;
    height: 14px;
    background-color: #ccc;
}

.page-news header p a.more:after {
    content: "\f101";
    font-family: 'FontAwesome';
    margin-left: 5px;
    color: #999;
    position: static;
    width: auto;
    height: auto;
    background-color: #fff;
}

.page-news header h2 a:hover,
.page-news header p a:hover,
.page-news header a.more:hover:after {
    color: #de1620;
}


/******************************************
    顶部头条
******************************************/


/*头部轮播*/

.page-news .news-top .page-news-owl01 .item {
    position: relative;
    overflow: hidden;
    display: block;
    width: 754px;
    height: 437px;
}

.page-news .news-top .page-news-owl01 .item img {
    width: 754px;
    height: 437px;
}

.page-news .news-top .page-news-owl01 .item p {
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    padding: 10px 15px;
    display: -webkit-box;
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-weight: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    background-color: rgba(0, 0, 0, .8);
}

.page-news .news-top .right .list-mod-1 {
    margin-bottom: 20px;
}

.page-news .news-top .right .news-top-gg {
    overflow: hidden;
    display: block;
    width: 362px;
    height: 82px;
}

.page-news .news-top .right .news-top-gg img {
    width: 362px;
    height: 82px;
}


/******************************************
    单仁行
******************************************/

.page-news .news-srx {}

.page-news .news-srx .item1 .cover {
    overflow: hidden;
    width: 362px;
    height: 201px;
}

.page-news .news-srx .item1 img {
    width: 362px;
    height: 201px;
}

.page-news .news-srx .item3 .cover {
    overflow: hidden;
    width: 120px;
    height: 66px;
}

.page-news .news-srx .item3 .cover img {
    width: 120px;
    height: 66px;
}


/******************************************
    学员案例
******************************************/

.page-news .news-client .top .cover {
    overflow: hidden;
    width: 264px;
    height: 146px;
}

.page-news .news-client .top .cover img {
    width: 264px;
    height: 146px;
}


/******************************************
    通栏广告位
******************************************/

.page-news .bc {
    padding-top: 30px;
}


/******************************************
    媒体报道
******************************************/

.page-news .news-mt {
    margin-bottom: 70px;
}

.page-news .news-mt .tab-news {
    position: relative;
}

.page-news .news-mt .tab-news .tab-nav {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    font-size: 0;
    line-height: 0;
}

.page-news .news-mt .tab-news .tab-nav li {
    display: inline-block;
    width: 25%;
}

.page-news .news-mt .tab-news .tab-nav li a {
    position: relative;
    display: block;
    height: 42px;
    font-size: 15px;
    line-height: 42px;
    text-align: center;
    color: #fff;
}

.page-news .news-mt .tab-news .tab-nav li a span {
    position: relative;
    z-index: 2;
}

.page-news .news-mt .tab-news .tab-nav li a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=90);
    -khtml-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
}

.page-news .news-mt .tab-news .tab-nav li.active a:after {
    background-color: #de1620;
}

.page-news .news-mt .tab-news .tab-nav li:hover a:after {
    background-color: #f02933;
}

.page-news .news-mt .tab-news .tab-content a {
    overflow: hidden;
    display: block;
    width: 558px;
    height: 335px;
}

.page-news .news-mt .tab-news .tab-content a {
    display: block;
    overflow: hidden;
    width: 558px;
    height: 335px;
}

.page-news .news-mt .tab-news .tab-content a img {
    width: 558px;
    height: 335px;
}


/******************************************
    领导来访 营销资讯 学员捷报 学员活动 集团动态
******************************************/

.page-news .news-ld .list-mod-3 .cover,
.page-news .news-zx .list-mod-3 .cover,
.page-news .news-jb .list-mod-3 .cover,
.page-news .news-dt .list-mod-3 .cover,
.page-news .news-hd .list-mod-3 .cover,
.page-news .news-ld .list-mod-3 .cover img,
.page-news .news-zx .list-mod-3 .cover img,
.page-news .news-jb .list-mod-3 .cover img,
.page-news .news-dt .list-mod-3 .cover img,
.page-news .news-hd .list-mod-3 .cover img {
    width: 362px;
    height: 201px;
}


/******************************************
    图片新闻
******************************************/

.page-news .news-img .cover img {
    width: 264px;
    height: 146px;
}
