@font-face {
}
.news .secondary-content .social {
  padding-bottom: 4.2em;
}
.social ul {
  list-style: none;
  height: 18px;
  margin: 0;
  padding: 0;
  line-height: 18px;
}
.social ul li {
  float: left;
  width: 18px;
  height: 18px;
  margin: 0 0.1em 0 0.5em;
}
.social ul li a {
  display: block;
  width: 18px;
  height: 18px;
  font-size: 0;
  opacity: 0.7;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.social ul li a:hover {
  opacity: 1;
}
.social ul li a.facebook {
  background: url(../fonts/c96dcd0bb64443d098dac332ab6d3ca4.svg) center no-repeat;
  background-size: 18px;
}
.social ul li a.twitter {
  background: url(../fonts/cec28c0292814dfda00e58e0e361d828.svg) center no-repeat;
  background-size: 18px;
}
.social ul li a.email {
  background: url(../fonts/d9906ba13bf542f383e276a477396715.svg) center no-repeat;
  background-size: 18px;
}
.fixed-.header {
  position: static;
}
.fixed-.header a.back-to-top {
  display: block;
  position: absolute;
  right: 2em;
  height: 14px;
  width: 16px;
  overflow: hidden;
  margin: -7px 0;
  background: url(../images/up-arrow.png) center no-repeat;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: margin 0.2s ease-in-out, top 0.2s ease-in-out;
  -moz-transition: margin 0.2s ease-in-out, top 0.2s ease-in-out;
  -ms-transition: margin 0.2s ease-in-out, top 0.2s ease-in-out;
  -o-transition: margin 0.2s ease-in-out, top 0.2s ease-in-out;
  transition: margin 0.2s ease-in-out, top 0.2s ease-in-out;
}
.fixed-.header a.back-to-top:hover {
  margin: -14px 0;
}
.fixed-.header.off {
  visibility: hidden;
}
.fixed-.header.off a.back-to-top {
  top: 50%;
}
.fixed-.header a.back-to-top {
  top: -150%;
}
.fixed-.header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
}
.fixed-.header.fixed.off a.back-to-top {
  top: 150%;
}
.fixed-.header.fixed a.back-to-top {
  top: 50%;
}
.language-selector {
  position: absolute;
  top: -3.84em;
  right: 16em;
}
.language-selector > a {
  float: left;
}
.language-selector > a:first-child {
  margin-right: 7px;
}
.media-box {
  position: relative;
  z-index: 0;
  background: #FFF;
  width: 300px;
  height: 30.5em;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(0em) translateX(10em);
  -moz-transform: translateY(0em) translateX(10em);
  -ms-transform: translateY(0em) translateX(10em);
  -o-transform: translateY(0em) translateX(10em);
  transform: translateY(0em) translateX(10em);
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -ms-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}
.media-box.no_link {
  cursor: default;
}
.media-box.social {
  -webkit-transform: translateX(0em);
  -moz-transform: translateX(0em);
  -ms-transform: translateX(0em);
  -o-transform: translateX(0em);
  transform: translateX(0em);
}
.media-box.work {
  -webkit-transform: translateX(-10em);
  -moz-transform: translateX(-10em);
  -ms-transform: translateX(-10em);
  -o-transform: translateX(-10em);
  transform: translateX(-10em);
}
.media-box.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0em) translateX(0em);
  -moz-transform: translateY(0em) translateX(0em);
  -ms-transform: translateY(0em) translateX(0em);
  -o-transform: translateY(0em) translateX(0em);
  transform: translateY(0em) translateX(0em);
  -webkit-transition: -webkit-transform 0.5s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.1s;
  -moz-transition: -moz-transform 0.5s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.1s;
  -o-transition: -o-transform 0.5s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.1s;
  -ms-transition: -ms-transform 0.5s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.1s;
  transition: transform 0.5s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.1s;
}
.media-box.media-box.media-box--showcase {
  height: 27em;
}
.media-box.media-box.media-box--showcase h2 {
  height: auto;
}
.media-box.media-box.media-box--showcase .image-frame,
.media-box.media-box.media-box--showcase .text-frame {
  top: 6.25em;
}
.media-box.media-box.media-box--showcase .header:after {
  display: none;
}
.media-box.media-box.media-box--showcase .header {
  height: auto;
}
.media-box.media-box.media-box--showcase:hover .header {
  height: auto!important;
}
.media-box.media-box.media-box--showcase a.play-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 3.8em;
  height: 3.8em;
  margin: auto;
  background: url(../images/play.png) center no-repeat #ffffff;
  text-decoration: none;
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  -ms-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.media-box .header {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  height: 5.8em;
  padding: 1.6em;
  background: #ffffff;
  border-top: #1c1c1c solid 0.3em;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: height 0.2s ease-in-out 0.1s;
  -moz-transition: height 0.2s ease-in-out 0.1s;
  -ms-transition: height 0.2s ease-in-out 0.1s;
  -o-transition: height 0.2s ease-in-out 0.1s;
  transition: height 0.2s ease-in-out 0.1s;
}
.media-box .header a {
  text-decoration: none;
}
.media-box .header h2 {
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "adobe-caslon-pro-base-64", serif;
  font-weight: 400;
  max-width: 80%;
  height: 2.5em;
  overflow: hidden;
  margin: 0.5em 0 0.2em 0;
  color: #1c1c1c;
  font-size: 1.4em;
  line-height: 1.3em;
}
.media-box .header h2 a {
  color: #1c1c1c;
}
.media-box .header h3 {
  position: relative;
  z-index: 0;
  height: 2.5em;
  overflow: hidden;
  margin: 0.15em -0.92307692em 0 -2px;
  color: #1c1c1c;
  font-size: 0.9em;
  line-height: 2.6em;
  white-space: nowrap;
}
.media-box .header h3 a {
  color: #1c1c1c;
}
.media-box .header h3:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  -webkit-box-shadow: 0 0 1em 2em #ffffff;
  -moz-box-shadow: 0 0 1em 2em #ffffff;
  box-shadow: 0 0 1em 2em #ffffff;
}


.prod_one:hover .intro{     
opacity: 1;
}


.media-box .header h5 {
  position: absolute;
  top: 7.29411765em;
  left: 1.88235294em;
  margin: 0;
  font-size: 0.85em;
  text-transform: uppercase;
  font-family: Verdana, sans-serif;
  font-weight: normal;
}
.media-box .header h5 time {
  position: relative;
  top: auto;
  left: auto;
  display: inline;
  font-size: 1em;
}
.media-box .header time {
  position: absolute;
  top: 7.29411765em;
  left: 1.88235294em;
  display: block;
  font-size: 0.85em;
  color: #d4d4d4;
  text-transform: uppercase;
}
.media-box .header time a {
  color: #d4d4d4;
}



.media-box .header .intro {
  position: absolute;
  top:6.5em;
  right: 1.77777778em;
  left: 1.77777778em;
  height: 8.4em;
  overflow: hidden;
  color: #000;
  font-size:12px;

  opacity:0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}


.media-box .header .intro p{
    line-height:24px;
}

.prod_one:hover .intro {
    opacity:1;
    }

.media-box .header .intro a {
  color: #646464;
}
/*.media-box .header .intro:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  width: 100%;
  height: 0;
  -webkit-box-shadow: 0 0 3em 3em #ffffff;
  -moz-box-shadow: 0 0 3em 3em #ffffff;
  box-shadow: 0 0 3em 3em #ffffff;
}*/
.media-box .header .social {
  position: absolute;
  top: 16em;
  right: 1.6em;
  left: 1.6em;
  color: #1c1c1c;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.media-box .header .social p {
  margin: 0 0 0.5em 0;
  line-height:24px;
  font-size: 0.9em;
  text-transform: uppercase;
}
.media-box .header .social ul li {
  margin: 0 0.5em 0 0;
}
.media-box .header:after {
  content: "";
  position: absolute;
  top: 100%;
  margin: 0 0.25em;
  border: transparent solid 0.8em;
  border-top-color: #ffffff;
}
.media-box .image-frame,
.media-box .text-frame {
  position: absolute;
  z-index: 0;
    top: 19%;
  left: 0;
  right: 0;
  height: 21em;
  overflow: hidden;background: #1c1c1c;

}
.media-box .image-frame img,
.media-box .text-frame img {
  position: relative;
}
.media-box .image-frame a.permalink,
.media-box .text-frame a.permalink {
  display: block;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: -3.25em;
  left: 0;
  height: 1.25em;
  padding: 1em 1.5em 1em 3em;
  background: url(../images/permalink.png) 1.25em center no-repeat #1c1c1c;
  background: url(../images/permalink.png) 1.25em center no-repeat rgba(0, 0, 0, 0.8);
  color: #ffffff;
  font-size: 0.8em;
  line-height: 1.5em;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: bottom 0.2s ease-in-out;
  -moz-transition: bottom 0.2s ease-in-out;
  -ms-transition: bottom 0.2s ease-in-out;
  -o-transition: bottom 0.2s ease-in-out;
  transition: bottom 0.2s ease-in-out;
}
.svg .media-box .image-frame a.permalink,
.svg .media-box .text-frame a.permalink {
  background: url(../fonts/permalink.svg) 1.25em center no-repeat #1c1c1c;
  background: url(../images/permalink.svg) 1.25em center no-repeat rgba(0, 0, 0, 0.8);
  background-size: 1.25em;
}
.media-box .text-frame {
  z-index: 2;
  top: 8.9em;
  height: 21.6em;
  padding: 0 1.6em;
  color: #646464;
  background: #ffffff;
}
.media-box .text-frame p {
  margin: 0 0 0.5em 0;
  font-size: 0.9em;
}
.media-box .text-frame a.permalink {
  background: url(../fonts/2e2a668e8bd24f77a4b455f7551cdaa8.svg) 1.25em center no-repeat #1c1c1c;
  background-size: 1.25em;
}
.media-box.search-result {
  height: 8.2em;
  overflow: hidden;
}
.media-box.search-result .header:after {
  display: none;
}
.media-box.large {
  width: 426px;
}
.media-box.medium {
  width: 317px;
}
.media-box.medium .header h2 {
  max-width: 90%;
}
.media-box.small {
  width:100%;
}
.media-box.small .header h2 {
  max-width: 100%;
}
.media-box.work .header {
  border-top:#3b0001 solid 4px;
}
.media-box.work .header h5 {
  color:#000;
}
.media-box.book .header {
  border-top: #925c2e solid 4px;
}
.media-box.book .header h5 {
  color: #925c2e;
}
.media-box.news .header {
  border-top: #fb4d40 solid 4px;
}
.media-box.news .header h5 {
  color: #fb4d40;
}
.media-box.media-box--showcase .header {
  border-top: #ccc solid 4px;
}
.media-box.people .header {
  border-top: #9d2fa7 solid 4px;
}
.media-box.people .header h5 {
  color: #9d2fa7;
}
.media-box.no-image .header {
  height: 27em !important;
}
.media-box.no-image .header:after {
  display: none;
}
.media-box.no-image .header .intro {
  height: 20em;
  visibility: visible;
  opacity: 1;
}
.media-box.no-image .header .social {
  top: 26em;
}
.media-box.showcase {
  background-color: #000000;
}
.media-box.showcase .header {
  border-top: #2295d2 solid 4px;
  background-color: #000000;
  color: white;
  padding: 0.8em;
}
.media-box.showcase .header h2 {
  color: white;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  margin-top: 0;
  font-size: 26px;
  text-transform: capitalize;
  max-width: 100%;
}
.media-box.showcase .header h2 a {
  color: white;
}
.media-box.showcase .header h5 {
  color: #2295d2;
  text-transform: capitalize;
  font-size: 50px;
  top: 1.5em;
  left: 12px;
  line-height: 48px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  word-spacing: 1000px;
}
.media-box.showcase .header div.intro {
  top: 377px;
  left: 12px;
  height: 55px;
  font-size: 1.2em;
}
.media-box.showcase .header div.intro p {
  color: white;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  margin: 0;
}
.media-box.showcase .header div.intro:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.media-box.social .header {
  border-top: #ffffff solid 4px;
}
.media-box.social .header:after {
  display: none;
}
.media-box.social.facebook .header h3 {
  padding-left: 1.8em;
  background: url(../fonts/a75334681a3d478a8c63cb661d5599ec.svg) left center no-repeat;
  background-size: 18px;
}
.media-box.social.twitter .header h3 {
  padding-left: 1.8em;
  background: url(../fonts/51dab76c3587458ababf18cad08daa50.svg) left center no-repeat;
  background-size: 18px;
}
.media-box.social.instagram .header h3 {
  padding-left: 1.8em;
  background: url(../fonts/20810e10a6714acba9a6ae06777b1fe4.svg) left center no-repeat;
  background-size: 18px;
}
.media-box.social.blog .header h3 {
  padding-left: 1.8em;
  background: url(../fonts/b032b70ba0f44680b33a57a0d447f1cb.svg) left center no-repeat;
  background-size: 18px;
}
.media-box.social:hover .image-frame a.permalink {
  bottom: 0;
}

.media-box.social:hover .text-frame a.permalink {
  bottom: 0;
}
.no-touch .media-box:hover .header,
.no-touch .media-box.expanded .header {
  height: 68%;
  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  -ms-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}
.no-touch .media-box:hover header .intro,
.no-touch .media-box.expanded .header .intro,
.no-touch .media-box:hover .header .social,
.no-touch .media-box.expanded .header .social {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out 0.2s;
  -moz-transition: opacity 0.3s ease-in-out 0.2s;
  -ms-transition: opacity 0.3s ease-in-out 0.2s;
  -o-transition: opacity 0.3s ease-in-out 0.2s;
  transition: opacity 0.3s ease-in-out 0.2s;
}
.no-touch .media-box:hover .image-frame img,
.no-touch .media-box.expanded .image-frame img {
  opacity: 0.3;
}
.no-touch .media-box.media-box.media-box--showcase .play-video:hover {
  background: url(../images/play-black.png) center no-repeat #ffffff;
}
.no-touch .media-box.no_link:hover .header,
.no-touch .media-box.no_link.expanded .header {
  height: 5.8em;
}
.no-touch .media-box.no_link .image-frame img {
  opacity: 1.0;
}
.media-boxes {
  position: relative;

  padding-bottom: 0;
}
.media-boxes .media-box {
  float: left;
 
}
.pagination {
  clear: both;
}
.pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pagination ul li {
  display: none;
  margin: 0;
  padding: 5px;
}
.pagination ul li a {
  display: block;
  margin: 0;
  padding: 1em;
  text-decoration: none;
  text-align: center;
  background: rgba(212, 212, 212, 0.5);
  color: #a1a1a1;
}
.pagination ul li.next {
  display: block;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
}
.hero-slideshow-wrap {
  margin: -1em 0 5px 0;
  overflow: hidden;
  border-top: #0B0B0B solid 1px;
}
.hero-slideshow {
  position: relative;
  z-index: 0;
  height: 0;
  margin: 0;
  overflow: visible;
  padding-bottom: 31.8518%;
  background: #000000;
}
.hero-slideshow > nav {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 0 31.8518% 0;
}
.hero-slideshow > nav ul {
  position: absolute;
  z-index: 9999;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0 0 6% 6%;
}
.hero-slideshow > nav ul li {
  float: left;
  margin: 0 0.6em 0 0;
  padding: 0;
}
.hero-slideshow > nav ul li a {
  display: block;
  width: 2em;
  height: 0.4em;
  background: #646464;
  background: rgba(255, 255, 255, 0.5);
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.hero-slideshow > nav ul li a span {
  width: 0px;
  background: #ffffff;
  height: 100%;
  display: block;
}
.hero-slideshow > nav ul li a:hover {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.8);
}
.hero-slideshow > nav ul li a.active span {
  width: 100%;
  -webkit-transition: width 5.7s ease-in;
  -moz-transition: width 5.7s ease-in;
  -ms-transition: width 5.7s ease-in;
  -o-transition: width 5.7s ease-in;
  transition: width 5.7s ease-in;
}
.hero-slideshow > .slide {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0%;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: opacity 0.8s ease-in-out;
  -moz-transition: opacity 0.8s ease-in-out;
  -ms-transition: opacity 0.8s ease-in-out;
  -o-transition: opacity 0.8s ease-in-out;
  transition: opacity 0.8s ease-in-out;
}
.hero-slideshow > .slide .banner {
  position: relative;
  width: 100%;
  max-width: 1800px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: #000000;
}
.hero-slideshow > .slide .banner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero-slideshow > .slide .banner > .full-width {
  width: 100%;
  height: 100%;
  padding: 0;
}
.hero-slideshow > .slide .banner .header {
  display: table;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateZ(0) translateX(-6em);
  -moz-transform: translateZ(0) translateX(-6em);
  -ms-transform: translateZ(0) translateX(-6em);
  -o-transform: translateZ(0) translateX(-6em);
  transform: translateZ(0) translateX(-6em);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.hero-slideshow > .slide .banner .header .center {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 6%;
  vertical-align: middle;
}
.hero-slideshow > .slide .banner .header h3 {
  float: left;
  margin: 0;
  color: #ffffff;
  font-size: 0.9em;
  line-height: 1em;
  font-weight: normal;
  text-transform: uppercase;
  text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
  -webkit-font-smoothing: antialiased;
}
.hero-slideshow > .slide .banner .header h1 {
  float: left;
  clear: both;
  margin: 0.5em 0 0.90909091em 0;
  padding: 0.54545455em 0.63636364em 0.22727273em 0.63636364em;
  background: #ffffff;
  border-top: #2295d2 solid 4px;
  font-size: 2.2em;
  line-height: 1.2em;
}
.hero-slideshow > .slide .banner .header h1 a {
  text-decoration: none;
  color: #1c1c1c;
}
.showcase .hero-slideshow > .slide .banner .header h1 {
  border-top-color: #2295d2;
}
.hero-slideshow > .slide .banner .header .play-video {
  position: relative;
  display: block;
  float: left;
  clear: both;
  height: 3.8em;
  padding: 0 1.5em 0 1.5em;
  margin: 1em 0 0 0;
  background: #2295d2;
  border-left: #ffffff solid 3.8em;
  color: #ffffff;
  line-height: 3.8em;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
}
.showcase .hero-slideshow > .slide .banner .header .play-video {
  background: #2295d2;
}
.hero-slideshow > .slide .banner .header .play-video:hover:before {
  background: url(../images/play-black.png) center no-repeat;
}
.hero-slideshow > .slide .banner .header .play-video.play-video--hide {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}
.hero-slideshow > .slide .banner .header .play-video:before {
  content: "";
  position: absolute;
  top: 0;
  left: -3.8em;
  width: 3.8em;
  height: 3.8em;
  background: url(../images/play.png) center no-repeat;
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  -ms-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.hero-slideshow > .slide .banner .header p {
  clear: both;
  max-width: 45em;
  margin: 0;
  padding: 0.33333333em 1.55555556em 0.33333333em 1.55555556em;
  color: #646464;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.65);
  font-size: 0.9em;
}
.hero-slideshow > .slide .banner img {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  vertical-align: top;
}
.hero-slideshow > .slide .page {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: opacity 0.8s ease-in-out 0.2s;
  -moz-transition: opacity 0.8s ease-in-out 0.2s;
  -ms-transition: opacity 0.8s ease-in-out 0.2s;
  -o-transition: opacity 0.8s ease-in-out 0.2s;
  transition: opacity 0.8s ease-in-out 0.2s;
}
.hero-slideshow > .slide.active {
  opacity: 1;
  visibility: visible;
}
.hero-slideshow > .slide.active .header {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.hero-slideshow > .slide.active .page {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.8s ease-in-out;
  -moz-transition: opacity 0.8s ease-in-out;
  -ms-transition: opacity 0.8s ease-in-out;
  -o-transition: opacity 0.8s ease-in-out;
  transition: opacity 0.8s ease-in-out;
}
.hero-slideshow.work {
  margin-bottom: 270px;
}
.slideshow-mask {
  position: relative;
  z-index: 1;
  height: 20px;
  margin: -120px -2em -1em -2em;
  padding-top: 100px;
  background: url(../images/bg-fade.png) center top repeat-x;
  text-align: center;
  opacity: 1;
  visibility: visible;
}
.slideshow-mask a {
  display: block;
  position: relative;
  top: -0.2em;
  overflow: hidden;
  color: #bbbbbb;
  font-size: 0.9em;
  line-height: 1.6em;
  text-transform: uppercase;
  text-decoration: none;
}
.slideshow-mask a:after {
  content: "...";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bg.png);
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "adobe-caslon-pro-base-64", serif;
  font-weight: 400;
  font-size: 3em;
  line-height: 0.35em;
  opacity: 1;
  visibility: visible;
}
.slideshow-mask a:hover:after {
  opacity: 0;
  visibility: hidden;
}
.slideshow-mask.inactive {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-in-out 0.3s;
  -moz-transition: opacity 0.2s ease-in-out 0.3s;
  -ms-transition: opacity 0.2s ease-in-out 0.3s;
  -o-transition: opacity 0.2s ease-in-out 0.3s;
  transition: opacity 0.2s ease-in-out 0.3s;
}
.overlay {
  position: fixed;
  display: table;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.overlay.active {
  opacity: 1;
  visibility: visible;
}
.overlay .content {
  position: relative;
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 3% 10%;
  vertical-align: middle;
  text-align: center;
}
.overlay .content a.close-overlay {
  position: absolute;
  z-index: 1;
  top: 2px;
  right: 2px;
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  margin: -15px;
  background: url(../images/close.png) center no-repeat;
  text-indent: -9999em;
}
.overlay .content .video-frame {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin: 0 auto;
  background: #1c1c1c;
  -webkit-box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.6);
}
.overlay .content .video-frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  vertical-align: top;
}
/* -----------------------------------------
* HEADER
* ----------------------------------------- */
.site-.header .hgroup h2 {
    float: left;
    height: 1.53846154em;
    margin: 1.92307692em 0 1.92307692em 1em;
    padding: 0 0 0 0.76923077em;
    /* border-left: #C6C6C6 solid 1px; */
    color: #C6C6C6;
    font-size: 1.3em;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    line-height: 1.53846154em;
    margin-left: 0;    padding-left: 0;
}



.site-.header .hgroup h2 a {
  color:#1c1c1c;
  text-decoration: none;
  outline: none;
   font-family: "Microsoft YaHei","微软雅黑","PingHei-light";
}


.site-nav {
  clear: both;
  width: 100%;
  height: 3.5em;
  background: #1C1C1C;
}
.site-nav form {
  position: absolute;
  top: -4.2em;
  right: 2em;
  height: 1.4em;
  border-bottom: #C6C6C6 solid 1px;
}

.intro p{ width:100%}

.hgroup{ margin-top:-10px;}
 

.header_one{ box-shadow:none !important;}














/* 5.17 */

 .case{
    height:600px;
    width:100%;
    overflow:hidden;
    z-index:1;
    position:relative;
    }

.casecon{
     width:100%; 
     height:600px!important;
     overflow:hidden!important;
     background:#000;
     position:relative;
    }   

.casecon_bg{
    width:100%;
    height:100%;
    position:absolute; top:0; left:0;
    z-index:99;
    background:#fff;
    display:none;
    }
.casecon_list{
    width:100%;
    height:100%;
    position:absolute; top:0; left:0;
    display:none;
    }   
/* .casecon_list1{
    background:url(../images/hz.jpg) center no-repeat;
    background-size:cover;
    }
.casecon_list2{
    background:url(../images/hz1.jpg) center no-repeat;
    background-size:cover;
    }
.casecon_list3{
    background:url(../images/hz0.jpg) center no-repeat;
    background-size:cover;
    }
.casecon_list4{
    background:url(../images/hz2.jpg) center no-repeat;
    background-size:cover;
    }
.casecon_list5{
    background:url(../images/hz.jpg) center no-repeat;
    background-size:cover;
    }
.casecon_list6{
    background:url(../images/hz0.jpg) center no-repeat;
    background-size:cover;
    }
.casecon_list7{
    background:url(../images/hz1.jpg) center no-repeat;
    background-size:cover;
    }                               
     */


.titlea{
     width:100%;
     height:30px;
     position:absolute;
     left:0px;
     z-index:111; 
     top:30%
    }

.titlea h5{
    width:100%; 
    font-size:25px;
    display:block;
    margin-bottom:10px;
    text-align:center; 
    color:#fff;
    text-transform:uppercase;
    }

.titlea span{
    width:100%; 
    font-size:45px;
    display:block;
    margin-bottom:10px;
    text-align:center; 
    color:#fff;
    text-transform:uppercase;
    }

.titlea p{background:none;width:100%; text-align:center; font-size:23px;  color:#fff;}


.casebg{
    position:absolute;
    width:100%;
    height:80px;
    
    bottom:0px;
    z-index:1;
    background:#000;
    filter:alpha(opacity=30); /*IE滤镜，透明度50%*/
-moz-opacity:0.3; /*Firefox私有，透明度50%*/
opacity:0.3;/*其他，透明度50%*/
    }
    
    
.teamlogo{
     position:absolute;
     width:100%;
     height:80px;
     line-height:80px;
     z-index:100;
    
    bottom:0px;
    }

.teamlogo ul{
    position:relative;
    width:80%;
    max-width:1200px;
    margin:0 auto;
    padding:0px;
    }   
    
.teamlogo ul li{
    float:left;
    padding:0 1%;
    width:16%;
    cursor:pointer;
    }       
    
    
    
/* 产品 5.17*/

 
 
.index_sec2_box{
    width:100%;
    }   

.index_sec2_box_box{
    /*width:3000px;*/
    width:100%;
    }   

.index_sec2_list_box{
    float:left;
    width:25%;
    position:relative; 
    padding-right:3%;
    padding-bottom: 3%;
    }
    
.index_sec2_list{
    width:100%;
    }       
.index_sec2_list_img{
    overflow:hidden;
    }   
.index_sec2_list_zi{
    padding-top:30px;
    position:relative;
    z-index:10;
    }   

.index_sec2_list_t{
    width:100%;
    height:20px;
    }
    
.index_sec2_list_tbox{
    width:100%;
    overflow:hidden;
    margin:10px 0;
    }
    
    
.index_sec2_list_tbox ul{
    padding:0;
    margin:0;
    width:100%;
    position:relative;
    }   
    
.index_sec2_list_tbox ul li{
    width:100%;
    font-size:16px;
    color:#ccc;
    line-height:20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    }       

.index_sec2_list_box1{
    opacity:0.3 !important;
    filter:alpha(opacity=30) !important;
    -moz-opacity:0.3 !important;  
    -khtml-opacity:0.3 !important;
    -webkit-opacity:0.3 !important;
    }
    
.index_sec2_list_p{
    width:100%;
    height:25px;
    margin-bottom:10px;
    }
    
    
.index_sec2_list_pbox{
    width:100%;
    margin:5px 0;
    overflow:hidden;
    }
.index_sec2_list_pbox ul{
    padding:0;
    margin:0;
    width:100%;
    position:relative;
    }
.index_sec2_list_pbox ul li{
    width:100%;
    overflow:hidden;
    font-size:12px;
    color:#666;
    line-height:20px;
    }       

    
.index_sec2_list_h{
    min-width:150px;
    max-width: 80%;
    height:60px;
    position:absolute; left:-30px; top:-30px;
    z-index:2;
    background:#0068b6;
    }   
.index_sec2_list_h:before{
    width:0%;
    height:100%;
    content:'';
    position:absolute; top:0; left:0;
    z-index:-1;
    background:#fff;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;   
    transition: 0.3s ease;
    }   
.index_sec2_list:hover .index_sec2_list_h:before{
    width:100%;
    }   

.index_sec2_box .on .index_sec2_list_h:before{
    width:100%;
    }
    
.index_sec2_list_hbox{
    width:100%;
    height:40px;
    overflow:hidden;
    margin:10px 0;
    }   
  
.index_sec2_list_h a{
    width:100%; 
    height:40px;
    font-size:16px;
    padding: 0 10px;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color:#fff;
    display: block;
    text-align:center;
    line-height:40px;
    font-weight:600;
    letter-spacing:1px;
    }   

.index_sec2_list:hover a{color:#0068b6}


.index_sec2_list_img{
    position:relative;
    width:100%;
    overflow:hidden;
    }   
.index_sec2_list_img:after{
    width:100%;
    height:100%;
    content:'';
    position:absolute; top:0; left:0;
    z-index:9;
    border:0px solid #f0e1d9;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;   
    transition: 0.3s ease;
    }   
.index_sec2_list:hover .index_sec2_list_img:after{
    border:10px solid #0068b6;
    }

.index_sec2_box .on .index_sec2_list_img:after{
    border:10px solid #f0e1d9;
    }
            
.index_sec2_list_img img{
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;   
    transition: 0.5s ease;
    }
.index_sec2_list:hover .index_sec2_list_img img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    }   

.index_sec2_box .on .index_sec2_list_img img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    } 

.index_sec2_hover{
    width:100%;
    height:100%;
    position:absolute; top:0; left:0;
    z-index:2;
    }
.index_sec2_hover_bg{
    width:100%;
    height:100%;
    position:absolute; top:0; left:0;
    z-index:-1;
    background:#000;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;   
    transition: 0.3s ease;
    opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
    }   
.index_sec2_list:hover .index_sec2_hover_bg{
    opacity:0.6;
    filter:alpha(opacity=60);
    -moz-opacity:0.6; 
    -khtml-opacity:0.6;
    -webkit-opacity:0.6;
    }   

.index_sec2_box .on .index_sec2_hover_bg{
    opacity:0.6;
    filter:alpha(opacity=60);
    -moz-opacity:0.6; 
    -khtml-opacity:0.6;
    -webkit-opacity:0.6;
    }
    
.index_sec2_hover h5{
    font-size:16px;
    letter-spacing:1px;
    margin:0;
    color:#fff;
    text-transform:uppercase;
    position:absolute; top:50%; left:50%;
    margin-left:-52px;
    margin-top:-10px;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;   
    transition: 0.3s ease;
    opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
    }
.index_sec2_list:hover .index_sec2_hover h5{
    opacity:1;
    filter:alpha(opacity=100);
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
    }   

.index_sec2_box .on .index_sec2_hover h5{
    opacity:1;
    filter:alpha(opacity=100);
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
    }
    
.index_sec2_hover h5:before{
    width:0px;
    height:1px;
    content:'';
    background:#fff;
    position:absolute; left:-90px; top:50%;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;   
    transition: 0.3s ease;
    }       
.index_sec2_list:hover .index_sec2_hover h5:before{
    width:60px;
    }

.index_sec2_box .on .index_sec2_hover h5:before{
    width:60px;
    }

.index_sec2_hover h5:after{
    width:0px;
    height:1px;
    content:'';
    background:#fff;
    position:absolute; right:-90px; top:50%;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;   
    transition: 0.3s ease;
    }       
.index_sec2_list:hover .index_sec2_hover h5:after{
    width:60px;
    }   

.index_sec2_box .on .index_sec2_hover h5:after{
    width:60px;
    }
        
.index_sec2_list_img ul{
    padding:0;
    margin:0;
    position:relative;
    }       
.index_sec2_list_img ul li{
    float:left;
    }       

.index_sec2_btn{
    position:absolute; top:0; left:5%; top:65%;
    opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
    }       
.index_sec2_btn:before{
    width:1px;
    height:20px;
    content:'';
    position:absolute; top:21px; left:50%;
    background:#ccc;
    }   
.index_sec2_btn span{
    display:inline-block;
    vertical-align:top;
    width:70px;
    text-align:center;
    font-size:22px;
    line-height:60px;
    cursor:pointer;
    color:#eee;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;   
    transition: 0.3s ease;
    }
.index_sec2_btn span:hover{
    color:#ed6d00;
    }       

.index_sec2_title{
    font-size:150px;
    font-size:7.5rem;
    color:#cfdde5;
    font-family:"Times New Roman", Times, serif;
    font-weight:600;
    position:absolute; top:25%; left:2%;
    opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
    }

.index_sec2_num{
    position:absolute; top:5%; left:20%;
    color:#ddd;
    font-size:16px;
    opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
    }
.index_sec2_num:before{
    width:16px;
    height:1px;
    content:'';
    position:absolute; left:3px; bottom:-5px;
    background:#ed6d00;
    }
            
.index_sec2_num i{
    font-size:14px;
    font-style:normal;
    margin-right:3px;
    display:inline-block;
    vertical-align:top;
    }   

.index_sec2_nums{
    width:20px;
    height:22px;
    overflow:hidden;
    display:inline-block;
    vertical-align:top;
    }   
    
    
.index_sec2_nums ul{
    padding:0;
    margin:0;
    width:20px;
    height:110px;
    position:relative;
    }
    
    
.index_sec2_nums ul li{
    width:100%;
    color:#ed6d00;
    font-size:16px;
    line-height:22px;
    height:22px;
    text-align:center;
    }               

.prolist ul li{
    line-height:42px;
    height:42px;
    }
    
.prolist ul li a{
    font-size:16px;
    -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;  
    -moz-transition: all cubic-bezier(.18,1,.21,1) .9s; 
    -ms-transition: all cubic-bezier(.18,1,.21,1) .9s;  
    -o-transition: all cubic-bezier(.18,1,.21,1) .9s;   
    transition: all cubic-bezier(.18,1,.21,1) .9s;
  color: #333;
text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    }

.active{
    color:#FFF;
    font-size:14px;
    }
.active a {
  color: #c3a07d !important;
  font-weight: bold !important;
}

.prolist ul li:hover a{
    color:#0068b6;
    font-weight:bold;
    }   
 
 /* 案例 5.17*/
 
.clear25{margin-top:25px;}
.clear21{ margin-bottom:80px;}
.clear{ clear:both;}

.team{
    width:100%;
    background:#636262;
    }
    
.team-left{
    width:33.2%; float:left;
    }
.team-center{
    width:33.4%;float:left;
    /*margin:0 0.2%;*/
    position:relative;
    }
.team-center1{
    width:100%; overflow:hidden; background:#767474;
    float:left;
    padding-bottom:40px;
    }
.team-right{
    width:33.4%; float:right;
    position:relative;
    }
.new1{
    width:117px;
    height:50px;
    background:#fff;
    color:#000;
    position:absolute;
    top:127px;
    left:0;
    z-index:99;
    font-size:20px;
    line-height:50px;
    text-align:center;
    }
.team-img1,.team-img0,.team-img3,.team-img4{
    width:100%;
    overflow:hidden;
    position:relative;
    }

.team_img_h1 img{
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    }
.team_img_h1:hover img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    }   

.team_img_h1_img{
    opacity:0;
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
    }
.team_img_h1:hover .team_img_h1_img{
    opacity:1;
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
    }

.team-img2-box:hover .team_img_h1_img{
    opacity:1;
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
    }
    

.team-img2-box img{
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    }
.team-img2-box:hover img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    }   

.team_show_zi{
    width:80%;
    margin:0 auto;
    position:absolute; bottom:10%; left:20%;
    opacity:0;
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition: all cubic-bezier(.18,1,.21,1) .5s;  
    -moz-transition: all cubic-bezier(.18,1,.21,1) .5s; 
    -ms-transition: all cubic-bezier(.18,1,.21,1) .5s;  
    -o-transition: all cubic-bezier(.18,1,.21,1) .5s;   
    transition: all cubic-bezier(.18,1,.21,1) .5s;  
    }
.team_show_zi h5{
    font-size:20px;
    color:#fff;
    margin-bottom:15px;
    letter-spacing:1px;
    }   
.team_show_zi p{
    font-size:14px;
    color:#fff;
    letter-spacing:1px;
    line-height:22px;
    }   
.team_img_h1:hover .team_show_zi{
    left:10%;
    opacity:1;
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
    -webkit-transition: all cubic-bezier(.18,1,.21,1) .5s 0.5s; 
    -moz-transition: all cubic-bezier(.18,1,.21,1) .5s 0.5s;    
    -ms-transition: all cubic-bezier(.18,1,.21,1) .5s 0.5s; 
    -o-transition: all cubic-bezier(.18,1,.21,1) .5s 0.5s;  
    transition: all cubic-bezier(.18,1,.21,1) .5s 0.5s; 
    }

.team_img_h2:hover .team_show_zi{
    left:10%;
    opacity:1;
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
    -webkit-transition: all cubic-bezier(.18,1,.21,1) .5s 0.5s; 
    -moz-transition: all cubic-bezier(.18,1,.21,1) .5s 0.5s;    
    -ms-transition: all cubic-bezier(.18,1,.21,1) .5s 0.5s; 
    -o-transition: all cubic-bezier(.18,1,.21,1) .5s 0.5s;  
    transition: all cubic-bezier(.18,1,.21,1) .5s 0.5s; 
    }   


.team_show{
    width:100%;
    height:100%;
    position:absolute; top:0; left:0;
    z-index:2;
    opacity:0;
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;   
    transition: 0.5s ease;
    }
.team_show_bg{
    width:100%;
    height:100%;
    position:absolute; top:0; left:0;
    z-index:-1;
    background:#000;
    opacity:0.7;
    -moz-opacity:0.7; 
    -khtml-opacity:0.7;
    -webkit-opacity:0.7;
    filter:alpha(opacity=70);
    }

.team_img_h1:hover .team_show{
    opacity:1; 
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
    }

.team_img_h2:hover .team_show{
    opacity:1; 
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
    }       


.team-img2{
    width:100%;
    float:left;
    position:relative;
    }   
.team-img2-box{
    width:100%;
    height:100%;
    position:absolute; left:0; bottom:0;
    overflow:hidden;
    }   

.team-img1 img{
    position:absolute; left:0; top:0;
    }
.team-img0 img{
    position:absolute; left:0; bottom:0;
    }

.team-img3 img{
    position:absolute; left:0; top:0;
    }
.team-img4 img{
    position:absolute; left:0; bottom:0;
    }

.team-img2-box img{
    position:absolute; left:0; bottom:0;
    }           
    
.team-img2{
    width:100%;
    }
.team-img5{
    margin-right:15px;
    float:left;
    }
.team-img6{
    float:left;
    }
.team_qh{
    overflow:hidden;
    }
.team-top{
    float:left;
    padding:0 2%;
    overflow:hidden;
    margin:10px auto;
    }
.team-bottom{
    width:70px;
    height:25px;
    float:right;
    margin-top:25px;
    margin-right:20px;
    padding-bottom:28px;
        }
.team-h1{
    color:#fff;
    font-size:24px;
    margin:9% 0;
    }
.team-word{
    color:#fff;
    font-size:16px;
    text-indent:5px;
    line-height:30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    }
@media(min-width:992px) and (max-width:1400px){
.team-word{
height:90px;
overflow:hidden;
    }
    }
@media(min-width:1401px) and (max-width:1600px){
.team-word{
height:120px;
overflow:hidden;
    }
    }

.casemore{
    font-size:14px;
    color:#FFF;
    letter-spacing:1px;
    }