html, body {color:#b79d67;background:#111111;
  font-family: 'dincond-blackregular', Helvetica, Arial, "Hiragino Sans GB", "Microsoft JhengHei", "Microsoft Yahei", SimSun, "宋体", sans-serif;font-size:14px;text-rendering:optimizeLegibility;width:100%;height:100%;position:relative;text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;
}

/*font*/
/*@font-face {
  font-family: 'dincond-blackregular';
  src: url('DINCond-Black.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINCond-Bold';
  src: url('DINCond-Bold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINCond-Regular';
  src: url('DINCond-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}*/

@font-face {
    font-family: 'dincond-blackregular';
    src: url('dincond-black-webfont.eot');
    src: url('dincond-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('dincond-black-webfont.woff2') format('woff2'),
         url('dincond-black-webfont.woff') format('woff'),
         url('dincond-black-webfont.ttf') format('truetype'),
         url('dincond-black-webfont.svg#dincond-blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*lang*/
.ch .en-text{display:none;}
.en .ch-text{display:none;}

/*css3*/
.menu-btn:after,.menu-right-btn,.footer-link,.home-video-btn,.home-video-hover,.case-hover-bg,.case-break,.case-item,.case-title,.case-client,.director-hover-bg,.more-btn,.news-info-wrapper,.news-hover-bg,.contact-link,.case-video-btn,.news-detail-source,.fullscreen,.case-type-link,.case-back-btn,.director-out-title,.director-info-wrapper,.director-img-wrapper,.case-img-wrapper,.news-img-wrapper{
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.case-info-wrapper,.director-info-wrapper,.news-info-wrapper,.popup-wrapper,.director-out-title{
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.home-logo-wrapper{
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.home-logo-img, #home-video{
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.director-item:hover .director-img-wrapper,.case-item:hover .case-img-wrapper,.news-item:hover .news-img-wrapper{-moz-transform: scale(1.2);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

/*spinner*/
.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 12px;
  height: 12px;
  background-color: #b79d67;
  margin-right:5px;

  /*border-radius: 100%;*/
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { opacity:0 }
  40% { opacity:1; }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    opacity:0;
  } 40% {
    opacity:1;
  }
}

/*player*/
.player {width:100%;background: rgba(17,17,17,0.8);box-sizing: border-box;height: 40px;-moz-box-sizing: border-box;position: absolute;padding: 0;bottom: 0px;z-index: 2;opacity: 1;-webkit-transition: opacity 0.3s ease-in;transition: opacity 0.3s ease-in;-moz-user-select: none;-webkit-user-select: none;user-select: none;}
.progress {margin:0 3% 0 2%;width: 70%;height: 4px;background: #333;float: left;cursor: pointer;position: relative;top:18px;}
.progress-bar {background: #b79d67;height: 100%;position: relative;z-index: 999;width: 0;}
.button-holder {position: relative;left: 10px;}
.progress-button {background: #b79d67;width: 10px;height: 10px;position: absolute;left: -10px;text-decoration: overline;top:-3px;}
[class^="buffered"] {background: rgba(255,255,255,0.8);position: absolute;top: 0;left: 20px;height: 100%;border-radius: 5px;z-index: 1;}
.play-pause {color:#b79d67;height:40px;line-height:40px;display: inline-block;font-size: 20px;float: left;text-shadow: 0 0 0 #fff;width: 10%;cursor: pointer;text-align:center;}
.play, .pause-button {-webkit-transition: all 0.2s ease-out;}
.play .pause-button, .pause .play-button {display: none;}
.time {color: #b79d67;font-size: 15px;position: absolute;right: -11%;top: -6px;}
.stime, .ttime {color: #b79d67;}
.volume {position: relative;float: left;width: 5%;margin-left:5%;height: 100%;}
.volume-icon {text-align:center;color:#fff;line-height:40px;height: 100%;cursor: pointer;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-transition: all 0.15s linear;font-size:18px;}
.volume-icon .icon-shengyin2{display:none;}
.volume-icon.v-change-1 .icon-shengyin2{display:inline-block;}
.volume-icon.v-change-1 .icon-shengyin1{display:none;}
/*.volume-icon-hover {background-color: rgba(17,17,17,0.8);}*/
.volume-holder {height: 100px;width: 60%;position: absolute;display: none;background: rgba(17,17,17,0.8);left: 0;border-radius: 5px 5px 0 0;top: -100px;left:20%;}
.volume-bar-holder {background: #333;width: 4px;box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);margin: 15px auto;height: 80px;border-radius: 5px;position: relative;cursor: pointer;}
.volume-button {background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.3);border-radius: 30px;width: 15px;height: 15px;}
.volume-button-holder {position: relative;top: -10px; left:-5px;}
.volume-bar {background: #b79d67;border-radius: 5px;width: 100%;height: 100%;position: absolute;bottom: 0;}
.fullscreen {width: 5%;cursor: pointer;float: left;height: 100%;color:#fff;text-align:center;line-height:40px;}
.fullscreen:hover{background:#4f4f4f;}

/*header*/
.header-container{position:fixed;top:0;left:0;width:100%;background:#000;z-index:100;}
.header-wrapper{padding:0 20px;position:relative;height:30px;}
.header-logo-wrapper{float:left;}
.menu-container{float:right;}
.menu-btn{text-transform:uppercase;color:#b79d67;display:block;text-align:center;position:relative;font-family: 'dincond-blackregular', Helvetica, Arial;}
.menu-btn:after{content:'';height:3px;width:100%;bottom:0;position:absolute;background:#b79d67;left:0;opacity:0;}
.menu-btn:hover:after,.menu-btn.active:after{opacity:1;}
.menu-right-btn{display:inline-block;width:30px;height:30px;color:#b79d67;margin:0 5px;border-radius:15px;line-height:30px;text-align:center;}
.menu-right-btn:hover,.menu-right-btn.active{background:#b79d67;color:#000;}
.menu-search-btn{margin:0 10px;display:inline-block;color:#b79d67;}

/*footer*/
.footer-container{position:fixed;bottom:0;left:0;width:100%;background:#000;color:#fff;z-index:100;}
.footer-wrapper{padding:10px 20px;position:relative;}
.footer-link{color:#fff;display:inline-block;margin:0px 10px;}
.footer-link:hover{color:#b79d67;}
.footer-left{font-size:16px;}

/*main*/
.main-container,.home-container{width:100%;height:100%;position:relative;}
.main-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat: no-repeat;background-size:cover;}
.main-bg:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;}
.home-container{overflow:hidden;}
.home-logo-wrapper{text-align:center;width:100%;position:absolute;top:50%;}
.home-logo-img{width:60%;display:block;margin-left:50%;}
.home-logo-mobile{display:none;}
.home-video-btn{display:inline-block;margin-top:30px;font-size:30px;color:#b79d67;border:2px solid #b79d67;width:50px;height:50px;text-align:center;line-height:50px;border-radius:27px;}
.home-video-play{position:relative;left:3px;top:-3px;}
.home-video-pause{display:none;position: relative;top: -2px;}
.playing .home-video-pause{display:inline-block;}
.playing .home-video-play{display:none;}
.home-video-btn:hover{background:#b79d67;color:#000;}
#home-video{position: absolute;top: 0;left: 0;min-width: 100%;min-height: 100%;width: auto;height: auto;left:50%;}
.home-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat: no-repeat;}
.home-video-hover{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;}
.home-video-hover.pause{opacity:0.3;}

/*normal*/
.normal-container{position:relative;padding:50px 0 50px 0;}
.normal-container.video-container,.normal-container.about-container{background:#000;}
.title-wrapper{width:100%;position:relative;margin-bottom:40px;text-align: center}
.normal-more-wrapper{margin:10px 0 0 0;text-align:center;position:relative;}
.more-btn{display:inline-block;padding:10px 20px;font-size:20px;letter-spacing: 1px;color:#b79d67;border:1px solid #b79d67;font-family: 'dincond-blackregular', Helvetica, Arial;font-size:20px;}
.more-btn:hover{background:#b79d67;color:#000;}
.title-text-en{font-family: 'dincond-blackregular', Helvetica, Arial;}
.title-text-ch{font-weight: bold}

/*case*/
.case-list{width:100%;position:relative;}
.case-item{float:left;position:relative;font-weight:bold;overflow:hidden;}
.case-item:after{padding-top:56.52%;display:block;content:'';}
.case-item-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer;}
.case-img-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:center;}
.case-hover-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.3;}
.case-info-wrapper{position:absolute;top:50%;left:50%;text-align:center;width:90%;color:#b79d67;}
.case-item:hover .case-hover-bg{opacity:0.8;border:3px solid #b79d67;}
.case-title{font-size:16px;opacity:0;}
.case-client{font-size:16px;opacity:0;}
.case-item:hover .case-title{opacity:1;}
.case-type-wrapper{width: auto;margin: 0px auto 40px auto;position: relative;text-align: center;}
.case-type-item{display:inline-block;margin-right:15px;}
.case-type-link{display:inline-block;padding:5px 10px;color:#b79d67;font-size:14px;font-weight: bold;}
.case-type-link.active{background:#b79d67;color:#000;border-bottom:1px solid transparent;}
.case-type-link:hover{border-bottom:1px solid #b79d67;}
.client-tag{display:inline-block;margin-right:5px;}

/*director*/
.director-list{width:100%;position:relative;}
.director-item{float:left;position:relative;overflow:hidden;}
.director-item:after{padding-top:100%;display:block;content:'';}
.director-item-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;cursor: pointer;}
.director-img-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:center;}
.director-hover-bg{position:absolute;top:0;bottom:0;left:0;right:0;background:#000;opacity:0.3;}
.director-out-title{position:absolute;top:50%;left:50%;font-size:16px;font-weight: bold}
.director-info-wrapper{width: 85%;height: 85%;text-align: left;left: 50%;top: 50%;position: absolute;opacity:0;}
.director-title{margin-bottom:20px;font-size:18px;font-weight:bold;}
.director-item:hover .director-hover-bg{opacity:0.8;border:3px solid #b79d67;}
.director-item:hover .director-out-title{opacity:0;}
.director-item:hover .director-info-wrapper{opacity:1;}

/*news*/
.new-list{width:100%;position:relative;}
.news-item{float:left;position:relative;width:50%;overflow:hidden;}
.news-item:after{padding-top:25%;display:block;content:'';}
.news-item-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;cursor: pointer;}
.news-img-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:center;}
.news-hover-bg{position:absolute;top:0;bottom:0;left:0;right:0;background:#000;opacity:0.3;}
.news-info-wrapper{position:absolute;top:50%;left:50%;text-align:center;color:#b79d67;font-size:16px;font-weight:bold;}
.news-item:hover .news-hover-bg{opacity:0.8;border:3px solid #b79d67;}


/*about*/
.about-wrapper{background-repeat: no-repeat;background-size:cover;background-position:center;position:relative;}
.about-text{margin:0px auto;position:relative;border-top:1px solid #fff;border-bottom:1px solid #fff;color:#fff;white-space: pre-line;}

/*contact*/
.contact-wrapper{color:#fff;position:relative;background:#000;}
.contact-title{text-transform: uppercase;margin-bottom:5px;font-size:18px;}
.contact-info{margin-bottom:15px;font-size:16px;}
.contact-link{color:#fff;}
.contact-link:hover{color:#b79d67;}

/*case detail page*/
.case-detail-container{position:absolute;left:0;right:0;}
.case-detail-info{font-size:15px;font-weight:bold;}
.case-detail-title{font-size: 20px;margin-bottom: 10px;}
.case-info-container{position:relative;width:100%;}
.case-video-banner{width:100%;height:100%;background-position:center;background-size:cover;background-repeat: no-repeat;position:absolute;top:0;left:0;}
.case-video-hover{position:absolute;top:0;left:0;right:0;bottom:0;background:#231815;opacity:0.5;}
.case-video-btn{display:block;position:absolute;font-size:50px;color:#b79d67;width:50px;height:50px;text-align:center;line-height:50px;top:50%;left:50%;margin-left:-25px;margin-top:-25px;}
.case-video-btn:hover{color:#fff;}
.case-detail-intro{white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;color:#fff;}
.case-detail-intro a{color:#b79d67;text-decoration: underline;}
.case-info-left{font-size:16px;line-height:1.8;}
.director-tag{text-decoration: underline;color:#b79d67;margin-right:10px;display:inline-block;}
.case-back-btn{color:#fff;position:absolute;top:20px;}
.case-back-btn i{font-size:30px;}

/*director*/
.director-title-wrapper{width:100%;text-align:center;position:relative;margin-bottom:40px;text-align:center;}
.director-detail-wrapper{position:relative;margin-bottom:40px;background:#000;}
.director-detail-name{font-size:20px;margin-bottom:10px;font-weight: bold}
.director-detail-intro{color:#fff;line-height:1.8;}
.director-detail-info{padding:20px;}

/*news*/
.news-detail-info{color:#fff;text-align: center;padding:40px 20px;}
.news-detail-title{font-size:30px;margin-bottom:10px;}
.news-detail-subtitle{margin-bottom:5px;}
.news-detail-source{color:#fff;text-decoration: underline;}
.news-detail-source:hover{color:#b79d67;}
.news-detail-content{color:#fff;line-height:1.8;}
.news-detail-content p{margin-bottom:10px;}
.news-detail-content a{color:#b79d67;text-decoration: underline;background:transparent !important;word-break: break-all;}
.news-detail-content img{max-width:100%;}

/*popup*/
.popup-container{position:fixed;top:0px;left:0;right:0;bottom:0px;z-index:100;display:none;}
.popup-bg{background:#b79d67;width:100%;height:100%;top:0;left:0;position:absolute;}
.popup-wrapper{width:260px;position:absolute;top:50%;left:50%;background:#000;}
.popup-box{padding:20px;font-weight:bold;font-size:15px;}
.popup-header{text-align:center;margin-bottom:20px;}
.popup-logo{width:150px;}
.popup-box-row{margin-bottom:15px;}
.popup-box-row:last-child{margin-bottom:0;}
.popup-box-input{display:block;border:none;width:90%;height:30px;line-height:30px;padding:0 5%;font-weight:normal;}
.popup-box-btn{width:100%;height:30px;line-height:30px;text-align:center;background:#b79d67;color:#000;display:block;border:none;}
.popup-qr{width:100%;}
.popup-box-wrapper{display:none;}
.popup-box-wrapper.active{display:block;}
.popup-close-btn{font-size:30px;position:absolute;right:20px;top:20px;color:#000;}

.list-container{position:relative;background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed}
.list-container:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: ;opacity: 0.7;}

.news-detail-container{position:relative;}

@media only screen and (max-width: 767px){
/*progress*/
.play-pause,.volume,.fullscreen{width:15%;}
.progress{width:45%;margin:0 0 0 5%;}
.time{display:none;}

.mobile-menu-btn,.menu-container,.menu-btn{
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.header-logo{display:none;}
.header-logo-mobile{height: 50px;top: 3px;position: relative;}
.header-wrapper{margin:10px 0;}
.mobile-menu-wrapper{float:right;}
.mobile-menu-btn{display:block;line-height:30px;color:#b79d67;font-size:20px;}
.mobile-menu-btn .icon-menu{position: relative;top: -2px;}
.mobile-menu-btn .icon-close{display:none;}
.menu-container{position:fixed;top:50px;bottom:0;right:-100%;width:100%;background:#161616;}
.open .menu-container{right:0;}
.open .mobile-menu-btn .icon-close{display:block;}
.open .mobile-menu-btn .icon-menu{display:none;}
.menu-item{text-align:center;}
.menu-item.last{margin-top:30px;padding-top: 20px;border-top: 1px solid #666;margin: 20px 20px 0 20px;}
.menu-list{margin:5px 0;}
.menu-btn{font-size:16px;line-height:50px;border-bottom:1px solid #000;}
.menu-btn:hover:after,.menu-btn.active:after{display:none;}
.menu-btn:hover,.menu-btn.active{background:#b79d67;color:#000;}

.title-wrapper,.director-title-wrapper{margin-bottom:20px;}

.home-logo-desktop{display:none;}
.home-logo-mobile{display:block;width:90px;}

/*footer*/
.footer-wrapper{text-align: center;padding: 10px 0px;}
/*.footer-left{margin-bottom:10px;}*/
.footer-right{display:none;}

/*normal*/
.normal-container{padding:20px;}
.normal-more-wrapper{margin-top:5px;}
.title-text-en{font-size:28px;}
.title-text-ch{font-size:18px;}

/*case*/
.case-type-wrapper{margin-bottom:20px;}
.case-item{width:100%;}
.case-type-link{font-size:14px;margin-bottom:10px;}
.case-back-btn{right: 21px;top: 12px;}
.case-back-btn i{font-size:20px;}
.case-video-container{position:relative;width:100%;overflow: hidden}
.case-video{position:relative;width:100%;height:auto;}

/*director*/
.director-item{width:50%;}

/*news*/
.news-info-wrapper{font-size: 13px;width: 80%;}
/*.news-item:hover .news-info-wrapper {font-size:14px;}*/
.news-item{width:100%;float:none;}

/*about*/
.about-wrapper{padding:40px 0;}
.about-text{margin: 0 20px;padding:40px 0;font-size:16px;}

/*contact*/
.contact-wrapper{padding:40px;margin-bottom:80px;}
.contact-right{margin-top:40px;padding-top:40px;border-top:1px solid #fff;}

/*list page*/
.list-container{padding:70px 20px 80px 20px; min-height:calc(100% - 150px);}


/*case detail page*/
.case-detail-container{top:50px;bottom:90px;}
.case-info-left{padding:20px;}
.case-detail-info{float:left;width:80%;}
.case-info-right{padding:20px 20px 70px 20px;}
.case-back-btn{right:20px;}

/*director detail*/
.director-detail-img{width:100%;height:300px;background-size:cover;background-repeat: no-repeat;background-position: center}

/*player*/
.player{height:34px;}
.play-pause,.volume-icon,.fullscreen{line-height:34px;}
.progress{top:15px;}
}

@media only screen and (min-width : 768px) and (max-width : 979px){
.case-video{
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/*progress*/
.progress{margin:0 10% 0 2%;width:63%;}
.time{right:-20%;}

.header-logo-mobile{display:none;}
.header-logo{height:50px;position:relative;top:10px;}
.header-wrapper{height:60px;line-height:60px;}
.mobile-menu-wrapper{display:none;}
.menu-item{float:left;}
.menu-btn{line-height:60px;font-size:18px;font-style:bold;margin:0 20px;position:relative;overflow:hidden;}

/*footer*/
.footer-left{float:left;}
.footer-right{float:right;}

/*normal*/
.normal-container{padding-left:40px;padding-right:40px;}
.title-text-en{font-size:30px;}
.title-text-ch{font-size:20px;}

/*case*/
.case-item{width:calc(100%/3);}
.case-video-container{position:relative;height:100%;overflow: hidden;background:#000;}
.case-video{position:relative;height:100%;width:auto;left:50%;}

/*director*/
.director-item{width:25%;}

/*about*/
.about-wrapper{padding:40px 0;}
.about-text{width:620px;padding:40px 0;font-size:16px;}

/*contact*/
.contact-wrapper{padding:80px 40px;margin-bottom:80px;}
.contact-left,.contact-right{float:left;width:50%;position:relative;}
.contact-left:after{content:'';position:absolute;right:0;top:0;width:1px;height:100%;background:#fff;}
.contact-right{padding-left:15%;width:35%;}

/*list page*/
.list-container{padding:100px 40px; min-height: calc(100% - 200px);}

/*case detail*/
.case-detail-container{top:60px;bottom:45px;}
.case-info-left,.case-info-right{float:left;position:relative;}
.case-info-left{width:26%;padding:40px 4%;}
.case-info-right{width:66%;height:100%;overflow:auto;}
.case-detail-intro{padding:45px 40px 40px 40px;}
.case-info-container{margin-bottom:50px;}
.case-back-btn{right:40px;}

/*director*/
.director-detail-wrapper{position:relative;height:auto;min-height:200px;}
.director-detail-img{position:absolute;width:30%;height:100%;background-position:center;background-repeat: no-repeat;background-size:cover;}
.director-detail-info{float:right;width:calc(70% - 40px);}
}

@media only screen and (min-width : 980px){
.case-video{
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.header-logo-mobile{display:none;}
.header-logo{height:50px;position:relative;top:10px;}
.header-wrapper{height:60px;line-height:60px;}
.mobile-menu-wrapper{display:none;}
.menu-item{float:left;}
.menu-btn{line-height:60px;font-size:18px;font-style:bold;margin:0 20px;position:relative;overflow:hidden;}
.footer-left{float:left;}
.footer-right{float:right;}

/*normal*/
.normal-container{padding-left:40px;padding-right:40px;}
.title-text-en{font-size:34px;}
.title-text-ch{font-size:22px;}

/*case*/
.case-item{width:25%;}
.case-video-container{position:relative;height:100%;overflow: hidden;background:#000;}
.case-video{position:relative;height:100%;width:auto;left:50%;}


/*director*/
.director-item{width:calc(100%/6);}


/*about*/
.about-wrapper{padding:40px 0;}
.about-text{width:620px;padding:40px 0;font-size:16px;}

/*contact*/
.contact-wrapper{padding:100px 160px;margin-bottom:80px;}
.contact-left,.contact-right{float:left;width:50%;position:relative;}
.contact-left:after{content:'';position:absolute;right:0;top:0;width:1px;height:100%;background:#fff;}
.contact-right{padding-left:15%;width:35%;}

/*list page*/
.list-container{padding:100px 40px; min-height: calc(100% - 200px);}

/*case detail*/
.case-detail-container{top:60px;bottom:45px;}
.case-info-left,.case-info-right{float:left;position:relative;}
.case-info-left{width:18%;padding:40px 3%;}
.case-info-right{width:76%;height:100%;overflow:auto;}
.case-detail-intro{padding:45px;}
.case-info-container{margin-bottom:50px;}
.case-back-btn{right:40px;opacity:0;}
.case-detail-container:hover .case-back-btn{opacity:1;}


/*director*/
.director-detail-wrapper{position:relative;height:auto;min-height:200px;}
.director-detail-img{position:absolute;width:30%;height:100%;background-position:center;background-repeat: no-repeat;background-size:cover;}
.director-detail-info{float:right;width:calc(70% - 40px);}

/*news*/
.news-detail-container{width: 60%;position: relative;margin: 0 auto;}
}