/*基础部分*/
html, body, div, span, iframe, h1, h3, h4, h5, h6, p, blockquote, pre, a, address,
big, cite, code, del, em, font, img, ins, small, strong, var, b, u, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend{margin: 0;padding: 0;}
body{width:100%;height:100%;color:#3c3c3c;line-height: 25px;font-family: "microsoft yahei";box-sizing: border-box;min-width: 1200px;}
html{font-size: 12px;}
ul li{ list-style:none;}
a{text-decoration:none; color:#3c3c3c; cursor: pointer;}
.overflow{overflow: hidden;}
.pointer{cursor: pointer;}
.fl{ float:left;}
.fr{ float:right;}
li{list-style:none;}
input{vertical-align:middle;}
img{vertical-align: top;     max-width: 100%;}
img{ border:none;}
.empty{width: 100%!important;height: 0!important;display: inline-block;}
.w_1200{width:1200px;margin: 0 auto;}
.no-border-left{border-left:none!important;}
.no-border-right{border-right:none!important;}
.no-border-top{border-top:none!important;}
.no-border-bottom{border-bottom:none!important;}

/*清除浮动*/
.clearfloat:after{display:table;clear:both;content:"";}
.clearfloat{zoom:1;}
a:hover{color:#0F6237;}
.pointer{cursor:pointer;}
/* =========================header============================ */
.header-box {
    width: 100%;
    height: 120px;
    background: url(../img/home_img/header-bg.jpg) no-repeat;}
.header-box .logo{
    margin-top: 25px;}
.header-box .header>img{
    width: 662px;
    vertical-align: middle;}
/* header-right */
.header-right{
    float: right;
    margin-top: 25px;}
.exit{
    text-align: right;}
.exit>span{
    font-size: 14px;
    color:#FAFAFA;}
.exit>span:first-child{
    margin-right: 20px;}
.exit>span::before{
    content:'';
    display: inline-block;
    width: 26px;
    height: 18px;
    vertical-align: middle;
    margin-right: 5px;}
.exit .enter:before{
    background: url(../img/home_img/arrow.jpg) no-repeat;}
.exit .letter:before{
    background: url(../img/home_img/email.jpg) no-repeat;}
/* 搜索 */
.search-box{
    position: relative;}
.search-input{
    margin-top: 10px;
    width: 270px;
    height: 30px;
    border:1px solid #F8F8F8;
    outline: none;
    border-radius: 10px;
    padding: 10px 50px 10px 10px;
    box-sizing: border-box;
    background: #0F6237;
    color:#fff;}
.search-input::placeholder{
    color:#fff;}
.search-btn{
    position: absolute;
    top:11px;
    right:0;
    width: 50px;
    color: #ffffff;
    height: 28px;
    /* cursor: pointer; */
    border: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #fff url(../img/home_img/search-big.jpg) center no-repeat;
    }
/* =============================****nav****========================== */
.nav-box{
    width: 100%;
    height: 40px;
    background-color: #015026;}

.nav-list>li{
    float: left;
    width: 109px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    height: 40px;
    line-height: 40px;}
.nav-list>li>a{
    display: block;
    width: 100%;
    height: 100%;
    color:#fff;
    font-size:14px;
    box-sizing: border-box;}
.nav-list>li>a>span{
    display: inline-block;
    width: 8px;
    height: 4px;
    background: url(../img/home_img/menu.jpg) no-repeat;
    margin-left: 5px;
    vertical-align: middle;}
.nav-list>li:hover{
    background-color:#fff;}
.nav-list>li:hover .dropDownMenu{
    display: block;}
.nav-list>li:hover a{
    color:#015026;}
/* 下拉二级菜单 */
.dropDownMenu{
    position: absolute;
    top:40px;
    left:0;
    z-index:1000;
    display: none;}
.dropDownMenu>a{
    display: block;
    text-align: center;
    font-size: 14px;
    width: 100%;
    width: 120px;
    background: #fff;
    color:#015026;}
.nav-box .dropDownMenu>a:hover{
    background: #015026;
    color:#fff;}
/* ========================banner轮播**===================== */
.banner-box{
    width: 100%;
    height: 500px;
    background: url(../img/home_img/banner-bg.jpg) no-repeat;
    background-size:100% 100%;}
.banner {
    width: 1200px;
    height: 500px;
    margin: auto;
    position: relative;
    z-index: 10;}
  .banner ul li {
    height: 100%;
    width: 100%;
    position: absolute;
    display: none;
    z-index:10;}

  .banner .cut {
    position: absolute;
    width: 36px;
    height: 36px;
    top:50%;
    margin-top: -38px;
    left:50%;
    /*background: #000 url(../images/iconlist.png) no-repeat;*/
    z-index: 20;}

  .banner .prev {
    margin-left:-45%;
    background: url(../img/home_img/banner-left.jpg) no-repeat;}
  .banner .next {
    margin-left:42%;

   background: url(../img/home_img/banner-right\ .png) no-repeat;}
  .banner .indicator {
    position: absolute;
    width: 100%;
    left:0;
    bottom:24px;
    text-align: center;
    z-index: 20;}
  .banner .indicator a {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    margin: 5px;}
  .banner .indicator a.cur {
    width: 16px;
    height: 16px;
    background:url(../img/home_img/ind.jpg) no-repeat;}
  .link {
    display: block;
    width: 100%;
    height: 100%;}
  /* ==============content内容======== */
  .content-box{
      background: #fafafa;
      padding: 20px 0;}
  .notice-box{
      background: #fff;}
  .box-list{
      box-sizing: border-box;
      padding: 15px;}
  /* 公共的列表 样式 */
  .list-title{
      border-bottom:1px solid #D0D0D0;}
  .headline{
      width:80px;
      height: 24px;
      background: #015026;
      font-size: 16px;
      color:#fff;
      text-align: center;
      line-height: 24px;}

  /* ===================通知公告icon ====================*/
  .notice-icon:before {
      background: url(../img/home_img/notice.jpg) no-repeat;}
  .more-info{
      width: 30px;
      height: 24px;
      font-size:12px;
      color:#0F6237;
      cursor: pointer;
      vertical-align: middle;
      background: url(../img/home_img/arrow-right.jpg) 0 center no-repeat;}


.list-items{
    margin-top: 5px;}
  /*小图片轮播*/
.small-banner-box{
    width: 400px;}
.small_banner {
    width: 400px;
   height: 280px;
    position: relative;}
  .small_banner ul li {
    width: 400px;
   height: 280px;
   position: absolute;
   left: -2px;
   display: none;
   z-index:10;
   box-sizing: border-box;}
  /* 图文 */
.small_banner  .content-text{
    position: absolute;
    /*width: 300px;*/
    left:-1px;
    bottom: 0px;
    text-align: center;
    z-index: 50;
    background: #0F6237;
    width: 170px;
    height: 70px;
    color:#fff;
    padding: 5px 0;
    box-sizing: border-box;}
.small_banner  .content-text p{
      font-size: 18px;
      color:#F6F6F6;
      line-height: 30px;}
  .small_banner .num {
   position: absolute;
   /*width: 300px;*/
   left:0px;
   bottom: -192px;
   text-align: center;
   z-index: 50;}
  .small_banner .num a {
   display: inline-block;
   width: 10px;
   height: 10px;
   line-height: 10px;
   text-align: center;
   color:#999;
   margin: 3px;
   background: #999;
   border-radius: 50%;}
  .small_banner .num a.cur {
   background: #015026;}
  .small_banner .num a:hover{
   background: #fff;}
  
  .small_banner .banner_title{
   position: absolute;
   z-index: 30;
   bottom: -165px;
   left:-2px;
   width: 100%;
   box-sizing: border-box;}
  .small_banner .banner_title .title_content{
   position: relative;
   width: 100%;
   /* height: 30px; */
   box-sizing: border-box;}
  .small_banner .banner_title .title_content>div{
   position: absolute;
   bottom: 0px;
   width: 100%;
   /* height: 30px; */
   line-height: 30px;
   display: none;
   text-align: center;
   z-index: 10;
   color:#3C3C3C;
   box-sizing: border-box;
    cursor: pointer;}
  .small_banner .banner_title .title_content p a{
      font-size: 12px;}
  /* 轮播日期 */
.title_content .small-date>div{
    width: 55px;
    border-right: 1px solid #666666;}
.title_content .small-date>div span{
    font-size: 16px;
    color:#666;}
.title_content .small-date>a{
    width: calc(100% - 70px);
    color:#333;
    font-size: 14px;
    text-align: left;}
.title_content .small-detail{
    font-size: 12px;
    color:#666;
    text-align: left;
    line-height: 25px;
    text-overflow :-o-ellipsis-lastline;
    overflow :hidden;
    text-overflow :ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp :3;
    -webkit-box-orient :vertical;}
 /* 轮播列表项目 */
 .list-banner-items{
     margin-top: 20px;
     border-bottom: 1px dashed #E5E5E5;}
 .list-banner-items .item-left{
    font-size: 14px;
    color:#333;
    width: calc(100% - 88px);}
.list-banner-items .item-title{
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow :ellipsis;
    color:#333;}
.list-banner-items .item-title-content{
   font-size: 12px;
   color:#999;
   width: 100%;
   text-overflow :-o-ellipsis-lastline;
   overflow :hidden;
   text-overflow :ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   line-clamp :2;
   -webkit-box-orient :vertical;
   margin: 15px 0;}
.items-box{
    margin-top: 15px;}
.items-box li a:hover{
    color:#015026;}
/* 日期多边形 */
.banner-notice-items .item-right{
    margin-top:10px; 
    width: 68px;
    height: 68px;
    text-align: center;
    background: url(../img/home_img/more-rect.jpg) no-repeat;}
.banner-notice-items .item-right>div{
    line-height: 25px;}
.banner-notice-items .item-right div:first-child{
    margin-top: 10px;
    font-size: 24px;
    color:#F7F7F7;}
.banner-notice-items .item-right div:nth-child(2){
    font-size: 14px;
    color:#F7F7F7;
   padding-left: 8px;}
/* 通知公告 */
.notice-list{
    width: calc(100% - 260px);
    height: 500px;}
 
  /* 轮播列表 */
.banner-notice-items{
    width: calc(100% - 420px);} 
/* =====公共部分===== */
.items-box li a{
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
    width: calc(100% - 85px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#333333;}

.banner-notice-items li span{
    float: right;
    width: 70px;
    color:#666;
    font-size: 12px;}

/* 公示区 */
.public-list{
    width: 228px;
    height: 500px;}
.notice-public{
    border-top:2px solid #015026;
    background: #F6F6F6;
    width: 440px;
    width: 228px;
    padding: 15px;
    box-sizing: border-box;}
.notice-public .list-title {
    border-bottom: none;}
.notice-public-icon{
    font-size: 16px;
    color:#333;}
.notice-public-icon::before{
    content:'';
    display: inline-block;
    width: 10px;
    height: 4px;
    margin-right: 5px;
    background: #0F6237;
    vertical-align: middle;}
.notice-public-items-content ul  li{
    margin-top: 5px;
    border-bottom: 1px dashed #E5E5E5;
    padding: 10px 0;}
.notice-public-items-content ul  li:last-child{
    border-bottom:none;}
.notice-public-items-content ul  li>a{
    display: inline-block;
    width: 195px;
    text-overflow :-o-ellipsis-lastline;
    overflow :hidden;
    text-overflow :ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp :2;
    -webkit-box-orient :vertical;
    font-size: 14px;
    color:#333;}
.notice-public-items-content .item-date{
    font-size: 12px;
    color:#666;
    text-align: left;}

.public-list .publice-items{
    margin-top: 5px;}
.publice-items>ul>li>a{
    width: 100%;}
/* 学子风采 */
.students-style{
    background: #fafafa;}
.students-style-left{
    width: calc(100% - 285px);}
.students-login>div{
    width: 440px;
    height: 80px;
    text-align: center;
    color:#F8F8F8;
    font-size: 24px;
    line-height: 80px;}
.students-login>div::after{
    content:'';
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    background: url(../img/home_img/bofan.jpg)   0 center no-repeat;}
.techer-login-box{
    background: url(../img/home_img/teacher-login.jpg) no-repeat;}

.stu-login-box{
    background: url(../img/home_img/stu-login.jpg) no-repeat;}

/* 学工 */
.media-Xue-Gong{
    padding: 20px 0 0 0;}
    .media-Xue-Gong > div {
        width: 440px;
        min-height: 220px;}
.items-box li>span{
    float: right;
    font-size:12px;
    color:#666;}
.items-box li{
    height: 30px;}
/* 友情链接 */
.link-frindly{
    margin: 20px 0;}
.link-box>div{
    float: left;}
.drop-select select{
    width: 260px;
    height: 30px;
    border:1px solid #DCDCDC;
    border-radius: 3px;
    padding: 0 10px;
    box-sizing: border-box;
    outline: none;
    font-size: 14px;
    color:#666;
    cursor: pointer;}
.drop-select {
    margin-right: 25px;}
.drop-select:last-child{
    margin-right: 0;}
.link-text{
    font-size: 16px;
    color:#333;
    margin-right: 20px;}
/* right */
.students-style-right{
    width: 228px;
    height: 240px;
    background:#F6F6F6;
    margin-right: 20px;
    padding: 15px;
    box-sizing: border-box;}
.students-style-right ul>li{
    padding: 20px 0;
    line-height: 30px;
    box-sizing: border-box;
    border-bottom: 1px dashed #E5E5E5;}
.students-style-right ul>li:last-child{
    border-bottom: none;}
.students-style-right ul>li::after{
    display: table;
    content: '';
    clear: both;}
.students-style-right ul>li>a{
    font-size: 16px;
    color:#666;
    text-align: left;
    height: 100%;
    float: right;
    vertical-align: middle;
    width: calc(100% - 80px);
    margin-top: 15px;}
.students-style-right ul>li:first-child>a{
    margin-top:0;}
.students-style-right ul>li:last-child>a{
    margin-top:0; 
    line-height: 20px;}
.students-style-right ul>li span{
    width: 70px;
    height: 60px;
    float: left;}
.students-style-right ul>li:first-child{
    padding-top: 0;}

/* 学生事务 */
.students-style-right ul>li:first-child span{
    background: url(../img/home_img/stu-sthing.jpg) no-repeat;}
/* 家校互动 */
.students-style-right ul>li:nth-child(2) span{
    background: url(../img/home_img/family.jpg) no-repeat;}
/* 班级文化 */
.students-style-right ul>li:nth-child(3) span{
    background: url(../img/home_img/calssinfo.jpg) no-repeat;}
/* 辅导员博客 */
.students-style-right ul>li:nth-child(4) span{
    background: url(../img/home_img/boke.jpg) no-repeat;}
/* 学工微信 */
.students-style-right ul>li:nth-child(5) span{
    background: url(../img/home_img/xinwin.jpg) no-repeat;}
/* 值班 */
.students-style-right ul>li:nth-child(6) span{
    margin-top:10px;
    background: url(../img/home_img/zhiban.jpg) no-repeat;}
/* footer */
.footer-box{
    width: 100%;
    height: 60px;
    background-color: #0F6237;
    padding: 6px 0;
    box-sizing: border-box;}
.footer{
    width: 1200px;
    margin: 0 auto;}
.footer p{
    color:#fff;
    font-size: 12px;
    text-align: center;}
.ellipsis { 
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    word-break: keep-all;
    float: left;}
.w_700{
    width:700px;}
.w_620 {
    width: 620px;}
.lh_initial {
    line-height: initial;}
/* 日期多边形 */
#datebox {
    margin-top:10px; 
    width: 68px;
    height: 68px;
    text-align: center;
    background: url(../img/home_img/more-rect.jpg) no-repeat;}
#datebox .item-right>div{
    line-height: 25px;}
#datebox div:first-child{
    margin-top: 10px;
    font-size: 24px;
    color:#F7F7F7;}
#datebox div:nth-child(2){
    font-size: 14px;
    color:#F7F7F7;
   padding-left: 8px;}