/* CSS Document */

/*全屋定制*/
.join-qwdj { margin-top: 65px; }
.join-qwdj .list { margin-top: 40px; overflow: hidden; }
.join-qwdj .list .slide { position: relative; }
.join-qwdj .list .item { position: relative; width: 25%; height: 260px; overflow: hidden; }
.join-qwdj .list .img {
  position: absolute;
  top: 50%;
  top: 0\9;
  left: 50%;
  left: 0\9;
  z-index: 1;
  min-width: 100%;
  width: 100%\9;
  min-height: 100%;
  height: 100%\9;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.join-qwdj .list .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #000;
  opacity: 0;
  filter: alpha(opacity=0);
}
.join-qwdj .list .info { position: absolute; top: 50%; left: 0; z-index: 3; margin-top: -64px; width: 100%; }
.join-qwdj .list .icon {
  display: block;
  height: 67px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(6%, 0, 0);
  -ms-transform: translate3d(6%, 0, 0);
  -o-transform: translate3d(6%, 0, 0);
  transform: translate3d(6%, 0, 0);
}
.join-qwdj .list .tit {
  margin: 30px 2% 0;
  font-size: 22px;
  color: #fff;
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(-6%, 0, 0);
  -ms-transform: translate3d(-6%, 0, 0);
  -o-transform: translate3d(-6%, 0, 0);
  transform: translate3d(-6%, 0, 0);
}
.join-qwdj .list .item:hover .mask { opacity: 0.5; filter: alpha(opacity=50); }
.join-qwdj .list .item:hover .icon, .join-qwdj .list .item:hover .tit {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.join-qwdj .btn { padding-top: 30px; font-size: 0; text-align: center; background: url(../image/join_ysbg.jpg) center repeat; }
.join-qwdj .btn .more { margin: 0 20px; font-size: 20px; color: #e52d27; }
.join-qwdj .btn .prev, .join-qwdj .btn .next {
  width: 49px;
  height: 20px;
  overflow: hidden;
}
.join-qwdj .btn .next { background-position: -147px 0; }
.join-qwdj .btn .prev:hover { background-position: -49px 0; }
.join-qwdj .btn .next:hover { background-position: -98px 0; }
.join-qwdj-2 { position: relative; margin-top: 0; padding: 50px 0; background-color: #000; overflow: hidden; }
.join-qwdj-2 .bg { position: absolute; top: 50%; left: 50%; z-index: 2; margin: -450px 0 0 -960px; opacity: 0.6; filter: alpha(opacity=60); }
.join-qwdj-2 .join-tit .stxt { color: #eee; }
.join-qwdj-2 .join-tit, .join-qwdj .slidewr { position: relative; z-index: 2; overflow: hidden; }
.join-qwdj .slidewr .comwrap { z-index: 2; margin-top: 30px; height: 590px; background-color: #fff; overflow: hidden; }
.join-qwdj .slidewr .slide { position: relative; width: 1000%; font-size: 0; }
.join-qwdj .slidewr .item { position: relative; padding: 5px 0; width: 10%; max-height: 580px; text-align: center; }
.join-qwdj .slidewr .img { max-width: 1190px; max-height: 580px; vertical-align: top; }
.join-qwdj .slidewr .link { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; }
.join-qwdj .slidewr .comwrap:hover { opacity: 0.8; filter: alpha(opacity=80); }
.join-qwdj .slidewr .btn { position: relative; z-index: 2; padding-top: 20px; background: none; }
.join-qwdj .slidewr .prev, .join-qwdj .slidewr .next { width: 32px; height: 32px; background: url(../image/pron_btn.png) 0 0 no-repeat; }
.join-qwdj .slidewr .prev:hover { background-position: -32px 0; }
.join-qwdj .slidewr .next { background-position: -96px 0; }
.join-qwdj .slidewr .next:hover { background-position: -64px 0; }
.join-qwdj .slidewr .more { color: #eee; }
.join-qwdj .slidewr .more:hover { color: #e52d27; }