/* 品质保障 - 环保建材 */
.h1-zt-greenMat {color:#3e3a39!important; font-size:30px!important; font-weight:bold!important;}
.h2-zt-greenMat {color:#707070!important; font-size:16px!important;}

/* 品质保障 - 环保建材 - 全球大牌 */
#zt-greenMat--section-brand {
  background-image:url("../image/zt/green_mat/brand_bg.png");
  background-repeat:no-repeat;
  background-position:88% 112%;
}
#zt-greenMat--section-brand .row-stage div.col {transition:all ease-in 0.5s;}
#zt-greenMat--section-brand .row-stage div.col:hover {transform:scale(1.05);}
#zt-greenMat--section-brand .row-stage div {padding:10px 0; color:#ffffff;}
#zt-greenMat--section-brand .row-stage div.bg-blue {background-color:#163558;}
#zt-greenMat--section-brand .row-stage div.bg-grey {background-color:#5d5d5d;}
#zt-greenMat--section-brand .row-stage div.col:hover div.bg-blue,
#zt-greenMat--section-brand .row-stage div.col:hover div.bg-grey {
  box-shadow: 0.15rem .3rem 1rem rgba(0,0,0,.25);
}
#zt-greenMat--section-brand .row-stage b {font-weight:bold; font-size:17px;}
#zt-greenMat--section-brand .row-stage i {font-style:normal; font-size:17px;}

#zt-greenMat--section-brand .btn-danger {
  margin-top:52px; font-size:20px; background-color:#f3382a; padding:6px 48px; border-radius:25px;
  letter-spacing:3px; transition:all ease-in 0.5s;
}
#zt-greenMat--section-brand .btn-danger:hover {transform:scale(1.05);}

/* 品质保障 - 环保建材 - 产品体系 */
#zt-greenMat--section-system {background-color:#f9f9f9;}
#zt-greenMat--section-system p {font-family:"msyh",sans-serif; font-size:16px; color:#303030; letter-spacing:3px;}
#zt-greenMat--section-system .swiper .card h5 {
  height:50px; line-height:50px; margin-top:-50px; margin-bottom:0; opacity:0.6;
  font-size:20px; font-weight:normal; color:#ffffff;
  background-image:repeating-linear-gradient(to bottom, rgba(0,0,0,0.11), rgba(0,0,0,0.66));
}

/* 品质保障 - 环保建材 - 中间横幅 */
a.btn-middle-banner {position:relative; top:35px; left:70%; transition:all ease-in 0.5s;}
a.btn-middle-banner:hover {transform:scale(1.05);}
img.img-middle-banner {margin-top:-58px;}

/* 品质保障 - 环保建材 - 优质用材 */
#zt-greenMat--section-material .row-accordion .div-button {float:left; width:6.1%; height:100%; min-height:464px; cursor:pointer;}
#zt-greenMat--section-material .row-accordion .div-button.color1 {background-color:#dee0e2;}
#zt-greenMat--section-material .row-accordion .div-button.color2 {background-color:#eeeeee;}
#zt-greenMat--section-material .row-accordion .div-button p.zh {color:#000; font-size:31px; margin-top:160px;}
#zt-greenMat--section-material .row-accordion .div-button span.en {writing-mode:vertical-lr; color:#999; font-size:20px;}
#zt-greenMat--section-material .row-accordion .div-button.hover p.zh {color:#f3382a;}
#zt-greenMat--section-material .row-accordion .div-button.hover span.en {color:#303030;}

#zt-greenMat--section-material .row-accordion .div-toggle {float:left; width:50.8%; height:100%; min-height:464px;}
#zt-greenMat--section-material .row-accordion .div-toggle p.msg {font-size:30px; color:#fff; margin-top:-70px;}

/* 品质保障 - 环保建材 - 环保检测 */
#zt-greenMat--section-test {
  background-image:url("../image/zt/green_mat/test_bg.jpg");
  background-repeat:no-repeat;
  background-position:0% 100%;
  margin-bottom:-72px; padding-bottom:50px;
}
#zt-greenMat--section-test .col img.shadow {transition:all ease-in 0.5s;}
#zt-greenMat--section-test .col img.shadow:hover {transform:scale(1.08);}

#zt-greenMat--section-test .btn-danger {
  margin-top:62px; font-size:20px; background-color:#f3382a; padding:6px 48px; border-radius:25px;
  letter-spacing:3px; transition:all ease-in 0.5s;
}
#zt-greenMat--section-test .btn-danger:hover {transform:scale(1.05);}



/* 品质保障 - 特色工艺 */
h1.h1-zt-spCraft {font-size:40px !important;}
h2.h2-zt-spCraft {font-size:15px !important; color:#707070 !important;}

#zt-spCraft--section-heart,
zt-spCraft--section-patent,
zt-spCraft--section-standard,
zt-spCraft--section-staff {
  margin-top:30px !important;
}

/* 品质保障 - 特色工艺 - 匠心工艺饰爱家 */
#zt-spCraft--section-heart .card-stage {background-color:#ffffff; border:1px solid #d0d0d0; transition:all ease-in 0.75s;}
#zt-spCraft--section-heart .card-stage:hover {background-color:#c61720; border:1px solid #c61720;}
#zt-spCraft--section-heart .card-stage .icon-check {
  width:50px; height:50px; border-radius:50px; margin:-25px auto 0 auto;
  background-image:url("../image/zt/special_craft/icon_top_check.png");
}
#zt-spCraft--section-heart .card-stage:hover .icon-check {background-position-x:51px;}
#zt-spCraft--section-heart .card-stage h3 {margin-top:80px; font-size:21px; color:#000; letter-spacing:1px;}
#zt-spCraft--section-heart .card-stage h3 b {font-size:30px; color:#2b2b2b; letter-spacing:0 !important; display:inline-block; margin-bottom:3px;}
#zt-spCraft--section-heart .card-stage hr {margin:0 auto; width:15%; background-color:#c61720;}
#zt-spCraft--section-heart .card-stage p {margin-top:22px; margin-bottom:80px; color:#5d5d5d; font-size:16px;}

#zt-spCraft--section-heart .card-stage:hover h3,
#zt-spCraft--section-heart .card-stage:hover h3 b,
#zt-spCraft--section-heart .card-stage:hover p {color:#ffffff;}
#zt-spCraft--section-heart .card-stage:hover hr {background-color:#f0d484;}

/* 品质保障 - 特色工艺 - 专利工艺 列表 */
#zt-spCraft--section-patent .div-ul-container {
  width:34%; position:absolute; top:13%; right:7%; background-color:#fff;
}
#zt-spCraft--section-patent .div-ul-container ul {
  width:49%; text-align:left;
  list-style-image: url("../image/zt/special_craft/patent_item_icon.png");
}
#zt-spCraft--section-patent .div-ul-container ul li {color:#3a3e39; font-size:0.8rem; font-weight:bold; margin:0.4rem 0 !important;}
#zt-spCraft--section-patent .div-ul-container ul li small {color:#5d5d5d; font-size:12px; transform:scale(0.9);}

/* 品质保障 - 特色工艺 - 专利工艺 轮播 */
#zt-spCraft--section-patent .swiper {background-color:#f5f5f5;}
#zt-spCraft--section-patent .card {text-align:left; border:2px solid #f5f5f5; background-color:#ffffff; padding:6px;}
#zt-spCraft--section-patent .card h5 {font-size:17px; font-weight:bold; margin:6px 4px;}
#zt-spCraft--section-patent .card p {font-size:13px; color:#9f9f9f; margin:0 4px 4px 4px;}

/* 品质保障 - 特色工艺 - 施工标准 */
#zt-spCraft--section-standard .div-button {
  float:left; width:6.6%; padding-left:1.5%; cursor:pointer;
  writing-mode:vertical-lr; font-size:30px; color:#ffffff; min-height:550px;
}
#zt-spCraft--section-standard .div-button.color1 {background-color:#c4c4c4;}
#zt-spCraft--section-standard .div-button.color2 {background-color:#5d5d5d;}
#zt-spCraft--section-standard .div-button.active {background-color:#c61720 !important;}
#zt-spCraft--section-standard .div-toggle {float:left; width:66%; border:1px solid #eee;}
#zt-spCraft--section-standard .div-toggle .msg {
  width:98%; text-align:left; background-color:#000; color:#fff; opacity:0.6; position:absolute; bottom:0;
  margin-right:0.25rem; margin-bottom:0.25rem; padding:6px 16px; font-size:14px; letter-spacing:1px;
}

#zt-spCraft--section-standard .middle-title {margin:18px 24px;}
#zt-spCraft--section-standard .middle-title h4 {font-size:28px; background-color:#fff; color:#3e3a39;}
#zt-spCraft--section-standard .middle-title hr.left {margin-top:-20px; float:left; width:38%;}
#zt-spCraft--section-standard .middle-title hr.right {margin-top:-20px; float:right; width:38%;}

#zt-spCraft--section-standard .row-old-work div.col {padding:0 8px 6px 0;}
#zt-spCraft--section-standard .row-old-work span.tag {
  margin:0; padding:0; color:#ffffff; font-size:10px; width:77px; height:22px; transform:scale(0.88);
  background-image:url("../image/zt/special_craft/old_work/tag.png"); background-repeat:no-repeat; background-position:center center; background-size:cover;
  display:inline-block; position:absolute; top:-2px; left:5%;
}
#zt-spCraft--section-standard .row-old-work img.icon-solve {position:absolute; top:8%; right:12%; opacity:0.8; transform:scale(0.9);}
#zt-spCraft--section-standard .row-old-work div.msg {
  width:100%; height:52px; margin-top:-52px; font-size:14px; text-align:left; padding:4px 0 4px 18px; opacity:0.8;
  background-color:#5b5b5b; color:#ffffff;
}
#zt-spCraft--section-standard .row-old-work div.col * {transition:all linear 0.5s;}
#zt-spCraft--section-standard .row-old-work div.col:hover img.icon-solve {opacity:0.99; transform:scale(1);}
#zt-spCraft--section-standard .row-old-work div.col:hover div.msg {opacity:0.95; background-color:#c61720;}

/* 品质保障 - 特色工艺 - 施工团队 */
#zt-spCraft--section-staff h2.staff-title {margin:0; font-size:40px; color:#3e3a39;}
#zt-spCraft--section-staff h2.staff-title small {font-size:20px; color:#717171; margin-left:20px; letter-spacing:2px;}
#zt-spCraft--section-staff hr.staff-hr {float:right; width:97%; margin:0;}

#zt-spCraft--section-staff div.staff-bg {
  background-image:url("../image/zt/special_craft/staff_bg.jpg");
  background-repeat:no-repeat; background-position:center center; background-size:cover;
  text-align:left;
}
#zt-spCraft--section-staff div.staff-bg h3 {margin-left:15%; margin-top:10%; font-size:24px; letter-spacing:1px; color:#2d2e2e;}
#zt-spCraft--section-staff div.staff-bg h3 b {display:inline-block; font-size:25px; margin-bottom:8px; color:#2d2e2e;}
#zt-spCraft--section-staff div.staff-bg p {line-height:33px; margin:20px 15% 0 15%; font-size:16px; color:#2d2e2e;}

/* 品质保障 - 特色工艺 - 监理和队长轮播 */
#zt-spCraft--section-staff .swiper-button-prev {left:0; top:38%;}
#zt-spCraft--section-staff .swiper-button-next {right:0; top:38%;}
#zt-spCraft--section-staff .swiper-button-prev, #zt-spCraft--section-staff .swiper-button-next {
  color:#ffffff; background-color:#606060; width:50px; height:120px; opacity:0.5; transform:scale(0.6);
}
#zt-spCraft--section-staff .swiper-button-prev:hover, #zt-spCraft--section-staff .swiper-button-next:hover {
  opacity:0.75;
}
#zt-spCraft--section-staff .swiper {background-color:#f5f5f5;}
#zt-spCraft--section-staff .card {text-align:left; border:2px solid #f5f5f5; background-color:#ffffff; padding:0;}

#zt-spCraft--section-staff .swiper-supervisor .col-name {font-size:22px; color:#000000;}
#zt-spCraft--section-staff .swiper-supervisor .col-expr {font-size:18px; color:#5a5a5a; line-height:36px; letter-spacing:1px;}
#zt-spCraft--section-staff .swiper-supervisor .col-expr i {color:#c61720;}

#zt-spCraft--section-staff .swiper-leader .col-name {font-size:20px; color:#c61720;}
#zt-spCraft--section-staff .swiper-leader .col-expr {font-size:16px; color:#5a5a5a; line-height:32px;}
#zt-spCraft--section-staff .swiper-leader .col-expr i {color:#c61720;}

#zt-spCraft--section-staff div.bg-f5 {background-color:#f5f5f5 !important;}
#zt-spCraft--section-staff p.p-supervisor-msg span {display:inline-block; margin-left:55px; font-size:18px; color:#5d5d5d; letter-spacing:2px;}

/* 品质保障 - 特色工艺 - 预约 */
#zt-spCraft--section-appoint {margin-bottom:-40px;}
#zt-spCraft--section-appoint .col-bg {
  background-image:url("../image/zt/special_craft/appoint_form_bg.jpg");
  background-repeat:no-repeat; background-position:center center; background-size:cover;
}
#zt-spCraft--section-appoint .col-bg .inner {
  width:100%; height:100%; color:#fff; text-align:left;
  background-color:#454545; opacity:0.9;
  padding-top:60px; padding-left:110px;
}
#zt-spCraft--section-appoint .col-bg .inner p {font-size:32px;}
#zt-spCraft--section-appoint .col-bg .inner span {display:inline-block; font-size:20px; margin-left:32px;}
#zt-spCraft--section-appoint .col-bg .inner b {font-size:29px;}
#zt-spCraft--section-appoint .col-bg .btn-appoint {
  width:75%; height:60px; font-size:24px; margin-top:20px;
  background-color:#d4c09d; color:#ffffff; border:1px solid #d4c09d; border-radius:30px;
  transition:all linear 0.75s;
}
#zt-spCraft--section-appoint .col-bg .btn-appoint:hover {
  background-color:#d8b888; transform:scale(1.06);
}


/* 品质保障 - 交付保障 */
h1.h1-handoverGuar {color:#3e3a39 !important; font-size:40px !important;}
h2.h2-handoverGuar {color:#717171 !important; font-size:15px !important;}

#zt-handoverGuar--section-header {margin-top:42px;}
#zt-handoverGuar--section-header .row-stage .card-stage {
  font-family:'msyh', sans-serif; transition:all linear 0.5s;
  border:1px solid #a0a0a0; border-radius:4px; margin:0 4px; padding:30px 0 10px 0;
}
#zt-handoverGuar--section-header .row-stage .card-stage h3 {font-size:30px; color:#333333; font-weight:bold; transition:all linear 0.5s;}
#zt-handoverGuar--section-header .row-stage .card-stage h4 {font-size:21px; color:#3d3d3d;}
#zt-handoverGuar--section-header .row-stage .card-stage hr {width:10%; background-color:#c61720; margin-top:0;}
#zt-handoverGuar--section-header .row-stage .card-stage p.btn {
  width:140px!important; height:28px!important; padding:2px; border-radius:36px;
  font-size:16px!important; background-color:#c61720; cursor:default;
}

#zt-handoverGuar--section-header .row-stage .card-stage:hover {border-color:#c61720;}
#zt-handoverGuar--section-header .row-stage .card-stage:hover h3 {color:#c61720;}
#zt-handoverGuar--section-header .row-stage .card-stage:hover p.btn {transform:scale(1.06);}

/* 品质保障 - 交付保障 - 售后 */
#zt-handoverGuar--section-afterSale ul {
  font-size:13px; color:#5d5d5d; padding:0; margin-top:110px; margin-right:22px;
  list-style-image: url("../image/zt/handover_guarantee/after_sale_list_icon.png");
}
#zt-handoverGuar--section-afterSale ul li {margin-bottom:3px;}
#zt-handoverGuar--section-afterSale .img-badge {position:absolute; bottom:20px; right:3%;}

#zt-handoverGuar--section-afterSale div.w-50,
#zt-handoverGuar--section-afterSale div.col-form {
  border:1px solid #dbdbdb; transition:all linear 0.25s;
}
#zt-handoverGuar--section-afterSale div.w-50:hover {box-shadow: 0.15rem .3rem 1rem rgba(0,0,0,.25);}
#zt-handoverGuar--section-afterSale div.col-form {background-color:#f3f3f3; color:#717171; padding:22px 18px 0 18px;}
#zt-handoverGuar--section-afterSale div.col-form h3 {font-size:20px; font-weight:bold;}
#zt-handoverGuar--section-afterSale div.col-form span.phone {font-size:15px; display:inline-block; margin-bottom:14px;}
#zt-handoverGuar--section-afterSale div.col-form .form-control {margin-bottom:8px; font-size:14px; border:1px solid #f0f0f0;}
#zt-handoverGuar--section-afterSale div.col-form .btn-danger {
  width:176px; height:36px; font-size:15px; background-color:#c61720;
  transition:all linear 0.5s;
}
#zt-handoverGuar--section-afterSale div.col-form .btn-danger:hover {transform:scale(1.05);}

/* 品质保障 - 交付保障 - 消保委 */
#zt-handoverGuar--section-SCC .h1-handoverGuar {color:#5d5d5d !important; letter-spacing:3px;}
#zt-handoverGuar--section-SCC .inner {border:3px solid #92f4b5;}
#zt-handoverGuar--section-SCC .video {background-color:#000;}

/* 品质保障 - 交付保障 - 竣工验收标准 */
#zt-handoverGuar--section-acceptance {
  margin:0; padding-top:50px;
  background-image:url("../image/zt/handover_guarantee/acceptance_bg.jpg");
  background-repeat:no-repeat; background-position:center center; background-size:cover;
}

#zt-handoverGuar--section-acceptance .row-stage {border:12px solid rgba(0,0,0,0.25); border-bottom:0; border-radius:4px 4px 0 0;}
#zt-handoverGuar--section-acceptance .row-stage .col-7 {width:55% !important;}
#zt-handoverGuar--section-acceptance .row-stage .col-5 {width:44% !important;}
#zt-handoverGuar--section-acceptance .row-stage .col-5 ul {margin:95px 35px 0 45px; color:#c61720; font-size:16px; z-index:1;}
#zt-handoverGuar--section-acceptance .row-stage .col-5 ul li {margin-top:12px;}
#zt-handoverGuar--section-acceptance .row-stage .col-5 ul li span {color:#717171; letter-spacing:2px;}

#zt-handoverGuar--section-acceptance .row-stage .img-badge {position:absolute; top:0; right:8%; z-index:0}
#zt-handoverGuar--section-acceptance .row-stage .btn-toggle-left,
#zt-handoverGuar--section-acceptance .row-stage .btn-toggle-right {
  display:inline-block; position:absolute; bottom:11%; cursor:pointer;
  width:50px; height:50px; font-size:30px; padding:10px;
  background-color:#000; color:#fff; opacity:0.5;
}
#zt-handoverGuar--section-acceptance .row-stage .btn-toggle-left {right:0;}
#zt-handoverGuar--section-acceptance .row-stage .btn-toggle-right {left:0;}
#zt-handoverGuar--section-acceptance .row-stage .btn-toggle-left:hover,
#zt-handoverGuar--section-acceptance .row-stage .btn-toggle-right:hover {background-color:#c61720;}

/* 品质保障 - 交付保障 - 验收节点 */
#zt-handoverGuar--section-node {
  margin:0!important; min-height:585px;
  background-image:url("../image/zt/handover_guarantee/node_bg.jpg");
  background-repeat:no-repeat; background-position:center center; background-size:cover;
}
#zt-handoverGuar--section-node .col-img img {margin-top:15%;}
#zt-handoverGuar--section-node .col-txt {text-align:left; padding-top:10%; padding-left:5%; font-family:"msyh",sans-serif;}
#zt-handoverGuar--section-node .col-txt h4 {font-size:30px; font-weight:bold; color:#c61720; letter-spacing:3px;}
#zt-handoverGuar--section-node .col-txt p {font-size:18px; color:#515151; padding:0;}
#zt-handoverGuar--section-node .col-txt .col:hover {transform:scale(1.05);}

/* 品质保障 - 交付保障 - 管理体系 */
#zt-handoverGuar--section-sys {
  margin:0!important; min-height:585px;
  background-image:url("../image/zt/handover_guarantee/sys_bg.jpg");
  background-repeat:no-repeat; background-position:center center; background-size:cover;
}
#zt-handoverGuar--section-sys .row-btn {padding:30px 50px 0 50px;}
#zt-handoverGuar--section-sys .row-btn .btn-block {
  background-color:#c61720; width:90%; height:52px; line-height:33px; font-size:26px; font-width:normal; letter-spacing:2px;
  cursor:default; border-radius:26px;
}
#zt-handoverGuar--section-sys .row-btn .btn-block:hover {
  color:#c61720; background-color:#ffffff;
}

/* 品质保障 - 交付保障 - 空气质量 */
#zt-handoverGuar--section-air {
  margin:0!important; min-height:600px;
  background-image:url("../image/zt/handover_guarantee/air_bg.jpg");
  background-repeat:no-repeat; background-position:center center; background-size:cover;
}
#zt-handoverGuar--section-air div.msg {color:#717171; font-size:18px; letter-spacing:2px;}

/* 品质保障 - 交付保障 - 董事长寄语 */
#zt-handoverGuar--section-letter {
  margin-top:0; margin-bottom:-70px; min-height:585px;
  background-image:url("../image/zt/handover_guarantee/letter/bg.jpg");
  background-repeat:no-repeat; background-position:center center; background-size:cover;
}
#zt-handoverGuar--section-letter img.boss {position:absolute; bottom:0; left:15%; z-index:5;}
#zt-handoverGuar--section-letter div.outer {
  position:absolute; bottom:5%; left:36%; z-index:1;
  border:0!important; background-color:#fff; width:60%;
}
#zt-handoverGuar--section-letter div.outer img.shape {position:absolute; top:-18px; right:-20px;}

#zt-handoverGuar--section-letter div.inner {border:5px solid #e4e4e4; margin:14px 18px; padding:28px 36px 0 36px;}
#zt-handoverGuar--section-letter div.inner p.txt {font-size:15px; color:#3f3f3f; letter-spacing:1px; margin-bottom:0;}
#zt-handoverGuar--section-letter div.inner span.sign {display:inline-block; right:50%; font-size:22px; color:#5d5d5d; letter-spacing:3px;}