@charset "utf-8"; 
.pageBanner {
    display: none
}
#content{
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
}
/* 清理浮动 */
.ind-box::after,
.ind-box .mbd::after,
.box-loop::after{
    display: block;
    clear: both;
    content: "";
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

/* 焦点图广告 */
.focusBanner{ background: #E6E6E6; height: 550px; margin: 0 auto; clear: both;text-align: center;position: relative;z-index: 0; overflow:hidden;}
.focusBanner .con{display: none}
.focusBanner .bd li .pic{position:absolute;left: 50%; margin-left:-960px; z-index: 0}
.focusBanner .hd{ width: 100%; height: 25px; position: absolute; bottom: 0; left: 0; z-index: 1; font-size: 0;}
.focusBanner .hd li{ height: 12px; width: 12px; background: #fff; margin: 0 5px; cursor: pointer; display: inline-block; *display: inline; zoom: 1; vertical-align: top; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.focusBanner .hd li span{display: none;}
.focusBanner .hd .on{background: #FF8A00}
.focusBanner .prev,.focusBanner .next{ display: none;}

/* ==========================================================================
   通用框
========================================================================== */
.ind-box .mhd{
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.ind-box .mhd .more{
    float: right;
    padding-right: 35px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #999999;
    background:  url(../../base/img/more-icon.png) right center no-repeat;
}
.ind-box .mhd .more:hover{
    text-decoration: none;
    color: #225F9E;
}
.ind-box .mhd strong{
    position: relative;
    z-index: 1;
    float: left;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    padding-left: 50px;
    font-size: 24px;
    font-weight: bold;
    color: #225F9E;
}
.ind-box .mhd strong a{
    color: #225F9E;
}
.ind-box .mhd strong a:hover{
    text-decoration: none;
}
.ind-box .mhd strong::after,
.ind-box .mhd strong::before{
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    float: left;
    overflow: hidden;
}
.ind-box .mhd strong::before{
    width: 40px;
    height: 40px;
    background:  url(../../base/img/box-icon-bg.png) center center no-repeat;
}
.ind-box .mhd strong::after{
    width: 24px;
    height: 24px;
    left: 8px;
    top: 8px;
    background:  url(../../base/img/box-icon.png) center 2px no-repeat;
}
.ind-box .mhd strong.icon-2::after{
    background-position: center -36px;
}
.ind-box .mhd strong.icon-3::after{
    background-position: center -76px;
}
.ind-box .mhd strong.icon-4::after{
    background-position: center -115px;
}
.ind-box .mhd strong.icon-5::after{
    background-position: center -155px;
}
.ind-box .mhd strong.icon-6::after{
    background-position: center -195px;
}
.ind-box .mhd strong.icon-7::after{
    background-position: center -235px;
}
.ind-box .mbd{
    padding-top: 20px;
}

/* ==========================================================================
   学院新闻
========================================================================== */
#box-news{
    padding-top: 30px;
    margin-bottom: 30px;
    width: 920px;
    float: left;
    margin-right: 30px;
}

/* 文章-焦点图 */
.focus-article{
    position: relative;
    z-index: 1;
    width: 420px;
    float: left;
    margin-right: 20px;
    background-color: #F8F8F8;
}
.focus-article .hd{
    display: none;
}
.focus-article .bd{
    overflow: hidden;
}
.focus-article .bd li img{
    width: 100%;
    height: 315px;
}
.focus-article>a.prev,
.focus-article>a.next{
    position: absolute;
    z-index: 1;
    top: 138px;
    width: 20px;
    height: 40px;
    background-color: rgba(0,0,0,0.6);
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
}
.focus-article .prev{
    left: 0;
}
.focus-article .next{
    right: 0;
}
.focus-article>a.prev:hover,
.focus-article>a.next:hover{
    text-decoration: none;
    background-color: rgba(0,0,0,0.8);
}
.focus-article .bd .con{
    overflow: hidden;
    padding: 15px 20px;
}
.focus-article .bd .con a{
    display: block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.focus-article .bd .con a:hover{
    text-decoration: none;
    color: #225F9E;
}
.focus-article .bd .con .title{
    margin-bottom: 5px;
}
.focus-article .bd .con .intro{
    height: 42px;
    overflow: hidden;
    font-size: 14px;
    line-height: 21px;
    color: #999;
}
.focus-article .bd .con .others{
    display: none;
}
.focus-article .bd li:hover{
    background-color: #f1f0f0;
}

/* 信息-标题列表 */
.info-list{
    overflow: hidden;
}
.info-list li{
    overflow: hidden;
    font-size: 16px;
    padding: 6px 0;
}
.info-list li a{
    position: relative;
    z-index: 1;
    display: block;
    padding-left: 15px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}
.info-list li a::before{
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #D9D9D9;
}
.info-list li a:hover{
    text-decoration: none;
    color: #225F9E;
}
.info-list li a:hover::before{
    background-color: #225F9E;
}
.info-list li .date{
    float: right;
    margin-left: 10px;
    color: #999;
}

/* ==========================================================================
   通知公告
========================================================================== */
#box-notice{
    padding: 30px 0;
    background-color: #F8F8F8;
    overflow: hidden;
}
#box-notice .mhd{
    padding: 0 30px;
}

/* 日历-标题-列表 */
.date-title-list{
    overflow: hidden;
}
.date-title-list li{
    position: relative;
    z-index: 1;
    height: 50px;
    padding: 12px 30px 13px;
}
.date-title-list li::after{
    content: "";
    position: absolute;
    z-index: 0;
    left: 30px;
    right: 30px;
    bottom: 0;
    height: 1px;
    background-color: #e9e9e9;
    -webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    -ms-transition:all  0.6s;
    -o-transition:all 0.6s;
    transition:all 0.6s;
}
.date-title-list li a{
    display: block;
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}
.date-title-list li .date{
    float: left;
    margin-right: 20px;
    text-align: center;
    font-size: 14px;
    color: #999;
}
.date-title-list li .date span{
    display: block;
    height: 20px;
    line-height: 20px;
    line-height: 1.2;
}
.date-title-list li .date .dd{
    margin-bottom: 5px;
    height: 30px;
    line-height: 30px;
    font-size: 28px;
    font-weight: bold;
    color: #225F9E;
}
.date-title-list li:hover{
    background-color: #E8F3FF;
}
.date-title-list li:hover::after{
    left: 0;
    right: 0;
}
.date-title-list li:hover a,
.date-title-list li a:hover{
    text-decoration: none;
    font-weight: bold;
    color: #225F9E;
}
.date-title-list li:hover .date{
    color: #225F9E;
}

/* ==========================================================================
   党建工作 科研工作
========================================================================== */
.bg-blue{
    padding: 55px 0 35px;
    background:#EEF6FF url(../../base/img/ind-bg-2.jpg) center top no-repeat;
}

.box-loop .ind-box{
    width: 660px;
    margin-bottom: 20px;
}

/* 日历-标题详情列表 */
.date-title-intro-list li{
    position: relative;
    z-index: 1;
    padding: 15px 20px 16px 90px;
}
.date-title-intro-list li::after{
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #e9e9e9;
    -webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    -ms-transition:all  0.6s;
    -o-transition:all 0.6s;
    transition:all 0.6s;
}
.date-title-intro-list .tit{
    display: block;
    margin-bottom: 8px;
    height: 24px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: bold;
}
.date-title-intro-list .tit:hover{
    text-decoration: none;
    color: #225F9E;
}
.date-title-intro-list .date{
    position: absolute;
    z-index: 1;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    float: left;
    margin-right: 20px;
    text-align: center;
    font-size: 14px;
    color: #999;
}
.date-title-intro-list .date span{
    display: block;
    height: 20px;
    line-height: 20px;
    line-height: 1.2;
}
.date-title-intro-list .date .dd{
    margin-bottom: 5px;
    height: 30px;
    line-height: 30px;
    font-size: 28px;
    font-weight: bold;
    color: #225F9E;
}
.date-title-intro-list .intro{
    font-size: 14px;
    line-height: 21px;
    height: 42px;
    overflow: hidden;
    color: #999;
}
.date-title-intro-list li:hover{
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 109, 221, 0.35);
}
.date-title-intro-list li:hover::after{
    display: none;
}
.date-title-intro-list li:hover .date{
    color: #225F9E;
}
.date-title-intro-list li:hover .tit,
.date-title-intro-list li:hover .tit font{
    color: #225F9E !important;
}
.date-title-intro-list li:hover .intro{
    color: rgba(34, 95, 158, 0.6);
}

/* ==========================================================================
   第三区域
========================================================================== */
.layout-white{
    padding: 40px 0 30px;
}
/* 头条-图文列表 */
.top-pic-list li.t{
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E9E9E9;
}
.top-pic-list li.t .pic{
    width: auto;
    float: left;
    margin-right: 20px;
}
.top-pic-list li.t .con{
    overflow: hidden;
}
.top-pic-list li.t .tit{
    display: block;
    margin-bottom: 8px;
    height: 24px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: bold;
}
.top-pic-list li.t .intro{
    font-size: 14px;
    line-height: 21px;
    height: 42px;
    overflow: hidden;
    color: #999;
}
.top-pic-list li.t .others{
    margin-top: 10px;
    font-size: 14px;
    color: #999;
}
.top-pic-list li.t .tit:hover,
.top-pic-list li.t:hover .tit{
    text-decoration: none;
    color: #225F9E;
}
.top-pic-list li.t:hover .intro,
.top-pic-list li.t:hover .others{
    color: #666;
}
.top-pic-list li.n{
    overflow: hidden;
    font-size: 16px;
    padding: 6px 0;
}
.top-pic-list li.n a{
    position: relative;
    z-index: 1;
    display: block;
    padding-left: 15px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}
.top-pic-list li.n a::before{
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #D9D9D9;
}
.top-pic-list li.n a:hover{
    text-decoration: none;
    color: #225F9E;
}
.top-pic-list li.n a:hover::before{
    background-color: #225F9E;
}
.top-pic-list li.n .date{
    float: right;
    margin-left: 10px;
    color: #999;
}

/* 图片-标题列表 */
.pic-title-list{
    overflow: hidden;
    margin-left: -40px;
}
.pic-title-list li{
    position: relative;
    z-index: 1;
    width: 320px;
    float: left;
    margin-left: 40px;
    overflow: hidden;
}
.pic-title-list li .pic{
    overflow: hidden;
}
.pic-title-list li img{
    width: 100%;
    height: 240px;
}
.pic-title-list li .title{
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: white;
    background-color: rgba(0,0,0,0.5);
}
.pic-title-list li .title a{
    color: white;
}
.pic-title-list li .title a:hover{
    text-decoration: none;
}

/* 当页面小于1400px,重定义样式 */
@media screen and (max-width: 1400px) {
    #content{
        overflow: hidden;
    }
    #box-news{
        width: 820px;
    }
    .box-loop .ind-box{
        width: 580px;
    }

    /* 通知公告 */
    #box-notice .mhd{
        padding: 0 20px;
    }
    .date-title-list li{
        padding: 12px 20px 13px;
    }
    .date-title-list li::after{
        content: "";
        position: absolute;
        z-index: 0;
        left: 20px;
        right: 20px;
    }
    
    /* 图片标题列表 */
    .pic-title-list{
        margin-left: -20px;
    }
    .pic-title-list li{
        width: 285px;
        margin-left: 20px;
    }
    .pic-title-list li img{
        height: 215px;
    }
}