#wrapz{ width:100%; overflow:hidden;  height:600px;

  font-size:16px;

  font-family: 'Montserrat', sans-serif;



  color:#fff; clear:both; background-color:rgba(255,255,255,0.5); } 

#wrap{



  width:150%;

  height:100%;

  display:flex;

  align-items:stretch;

  margin:0 25%;

}

*:after,

*:before {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.clearfix:before,

.clearfix:after {

	content: " ";

	display: table;

}



.clearfix:after {

	clear: both;

}







.hb {

  position:relative;

  width:25%;

  z-index:1;

  display:flex;

  align-items:center;

  z-index:2;

  trasnform:scale(.97);

}

.c{

  position:relative;

  display:block;

  max-width:95%;

}

.c img {

  position:relative;

  display:block;

  width:100%;

  height:auto;

  z-index:0;

}

.txt {

	position: absolute;

	background-color: rgba(35,127,102,0.9);

	z-index: 999999999999;

	bottom: 10%; height:60%;

	left: 10%;

	text-align: center;

	width: 60%;

	opacity: 0;

	transform: scaleY(1) translateY(-50px);

	transition: transform .2s, opacity .5s;

	color: #fff;

	font-family: "微软雅黑";

	padding-top: 5%;

	padding-right: 10%;

	padding-bottom: 5%;

	padding-left: 10%;

}

.txt span { width:90px; height:3px; background-color:#FFF; display:inline-block; margin-bottom:20px;}

h1 {

  font-size:1.2em; line-height:67px; 

  font-weight:700;

  text-transform:uppercase;

}

.hb:hover .txt {

  opacity:1;

  transform:scaleY(1) translateY(0);

}

.fullBg {

  position: absolute;top:500px;left:0;width:100%;height:100%;

  opacity:0;

  transition:transform .5s, opacity .5s;

  transform:scale(1);

  z-index:1;

}

.fullBg img {

  width:100%;height:100%;

  object-fit:cover;object-position:center;

  opacity:.5;

}

/*.hb:hover + .fullBg {opacity:1;transform:scale(1.02);} 图片放大成北京样式*/

.credits {

  position:fixed;

  bottom:0;right:0;

  padding:1.5em;

  font-size:.8em;

  text-align:right;

  font-style:italic;

  opacity:.8;

  transition:opacity .2;

  z-index:3;

}

.credits:hover {

  text-decoration:underline;

  opacity:1;

}