/* 客户体验 横幅下方导航 通用 */
#customerExp--section-nav ul li {
  float:left; text-align:left; list-style-type:none; padding:8px 46px;
  font-size:14px; color:#5d5d5d; border:1px solid #d5d5d5; border-top-width:0; border-bottom-width:0;
}
#customerExp--section-nav ul li a {color:#5d5d5d; text-decoration:none;}
#customerExp--section-nav ul li a:hover {color:#a70b1a;}

#customerExp--section-nav ul li.active {background-color:#c61720;}
#customerExp--section-nav ul li.active a {color:#ffffff;}


/* 预约装修 申请表格 */
#appointment--section-apply .col-form-apply {background-color:#f4f3f3; color:#717171; padding:30px 14px 8px 14px;}
#appointment--section-apply .col-form-apply h4 {font-size:22px; margin-bottom:24px;}
#appointment--section-apply .col-form-apply p {font-size:12px; text-align:left;}
#appointment--section-apply input.form-control {border:0; font-size:13px; padding:10px; height:40px;}
#appointment--section-apply .btn-danger {background-color:#c41720;}

/* 预约装修 标题样式 */
.appointment-title-h1 {color:#000000 !important; font-size:35px !important; font-weight:bold !important; margin-top:-40px;}
.appointment-title-h2 {color:#505050 !important; font-size:16px !important; letter-spacing:1px; margin:0 0 24px 0 !important;}
.appointment-title-h3 {color:#f1f1f1 !important; font-size:62px !important; letter-spacing:2px; margin:0;}

/* 预约装修 0元通关 */
#appointment--section-clear .row-stage {background-color:#f1f1f1;}

#appointment--section-clear p.txt-sm {
  display:block; clear:both; width:206px; height:50px; text-align:left; font-size:20px; color:#ffffff; padding:11px 0 0 25px; margin:10px 0 30px 0;
  background-image: url("../image/zt/appointment/clear_figure_txt_sm.png");
}
#appointment--section-clear p.txt-lg {
  display:block; width:250px; height:82px; text-align:left; font-size:20px; color:#ffffff; padding:11px 0 0 48px; margin:60px 0;
  background-image:url("../image/zt/appointment/clear_figure_txt_lg.png");
  background-repeat:no-repeat; background-position:0 100%;
}
#appointment--section-clear p.txt-sm:hover,
#appointment--section-clear p.txt-lg:hover {
  transform:scale(1.1);
}
#appointment--section-clear .row-cards .card {border-color:#f1f1f1; border-radius:8px; transition:all linear 0.5s;}
#appointment--section-clear .row-cards .card h4 {font-size:18px; font-weight:bold; color:#c41720;}
#appointment--section-clear .row-cards .card p {font-size:12px; color:#5d5d5d; text-align:left; margin-bottom:0;}
#appointment--section-clear .row-cards .card img {transition:all linear 0.5s;}
#appointment--section-clear .row-cards .card:hover img {transform:scale(1.06);}
#appointment--section-clear .row-cards .card:hover {box-shadow:0 4px 12px rgba(0,0,0,.1);}
#appointment--section-clear .row-cards .card:hover p {color:#2b2b2b;}

/* 预约装修 二手房 */
#appointment--section-house2 {
  background-image:url("../image/zt/appointment/house2_bg.jpg"); min-height:606px;
  background-repeat:no-repeat; background-position:0 100%;
}
#appointment--section-house2 .div-circle {
  background-color:#505050; color:#ffffff; width:230px; height:230px; margin-left:15px;
  border-radius:50%; opacity:0.8; position:relative; top:110px; transition:all linear 0.2s;
}
#appointment--section-house2 img.img-icon {position:relative; top:-218px; z-index:5;}
#appointment--section-house2 .div-circle h4 {font-family:SimHei,"Microsoft Yahei"; font-size:40px; padding-top:42px;}
#appointment--section-house2 .div-circle h5 {font-size:26px; letter-spacing:2px;}
#appointment--section-house2 .div-circle p {font-size:18px; letter-spacing:1px; font-weight:normal;}

#appointment--section-house2 .col-3:hover img.img-icon {transform:scale(0.94);}
#appointment--section-house2 .col-3:hover .div-circle {transform:scale(1.02); opacity:0.95;}

/* 预约装修 特色服务 */
#appointment--section-serv {
  background-image:url("../image/zt/appointment/serv_bg.jpg"); min-height:692px;
  background-repeat:no-repeat; background-position:0 100%;
}
#appointment--section-serv img.img-icon {float:left; position:relative; z-index:5; width:136px; border:5px solid transparent; border-radius:50%;}
#appointment--section-serv .div-txt {
  float:left; margin-left:100px; margin-top:-118px;
  width:250px; height:100px; border-right:0;
  background-color:#ffffff; color:#000000; font-size:25px; line-height:34px; padding:15px 0 0 36px;
}
#appointment--section-serv .div-txt.line1 {padding-top:32px;}
#appointment--section-serv .div-after {
  float:left; margin-left:350px; margin-top:-118px;
  width:40px; height:100px; background-color:#ffffff; border-radius:0 100px 100px 0; border-left:0;
}

#appointment--section-serv .col-4 * {transition:all linear 0.5s;}
#appointment--section-serv .col-4:hover img {border-color:#ffffff;}
#appointment--section-serv .col-4:hover .div-txt {
  color:#c41720; box-shadow:0.2rem 0.2rem 0.8rem rgba(0,0,0,.25)!important;
}

/* 预约装修 就近沟通 */
#appointment--section-map {
  background-image:url("../image/zt/appointment/map_bg.jpg?a"); min-height:866px; position:relative;
  background-repeat:no-repeat; background-position:0 100%;
}
#appointment--section-map .row-hq-list .col {padding:3px; border-right:1px solid #d5d5d5; transition:all ease-in-out 0.5s;}
#appointment--section-map .row-hq-list .col:hover {box-shadow:0.2rem 0.2rem 0.8rem rgba(0,0,0,.25)!important;}
#appointment--section-map .row-hq-list b {font-size:26px; color:#c41720;}
#appointment--section-map .row-hq-list span {font-size:16px; color:#595757; letter-spacing:2px;}

#appointment--section-map .div-shop-list {float:right; width:400px; margin-top:90px;}
#appointment--section-map .div-shop-list .btn-shop {
  width:122px; margin:7px 4px; font-size:17px; font-weight:bold; color:#969696; padding:4px 8px;
  background-color:#ffffff; border:1px solid #969696; border-radius:25px; transition:all ease-in-out 0.5s;
}
#appointment--section-map .div-shop-list .btn-shop small {font-size:10px; transform:scale(0.8);}
#appointment--section-map .div-shop-list .btn-shop:hover {color:#c41720; border-color:#c41720; cursor:default;}
#appointment--section-map .map-btn {float:right; margin-top:92px; margin-right:12px; transform:scale(0.96); transition:all ease-in-out 0.5s;}
#appointment--section-map .map-btn:hover {transform:scale(1.01); cursor:pointer;}

/* 预约装修 底部横幅 */
#appointment--footer-banner {margin-bottom:-70px;}



/* 服务流程 通用标题样式 */
.servProcess-h2-no {font-size:100px !important; color:#dfdfdf !important; margin-bottom:0 !important;}
.servProcess-h1-cn {font-size:36px !important; color:#000000 !important; font-weight:bold !important; margin-left:160px; margin-top:-75px}

/* 服务流程 售前 */
#servProcess--section-beforeSale {
  background-image:url("../image/zt/serve_process/before_sale_bg.jpg"); min-height:615px;
  background-repeat:no-repeat; background-position:0 100%;
}
#servProcess--section-beforeSale .row-cards {margin:50px -12px 0 -12px;}
#servProcess--section-beforeSale .card {padding:28px; margin:0 12px; background-color:#f4f4f4; border:0;}
#servProcess--section-beforeSale .card::after {
  content:""; width:0; height:0;
  border:12px solid transparent;
  border-left:12px solid #f4f4f4;
  position:absolute; right:-22px; top:110px;
}
#servProcess--section-beforeSale .card.last:after {border-left:0!important;}

#servProcess--section-beforeSale .card .card-image {border-radius:50%; border:3px solid #ffffff; overflow:hidden;}
#servProcess--section-beforeSale .card p {
  font-family:"Microsoft Yahei"; font-size:17px; color:#3f3f3f;
  padding:30px 0; border-bottom:2px dotted #cfcfcf; margin-bottom:0;
}
#servProcess--section-beforeSale .card h6.num {
  width:20%; margin-top:-3px; padding-top:20px;
  font-size:20px; color:#c21720; margin-bottom:0; border-top:4px solid #c21720;
}
#servProcess--section-beforeSale .card h6.num-1 {margin-left:0;}
#servProcess--section-beforeSale .card h6.num-2 {margin-left:20%;}
#servProcess--section-beforeSale .card h6.num-3 {margin-left:40%;}
#servProcess--section-beforeSale .card h6.num-4 {margin-left:60%;}
#servProcess--section-beforeSale .card h6.num-5 {margin-left:80%;}

#servProcess--section-beforeSale .card,
#servProcess--section-beforeSale .card * {
  transition:all ease-in-out 0.75s;
}
#servProcess--section-beforeSale .card:hover {box-shadow:0.2rem 0.2rem 0.8rem rgba(0,0,0,.25)!important;}
#servProcess--section-beforeSale .card:hover p {color:#c21720;}
#servProcess--section-beforeSale .card:hover img {transform:scale(1.06);}

/* 服务流程 售中 */
#servProcess--section-onSale {
  background-image:url("../image/zt/serve_process/on_sale_bg.jpg"); min-height:570px;
  background-repeat:no-repeat; background-position:0 100%;
}
#servProcess--section-onSale .center-logo {margin-top:124px; margin-left:7%;}
#servProcess--section-onSale .div-title {position:relative; top:-177px;}

#servProcess--section-onSale .div-pos {
  min-width:286px; height:56px; background-color:rgba(255,255,255,0.66); border:1px solid #ffffff; padding:3px;
  position:absolute;
}
#servProcess--section-onSale .div-pos h5 {font-size:16px; font-weight:bold; color:#353535;}
#servProcess--section-onSale .div-pos p {font-size:12px; color:#5d5d5d;}
#servProcess--section-onSale .div-pos b {
  width:56px; height:48px; background-color:#c21720; color:#ffffff;
  font-size:25px; font-style:italic; border:1px solid #c21720;
}

#servProcess--section-onSale .div-pos.at-left {border-radius:0 21px 0 21px; text-align:right; padding-left:9px;}
#servProcess--section-onSale .div-pos.at-left b {border-radius:0 21px 0 21px; text-align:center; margin-left:6px;}
#servProcess--section-onSale .div-pos.at-right {border-radius:21px 0 21px 0; text-align:left; padding-right:9px;}
#servProcess--section-onSale .div-pos.at-right b {border-radius:21px 0 21px 0; text-align:center; margin-right:6px;}

#servProcess--section-onSale .div-pos-1 {top:60px; left:18%;}
#servProcess--section-onSale .div-pos-2 {top:130px; left:8%;}
#servProcess--section-onSale .div-pos-3 {top:200px; left:10%;}
#servProcess--section-onSale .div-pos-4 {top:270px; left:8%;}
#servProcess--section-onSale .div-pos-5 {top:340px; left:10%;}
#servProcess--section-onSale .div-pos-6 {top:410px; left:13%;}
#servProcess--section-onSale .div-pos-7 {top:480px; left:15%;}

#servProcess--section-onSale .div-pos-8 {top:60px; right:12%;}
#servProcess--section-onSale .div-pos-9 {top:130px; right:1%;}
#servProcess--section-onSale .div-pos-10 {top:200px; right:5%;}
#servProcess--section-onSale .div-pos-11 {top:270px; right:3%;}
#servProcess--section-onSale .div-pos-12 {top:340px; right:5%;}
#servProcess--section-onSale .div-pos-13 {top:410px; right:8%;}
#servProcess--section-onSale .div-pos-14 {top:480px; right:12%;}

#servProcess--section-onSale .div-pos, #servProcess--section-onSale .div-pos * {transition:all linear 0.5s;}
#servProcess--section-onSale .div-pos:hover {opacity:0.9; box-shadow:0.2rem 0.2rem 0.8rem rgba(0,0,0,.25)!important;}
#servProcess--section-onSale .div-pos:hover h5 {color:#c21720;}
#servProcess--section-onSale .div-pos:hover p {color:#000000;}

/* 服务流程 售后 */
#servProcess--section-afterSale {
  background-image:url("../image/zt/serve_process/after_sale_bg.jpg"); min-height:444px;
  background-repeat:no-repeat; background-position:0 100%;
  margin-bottom:-70px !important; padding-top:20px;
}
#servProcess--section-afterSale .row-cards {margin-top:100px;}
#servProcess--section-afterSale .row-cards .card {padding:40px 0; border:0;}
#servProcess--section-afterSale .card h5 {font-size:18px; font-weight:bold; color:#2b2b2b;}
#servProcess--section-afterSale .card p {font-size:14px; color:#505050;}
#servProcess--section-afterSale .card img {position:absolute; left:41%; bottom:-32px; border:4px solid #ffffff; border-radius:50%;}

#servProcess--section-afterSale .row-cards .card, #servProcess--section-afterSale .row-cards .card * {transition:all linear 0.5s;}
#servProcess--section-afterSale .row-cards .card:hover {box-shadow:0.2rem 0.2rem 0.8rem rgba(0,0,0,.25)!important;}
#servProcess--section-afterSale .row-cards .card:hover h5 {color:#c21720;}
#servProcess--section-afterSale .row-cards .card:hover p {color:#000000;}
#servProcess--section-afterSale .row-cards .card:hover img {transform:rotate(360deg);}



/* 最美代言人 表单 */
#ambassador--section-apply .row-form {background-color:#e2e2e2; margin:0; padding:15px 0 10px 0;}
#ambassador--section-apply .row-form .form-control {height:42px; font-size:15px; border-radius:0;}
#ambassador--section-apply .row-form .btn-danger {width:100px; height:36px; font-size:16px; background-color:#c41720; border-radius:0;}
#ambassador--section-apply .row-form span.btn-below {font-size:12px; color:#c41720;}

#ambassador--section-apply .row-gift .col-3 div.w-100 {
  border:1px solid #ddd; margin:3px; padding:12px 0; text-align:center; transition:all ease-in-out 0.75s;
}
#ambassador--section-apply .row-gift .col-3 div.w-100:hover {
  box-shadow:0.2rem 0.2rem 0.8rem rgba(0,0,0,.25)!important;
}
#ambassador--section-apply .row-gift .col-3 img.gift {transition:all ease-in-out 0.5s;}
#ambassador--section-apply .row-gift .col-3 h3 {
  background-image:url("../image/zt/ambassador/apply_gift_title.png"); background-repeat:no-repeat; background-size:contain;
  width:83%; height:40px; line-height:40px; margin:12px auto 8px auto; font-size:17px; color:#ffffff;
}
#ambassador--section-apply .row-gift .col-3 p {font-size:17px; color:#5d5d5d;}

/* 最美代言人 标题样式 */
h4.ambassador-title-en {font-size:60px!important; color:#efefef!important; letter-spacing:4px!important;}
h2.ambassador-title-main {font-size:32px!important; font-weight:bold!important; color:#202020!important; margin-top:-56px!important; letter-spacing:2px!important;}
h3.ambassador-title-sub {font-size:16px!important; color:#5d5d5d!important; margin-top:-40px!important; letter-spacing:1px!important;}


#ambassador--section-gift {background-image:url("../image/zt/ambassador/gift/bg.jpg"); background-repeat:no-repeat; padding-bottom:6px;}
#ambassador--section-gift .row-gift {margin:0 16px 0 10px;}
#ambassador--section-gift .row-gift .col-4 div.w-100 {
  background-color:#fff; border:1px solid #ddd; margin:0 3px 12px 3px;
  transition:all ease-in-out 0.75s; position:relative;
}
#ambassador--section-gift .row-gift .col-4 div.w-100:hover {box-shadow:0.2rem 0.2rem 0.8rem rgba(0,0,0,.25)!important;}
#ambassador--section-gift .row-gift p {font-size:18px; color:#505050; padding-bottom:12px;}
#ambassador--section-gift .row-gift h3 {
  background-image:url("../image/zt/ambassador/gift/col_tag.png"); background-repeat:no-repeat; background-size:cover;
  font-size:16px; position:absolute; right:-6px; top:4%; width:150px; height:37px; color:#ffffff; padding-top:10px;
}

#ambassador--section-gift .row-icon {margin:6px 22px 6px 22px; background-color:#ffffff; text-align:left;}
#ambassador--section-gift .row-icon .col {padding:4px 0 4px 8px; color:#505050; font-size:18px;}
#ambassador--section-gift .row-icon .col * {transition:all linear 0.5s;}
#ambassador--section-gift .row-icon .col:hover {color:#f0880a;}
#ambassador--section-gift .row-icon .col:hover img {transform:rotate(360deg);}
#ambassador--section-gift p.msg {font-size:16px; color:#666; text-align:right; margin-right:22px;}

/* 最美代言人 希望 */
#ambassador--section-hope h4.article-title {font-size:25px; font-weight:bold; color:#000000; margin-bottom:12px;}
#ambassador--section-hope p.article-txt {font-size:15px; line-height:28px; color:#5d5d5d; letter-spacing:2px;}

/* 最美代言人 荣耀 */
#ambassador--section-strength h5 {
  margin-top:-532px; font-size:50px; font-weight:bold; color:#ffffff; letter-spacing:3px;
}
#ambassador--section-strength .row-photo {margin-top:66px;}
#ambassador--section-strength .row-photo .inner {overflow:hidden;}
#ambassador--section-strength .row-photo img {transition:all ease-in-out 0.5s; border:2px solid #fff;}
#ambassador--section-strength .row-photo img:hover {transform:scale(1.05);}


/* 真实点评 */
.card-comment {border:0; border-radius:0; border-bottom:1px solid #ccc; margin:80px 0 0 0; padding:0 40px 50px 40px;}
.card-comment .img-badge {position:absolute; top:-20px; right:180px;}
.card-comment .btn-warning-diy,
.card-comment .btn-warning-diy:active,
.card-comment .btn-warning-diy:focus {
  width:130px; height:30px; font-size:12px; color:#fff; background-color:#f0880a;
}
.card-comment .img-avatar {width:60px; height:60px; border-radius:50%;}
.card-comment h4 {font-size:18px; font-weight:bold; color:#333333;}
.card-comment .div-rate {font-size:12px; font-weight:bold; color:#333333;}
.card-comment .div-rate img {width:13px; height:13px; margin-right:2px;}
.card-comment .p-content {font-size:14px; color:#666666; margin-top:20px;}
.card-comment .div-info {font-size:14px; color:#666666;}
.card-comment .div-album {margin-top:22px;}
.card-comment .div-album a {text-decoration:none; overflow:hidden;}
.card-comment .div-album img {
  -webkit-filter:brightness(100%); filter:brightness(100%);
  transition:all linear 0.5s;
}
.card-comment .div-album img:hover {
  -webkit-filter:brightness(115%); filter:brightness(115%);
}



/* 电视栏目 */
#zt-tv--div-top-form {
  width:960px; margin:0 auto; position:relative; top:-20px;
  background-color:#ffffff; box-shadow:0.2rem 0.2rem 0.8rem rgba(0,0,0,.25)!important;
}
#zt-tv--div-top-form .at-left {width:60%; float:left; padding:22px; padding-bottom:0;}
#zt-tv--div-top-form .at-right {width:40%; float:left; background-color:#d24927; color:#ffffff; padding:22px 36px 14px 36px;}

#zt-tv--div-top-form .at-left h6 {color:#000000; font-size:18px; font-weight:bold;}
#zt-tv--div-top-form .at-left h6 i {color:#fa5758; font-size:14px;}
#zt-tv--div-top-form .at-right h6 {font-size:16px; letter-spacing:2px; text-align:center;}
#zt-tv--div-top-form .at-right .btn {width:278px; margin:0 auto; border-radius:0; font-size:16px;}
#zt-tv--div-top-form input.form-control {border-radius:0; font-size:16px;}

/* 电视栏目 标题样式 */
h2.tv-title-main {font-size:31px!important; font-weight:bold!important; color:#000000!important; margin-bottom:8px!important;}
h3.tv-title-sub {font-size:17px!important; font-weight:normal!important; color:#999999!important; letter-spacing:2px;}

/* 电视栏目 设计施工团队 */
#zt-tv--section-team {margin-top:60px;}
#zt-tv--section-team .row-team {margin:40px 0 20px 0;}
#zt-tv--section-team .row-team h4 {font-size:31px; color:#5d5d5d; margin:58px 0 42px 0;}
#zt-tv--section-team .row-team p {font-size:18px; color:#999999; letter-spacing:1px;}
#zt-tv--section-team .row-team .btn-danger {
  position:absolute; bottom:22px;
  width:258px; height:64px; background-color:#e62721; border-radius:0; font-size:22px;
}
#zt-tv--section-team .row-team .btn-danger:hover {background-color:#f63733;box-shadow:0.2rem 0.2rem 0.8rem rgba(0,0,0,.25)!important;}
#zt-tv--section-team .image-bg {transition:all ease-in-out 1s;}
#zt-tv--section-team .image-bg:hover {transform:scale(1.1);-webkit-filter:brightness(108%); filter:brightness(108%);}

/* 电视栏目 精彩回顾 */
#zt-tv--section-video .video-card {cursor:pointer;}
#zt-tv--section-video .video-card * {transition:all ease-in-out 0.75s;}
#zt-tv--section-video .video-card img.img-poster {filter:brightness(50%);}
#zt-tv--section-video .video-card .div-title {height:0; position:relative; top:-150px; color:#ffffff;}
#zt-tv--section-video .video-card .div-title h5 {font-size:20px; font-weight:normal;}

#zt-tv--section-video .video-card:hover img.img-poster {transform:scale(1.1); filter:brightness(85%);}
#zt-tv--section-video .video-card:hover .div-title h5 {font-size:22px; font-weight:bold;}


/* 电视栏目 设计天团 */
#zt-tv--section-star .row-star {margin-top:55px;}
#zt-tv--section-star .row-star h4 {font-size:50px; font-weight:bold; color:#000000; letter-spacing:3px; margin:48px 0;}
#zt-tv--section-star .row-star h4 small {font-size:30px; font-weight:normal; color:#5d5d5d; letter-spacing:1px;}
#zt-tv--section-star .row-star p {font-size:20px; color:#5d5d5d; letter-spacing:2px;}
#zt-tv--section-star .row-star p b {font-weight:bold; color:#000000; float:left;}

#zt-tv--section-star .row-star .btn-danger {
  position:absolute; bottom:2px;
  width:296px; height:60px; background-color:#e62721; border-radius:0; font-size:22px;
}
#zt-tv--section-star .row-star .btn-danger:hover {background-color:#f63733;box-shadow:0.2rem 0.2rem 0.8rem rgba(0,0,0,.25)!important;}
#zt-tv--section-star .image-bg {transition:all ease-in-out 1s;}
#zt-tv--section-star .image-bg:hover {transform:scale(1.1);-webkit-filter:brightness(108%); filter:brightness(108%);}

/* 电视栏目 私人定制 */
#zt-tv--section-private .img-main {transition:all ease-in-out 1s;}
#zt-tv--section-private .img-main:hover {transform:scale(1.1);-webkit-filter:brightness(108%); filter:brightness(108%);}
#zt-tv--section-private h5.icon-title {font-size:22px; color:#5d5d5d; margin-top:18px; transition:all ease-in-out 0.75s;}
#zt-tv--section-private .img-icon {transition:all ease-in-out 0.75s; width:90px; height:90px;}

#zt-tv--section-private .col-2:hover .img-icon {transform:rotate(360deg);}
#zt-tv--section-private .col-2:hover h5.icon-title {color:#f63733;}

/* 电视栏目 案例效果图 */
#zt-tv--section-rand-case {background-color:#eee; padding:35px 0 120px 0; margin-bottom:-70px;}
#zt-tv--section-rand-case .col-case-show .inner {width:296px; height:234px;}
#zt-tv--section-rand-case .col-case-show a {text-decoration:none;}
#zt-tv--section-rand-case .col-case-show h5 {
  position:relative; top:-42px; background-color:#000; color:#fff; opacity:0.6;
  font-size:14px; height:42px; line-height:42px; text-align:left; padding-left:16px;
}

#zt-tv--section-rand-case .col-case-show .inner * {transition:all ease-in-out 0.75s;}
#zt-tv--section-rand-case .col-case-show:hover img {transform:scale(1.08);}
#zt-tv--section-rand-case .col-case-show:hover h5 {opacity:0.85;}