@charset "utf-8";
/* CSS Document */
/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) { ... }

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) { ... }

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) { ... }



.clearfix() {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}


.element {
  .clearfix();
}

.head {
	background-color: rgba(239,204,0,1.00);
	
}

.navbar-default .navbar-nav>li>a {
	font-size: 17px;
	font-weight: 700;
	color: rgba(67,65,64,1.00);
}

.head-box {
	height: 14px;
	background-color: rgba(239,204,0,1.00);
}


.mian {
	position: relative;
	margin-top: 40px;
}
.mian img {
	width: 100%;

}
.mask {
	display: none;
	position: absolute;
	top: 0；
	left:0;	
	width: 100%;
	height: 100%;
    background: rgba(242,184,0,.8);
			
}
.mian:hover .mask {
			display: block;
		}




.mian .overlay p {
	padding-top: 30%;

  
	font-size: 30px;
	text-align: center;
	vertical-align: middle;
	color: #434140;
}



.mian span {
	font-size: 24px;
	
}
.footer {
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: rgba(67,65,64,1.00);
	height: 25px;
	line-height: 25px;
	background-color: rgba(242,184,0,1.00);
}


.img-container {
  position: relative;
  display: inline-block;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(242,184,0,.85);
  opacity: 0;
  transition: opacity 0.3s ease;
}


.image:hover .overlay {
  opacity: 1;
}