/* ==========================================================================
 * 头版　/index.html
 * ========================================================================== */

.index-nav {
  position: relative;
  z-index: 1;
  height: 70px;
  margin-top: -70px;
  background: rgba(0,0,0,0.7);
  color: #fff;
}

#index #main { margin-top: 0;}

/* ::::::::::视频区域 :::::::::: */
#videoArea {
  position: relative;
  width: 100%;
  min-height: 600px;
  margin: 0;
  background: url(../images/main-image.jpg) no-repeat center center;
  background-size: cover;
}

#videoArea .videoCopy {
  position: absolute;
  top: 45%;
  left: 50%;
  z-index: 1;
  width: 247px;
  height: 46px;
  margin-left: -123px;
}

#videoArea .scrollContent {
  position: absolute;
  left: 50%;
  bottom: 120px;
  z-index: 1;
  margin-left: -20px;
}

#videoArea .scrollContent a {
  display: block;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#videoArea .scrollContent a:hover {
  transform: translate(0,10px);
  transform: translate(0,10px);
}

/* ::::::::::拾音器:::::::::: */
.pickup {
  padding: 60px 0 50px;
  background: #f6f6f6;
}

.pickup_item {
  position: relative;
  width: 474px;
  padding: 255px 33px 15px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: color 0.3s linear;
  transition: color 0.3s linear;
}

.pickup_item:hover {
  color: #777;
}

.pickup_image {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
}

/* :::::::::: 您的建筑师/个人 :::::::::: */
.index_architect,
.index_personal {
  overflow: hidden;
  position: relative;
  height: 300px;
}

.index_architect {
  margin-top: 80px;
}

.index_architect:before,
.index_personal:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  z-index: -1;
  width: 75%;
  height: 100%;
  background: #f6f6f6;
}

.index_architect:before {
  right: 0;
}

.index_personal:before {
  left: 0;
}

.index_architect .wrapper {
  height: 300px;
  padding-left: 480px;
  background: url(../images/img_business.jpg) no-repeat left top;
}

.index_personal .wrapper {
  height: 300px;
  padding-right: 490px;
  background: url(../images/img_personal.jpg) no-repeat right top;
}

.index_architect .inner,
.index_personal .inner {
  padding-top: 60px;
}

.index_architect h1,
.index_personal h1 {
  margin-bottom: 8px;
  padding-bottom: 10px;
  border-bottom: 3px double #ccc;
}


/* :::::::::: 通知 :::::::::: */
.index_entry {
  margin-bottom: 30px;
}

.index_entry:before,
.index_entry:after { display: table; content: "";}
.index_entry:after { clear: both;}

.index_entry a {
  text-decoration: none;
}

.index_entry .entry_item {
  float: left;
  width: 308px;
  margin-bottom: 40px;
  margin-right: 18px;
}

.index_entry .entry_item.last {
  margin-right: 0;
}

.index_entry .entry-body {
  padding: 15px 20px;
  border: 1px solid #eee;
}

.entry-date {
  color: #999;
  font-size: 	84.6%;
}

.entry-title {
  font-weight: bold;
}


/* ==========================================================================
 * 制造业的西崎工艺　/philosophy/
 * ========================================================================== */
/* 创业1923 */
.philosophy-since {
  position: relative;
  margin-top: 40px;
  padding-right: 500px;
  background: url(../../philosophy/img/img_since01.jpg) no-repeat right top;
}

.philosophy-since_lead {
  position: absolute;
  right: 38px;
  top: 240px;
}

/* 我们的优势 */
.philosophy-advantage01,
.philosophy-advantage02,
.philosophy-advantage03 {
  height: 210px;
  margin: 28px 0;
  padding: 25px 28px 0 350px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: left top;
}

.philosophy-advantage01 { margin-top: 40px; background-image: url(../../philosophy/img/img_advantage01.jpg);}
.philosophy-advantage02 { background-image: url(../../philosophy/img/img_advantage02.jpg);}
.philosophy-advantage03 { background-image: url(../../philosophy/img/img_advantage03.jpg);}

.philosophy-advantage04 {
  height: 210px;
  padding-top: 35px;
  background: url(../../philosophy/img/img_advantage04.jpg) no-repeat center center;
  text-align: center;
}

.philosophy-advantage04 h1 {
  margin-bottom: 15px;
}

.philosophy-advantage04 .btn {
  display: block;
  width: 116px;
  height: 32px;
  line-height: 32px;
  margin: 20px auto 0;
}


/* 工人名单 */
.philosophy-member {
  overflow: hidden;
}

.members-row {
  display: table;
  width: 100%;
  min-width: 1080px;
  margin: 10px 0;
}

.members-cell {
  display: table-cell;
  position: relative;
  width: 25%;
  height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  text-align: center;
  vertical-align: middle;
}

.members-cell.span2 {
  display: table-cell;
  width: 50%;
}

.members-cell.member01 { background-image: url(../../philosophy/img/img_members01.jpg);}
.members-cell.member02 { background-image: url(../../philosophy/img/img_members02.jpg);}
.members-cell.member03 { background-image: url(../../philosophy/img/img_members03.jpg);}
.members-cell.member04 { background-image: url(../../philosophy/img/img_members04.jpg);}
.members-cell.member05 { background-image: url(../../philosophy/img/img_members05.jpg); padding-left: 220px;}
.members-cell.member06 { background-image: url(../../philosophy/img/img_members06.jpg);}
.members-cell.member07 { background-image: url(../../philosophy/img/img_members07.jpg);}
.members-cell.member08 { background-image: url(../../philosophy/img/img_members08.jpg);}
.members-cell.member09 { background-image: url(../../philosophy/img/img_members09.jpg);}
.members-cell.member10 { background-image: url(../../philosophy/img/img_members10.jpg);}
.members-cell.member11 { background-image: url(../../philosophy/img/img_members11.jpg);}


.members-cell.member01:before,
.members-cell.member06:before,
.members-cell.member09:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 200px;
}

.members-cell.member01:before { background: #223461; background: rgba(34,52,97,0.9);}
.members-cell.member06:before { background: #6ea0ca; background: rgba(110,160,202,0.9);}
.members-cell.member09:before { background: #6a5246; background: rgba(106,82,70,0.9);}

.members-cell a,
.members-cell img {
  position: relative;
  z-index: 1;
}

.members-cell a {
  display: table;
  width: 100%;
  height: 100%;
  color: #000;
  text-decoration: none;
}

.members-cell a .btn {
  background: #000;
}

.members-cell_inner {
  display: table-cell;
  visibility: hidden;
  opacity: 0;
  padding: 20px;
  background: #fff;
  background: rgba(255,255,255,0.7);
  vertical-align: bottom;
  -webkit-transition: visibility .3 ease-out, opacity .3s ease-out;
  transition: visibility .3s ease-out, opacity .3s ease-out;
}

a:hover .members-cell_inner {
  visibility: visible;
  opacity: 1;
}

/* 生产和施工案例滑块*/
.worksSlider {
  margin-top: 35px;
}

.worksSlider .slick-slide {
  margin: 0;
}

.worksSlider .slick-dots li {
  width: 7px;
  margin: 8px;
}

.worksSlider .slick-dots li button:after {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}


/* ==========================================================================
 * 更多的工人　/philosophy/member*.html
 * ========================================================================== */
.member-intro {
  display: table;
  width: 100%;
  height: 280px;
  background: #f6f6f6;
}

.member-intro_body {
  display: table-cell;
  padding: 40px;
  vertical-align: middle;
}

.member-intro_image {
  display: table-cell;
  width: 470px;
}

.member-lead {
  margin-bottom: 15px;
  font-size: 115.4%;
  font-weight: bold;
}

.member-lead:after {
  display: block;
  content: '';
  width: 20px;
  height: 3px;
  margin-top: 10px;
  background: #999;
}


.member_block-inner {
  width: 690px;
  padding: 25px 40px;
  background: #f6f6f6;
  background: rgba(246,246,246,0.9);
}

/* 我有这样的工作 */
.member_block2 {
  position: relative;
  padding-top: 50px;
  min-height: 340px;
}

.member_block2 .member_block-image {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

/* 我的"现在"*/
.member_block3 {
  position: relative;
  height: 420px;
}

.member_block3 .member_block-inner {
  position: absolute;
  right: 0;
  bottom: 0;
}

.member_block3 .member_block-image {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

/* 导航 */
.member_nav {
  text-align: center;
}

.member_nav-next {
  float: right;
}

.member_nav-next:after {
  display: inline-block;
  content: '';
  width: 26px;
  height: 26px;
  margin-left: 10px;
  background: url(../img/btn-controls.png) no-repeat -50px -80px;
  vertical-align: middle;
}

.member_nav-prev {
  float: left;
}

.member_nav-prev:before {
  display: inline-block;
  content: '';
  width: 26px;
  height: 26px;
  margin-right: 10px;
  background: url(../img/btn-controls.png) no-repeat 0px -80px;
  vertical-align: middle;
}



/* ==========================================================================
 * 直到你可以　/flow/
 * ========================================================================== */
.flow-intro {
  padding-top: 70px;
  background: url(../../flow/img/img_intro.jpg) no-repeat top center;
  background-size: 100%;
}

/* STEP */
.flow-step {
  position: relative;
  height: 210px;
  padding: 15px 30px 0 350px;
  background-repeat: no-repeat;
  background-position: left top;
  border: 1px solid #dfdfdf;
}

.flow-step + .flow-step {
  margin-top: 70px;
}

.flow-step + .flow-step:before {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  top: -55px;
  width: 6px;
  height: 36px;
  margin-left: -3px;
  background: url(../../flow/img/arrow.png) no-repeat left top;
}

.flow-step:after {
  display: block;
  content: attr(data-step);
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 30px;
  line-height: 30px;
  background: #000;
  color: #fff;
  font-family: 'Roboto Condensed';
  font-size: 92.3%;
  font-weight: bold;
  text-align: center;
}

.flow-step.step01 {
  height: 290px;
  margin-top: 80px;
  background-image: url(../../flow/img/img_step01.jpg);
  background-color: #f6f6f6;
}

.flow-step.contract {
  height: auto;
  padding: 0;
  border:  none;
}

.flow-step.contract:after { display: none;}
.flow-step.step02 { background-image: url(../../flow/img/img_step02.jpg);}
.flow-step.step03 {background-color: #f6f6f6; background-image: url(../../flow/img/img_step03.jpg);}
.flow-step.step04 { background-image: url(../../flow/img/img_step04.jpg);}
.flow-step.step05 {background-color: #f6f6f6; background-image: url(../../flow/img/img_step05.jpg);}
.flow-step.step06 { background-image: url(../../flow/img/img_step06.jpg);}

/* STEP内容 */
.step-title {
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
}


/* ==========================================================================
 * 承诺家具涂装　/coating/
 * ========================================================================== */
.coating-point {
  margin-top: 60px;
  background: #f6f6f6;
}

.coating-point01,
.coating-point02,
.coating-point03 {
  position: relative;
  padding-top: 395px;
  padding-bottom: 50px;
}

.coating-point01,
.coating-point03 {
  padding-left: 480px;
}

.coating-point02 {
  padding-left: 50px;
  padding-right: 480px;
}

.coating-point01:before,
.coating-point02:before,
.coating-point03:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: left top;
}

.coating-point01:before { background-image: url(../../coating/img/img_point01-1.jpg);}
.coating-point02:before { background-image: url(../../coating/img/img_point02-1.jpg);}
.coating-point03:before { background-image: url(../../coating/img/img_point03-1.jpg);}

.coating-point01 h1,
.coating-point02 h1,
.coating-point03 h1 {
  margin-bottom: 25px;
}

.coating-point_img {
  position: absolute;
  top: 246px;
  padding: 6px;
  background: #f6f6f6;
}

.coating-point01 .coating-point_img,
.coating-point03 .coating-point_img { left: 50px;}
.coating-point02 .coating-point_img { right: 50px;}

/* :::::::::: 为了大家在设计和施工的关系:::::::::: */
.coating-architect {
  position: relative;
  height: 250px;
  line-height: 2.3;
  margin-top: 40px;
  padding: 25px 40px 0 520px;
  background: #f6f6f6 url(../../coating/img/img_architect.jpg) no-repeat left top;
  border: 1px solid #ddd;
}

/* 涂装车间的指导 */
.coating-factory {
  margin-top: 50px;
  padding: 40px;
  background: #f6f6f6 url(../../coating/img/img_factory.jpg) no-repeat right top;
  border: 1px solid #ddd;
}

.coating-factory .btn {
  width: 200px;
  height: 38px;
  line-height: 38px;
  margin-left: 0;
}


/* ==========================================================================
 * 生产和建设情况/works/
 * ========================================================================== */
/*类别 */
.works-category {
  margin-bottom: 40px;
  text-align: center;
}

.works-category ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 92.3%;
}

.works-category li {
  display: inline;
}

.works-category a {
  position: relative;
  display: inline-block;
  padding: 0 15px 22px;
  text-decoration: none;
}

.works-category .current {
  font-weight: bold;
}

.works-category .current:after {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  margin-left: -10px;
  border: 10px solid transparent;
  border-bottom-color: #000;
  -webkit-transform: scale(0.6,1);
  -ms-transform: scale(0.6,1);
  transform: scale(0.6,1);
}

/* 名单 */
.works-list {
  overflow: hidden;
  list-style: none;
  width: 972px;
  margin: 0 0 50px -12px;
  padding: 0;
}

.works-list li {
  position: relative;
  float: left;
  width: 312px;
  height: 194px;
  margin: 0 0 12px 12px;
}

.works-list .overlay {
  display: table;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  background: rgba(255,255,255,.8);
  color: #000;
  text-align: center;
  -webkit-transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
  transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
}

.works-list .overlay-inner {
  display: table-cell;
  vertical-align: middle;
}

.works-list a:hover .overlay {
  visibility: visible;
  opacity: 1;
}

.works-list a:hover img {
  opacity: 1;
}

.works-list .btn {
  margin: 5px auto 0 auto;
  background: #000 !important;
}


/* ==========================================================================
 * 事业绍介　/service/
 * ========================================================================== */
.service-item {
  width: 470px;
  margin-top: 15px;
}

.service-item_body {
  padding: 15px 20px;
}


/* :::::::::: 为了大家的建筑师:::::::::: */
.architect-intro {
  padding: 50px 0;
  background: url(../images/img_architect.jpg) no-repeat top center;
  background-size: 100%;
}

.architect-intro h2 {
  font-size: 107.7%;
}


/* 优点（建筑师） */
.service-merit {
  width: 960px;
  margin: 0 auto;
}

.service-merit_block {
  float: left;
  width: 270px;
  margin-left: 26px;
  padding: 5px 20px 0;
}

.service-merit_block.first {
  margin-left: 50px;
}

/* 常问问题 */
.qa-list > dt {
  position: relative;
  margin-bottom: 5px;
  padding: 25px 0 20px 40px;
  border-top: 1px dotted #ccc;
  font-size: 107.7%;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.qa-list > dt:first-child {
  border: none;
}

.qa-list > dt:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 20px;
  width: 28px;
  height: 28px;
  background: url(../images/icon-q.png) no-repeat;
}

.qa-list > dt:hover {
  color: #999;
}

.qa-list > dd {
  margin-left: 0;
  padding: 15px 0 35px 0;
}


/* :::::::::: 个人客户 :::::::::: */
.personal-intro {
  padding: 50px 0;
}

.personal-intro_image {
  height: 290px;
  margin-bottom: 40px;
  background: url(../images/img_personal.jpg) no-repeat center center;
  background-size: cover;
}

.personal-intro h2 {
  font-size: 107.7%;
}

/* 优点（个体） */
.service-merit2 {
  width: 960px;
  margin: 0 auto;
}

.service-merit2_block {
  float: left;
  width: 225px;
  margin-left: 20px;
  padding-top: 5px;
}

.service-merit2_block.first {
  margin-left: 0;
}

.service-merit2_block p {
  padding: 0 12px;
}


/* ==========================================================================
 * 公司信息　/profile/
 * ========================================================================== */
/* :::::::::: 问候 :::::::::: */
.greeting_body {
  float: left;
  width: 600px;
  margin-bottom: 75px;
}

.greeting_image {
  float: right;
  width: 310px;
  text-align: center;
}

.greeting_image > img {
  margin-bottom: 20px;
}

.greeting_image-foot {
  clear: both;
  height: 350px;
  background: url(../images/img_greeting02.jpg) no-repeat center center;
  background-size: cover;
}

/* :::::::::: 公司简介 :::::::::: */
/* 公司简介 */
.prof-outline th {
  min-width: 130px;
}

.prof-outline .btn {
  display: block;
  width: 116px;
  height: 32px;
  line-height: 32px;
  margin: 10px 0;
}

/* 滑块 */
.prof-slider {
  overflow: hidden;
  height: 194px;
  margin-bottom: 70px !important;
}

.prof-slider .slick-slide {
  width: auto;
  margin: 0;
}

/* 西崎工艺品历史 */
.prof-history th {
  min-width: 175px;
}

/* 访问 */
.access01,
.access02 {
  width: 474px;
  padding: 255px 32px 25px;
  background-color: #fff;
  background-repeat: no-repeat;
}

.access01 {
  float: left;
  background-image: url(../images/img_access01.jpg);
}

.access02 {
  float: right;
  background-image: url(../images/img_access02.jpg);
}

.access-map {
  width: 100%;
  height: 400px;
  margin: 50px 0 25px;
}

.access03 {
  margin-top: 40px;
}

.access03 h2 {
  margin-top: 25px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #d2d2d2;
}

/* 陈列室指导 */
.prof-showroom {
  display: table;
  height: 250px;
  margin: 30px auto;
  border: 1px solid #e1e1e1;
}

.prof-showroom_inner {
  display: table-cell;
  padding: 30px 20px 30px 510px;
  background: url(../images/img_showroom01.jpg) no-repeat left top;
}


/* ==========================================================================
 * 招聘　/recruit/
 * ========================================================================== */
.recruit-intro {
  line-height: 2.3;
  padding-right: 310px;
  background: url(../../recruit/img/img_message.jpg) no-repeat right bottom;
}

.recruit-intro h2 {
  margin-bottom: 20px;
  font-size: 107.7%;
  font-weight: bold;
}

.requirement h2 {
  margin-bottom: 15px;
  font-size: 153.8%;
  font-weight: bold;
  text-align: center;
}

.requirement .table {
  border-top: 1px solid #ddd;
}

/* ==========================================================================
 * 通知　/news/
 * ========================================================================== */
.news-detail .entry-title {
  margin-bottom: 5px;
  padding-bottom: 10px;
  border-bottom: 3px double #ccc;
  font-size: 138.5%;
}

.news-detail .entry-date {
  margin-bottom: 20px;
  text-align: right;
}

.news-detail .news-main {
  float: left;
  width: 680px;
}

.news-main img{
	max-width: 680px;
	height:auto;
}

.news-main .news-image ul{
	margin:10px;
	padding:0;
	list-style:none;
}

.news-main .news-image li{
	float: left;
	width: 200px;
	margin: 0 10px 15px 10px;
	text-align: center;
}

.news-main .news-image li img{
	max-width: 200px;
}

.news-detail .news-side {
  float: right;
  width: 240px;
}

.news-side .cat{ 
  margin-top: 13px;
}

.news-side h3{
  font-weight:bold;
  letter-spacing:3px;
  padding-bottom:3px;
  border-bottom:1px solid #e5e5e5;
}

.news-side ul{
  margin:0;
  padding:0;
  list-style: none;
}
.news-side li{
  padding:12px 0 10px 10px;
  border-bottom:1px dotted #ccc;
  cursor:pointer;
}

.news-side li.active{
  background-color:#f6f6f6;
}