/*
 * @Author: Mario 
 * @Date: 2017-07-18 20:39:00 
 * @Last Modified by:   Bios
 * @Last Modified time: 2017-10-09 20:47:33
 */

.sm-nav{
  width: 980px;
  margin: 0 auto;
  height: 30px;
  line-height: 30px;
  background: #fff;
  font-size: 12px;
  padding: 0 10px;
}
.sm-nav>div{
  float: left;
  color: #777;
}
.sm-nav>ul{
  float: right;
}
.sm-nav>ul>li{
  float: left;
  border-right: 1px solid #dbdbdb;
  padding: 0 5px;
}
.sm-nav>ul>li a{
  color: #777;
}
.sm-nav>ul>li:last-child{
  border: 0;
}
/*主要内容  */
.main{
    width:1000px;
    background:#fff;
    margin: 10px auto;
    /* height: 100px; */
}

/* 本例子css 轮播图 */
.slideBox{ width:315px; height:230px; overflow:hidden; position:relative;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:450px; height:230px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(imgslider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


  /*学院新闻  */
.box-title{
      font-size: 16px;
      padding: 15px 10px;
      border-bottom: 1px solid #d7d7d7;
  }
.box-title a{
    color: #4e4e4e;
}
.box-title span{
    display: inline-block;
    float: right;
    font-size: 12px;
    line-height: 12px;
}
.box{
    width: 100%;
    float: left;
    border-bottom: 5px solid #d7d7d7;
}
.box.school-link ul,.xyjy ul{padding: 5px; }
.box.school-link ul li,.xyjy ul li{margin-top: 10px;}
.box.school-link ul li a,.xyjy ul li a{color: #777;}
.box.school-link ul li a:hover,.xyjy ul li a:hover{color:#9B040D; }
.box.last{border-bottom: 0;}

  /*/学院新闻  */

/*tab切换*/
/* 本例子css */
.slideTxtBox{ width:384px; text-align:left; color: #fff; }
.slideTxtBox .hd{ height:30px; line-height:30px; background:#7e7a77; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:8px;height:32px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 5px; cursor:pointer;  }
.slideTxtBox .hd ul li.on{ height:30px;  background:#4e4e4e;}
.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd li:hover a{ color:#9B040D;   }
.slideTxtBox .bd li a{color: #777;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display:block;}
.slideTxtBox .bd li .date{ float:right; color:#d6d6d6; font-size: 13px; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .arrow{  position:absolute; right:10px; top:0; }
.slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
     cursor:pointer; background:url("imgarrow.png") 0 0 no-repeat; }
.slideTxtBox .arrow .next{ background-position:0 -50px;  }
.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }


  /* 本例子css */
.picMarquee-left{ width:690px;  overflow:hidden; position:relative;  }
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#7e7a77; padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("imgarrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:120px; height:120px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;}
.picMarquee-left .bd ul li .title a{color: #777;} 


.txtScroll-top{ width:100%;  overflow:hidden; position:relative;}
.txtScroll-top .bd{ padding:5px;  }
.txtScroll-top .infoList li{ height:24px; line-height:24px; }
.txtScroll-top .infoList li:hover a{color:#9B040D; }
.txtScroll-top .infoList li a{color: #777;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display:block;}
.txtScroll-top .infoList li .date{ float:right; color:#d6d6d6; font-size: 13px; }

/*校园剪影*/
.turn{ width:380px; height:200px;margin-top: 10px;  position:relative; overflow:hidden; float: left;}
.turn-loading{ width:450px; height:200px; position:absolute; z-index:4; overflow:hidden; background:#202f42;}
.turn-loading img{ width:32px; height:32px; margin:51px 0 0 135px;}
.turn-pic li{ position:absolute; top:0px; left:0px; filter:alpha(opacity=0); opacity:0;}
.turn-pic li img{ width:450px; height:200px; overflow:hidden;} 
.turn-bg{ width:450px; height:32px; overflow:hidden; background:#000; position:absolute; z-index:2; bottom:0; filter:alpha(opacity=70); opacity:0.7;}
.turn-tit{ font-size:12px;}
.turn-tit a{ color:#afafaf; text-decoration:none;}
.turn-tit a:hover{ color:#ffb02b; text-decoration:none;}
.turn-tit li{ position:absolute; z-index:3; bottom:-20px; left:5px;}
.turn-btn{ position:absolute; z-index:3; font-size:12px; color:#afafaf; bottom:8px; right:15px;}
.turn-btn .lb,.turn-btn .rb{ width:6px; height:9px; background:url(imgbtn.png) no-repeat; overflow:hidden; position:absolute; top:3px; left:-10px; cursor:pointer;}
.turn-btn .rb{ background-position:-6px 0; left:21px;}
.turn-btn span{ text-align:center;}

/*/主要内容  

/*相关链接*/
.link .link-con{
    padding: 10px 20px;
}
.link .link-con .wrapper{
    float: left;
    padding-bottom: 10px;
    margin-right:20px;
    width: 450px;
}
.link .link-con h2{
    font-size: 16px;
    margin-bottom: 10px;
}
.link .link-con li{
    padding: 3px 0;
}
.link .link-con li a{
    color: #777;
}
.link .link-con li:hover a{
    color:#9B040D;
}

/* section */
.section-left{
  float: left;
  width: 300px;
  border-right:1px solid #d7d7d7; 
  padding: 10px 0;
}
.section-right{
  float: right;
  width: 699px;
  padding: 10px 0;
}

#turn1{
  width: 315px;
  height: 229px;
  margin-top: 0px;
}

/* 校园剪影 */
.xyjy{
  width: 310px;
  float: left;
  margin-top: 10px;
  padding-left: 5px;
}
.xyjy ul {
  padding: 0 5px;
}
.xyjy ul li {
  padding-bottom: 3px;
  margin-top: 0;
  margin-bottom: 10px;
  border-bottom: 1px dashed #dedede;
}
.xyjy ul li a{
  width: 100%;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.warpper.link ul li{
  float: left;
  padding: 5px 10px;
  border: 1px solid #d7d7d7;
  margin-left: 10px;
  box-shadow: 1px 1px 3px #eee;
  transition: all 0.28s;
}
.warpper.link ul li:hover {
  background: #7e7a77;
}
.warpper.link ul li:hover a{
  color: #fff;
}
.warpper.link ul li a{
  color: #777;
}