.menunav{ background:#333333; width:100%; margin:0 auto;  height:50px; line-height:50px;}
/******nav******/
.nav{background:#069c3e; width:100%}
.nav_con{margin: 0 auto;}
.nav_con li{width:auto;float:left;text-align: center;position: relative;}
.nav_con li a{display: block;font-size: 16px;color: #ffffff;line-height:54px; margin:0px 20px 0px 18px;}
.nav_con li:hover{background:#077831;}
.nav_con li dl{display: none;position: absolute;top:54px;left: 0;width: 150px;padding-top: 10px;background-color:rgba(255,255,255,0.9);overflow: hidden;z-index: 99;}
.nav_con li dl a{line-height: 35px;font-size: 14px;color: #333333;text-align: left;    text-align: center;}
.nav_con li dl a:hover{color: #FFFFFF;background:#077831;
}
.nav_con li:hover dl{display: block;}
 img {
    border: 0
}


/** common **/
.fake-top { position: fixed;top: -411px;width: 1720px;left: 50%;transform: translateX(-50%);z-index: -1;}
.fix-width{ width: 1398px;margin: 0 auto;box-sizing: border-box;}
.loading { position: absolute;top: 50%;left: 50%;width: 32px;height: 32px;padding: 5px;margin-left: -21px;margin-top: -21px;
	border-radius: 5px;background: #000 url(../img/loading.jpg) no-repeat 5px 5px;opacity: 0.8;}
.home-title {    position: relative;
    /* text-align: center; */
    width: 350px;
    margin: 0 auto;
    line-height: 45px;
    /* width: 1337px; */
    border-bottom: 1px solid #ddd;
    margin: 0 auto;
    text-align: center; }
.home-title .hr {     content: '';
    width: 58px;
    height: 4px;
    background: #db370d;
    border-radius: 50px;
    position: absolute;
    bottom: 0;
    /* right: 0; */
    z-index: 1;
    margin: 0 auto;
    margin: 0 auto;
    text-align: center;
    margin-left: 32px;}
.home-title .title { padding: 0 30px;background-color: #fff;font-size: 30px;position: relative;}
.home-more-btn { display: block;margin: 0 auto;padding: 5px 10px 6px;width: 95px;font-size: 16px;text-align: center;background-color: #2987EB;color: #fff;border-radius: 18px;}
.home-more-btn:hover, .home-more-btn:visited { color: #fff;}

/** header **/
.header-top { background-color: #EEEEEE;}
.header-top .fix-width { padding: 4px 25px 3px 0;text-align: right;}
.header-top .fix-width>a { display: inline-block;color: #777;}
.header-top .fix-width>span { display: inline-block;margin: 0 11px;font-size: 15px;color: #ddd;}
.header-middle .fix-width { padding: 0 18px;}
.header-middle .fl { margin: 21px 18px 19px 0;}
.header-middle .search-btn { position: absolute;top: 33%;right: 0;padding: 6px 30px 6px 15px;width: 200px;border-radius: 15px;margin-top:37px;}
.header-middle .search-icon { position: absolute;top: 5px;right: 8px;cursor: pointer;}
.header-bottom { background-color: #069c3e;}
/* .header-bottom .fix-width { padding: 13px 16px;} */
.header-bottom .hidden>a { margin:0 9px 0 10px;font-size: 16px;line-height: 53px;color: #fff;height: 54px;display: inline-block;}
.header-bottom .fr { border-left: 1px solid #069c3e;height: 28px;padding: 12px 30px;font-size: 0;}
.header-bottom .btn-link { background-color:#deeeff ;color:#069c3e;border: 1px solid #069c3e;min-width: 100px;text-align: center;position: relative;top: -1px;display: inline-block;vertical-align: top;border-radius: 15px;}
.header-bottom .btn-link+.btn-link { margin-left: 30px;}
.header-bottom .link { font-size: 16px;padding: 4px 27px;display: inline-block;height: 22px;}
.header-bottom .btns { display: none;position: absolute;left: 0px;right: 0px;z-index: 1;padding-bottom: 15px;background-color: #fff;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
.header-bottom .btn { font-size: 15px;margin: 0 15px;padding-top: 13px;text-align: center;}
.header-bottom .btn:first-child { border-top: 1px solid  #069c3e;}
.header-bottom .btn-link:hover { border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;background-color: #fff;}
.header-bottom .btn-link:hover .btns { display: block;}

/** footer **/
#footer {background-image: url(../img/footer/bg.jpg);background-size: cover;}
.footer-top { padding: 25px 23px 18px;color: #fff;}
.footer-top .top-panel+.top-panel { margin-left: 70px;}
.footer-top .panel-content { border-top: 2px solid #fff;padding-top: 15px;margin-top: 8px;}
.footer-top .panel-content a { display: block;line-height: 23px;color: #fff;font-weight: bold;font-size: 14px!important;}
.footer-top .content-item { display: inline-block;vertical-align: top;}
.footer-top .content-item+.content-item { margin-left: 30px;}
.footer-top .content { border-top: 1px solid #9E9E9E;padding-top: 6px;margin-top: 8px;}
.footer-bottom { background-color: #069c3e;}
.footer-bottom .fix-width { position: relative;padding-top: 20px;padding-bottom: 27px;color: #fff;}
.footer-bottom .logo { margin: 23px 17px 0 17px;}
.footer-bottom .hr { position: absolute;display: inline-block;width: 1px;height: 90px;background-color: #11c454;}
.footer-bottom .detail { display: inline-block;vertical-align: top;width: 370px;margin: 30px 47px 0 47px;line-height: 24px;}
.footer-bottom .code { display: inline-block;vertical-align: top;margin-left: 35px;}

/** banner **/
.banner { background-image: url(../img/banners/bg_banner.jpg);background-repeat-y: no-repeat;}
.banner .fix-width { position: relative;}
.banner .title { position: absolute;left: 35px;padding: 14px;width: 170px;text-align: center;font-size: 21px;background-color: #069c3e;color: #fff;}

/** carousel **/
#carousel { position: relative;overflow: hidden;width: 100%;}
#carousel:hover [id$=_pre], #carousel:hover [id$=_next] { opacity: 0.8;}
#carousel [class$=_img-item] { position: relative;float: left;height: 100%;}
#carousel [class$=_img-item]  .aImageTitle { position: absolute;bottom: 0;left: 0;right: 0;box-sizing: border-box;padding: 13px 20px;font-size: 28px;color: #fff;background-color: rgba(0,0,0,.5);}
#carousel [class$=_img-item]  .fix-width { padding: 0 16px;}
#carousel [id$=_pre], #carousel [id$=_next] { position: absolute;top: 50%;margin-top: -30px;font-size: 45px;color: #fff;opacity: 0;z-index: 1;cursor: pointer;}
#carousel [id$=_pre] { left: 1.5%;}
#carousel [id$=_next] { right: 1.5%;}
#carousel [id$=_page] { position: absolute;bottom: 58px;width: 100%;margin: 2% 0;text-align: center;z-index: 1;}
#carousel [class$=pagination] { display: inline-block;width: 10px;height: 10px;margin: 0 5px;background-color: #fff;opacity: .6;border-radius: 50%;cursor: pointer;}
#carousel [id$=_pagination_active] { opacity: 1;}
#carousel [id$=_container] { position: absolute;top: 0;height: 100%;}

/** pagenation **/
[id$=pagenation] { margin-left: 165px;margin-top: 30px;}
[id$=pagenation] [class$=_pager]{ user-select: none;list-style: none;display: inline-block;vertical-align: top;font-size: 0;padding: 0;margin: 0;}
[id$=pagenation] button, [id$=pagenation] li {
	display: inline-block;vertical-align: top;font-size: 13px;box-sizing: border-box;text-align: center;cursor: pointer;padding: 0 4px;height: 28px;line-height: 28px;
	border: none;margin: 0 5px;background-color: #EEEEEE;color: #666;min-width: 30px;border-radius: 2px;}
[id$=pagenation] button:disabled { color: #c0c4cc;cursor: not-allowed;}
[id$=pagenation] li:hover { color: #0C7ED9;font-weight: bold;}
[id$=pagenation] .number.active { background-color: #0C7ED9;color: #fff;font-weight: bold;cursor: default;}
[id$=pagenation] li.btn-quicknext, [id$=pagenation] li.btn-quickprev { font-weight: bold;line-height: 20px;}
[id$=pagenation] li.btn-quicknext.active, [id$=pagenation] li.btn-quickprev.active { font-size: 12px;letter-spacing: -2px;line-height: 29px;font-weight: normal;}

/** quick **/
.quick {}
.quick .date { width: 270px;text-align: center;position: absolute;top: 40px;left: 16px;color: #fff;background-color: #2987EB;}
.quick .date-top { padding: 20px 0 17px;font-size: 16px;}
.quick .f55 { font-size: 55px;}
.quick .date-bottom { padding: 14px 0 30px;line-height: 22px;font-size: 16px;background-color: #0066D3;}
.quick .date-bottom .f13 { font-size: 15px;}
.quick .date-btn { display: inline-block;margin-top: 10px;padding: 4px 27px;background-color: #deeeff;color: #004b97;cursor: pointer;border-radius: 15px;border: 1px solid #005ec2;}
.quick .entry { font-size: 0;margin-left: 0px;padding-bottom: 0px;}
.quick .entry-link { font-size: 16px;color: #6D7071;display: inline-block;vertical-align: top;width: 12%;text-align: center;margin-top: 25px;margin-bottom: 10px;transition: all 0.3s ease;}
.quick .entry-link>img { width: 49px;margin: 0 auto;margin-bottom: 10px;}


/** notice **/
/* .notice.fix-width{ margin-top: 100px;} */
.notice .tab-item { display: inline-block;padding: 0 26px;cursor: pointer;font-size: 16px;color: #666;}
.notice .tab-item+.tab-item { border-left: 1px solid #BFBFBF;}
.notice .notice-posts { position: relative;min-height: 180px;margin-top: 65px;margin-bottom: 30px;}
.notice .posts-item { display: inline-block;vertical-align: top;cursor: pointer;width: 33.33%;font-size: 12px;color: #444;line-height: 21px;margin-bottom: 16px;}
.notice .label { padding: 1px 3px;background-color: #6AA6D6;color: #fff;border-radius: 3px;}
.notice .latest-icon { color: yellow;font-size: 12px;padding: 1px 5px;background-color: #FF0808;color: #fff;margin-left: 5px;border-radius: 8px;}

/** news **/
.news.fix-width{ padding-top: 50px;}
.news .news-content { position: relative;margin: 50px 0;font-size: 0;min-height: 216px;}
.news .news-item { display: inline-block;vertical-align: top;width: 25%;font-size: 16px;cursor: pointer;}
.news .news-banner {height: auto;
    min-height: 200px;
    width: 100%;background-repeat: no-repeat;background-size: cover;}
.news .time { position: relative;padding: 12px 0;color: #999;margin-bottom: 22px;font-size: 13px;border-bottom: 1px solid #B9B9B9;}
.news .time:after { content: '';position: absolute;bottom: -5px;left: 17px;width: 7px;height: 7px;border-style: solid;border-color: #B9B9B9;background-color: #fff;border-width: 0px 1px 1px 0px;-webkit-transform: rotate(45deg);}
.news .ellipsis2 { line-height: 1.6;color: #666;}


/** extra **/
.extra { position: fixed;right: 0;top: 46%;z-index: 1;}
.extra .btn { display: block;width: 120px;padding: 16px 6px;position: relative;margin-bottom: 8px;
 background-color: #2987EB;text-align: right;border-top-left-radius: 30px;border-bottom-left-radius: 30px;
 -webkit-transform: translateX(66%);-moz-transform: translateX(66%);-ms-transform: translateX(66%);transform: translateX(66%);
 -webkit-transition: transform .3s;-moz-transition: transform .3s;-ms-transition: transform .3s;transition: transform .3s;}
.extra .btn:hover { -webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
.extra .btn>img { position: absolute;width: 22px;top: 15px;left: 13px;}
.extra .btn>span { display: inline-block;width: 70px;text-align: center;font-size: 16px;padding-left: 10px;border-left: 1px solid #fff;color: #fff;}

/** news-waterfall **/
.news-waterfall { margin-top: 50px;margin-bottom: 50px;}
.news-waterfall .water-content { padding: 19px 28px;background-color: #F9F9F9;font-size: 16px;line-height: 1.7;color: #666;}
.news-waterfall .title { font-size: 15px;line-height: 1.5;color: #333;font-weight: 600;}

/** posts-waterfall **/
.posts-waterfall .posts_left { float: left;border-left: 18px solid #069c3e;width: 200px;padding-top: 17px;margin-right: 25px;}
.posts-waterfall .alink { border-left: 4px solid #069c3e;margin-left: -4px;color: #444;}
.posts-waterfall .alink:hover, .posts-waterfall .alink.selected { border-color: #FFF000;color:#069c3e;}
.posts-waterfall .alink>a { padding: 10px 10px 10px 30px;display: block;border-bottom: 1px solid #E3E3E3;font-size: 14px;}
.posts-waterfall .posts_right { overflow: hidden;padding:25px 0 50px 0;min-height: 250px;}
.posts-waterfall .posts_right .selected { display: block;}
.posts-waterfall .top { height: 25px;line-height: 26px;padding-right: 10px;font-size: 12px;text-align: right;position: relative;background-color: #E4E4E4;color: #7E7E7E;}
.posts-waterfall .top>label { position: absolute;top: 0;left: 0;padding: 0 10px;color: #fff;}
.posts-waterfall .bottom { font-size: 15px;padding: 14px 20px 20px 20px;line-height: 1.8;position: relative;background-color: #F6F6F6;color: #444;}
.posts-waterfall .lastest { position: absolute;bottom: 5px;right: 0;font-size: 12px;color: #fff;padding: 2px 5px;line-height: normal;background-color: #FF0000;
 -webkit-transform: scale(0.78);transform: scale(0.78);-webkit-transform-origin: bottom right;transform-origin: bottom right;}

 /** detail **/
 .detail.fix-width { margin-top: 20px;margin-bottom: 20px;overflow:hidden;word-break: break-word;}
 .detail .bread-crumb { padding: 7px 19px;border-bottom: 2px solid #666;color: #999;}
 .detail .title { padding: 15px 18px;font-size: 22px;line-height: 2;border-bottom: 1px solid #E5E5E5;color: #000;}
 .detail .content { padding: 0;font-size: 20px;line-height: 2!important;color: #444;}
 .detail .content a { font-family: 微软雅黑!important;}
 .detail .content span { font-family: 微软雅黑!important;font-size: 20px!important;}
 .detail .content p { line-height: 2!important;}

 /** second **/
.second.fix-width { margin-bottom: 50px;}
.second .second-left {     float: left;
    border-left: 18px solid #069c3e;
    width: 200px;
    padding-top: 60px;
    margin-right: 67px;}
.second .sub-menu { border-left: 4px solid #069c3e;margin-left: -4px;color: #444;}
.second .sub-menu .cell {     cursor: pointer;
    padding: 15px 10px 15px 30px;
    display: block;
    border-bottom: 1px solid #E3E3E3;
    font-size: 16px;
    position: relative;}
.second .sub-menu .arrow { position: absolute;right: 10px;top: 12px;display: block;width: 5px;height: 5px;border-color: #9C9C9C;border-style: solid;
 border-width: 0 1px 1px 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.second .sub-content { display: none;background-color: #FAFAFA;}
.second .menu { padding-left: 30px;color: #666;}
.second .menu>a { display: block;padding: 10px 10px 10px 0;}
.second .menu+.menu>a{ border-top: 1px solid #E3E3E3;}
.second .sub-menu:hover, .second .sub-menu.active { border-left-color: #FFF000;}
.second .sub-menu:hover .cell, .second .sub-menu.active .cell{ color: #069c3e;}
.second .sub-menu.active .arrow { top: 15px;border-width: 1px 0 0 1px;}
.second .sub-menu.active .sub-content { display: block;}
.second .menu:hover, .second .menu.selected { background-color: #0C7ED9;color: #fff;}
.second .menu:hover>a, .second .menu.selected>a { border-color: #0C7ED9;}
.second .second-right { overflow: hidden;padding: 20px 0;position: relative;min-height: 250px;}
.second .bread-crumb { padding: 7px 0;border-bottom: 2px solid #666;color: #A9A9A9; font-size:15px;}
.second .title { font-size: 22px;padding: 16px 0;margin-bottom: 5px;}
.second table { border: 0;margin: 0;border-collapse: collapse;border-spacing: 0; width: 100%;text-align: center;}
.second th, .second .firstRow { font-size: 15px;padding: 6px 8px;background-color: #EEEEEE;border-top: 1px solid #E5E5E5;}
.second .firstRow td { color: #333;}
.second td { font-size: 15px;}
.second tr { border-bottom: 0px solid #eee;}
.second .list td { padding: 15px 8px;}
.second .list td:first-child { color: #333;}
.second .list th:first-child, .second .list td:first-child { text-align: left;padding-left: 25px;width: 47%;}
.second .list th:last-child, .second .list td:last-child { width: 13%;}
.second .down-btn { background-color: #E6F4FF;border: 1px solid #0C7ED9;border-radius: 4px;padding: 3px 9px;color: #0C7ED9;font-size: 12px;}
.second ul.list { border-top: 1px solid #E5E5E5;padding: 10px 0;}
.second .file-item { padding: 10px 0;font-size: 15px;cursor: pointer;}

/* 分类通知标题 */
.catagory { width: 100%; display: flex; align-items: flex-end;}
.catagory-name { color: #069c3e; font-weight: 700;float: left;}
.catagory-name::before {    margin-right: 10px;
    content: ' ';
    background: #069c3e;
    display: inline-block;
    width: 12px;
    height: 12px;
    /* border-radius: 50%; */
    background: url(../img/banners/pic_14.png) left;}
.catagory-border {display: inline-block; width: 3px; background: #0066d3;}
.catagory-bottom { width: 40%; border-bottom: 1px solid #ebebeb;float: left;}

/* 通知样式 */


.college-post .post-list,.notice-post>.fix-width>.post-list {display: flex;flex-wrap: wrap;justify-content: space-around;}
.notice-post .post-list,.college-post .post-list {display: flex;flex-wrap: wrap;justify-content: space-around;}
.post-list ul > li:last-child {margin-bottom: 50px;}
.college-post {background: #f9f9f9;padding-top: 50px;padding-bottom: 50px;}

.college-post .home-title .hr  {
    display: inline-block;
    position: absolute;
    top: 53%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e1e1e1;}

.college-post .home-title .title {
    background: #f9f9f9;}

.notice-post .latest-icon,.college-post .latest-icon {
    color: yellow;
    font-size: 12px;
    padding: 1px 5px;
    background-color: #ff0808;
    color: #fff;
    margin-left: 5px;
    border-radius: 8px;}

.posts .post-date {
    color: gray;
    font-size: 20px;
    text-align: center;}

.post-time,
.post-type,
.post-title {
    display: inline-block;}

.post-time {
    width: 100px;}

.post-type {
    margin-right: 30px;
    padding: 2px 5px;
    border-radius: 10px;}

.post-title {
    margin-right: 20px;}

.post-latest-icon {
    color: yellow;
    font-size: 12px;
    padding: 1px 5px;
    background-color: #ff0808;
    color: #fff;
    /* margin-left: 5px; */
    border-radius: 8px;}

.quick .entry-link:hover{
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transfrom:scale(1);}
.quick .entry-link:hover img{
  box-shadow: 0px 0px 5px #069c3e;
  }

.content .content-title,.content .content-date{
    text-align: center;
    margin: 10px 0 10px 0;}
.content .content-title{
    color:#069c3e;}
.content .content-date{
    font-weight: 400;
    color:#aaa;}