@charset "utf-8";
body {
  font-family:"微软雅黑";
  margin:0; 
  padding:0;
  font-size: 16px;
}
a { text-decoration:none;}
a:hover {
  text-decoration: none;
  color: #280082;
}
a:visited{
  text-decoration: none;
}
ul,li ol {
  padding: 0;
  margin: 0;
  list-style: none;
} 
.container {
  padding-left: 0px;
  padding-right: 0px;
}
.mt10 {
  margin-top: 10px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.col-xs-1,/*网格系统4类，xs为<576px sm为>=576px md为>=768px lg为>=992px */
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;/*是为了防止文本的溢出*/
  padding-right: 12px;
  padding-left: 12px;/*偏移量来实现相对它所属父元素的相对定位*/
}
/* top图片 */
.top-img {
  background: #280082;
}
.top-bg {
  background:url(../images/bg-top.jpg);
  background-repeat:no-repeat;
  background-position:left top;
  background-size:100% 100%;/*按容器比例撑满,图片变形*/
}
.logo {
  padding: 20px 0;
}
/* 导航 */
.navbar {
  margin-bottom: 0px;
}
/* 导航 */
.navtop{
 width: 100%;
 display: flex;/*flex布局*/
 flex-direction: row;
 align-items: center;
 justify-content: center;
}
/* 导航菜单 */
.navbar-collapse {
  padding-right: 0px;
  padding-left: 0px;
}
/* 导航首页按钮 */
.navbar-brand {
  color: #fff;
  display: inline-block;
  text-align: center;
  width: 115px;
  background-color: #280082;
  font-weight: 600;
}
/* 导航下拉菜单 */
.dropdown-menu {
  min-width: 130px;
  padding: 0px;
  text-align: center;
}
.dropdown-menu>li>a {
  display: block;
  padding: 12px 2px;
}
/* 导航下拉菜单分割线 */
.dropdown-menu .divider {
  height: 1px;
  margin: 0;
}
/*大轮播图*/
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
  height: 420px;
  width: 100%;
}
/* 大轮播图两边的控制图标占据比列 */
.carousel-control {
  width: 5%;
}
/* 新闻小轮播图 */
.news-image>.item>img,
.news-image>.item>a>img {
  height: 248px;
  width: 100%;
}
/* 小轮播图片底部的背景*/
.img-title {
  position: absolute;
  background: rgba(0, 0, 0, 0.68);
  padding: 10px;
  bottom: 0;
  width: 100%;
}
/* 小轮播图片底部的标题*/
.img-title p {
  color: #fff;
  line-height: 20px;
  margin: 0;
  padding-right: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/*小轮播控制小圆点样式*/
.carousel-dot-button {
  position: absolute;
  bottom: -2px;
  left: 75%;
  z-index: 15;
  width: 100px;
  padding-left: 0;
  margin-left: 0;
  text-align: center;
  list-style: none;
}
/*主页通知公告*/
.news-research-head {
  position: relative;
  border-bottom: 1px solid #280082;
  padding-bottom: 12px;
  margin: 12px 0;
}
.news-research-head>h3 {
  color: #280082;
  margin: 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 21px;
}
/* 通知公告、专业介绍、校园风景、教学科研栏目前的| */
.news-research-head>h3::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 21px;
  background-color: #280082;
  margin-right: 8px;
  vertical-align: middle;
}
/* .news-research-head>a:hover {
  color: #280082;
} */
/*首页专业介绍*/
.specialty-head {
  position: relative;
  border-bottom: 1px solid #280082;
  padding-bottom: 12px;
  margin: 12px 0;
}
.specialty-head>h3 {
  color: #280082;
  margin: 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 21px;
}
.specialty-head>h3::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 21px;
  background-color: #280082;
  margin-right: 8px;
  vertical-align: middle;
}
/* 专业介绍：列表方框 */
.speciality_list {
  position: relative;
  margin-bottom: 20px;
  margin-top: 20px;
}
/* 专业介绍： a标记动态背景渐变*/
.speciality_list>a {
  display: inline-block;
  width: 120px;
  padding: 25px 0;
  text-align: center;
  margin: 0px 10px;color: #fff;
  border: 1px solid #ccc;
  background:linear-gradient(to right, #280082,#3a01b8,#280082);/*#3a01b8*/
  transition: all 0.4s ease-out;
  background-size: 200% 100%;
  background-position: left bottom;
}
.speciality_list>a:last-child {
  margin-right: 0px !important;
}
.speciality_list>a:hover {
  background-position: right bottom;
}
.speciality_list>a:hover>span{ 
  color: #fff;
  /*font-weight: bold;*/
}
/*校园风景*/
.scenery-head {
  position: relative;
  border-bottom: 1px solid #280082;
  padding-bottom: 12px;
  margin: 12px 0;
}
/*校园风景：标题文字*/
.scenery-head>h3 {
  color: #280082;
  margin: 0px;
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
}
/*校园风景：标题前的|*/
.scenery-head>h3::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 21px;
  background-color: #280082;
  margin-right: 8px;
  vertical-align: middle;/*垂直居中*/
}
/* 风景部分： more 链接的颜色
.scenery-head>a:hover {
  color: #280082;
}*/
/* 校园新闻、活动，党团动态，教务德育栏目的more*/
.mores {
  position: absolute;
  right: 5px;
  bottom: 10px;
  color:#92311d;
}
/*通知公告，专业介绍，校园风景栏目的more*/
.more {
  position: absolute;
  right: 0px;
  bottom: 10px;
  color:#92311d;
}
/*主页切换列表标题*/
.nav-tabs {
  position: relative;
  margin-bottom: 12px;
  border-bottom: 1px solid #ddd;
}
.nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857143;/*1.42857143 Bootstrap将它们的行高设置为14px字体大小的基线。目标行高为20px：20px÷14px = 1.428571429*/
  border: 1px solid transparent;
  border-radius: 0 0;
  padding: 9px 15px;
  font-size: 20px;
  color: #280082;/*Tab标题文字的颜色*/
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: #fff;
  cursor: default;
  background-color: #280082;
  border: 1px solid #280082; 
  border-bottom-color: transparent;
}
/*主页中新闻标题列表*/
.title-list {
  display: block;
  overflow: hidden;
}
/*主页新闻标题列表,标题前的小符号*/
.title-list li {
  position: relative;
  height: 40px;
  background: url(../images/dot.png) no-repeat left center;
  padding-left: 15px;
}
/*主页新闻列表,标题的A链接*/
.title-list li a {
  display: block;
  line-height: 40px;
  height: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
}
/*主页全部列表标题 hover颜色*/
.title-list li a:hover{
  color: #280082;
}
/*主页左边新闻图片左内边距*/
.left-news-img {
  padding-left: 0px !important;
}
/*主页右边新闻右内边距*/
.right-news-text {
  padding-right: 0px !important;
}
/*主页中间新闻（党团、教务德育、教学科研）盒子*/
.middle-news-box {
  background: #fff; 
  padding: 5px 0px 5px 0px;
}
.middle-news-box-bg {
  /* background: transparent; */
}
.middle-news-box-bg:hover {
  background: #f8f8f8;
}
/* 校园风景栏目 */
#scenery-img {
  height: 150px;
  position: relative;
  margin: 15px auto;
  overflow: hidden;
}
#scenery-img ul {
  width: 100%;
  height: 150px;
  position: relative;
}
#scenery-img ul li {
  height: 150px;
  float: left;
  list-style: none;
  padding-right: 20px;
}
#scenery-img ul li a {
  display: block;
}
#scenery-img ul li a img {
  width: 220px;
  height: 150px;
  display: inline-block;
}
/* footer底部 */
.footer-page {
  background: #280082;
  color: #ccc;
  padding: 15px 0;
}
.footer-page li {
  line-height: 22px;
  font-size: 14px;
  text-align: center;
}
.footer_left{
	width:100%; 
	/*float:left; */
	line-height: 25px;
	justify-content: center;
	margin-top: 15px;
}
.footer_right{
	/*float:right;*/
	width:100%;
	display: flex;
	justify-content: center;
}
.footer_right ul{
	float:left;
	margin-left: 20px;
	text-align: center;
}
.footer_right img{
	width: 80px;
	height:80px;
	border:2px solid #fff;
}
/* 二级页面侧边导航 */
.left-sidebar {
  float: left !important;
  width: 210px;
  margin-left: 0px;
  padding-top: 20px;
  min-height: 330px;
  background: #f1f1f1;
}
/* 二级页面侧边导航的头部盒子 */	
.left-sidebar-head {
  background:#280082;/*url(../images/header.png) no-repeat left top;*/
  padding: 15px 20px 20px 45px;
  margin-left: 0px;
  border-bottom: 2px solid #fff;
}
/* 二级页面侧边导航的头部标题文字 */	
.left-sidebar-head h2 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  padding: 5px 0px;
  font-weight: 500;
}
/* 二级页面侧边导航的标题 */	
.left-sidebar-title {
  display: block;/*成为“块级”元素*/
}
/* 二级页面侧边导航的标题间的底部边框 */	
.left-sidebar-title li {
  border-bottom: 1px solid #ddd;
}
/* 二级页面侧边导航的标题链接，位置 */	
.left-sidebar-title li a {
  display: block;
  color: #333;
  font-size: 20px;
  padding-left: 65px;
  padding: 15px 20px;
}
/* 二级页面侧边导航的标题文字 */	
.left-sidebar-title li a>span {
  padding-right: 15px;
  font-size: 13px;
}
/* 二级页面侧边导航的标题链接状态 */	
.left-sidebar-title li>a:hover,
.left-sidebar-title li> a:focus {
  color: #fff;
  background: #280082;
}
/* 二级页面新闻内容 面包屑导航内边框 */
.breadcrumb {
  padding: 12px 20px;/*重写属性*/
  border-radius: 0;/*重写属性*/
}
/*二级页面面包屑导航外底边框距离*/
.breadcrumb{
  margin-bottom: 10px;	/*重写属性*/
}
/*二级页面面包屑导航链接文字的颜色*/
.breadcrumb a{
	color: #333;
}
/*二级、三级页面右边的新闻容器*/
.right-news {
  float: right !important;
  width: 910px;
  border: 1px solid #ddd;
  min-height: 720px;
  margin-bottom: 5px;
  margin-right: 0px;
}
/*新增加的两个*//*右边新闻容器*/
.right-news ol{
  margin-bottom:0px;  
  font-weight:700;
}
.right-news li{
  padding-right: 5px; 
  color: #333;
}
.right-news-list {
  display: block;
  position: relative;
}
/*二级页面右边新闻容器 虚线*/
.right-news-list li {
  padding: 15px 0;
  border-bottom: 1px dashed #ddd;
}
.right-news-list li a {
  display: flex;
  color: #333;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.right-news-title>h4:hover {
  color: #280082;
  /*background: #f8f8f8;*/
}
/*二级页面右边的新闻盒子中的图片*/
.right-news-image {
  float: left;
  margin-right: 15px; 
  overflow: hidden;
}
.right-news-image img {
  display: block;
  width: 100%;
  height:100%;
}
.right-news-title {
  display: block;
  flex:1
  overflow: hidden;
}
.right-news-title p{
	margin-left: 20px; 
}

.right-news-title h4 {
  margin: 0px 20px;
  padding: 10px 0;
  font-weight: 600;
  line-height: 30px;
}
.right-news-content {
  margin-right: 20px;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/*二级页面 文章内容部分*/
.article-content {
  padding: 10px 40px;
  overflow: hidden;
}
.article-content .article-title {
  text-align: center;
}
/*二级页面 文章标题居中*/
.article-content .article-title>h3 {
  margin-top: 20px;
  font-weight: bold;
  font-size: 22px;
}
/*二级页面 文章标题的小字*/
.article-content .article-title span {
  color: #666;
  line-height: 28px;
  margin-top: 20px;
  display: block;
  padding-left: 20px; 
  border-bottom: 1px solid #999;
}
.article-content p {
  line-height: 30px;
  margin-top: 30px;/*我新添加的*/
}
/*右边的新闻盒子*/
.right-news-box {
  display: block;
  padding: 10px;/*原始值10px 20px 50px 20p*/
}
/*二级页面新闻的时间和发布人  */
/* .date-time{
	margin-left: 20px;
} */
/*二级页面中文章部分*/
.date-time {
  color: #999;
  margin-left: 20px;
}
.date-time em {
  font-style: normal;
  padding-left: 5px;
}
/*二级页面 校园风景 */
.scenery-image {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.scenery-image>img {
  width: 100%;
  cursor: pointer;
  transition: all 0.6s;
}
.scenery-image>img:hover {
  transform: scale(1.4);
}
/*校园风景图片列表 */
.scenery-image-list{
  position: relative;
  text-align: center;
  padding-bottom: 30px;
}
.scenery-image-list>span{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*二级页面 专业介绍页图片 */
.specialty-image {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.specialty-image>img {
  width: 100%;
}
/*分页盒子*/
.paging-box { 
  margin: 40px auto 0px auto;
  text-align: center;
  /*border-top:1px solid #ddd;*/
}
/*分页中的指针样式*/
.paging-pointer {
	padding-right: 2px;
	padding-left: 2px;
	font-size: 80%;
	padding-bottom: 3px;
	margin: 3px;
	color: #777;
	padding-top: 3px;
	text-align: center;
	font-size:12px;
}
.paging-pointer a {
	border-right: #e1e2e3 1px solid;
	padding-right: 12px;
	background-position: 50% bottom;
	border-top: #e1e2e3 1px solid;
	padding-left: 12px;
	padding-bottom: 5px;
	border-left: #e1e2e3 1px solid;
	color: #280082;
	background-color: #ffffff;
	margin-right: 3px;
	padding-top: 5px;
	border-bottom: #e1e2e3 1px solid;
	text-decoration: none;
}
.paging-pointer a:hover {
	border-right: #280082 1px solid; 
	border-top: #280082 1px solid; 
	border-left: #280082 1px solid;
	border-bottom: #280082 1px solid;
	background-color: #280082;
	color: #fff;
}
.paging-pointer a:active {
	border-right: #280082 1px solid; 
	border-top: #280082 1px solid; 
	border-left: #280082 1px solid; 
	border-bottom: #280082 1px solid;
}
.paging-pointer span{ margin-right:6px;}
.paging-pointer span.current {
	border-right: #e1e2e3 1px solid;
	padding-right: 12px;
	border-top: #e1e2e3 1px solid;
	padding-left: 12px;
	font-weight: bold;
	padding-bottom: 5px;
	border-left: #e1e2e3 1px solid;
	color: #000;
	margin-right: 3px;
	padding-top: 5px;
	border-bottom: #e1e2e3 1px solid;
	background-color: #ffffff;
}
.paging-pointer span.disabled {
	border-right: #eee 1px solid;
	padding-right: 7px;
	border-top: #eee 1px solid;
	padding-left: 7px;
	padding-bottom: 5px;
	border-left: #eee 1px solid;
	color: #ddd;
	margin-right: 3px;
	padding-top: 5px;
	border-bottom: #eee 1px solid;
}
/* 浮动窗口 */
.float_window {
  position: fixed;
  top: 320px;
  right: 50px;
  width: 80px;
  z-index: 3;
}
/* 浮动窗口 */
.float_window>a {
  display: block;
  color: #333;
  padding: 10px 5px;
  background-color:#eee;
  border: 1px #eee;
  text-align: center;
  font-size: 14px;
  margin-bottom: 5px;
}
/* 浮动窗口 */
.float_window>a>img {
  display: block;
  width: 32px;
  margin: 0 auto;
}
/*微信公众号*/
.wxgzh>img {
  width: 100%;
}
/*微信公众号*/
.wxgzh {
  position: absolute;
  right: 90px;
  top: 103px;
  width: 90px;
  height: 90px;
}
/*微信报名*/
.wxbm>img {
  width: 100%;
}
/*微信报名*/
.wxbm {
  position: absolute;
  right: 90px;
  top: 180px;
  width: 90px;
  height: 90px;
}
/*换成移动设备*//*换成移动设备*//*换成移动设备*//*换成移动设备*//*换成移动设备*/
@media (max-width: 768px) {
.container {
    overflow:hidden; 
}
.mt20 {
    margin-top: 0px !important;
}
.top-bg {
	background: none;
}
.logo {
    padding: 20px;
}
.logo>img {
    width: 100%;
}
.row{
    padding:0px 10px !important;
}
.navtop{
	width: 100%;
    display: block;/*将元素显示为块级元素*/
}
.navbar-brand {
 padding: 0px 35px 0px 0px;
}
.nav-tabs>li>a {
    padding: 9px 10px;
    font-size: 18px;
}
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    height: 25vh;
    width: 100%;
}
.carousel-indicators {
    bottom: -1px;
}
/*汉堡按钮*/
.navbar-toggle {
    margin-right: 0px;
    border: none;
    padding-right: 15px;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
   background-color: transparent;
}
.container>.navbar-header {
    margin-right: 0px;
    margin-left: 0px;
    background: #280082;
    border-top: 1px solid #cfcfcf;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
/*汉堡打开菜单的状态*/
.navbar-default .navbar-nav>li>a {
    width: 100%;
    border-bottom: 1px solid #cfcfcf;
    text-align: center;
}
.navbar-nav>li {
    padding: 0 15px;
}
/*汉堡打开菜单，再打开子菜单时，文字颜色和背景颜色*/
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #333;
    background-color: #fff;
}
/*访问过后的文字颜色和背景颜色透明*/
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #280082;
    background-color: transparent;
}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu{
    padding: 15px 15px 15px 25px;
}
/*通知公告，专业，风景栏目的more*/
.more {
  position: absolute;
  right: 5px;
  bottom: 10px;
  color:#92311d;
}
/*首页小轮播图片右下角的控制点*/
.carousel-dot-button {
    position: absolute;
    bottom: -3px;
    left: 75%;
    z-index: 15;
    width: 100px;
    padding-left: 0;
    margin-left: 0;
    text-align: center;
    list-style: none;
}
/*首页校园风景图片*/
#scenery-img {
    width: 100%;
    height: 150px;
}
#scenery-img ul {
    width: 100%;
}
/*首页中间新闻 党团信息 教务德育信息 教科研信息*/
.middle-news-box-bg {
    padding: 0px 15px !important;
    margin-bottom: 10px;/*原值为20px*/
}
.middle-news-box-bg:hover {
    padding: 0px;
    background: none;
}
/*首页小轮播图片*/
.left-news-img {
    padding-right: 0px !important;
}
/*首页小轮播右边的文字列表*/
.right-news-text {
    padding-left: 0px !important;  
}
/*专业模块部分*/
.speciality_list>a {
    width: 43%;
    padding: 15px 0px;
    margin: 5px 10px;
}
.left-sidebar {
    display: none;
}
.right-news-box {
    padding: 12px 15px;
}
.right-news {
    width: 100%;
	margin: 0px;
	padding: 0px;
    border-color: transparent;
    min-height: 475px;
}
/*二级右边的新闻盒子中的图片*/
.right-news-image {
  float: left;
  margin-right: 0px; 
  overflow: hidden;
} 
.right-news-image img {
  width: 80%;
  height:80%;
} 

.right-news-title h4 {
  margin-left:  0px;
  padding: 10px 0px;
  font-weight: 600;
  line-height: 30px;
}
.article-content {
  padding: 15px;
}

.float_window{
  display: none; /*设置元素不可见并且连盒模型也不生成,一般用于不占空间的隐藏元素*/
}
.right-news-content{
  display: none !important;
}
.date-time{
  font-size: 14px;
  margin-left: 0px; 
}

.right-news-title h4{
  line-height: 28px;
  font-weight: 500 !important;
  padding-top: 0 !important;
}
.footer_left{
  display: none;
}

}/* 结束标志 */


 /*解决菜单和左侧导航的问题。浏览器宽度大于768PX，小于1200PX的时候实现*/
 @media(min-width:768px) and (max-width:1200px) {
 .container{
	 width: 100%;
}
 .navtop{
  width: 100%;
  display: block;
 }
.navbar-header {
    float: none;
    background: #280082;
    border-top: 1px solid #cfcfcf;
}
.navbar-toggle {/*汉堡按钮*/
    display: block;
	border: none;
}
/*标题导航部分*/
.navbar-nav {
        float: none!important;
    }
.navbar-nav>li {
   float: none ;
  /* padding: 0 15px;*/
}
/*首页两个字、导航*/
.navbar-nav>li>a {
    /*width: 100%;*/
	border-bottom: 1px solid #cfcfcf;
	text-align: center;
  }
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
  }
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.collapse {
    display: none !important;
  }
/*鼠标放在导航标题上，列表打开，下面的导航顺势下移*/
.navbar-nav .open .dropdown-menu {
    position: static;
    float: none !important;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
.collapse.in{
  display:block !important;
  }
.left-sidebar {
   display: none;
 }
.right-news {
   padding: 0px;
   margin: 0px;
   width: 100%;
   border-color: transparent;
 }
.float_window{
   display: none; /*设置元素不可见并且连盒模型也不生成,一般用于不占空间的隐藏元素*/
 }
 }


