@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(../images/facebook.png) center no-repeat;
}
.svg .social ul li a.facebook {
  background: url(../images/facebook.svg) center no-repeat;
  background-size: 18px;
}
.social ul li a.twitter {
  background: url(../images/twitter-boxed.png) center no-repeat;
}
.svg .social ul li a.twitter {
  background: url(../images/twitter-boxed.svg) center no-repeat;
  background-size: 18px;
}
.social ul li a.email {
  background: url(../images/email.png) center no-repeat;
}
.svg .social ul li a.email {
  background: url(../images/email.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(../images/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(../images/permalink.png) 1.25em center no-repeat #1c1c1c;
  -webkit-box-shadow: 0 0 4em 4em #ffffff;
  -moz-box-shadow: 0 0 4em 4em #ffffff;
  box-shadow: 0 0 4em 4em #ffffff;
}
.svg .media-box .text-frame a.permalink {
  background: url(../images/permalink.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(../images/facebook.png) left center no-repeat;
}
.svg .media-box.social.facebook .header h3 {
  background: url(../images/facebook.svg) left center no-repeat;
  background-size: 18px;
}
.media-box.social.twitter .header h3 {
  padding-left: 1.8em;
  background: url(../images/twitter.png) left center no-repeat;
}
.svg .media-box.social.twitter .header h3 {
  background: url(../images/twitter.svg) left center no-repeat;
  background-size: 18px;
}
.media-box.social.instagram .header h3 {
  padding-left: 1.8em;
  background: url(../images/instagram.png) left center no-repeat;
}
.svg .media-box.social.instagram .header h3 {
  background: url(../images/instagram.svg) left center no-repeat;
  background-size: 18px;
}
.media-box.social.blog .header h3 {
  padding-left: 1.8em;
  background: url(../images/blog.png) left center no-repeat;
}
.svg .media-box.social.blog .header h3 {
  background: url(../images/blog.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;
	letter-spacing:5px; 
	display:block;
	margin-bottom:10px;
	text-align:center; 
	color:#ddd;
	text-transform:uppercase;
	}

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

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


.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:14%;
	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%;

	}
	
.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{
	width:150px;
	height:60px;
	position:absolute; left:-30px; top:-30px;
	z-index:2;
	background:#f0e1d9;
	}	
.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 ul{
	width:100%; height:200px;
	padding:0;
	margin:0;
	position:relative;
	}	
.index_sec2_list_h ul li{
	width:100%; height:40px;
	font-size:16px;
	color:#000;
	text-align:center;
	line-height:40px;
	font-weight:600;
	letter-spacing:1px;
	}	

.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 #f0e1d9;
	}

.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;
	letter-spacing:2px;
	-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: #cccccc;
	}

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

.prolist ul li:hover a{
	color:#c3a07d;
	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:30px;
	margin:9% 0;
	}
.team-word{
	color:#fff;
	font-size:14px;
	text-indent:5px;
	line-height:30px;
	}
@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:12px;
	color:#FFF;
	letter-spacing:1px;
	}