.clearfix {
    clear: both;
}
.header {
    width: 100%;
    height: 170px;
    background: #33A8BE;
    position: relative;
}
.header .content {
    margin: 0 auto;
    width: 1200px;
    height: 170px;
    background: url('../../images/2021/header_bg.jpg') no-repeat right;
}
.header .content img {
   width: 669px;
    height: 78px;
    margin: 24px 0 0 0;
}
.header .nav {
    position: absolute;
    height: 44px;
    background-color: rgba(10, 77, 89, 0.17);
    width: 100%;
    bottom: 0;
    left: 0;
    
}
.header .nav #list {
    width: 1200px;
    height: 44px;
    margin: 0 auto;
}

#list>ul>li {
    float: left;
    height: 44px;
    line-height: 44px;
    position: relative;
}
#list>ul>li a {
    color: #fff;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #FFFFFF;
    text-decoration: none;
    width: 100px;
    text-align: center;
    display: block;
}

#list>ul>li.on a {
    color: #33A8BE;
    background: #fff;
}
#list>ul>li .sub {
    display: none;
    /*默认隐藏*/
    width: 100px;
    height: auto;
    position: absolute;
    left: 0;
    top: 44px;
    text-align: left;
    z-index: 1000;
    /* background: #33A8BE; */
    background: #fff;
    /* background: rgba(10, 77, 89, 0.5); */
}

#list .sub li {
    vertical-align: middle;
}

#list .sub li a {
    width: 100px;
    height: 44px;
    line-height: 44px;
    display: block;
    color: #33A8BE !important;
    text-align: center;
}

#li1 a, #li1 .sub{
 width: 80px !important;
}
#li8 a, #li8 .sub,  #li8 .sub li a  {
  width: 120px !important;
}

#list .sub li a:hover {
   color: #fff !important;
   background: #33A8BE;
}
/* 图片新闻 通知公告 */
.wrapper {
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
}

.wrapper .image-news {
    width: 588px;
    height: 374px;
    position:relative; 
    overflow:hidden;
    float: left;
}
.wrapper .image-news .pic img {
    width: 588px;
    height: 374px;
    display: block;
}
.wrapper .image-news .txt-bg { 
    position: absolute; 
    bottom: 0; 
    z-index: 1; 
    height: 36px; 
    width:100%;  
    background: #333; 
    filter: alpha(opacity=40); 
    opacity: 0.4; 
    overflow: hidden; 

}
.wrapper .image-news .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.wrapper .image-news .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.wrapper .image-news .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.wrapper .image-news .num { position: absolute; z-index: 3; bottom: 12px; right: 8px; }
.wrapper .image-news .num li { float: left; position: relative; width: 12px; height: 12px; background: #fff; border-radius: 50%; line-height: 15px; overflow: hidden; text-align: center; margin-right: 5px; cursor: pointer; }
.wrapper .image-news .num li a {float: left; width: 12px; height: 12px; background: #fff;}
.wrapper .image-news .num li.on a,.wrapper .image-news .num a:hover{ background:#f60; }

.notice {
    width: 592px;
    height: 374px;
    float: left;
    margin-left: 20px;
}
.notice .hd{ line-height:32px; height:32px; position:relative; padding-right:10px;  }
.notice .hd .more { float:right; }
.notice .hd .more a {
    font-size: 12px;
    color: #999999;
    text-decoration: none;
}
.notice .hd ul{ z-index:5; position:absolute; height:32px;  overflow:hidden; zoom:1; }
.notice .hd li {
    float: left;
    width: 90px;
    cursor: pointer;
    text-align: center;
    color: #33A8BE;
    font-size: 14px;
    font-family: MicrosoftYaHei;
}
.notice .hd li.on {
    height: 32px;
    line-height: 32px;
    background: #33A8BE;
    font-weight: bold;
    color: #fff;
}
.notice .bd { padding: 10px 0; clear:both; position:relative;  }
.notice .bd h2{ font-size:14px; }
.notice .bd p{ color:#999;  }
.notice .bd p a{ color:#c00;  }
.notice .bd ul a{ color:#3E78B3;  }

.notice .bd .con .top {
    max-height: 90px;
    border-bottom: 1px dashed #D8D8D8;
    padding: 0 0 10px 0;
}
.notice .bd .con .top h2 {
    height: 30px;
    line-height: 30px;
    background: url('../../images/2021/dot-black.png') no-repeat left;
    padding-left: 20px;
}
.notice .bd .con .top h2 a {
    color: #333333;
    font-size: 16px;
    text-decoration: none;
}
.notice .bd .con .top h2 a:hover {
    color: #33A8BE;
}
.notice .bd .con {
   
}
.notice .bd .con .top p {
    color: #999999;
    font-size: 12px;
    line-height: 25px;
    text-indent: 15px;
}
.notice .bd .con ul {
    

}
.notice .bd .con ul li {
    height: 35px;
    line-height: 35px;
    background: url('../../images/2021/dot-cyan.png') no-repeat left;
    padding-left: 20px;
    
}
.notice .bd .con ul li a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
}
.notice .bd .con ul li a:hover {
    color: #33A8BE;
}
.notice .bd .con ul li a em {
    float: right;
    color: #999;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.item {
    width: 590px;
}
.item .header {
    width: 590px;
    height: 39px;
    line-height: 39px;
    border-bottom: 1px solid #CCCCCC;
    background: #fff;
}
.item .header .item-title {
    height: 36px;
    line-height: 36px;
    float: left;
    border-bottom: 3px solid #33A8BE ;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #33A8BE;
}
.item .header .item-more {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    line-height: 14px;
    float: right;
    height: 39px;
    line-height: 39px;
}
.item .header .item-more a {
    color: #999999;
    text-decoration: none;
}
.item .content {
    padding: 10px 0 0 0;
}
.item .content ul li {
    height: 35px;
    line-height: 35px;
    background: url('../../images/2021/dot-cyan.png') no-repeat left;
    padding-left: 15px;
    font-size: 14px;
    color: #333;
}
.item .content ul li a {
    color: #333;
    text-decoration: none;
}
.item .content ul li a em {
    float: right;
    color: #999;
}
.item .content ul li a:hover {
    color: #33A8BE;
}

.topic {
    width: 1200px;
    height: 118px;
}

.item .sub-item {
    height: 80px;
    margin: 15px 0 0 0;
}
.item .sub-item .content {
    float: left;
    width: 128px;
    height: 80px;
    line-height: 80px;
    margin: 0 16px 0 0;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 600;
    color: #33A8BE;
    padding: 0 0 0 5px;
    border: 1px dashed #ccc;
}
.item .sub-item .mr0 {
    margin-right: 0;
}
.item .sub-item .bg1 {
    background: url('../../images/2021/item_bg_1.png') no-repeat center;
}
.item .sub-item .bg2 {
    background: url('../../images/2021/item_bg_2.png') no-repeat center;
}
.item .sub-item .bg3 {
    background: url('../../images/2021/item_bg_3.png') no-repeat center;
}
.item .sub-item .bg4 {
    background: url('../../images/2021/item_bg_4.png') no-repeat center;
}

.item .sub-item .content a {
    width: 128px;
    height: 80px;
    display: block;
    color: #33A8BE;
    text-decoration: none;
}

.item .content2 div {
    width: 285px;
    height: 88px;
    line-height: 88px;
    float: left;
    margin: 15px 20px 0 0;
}
.item .content2 div.bg1 {
    background: #7AA4AC;
}
.item .content2 div.bg2 {
    background: #98A682;
}
.item .content2 div.bg3 {
    background: #AD8D8D;
}
.item .content2 div.bg4 {
    background: #8AA1C0;
}
.item .content2 .mr0 {
    margin-right: 0;
}

.item .content2 div.bg1 h1 {
    background: url('../../images/2021/link_icon_1.png') no-repeat left;
}
.item .content2 div.bg2 h1 {
    background: url('../../images/2021/link_icon_2.png') no-repeat left;
}

.item .content2 div.bg3 h1 {
    background: url('../../images/2021/link_icon_3.png') no-repeat left;
}
.item .content2 div.bg4 h1 {
    background: url('../../images/2021/link_icon_4.png') no-repeat left;
}
.item .content2 div a {
    color: #FFFFFF;
    text-decoration: none;
}
.item .content2 div a h1 {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #FFFFFF;
    text-decoration: none;
    width: 120px;
    height: 48px;
    line-height: 48px;
    padding-left: 60px;
    margin: 20px auto;
}

.footer {
    height: 152px;
    background: #178396;
    text-align: center;
    font-size: 14px;
    color: #77D7E7;
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
}
.footer .img {
    margin: 0 0 10px 0
}

/***********************************列表页开始******************************************************/

.list-wrapper {
    width: 200px;
    float: left;
    min-height: 500px;
}
.list-wrapper .header {
    width: 200px;
    height: 66px;
    line-height: 66px;
}
.list-wrapper .header h1 {
    color: #fff;
    font-size: 15px;
    font-family: MicrosoftYaHei;
    width: 150px;
    margin: 0 0 0 20px;
    background: url('../../images/2021/list_logo.png') no-repeat right;
}
.list-wrapper .content {
    width: 198px;
    border: 1px solid #DBDBDB;
    border-bottom: none;
}
.list-wrapper .content ul li {
    border-bottom: 1px solid #DBDBDB;
    height: 40px;
    line-height: 40px;
    width: 198px;
}
.list-wrapper .content ul li.on {
    background: rgba(163, 165, 164, 0.15);
}
.list-wrapper .content ul li a {
    font-size: 14px;
    text-decoration: none;
    color: #666;
    height: 40px;
    line-height: 40px;
    width: 174px;
    display: block;
    padding-left: 25px;
}
.list-wrapper .content ul li a:hover {
    background: rgba(163, 165, 164, 0.15);
}

.list-content {
    width: 980px;
    float: right;
}
.list-content .header {
    background: #fff;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #CCCCCC;
}
.list-content .header .position {
    background: url('../../images/2021/position_icon.png') no-repeat left;
    min-width: 200px;
    padding-left: 20px;
    font-size: 12px;
    color: #999;
    float: right;
}
.list-content .header .position a {
    font-size: 12px;
    color: #999;
}
.list-content .content ul li {
    padding: 15px 0;
    border-bottom: 1px dashed #ccc;
}
.list-content .content ul li a {
    text-decoration: none;
}
.list-content .content ul li a:hover h1 {
    color: #33A8BE;
}
.list-content .content ul li h1 {
    font-size: 16px;
    font-family: 'MicrosoftYaHei';
    color: #333333;
    line-height: 30px;
}

.list-content .content ul li .desc {
    margin: 10px 0 0 0;
    font-size: 12px;
    color: #999999;
}
.pagination {
    width: 980px;
    margin: 20px auto;
}

/***********************************列表页结束******************************************************/
.list-content .detail-content {
    padding: 25px 0;
}

.list-content .detail-content .title {
    font-size: 22px;
    font-family: MicrosoftYaHei;
    color: #333333;
    line-height: 26px;
    text-align: center;
}
.list-content .detail-content .sub-title {
    text-align: center;
    font-size: 13px;
    color: #999999;
    margin: 20px 0 20px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #ccc;
}
.list-content .detail-content .article {
    font-size: 16px;
    color: #333;
    line-height: 27px;
    font-family: 宋体,SimSun;
}
.single-content {
    width: 1200px;
    min-height: 600px;
}

.single-content .header {
    background: #fff;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #CCCCCC;
}

.single-content .header .position {
    background: url('../../images/2021/position_icon.png') no-repeat left;
    min-width: 200px;
    padding-left: 20px;
    font-size: 12px;
    color: #999;
    float: right;
}

.single-content .header .position a {
    font-size: 12px;
    color: #999;
}


.single-content .detail-content {
    padding: 25px 0;
}

.single-content .detail-content .title {
    font-size: 22px;
    font-family: MicrosoftYaHei;
    color: #333333;
    line-height: 26px;
    text-align: center;
}

.single-content .detail-content .sub-title {
    text-align: center;
    font-size: 13px;
    color: #999999;
    margin: 20px 0 20px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #ccc;
}

.single-content .detail-content .article {
    font-size: 16px;
    color: #333;
    line-height: 27px;
    font-family: 宋体, SimSun;
}

/*******************研究生管理系统*******************/

.link-wrapper {
    min-height: 300px;
}
.link-wrapper .header {
    background: #fff;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #CCCCCC;
}
.link-wrapper .header .name {
    float: left;
    font-size: 15px;
    color: #333333;
}
.link-wrapper .header .position {
    background: url('../images/position_icon.png') no-repeat left;
    min-width: 200px;
    padding-left: 20px;
    font-size: 12px;
    color: #999;
    float: right;
}

.link-wrapper .header .position a {
    font-size: 12px;
    color: #999;
}


.link-wrapper .content {
    padding: 40px 0;
    margin: 0 auto;
}
.link-wrapper .content ul {
    text-align: center;
}

.link-wrapper .content ul li {
    width: 390px;
    height: 200px;
    float: left;
    margin: 20px 420px 20px 0;
}
.link-wrapper .content ul li img {
     width: 390px;
     height: 200px;
}
.link-wrapper .content ul li.li1 {
}

.link-wrapper .content ul li.li2 {
    margin-right: 0;
}

.link-wrapper .content ul li.li3 {
    
}