/* 页面通用 */
body {
  min-width:1360px; max-width:1920px!important;
  margin:0 auto; padding:0;
  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}
header .col-page, footer .col-page, .col-page {min-width:1280px!important;}
header .col-page-half {min-width:640px!important;}


/* 页面滚动条 */
body::-webkit-scrollbar {
  width:12px; height:4px;
}
body::-webkit-scrollbar-track {
  border-radius:0;
  box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);
  background:#ededed;
}
body::-webkit-scrollbar-thumb {
  border-radius: 4px;
  box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);
  background:#a70b1a;
}

/* 侧边工具栏 */
#aside-page-toolbar {
  position:fixed; top:20%; right:18px; z-index:5; transform:scale(0.5);
  background-image:url("../image/aside_toolbar_v2/bg.png");
  background-repeat:no-repeat; background-size:contain; width:135px; height:466px;
}
#aside-page-toolbar .icon {
  width:143px; height:96px; margin-left:-6px;
  background-repeat:no-repeat;
  transition:all ease-in-out 0.5s;
}
#aside-page-toolbar .icon-1 {
  background-image:url("../image/aside_toolbar_v2/btn1.png");
  margin-top:110px;
}
#aside-page-toolbar .icon-2 {
  background-image:url("../image/aside_toolbar_v2/btn2.png");
  margin-top:-32px;
}
#aside-page-toolbar .icon-3 {
  background-image:url("../image/aside_toolbar_v2/btn3.png");
  margin-top:-32px;
}
#aside-page-toolbar .icon-4 {
  background-image:url("../image/aside_toolbar_v2/btn4.png");
  margin-top:-32px;
}
#aside-page-toolbar .icon-top {
  width:60px; height:74px;
  background-image:url("../image/aside_toolbar_v2/top.png");
  margin:-16px 0 0 38px;
}
#aside-page-toolbar a:hover .icon {filter:brightness(1.1);}


/* 站点提示信息框 */
#alert-site-msg {width:25%; min-width:300px; max-width:500px; position:fixed; top:17%; right:37.5%; z-index:9999;}
#alert-site-msg i.bi {display:block; font-size:64px; margin:8px auto; text-align:center;}
#alert-site-msg strong.title {font-size:25px; font-weight:bold;}
#alert-site-msg p.text {font-size:16px; padding-top:13px;}
#alert-site-msg p.text.lg {font-size:20px;}
#alert-site-msg button.close span {font-size:16px;}

/* 共用顶部 */
header {margin:0; padding:0;}

header hr {margin:5px 0;}

#header-links li {font-size:12px; text-align:right; padding:0 0.6rem; border:0;}
#header-links li a,
#header-links li a:link,
#header-links li a:visited,
#header-links li a:active {color:#a0a0a0;}
#header-links li a:hover {color:#dc3545;}

#header-navbar li.list-group-item {width:15%!important; font-size:18px; white-space:nowrap; padding:1.25rem 0.5rem; border:0;}
#header-navbar li.list-group-item a {
  display:block; width:100%; text-align:center; text-decoration:none;
  font-size:18px; color:#3e3e3e; border:0; outline:0;
}
#header-navbar li.list-group-item.toggle-down:hover {background-color:#dc3545!important;}
#header-navbar li.list-group-item.toggle-down:hover a {color:#ffffff!important;}

#header-navbar a.btn-quotation {
  display:inline-block!important; width:80%!important;
  color:#ffffff!important; border-radius:15px; padding:4px 10px; font-size:15px!important;
}

#header-navbar .submenu {
  width:100%; min-width:100%; position:absolute; top:100%; left:0; z-index:2000;
  background-color:#000000; opacity:0; visibility:hidden;
  -webkit-transform:translate3d(0, -22px, 0); transform: translate3d(0, -22px, 0);
  -webkit-transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;
}
#header-navbar .submenu.showup {
  opacity:0.85; visibility:visible;
  -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);
}

#header-navbar .submenu-item {padding-top:12px; padding-bottom:12px;}
#header-navbar .submenu-item:hover {background-color:#dc3545;}
#header-navbar .submenu-item:hover a {color:#ffffff;}

/* 共用底部 */
footer {background-color:#2e2e2e; color:#ffffff; margin-top:70px;}

.footer-col-left {width:292px; margin-right:16px;}
.footer-col-center {width:712px; margin-right:10px;}
.footer-col-right {width:220px; font-size:12px; white-space:nowrap;}

.footer-col-left div {padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid #6e6e6e;}
.footer-col-left h6 {font-size:16px;}
.footer-col-left span.phone {font-size:32px; font-weight:bold;}
.footer-col-left dl {font-size:14px; margin-left:12px;}

.footer-col-right .col a {font-size:12px; color:#ffffff; text-decoration:none;}
.footer-col-right .col a:hover {color:#cca263;}
#footer-link-qrcode-wx-gz,
#footer-link-qrcode-wx-video,
#footer-link-qrcode-douyin {
  cursor:default;
}

.footer-col-center dl {font-size:14px; margin-right:8px;}
.footer-col-center dt {width:75px;}
.footer-col-center dt span {display:inline-block; font-size:15px; font-weight:bold!important; padding:0 0 8px 0; border-bottom:1px solid #e0e0e0;}
.footer-col-center dd {padding:8px 0 0 0; margin:0;}
.footer-col-center dd a,
.footer-col-center dd a:link,
.footer-col-center dd a:visited,
.footer-col-center dd a:active {
  color:#ffffff; text-decoration:none;
}
.footer-col-center dd a:hover {
  color:#cca263; text-decoration:none;
}

#footer-copyright {border-top:1px solid #6e6e6e; padding-top:16px; margin-left:18px;}
#footer-copyright p {font-size:14px; padding:0; margin:4px 0;}
#footer-copyright a.link,
#footer-copyright a.link:link,
#footer-copyright a.link:visited,
#footer-copyright a.link:active {
  font-size:14px; color:#ffffff; text-decoration:none;
}

#footer-copyright a.link:hover {
  font-size:14px; color:#cca263; text-decoration:none;
}

/* 底部Sprite图标 */
footer .footer-icon {display:inline-block; width:31px; height:31px; background-image:url('../image/footer_icon.png'); background-repeat:no-repeat; vertical-align:bottom;}
footer .footer-icon.icon-01 {background-position: -31px 0; vertical-align:middle;}
footer .footer-icon.icon-02 {background-position: 0 0;}
footer .footer-icon.icon-03 {background-position: 0 -31px;}
footer .footer-icon.icon-04 {background-position: -31px -31px;}

footer .footer-media-icon {display:inline-block; height:34px; background-image:url('../image/footer_media_icon.png'); background-repeat:no-repeat; vertical-align:bottom;}
footer .footer-media-icon.icon-01 {background-position: 0 0; width:36px;}
footer .footer-media-icon.icon-02 {background-position: -36px 0; width:33px;}
footer .footer-media-icon.icon-03 {background-position: -69px 0; width:31px;}
footer .footer-media-icon.icon-04 {background-position: -100px 0; width:31px;}

/* 页面底部 固定 装修服务计划书 */
#page-section-bottom-fixed {
  position:fixed; bottom:0; left:0; z-index:1000;
  background-color:#424242; color:#ffffff;
}
#page-section-bottom-fixed h2 {
  font-weight:bold; font-size:36px; margin-top:4px;
}
#page-section-bottom-fixed span.num {color:#cca263; font-weight:bold;}
#page-section-bottom-fixed p.p-r-line {
  font-size:13px; text-align:justify;
}
#page-section-bottom-fixed input.form-control {
  color:#9f9f9f; border-color:#9f9f9f; background-color:transparent;
}
#page-section-bottom-fixed i.btn-bottom-close {
  background-color:#424242; padding:10px; border:1px solid #424242; border-radius:60px;
  display:block; font-size:30px; position:absolute; top:-20px; right:60px;
  cursor:pointer;
}

/* 页面通用 顶部面包屑导航样式 */
#section--breadcrumb-nav ol.breadcrumb {background-color:#ffffff; padding-left:0!important; font-size:14px; color:#3e3e3e;}
#section--breadcrumb-nav .breadcrumb-item::before {content:">" !important; padding-right:0.25rem;}
#section--breadcrumb-nav .breadcrumb-item.no-before::before {content:"" !important;}
#section--breadcrumb-nav .breadcrumb-item a {color:#3e3e3e;}
#section--breadcrumb-nav .breadcrumb-item a:hover {color:#a70b1a;}

/* 列表页通用 筛选导航条 */
.nav-hor-dl {margin:0 8px 42px 8px;}
.nav-hor-dl dl.list-group {border:1px solid #dddddd; border-radius:0;}
.nav-hor-dl dl.list-group dt {font-size:15px; font-weight:normal; background-color:#efefef; color:#555555; padding:12px; margin-right:4px;}
.nav-hor-dl dl.list-group dd {padding:12px 6px; margin:0 2px;}
.nav-hor-dl dl.list-group dd a {
  font-size:15px; font-weight:normal; color:#555555; text-decoration:none;
  display:inline-block; padding:2px 10px;
}
.nav-hor-dl dl.list-group dd a:hover {color:#a70b1a;}
.nav-hor-dl dl.list-group dd a.active {background-color:#a70b1a; color:#ffffff; border-radius:16px;}

/* 列表页通用 底部分页导航条样式 */
div.pagination.common {width:100%; display:flex; justify-content: center;}
div.pagination.common .page-item {margin:0 5px!important;}
div.pagination.common .page-item .page-link {color:#3e3e3e; font-size:14px;}
div.pagination.common .page-item.disabled .page-link {background-color:#ffffff; color:#9f9f9f;}
div.pagination.common .page-item.active .page-link {background-color:#a70b1a!important; color:#ffffff;}


/* 首页 */
section.row {text-align:center; margin:70px 0 0 0;}
section.row h1 {font-size:38px; font-weight:normal; color:#3e3e3e; letter-spacing:2px;}
section.row h2 {font-size:17px; font-weight:normal; color:#9f9f9f; letter-spacing:1px; margin-bottom:50px;}

/* 首页 - 轮播图 顶部阴影效果 */
#section-000-shadow {
  width:100%; height:4px; position:relative; top:0; left:0; background-color:#ddd; opacity:0.25; z-index:10;
  box-shadow:0 .2rem .2rem rgba(0,0,0,.2)!important;
}

#section-000-carousel {position:relative; top:-4px; left:0;}

/* 首页 - 轮播图 卡片组 */
#section-000-cards {height:210px; margin-top:-60px;}
#section-000-cards .card-col {padding:40px 20px;}
/* 伪类边框 */
#section-000-cards .card-col:not(:last-child)::before {
  content:''; width:2px; height:70px; position:absolute; right:0; top:70px;
  background-color:#dcdcdc;
}
#section-000-cards .card-col .card-title {font-size:14px; color:#9f9f9f; margin-bottom:8px;}
#section-000-cards .card-col .card-title span.num {font-size:54px; color:#a70b1a;}
#section-000-cards .card-col .card-text {font-size:16px; color:#3e3e3e; margin-bottom:2px;}
#section-000-cards .card-col .card-text-footer {font-size:14px; color:#9f9f9f;}

#section-000-cards .card-col .card-item {transition:all ease-in 0.5s;}
#section-000-cards .card-col:hover .card-item {
  background-color:#a70b1a; color:#ffffff; margin-top:-90px; padding:45px 0;
  box-shadow:0 .75rem .75rem rgba(0,0,0,.33)!important;
}
#section-000-cards .card-col:hover .card-title,
#section-000-cards .card-col:hover .card-title span.num,
#section-000-cards .card-col:hover .card-text,
#section-000-cards .card-col:hover .card-text-footer {
  color:#ffffff;
}

/* 首页 - 尊享服务 */
#index-section-001 .card {
  float:left; width:20%; height:336px; border:1px solid #efefef; border-radius:0;
  text-align:center; padding-top:40px; transition:all ease-in 0.5s;
}
#index-section-001 .card h5 {font-size:18px!important; font-weight:bolder; color:#3e3e3e;}
#index-section-001 .card p {font-size:13px; color:#9f9f9f; z-index:10; margin-bottom:40px;}
#index-section-001 .card img.footer {width:100%; position:absolute; bottom:0; right:0;}
#index-section-001 .card:hover {box-shadow:0 .75rem .75rem rgba(0,0,0,.2)!important;}
#index-section-001 .card:hover h5 {font-size:18px!important; color:#a70b1a;}

#index-section-001 .card span.icon {
  display:block; width:80px; height:80px; margin:0 auto 20px auto; border:1px solid #cfcfcf; border-radius:80px;
  background-image:url('../image/index/service_icon.png'); background-repeat:no-repeat;
}
#index-section-001 .card:hover span.icon {background-position-y:-80px; border-color:#a70b1a;}
#index-section-001 .card span.icon-1 {background-position-x:0;}
#index-section-001 .card span.icon-2 {background-position-x:-80px;}
#index-section-001 .card:hover span.icon-2 {background-position-x:-81px;}
#index-section-001 .card span.icon-3 {background-position-x:-160px;}
#index-section-001 .card:hover span.icon-3 {background-position-x:-161px;}
#index-section-001 .card span.icon-4 {background-position-x:-240px;}
#index-section-001 .card:hover span.icon-4 {background-position:-238px -81px;}
#index-section-001 .card span.icon-5 {background-position-x:-320px;}

#index-section-001 .service-form {background-color:#f6f6f6; max-height:246px;}
#index-section-001 .service-form h5 {font-size:18px; color:#7f7f7f; font-weight:bold;}
#index-section-001 .service-form .form-control {font-size:14px; height:40px; border-color:transparent; color:#9f9f9f;}
#index-section-001 .service-form .form-control::-webkit-input-placeholder {color:#9f9f9f;}
#index-section-001 .service-form p {font-size:12px; color:#9f9f9f; transform:scale(0.95);}

/* 首页 - 品然整装案例 */
#index-section-002 ul {width:750px; list-style-type:none; margin:0 auto;}
#index-section-002 ul li {width:10%; border-right:1px solid #9f9f9f;}
#index-section-002 ul li.last {border-right:0;}
#index-section-002 ul li a,
#index-section-002 ul li a:link,
#index-section-002 ul li a:visited,
#index-section-002 ul li a:active {
  color:#9f9f9f; text-decoration:none;
}
#index-section-002 ul li a:hover {
  color:#a70b1a;
}

#index-section-002 iframe {width:100%; height:99.2%; border:0; margin-bottom:6px;}
#index-section-002 .div-image {
  width:48%; float:left; margin:0 0 4px 4px; overflow:hidden; position:relative;
}
#index-section-002 .div-image a,
#index-section-002 .div-image a:hover {
  text-decoration:none; color:transparent; display:block; width:100%; overflow:hidden;
}
#index-section-002 .div-image h6 {
  height:22px; line-height:20px; margin:-24px 0 0 0; padding:2px 0;
  font-size:13px; color:#ffffff; background-color:#000000; opacity:0.6;
}
#index-section-002 .div-image img {position:relative; top:0; left:0;}
#index-section-002 .div-image a:hover h6 {opacity:0.9;}
#index-section-002 .div-image a:hover img {transform:scale(1.05); transition:transform 0.5s;}

#index-section-002 .button-container {width:80%; display:flex; flex-wrap:nowrap; justify-content:space-between; margin:10px auto 0 auto;}
#index-section-002 .button {width:80px; height:80px; font-size:13px; border:1px solid #9f9f9f; border-radius:6px; overflow:hidden}
#index-section-002 .button:hover {border-color:#a70b1a; box-shadow:0 .3rem 0.5rem rgba(0,0,0,0.2)!important;}
#index-section-002 .button a,
#index-section-002 .button a:link,
#index-section-002 .button a:visited,
#index-section-002 .button a:hover,
#index-section-002 .button a:active {
  display:inline-block; width:100%; height:100%; padding-top:12px;
  color:#9f9f9f; text-decoration:none;
}
#index-section-002 .button a span.icon {
  display:inline-block; width:40px; height:40px; position:relative;
  background-image:url('../image/index/case_room_icon.png'); background-repeat:no-repeat;
}
#index-section-002 .button a span.icon-1 {
  background-position-x:0;
}
#index-section-002 .button a span.icon-2 {
  background-position-x:-40px;
}
#index-section-002 .button a span.icon-3 {
  background-position-x:-80px;
}
#index-section-002 .button a span.icon-4 {
  background-position-x:-120px;
}
#index-section-002 .button a span.icon-5 {
  background-position-x:-160px;
}
#index-section-002 .button a span.icon-6 {
  background-position-x:-200px;
}
#index-section-002 .button a span.icon-7 {
  background-position-x:-240px;
}
#index-section-002 .button a span.icon-8 {
  background-position-x:-280px;
}
#index-section-002 .button a span.icon-9 {
  background-position-x:-318px;
}
#index-section-002 .button a:hover span.icon {
  background-position-y:-40px;
}
#index-section-002 .button a:hover {
  color:#a70b1a;
}

/* 首页 - 资深设计师 */
#index-section-003 .card-lg {max-height:98%; overflow:hidden; border-radius:0;}
#index-section-003 .card-lg img.medal {width:25%; position:absolute; top:-1%; left:10%;}

#index-section-003 .card-lg-inner {
  width:90%; position:absolute; left:25px; bottom:88px;
  background-color:transparent; color:#ffffff; text-align:left;
}
#index-section-003 .card-lg-inner h3 {font-size:36px; font-weight:bold; margin-bottom:4px;}
#index-section-003 .card-lg-inner h5 {font-size:17px; margin-bottom:15px;}
#index-section-003 .card-lg-inner h6 {font-size:17px; margin-bottom:15px;}
#index-section-003 .card-lg-inner p,
#index-section-003 .card-lg-inner pre {
  color:#ffffff!important; font-size:14px!important;
}

#index-section-003 .card-lg a.btn {
  width:62%; height:44px; line-height:20px; position:absolute; left:25px; bottom:40px;
  font-size:23px!important; background-color:#a70b1a; border-radius:0; border-color:#a70b1a;
  transition:all ease 2s;
}

#index-section-003 .card-sm {
  font-size:15px; margin:0 0 8px 8px; border:0; color:#9f9f9f;
  display:flex; justify-content:center; align-items:center;
}
#index-section-003 .card-sm img.medal {width:20%; position:absolute; top:-1px; right:10%;}
#index-section-003 .card-sm h5 {font-size:17px; font-weight:bold; margin-bottom:2px; color:#3e3e3e;}
#index-section-003 .card-sm h5 span.num {font-size:50px; font-weight:normal;}
#index-section-003 .card-sm.last {display:flex; justify-content:center; align-items:center; background-color:#f6f6f6;}
#index-section-003 .card-sm.last button {height:40px; border-radius:20px;}

#index-section-003 .card-sm .card-sm-hover {
  display:none; position:absolute; background-color:#333333; color:#ffffff;
}
#index-section-003 .card-sm:hover .card-sm-hover {
  display:block; width:100%; height:100%;
  align-items:center; opacity:0.75; border:4px solid #a70b1a;
}
#index-section-003 .card-sm .card-sm-hover i.bi {font-size:24px;}

#index-section-003 .card-sm h6 {font-size:15px; font-weight:bold; margin-top:20%; margin-bottom:6px;}
#index-section-003 .card-sm p {font-size:13px; margin-bottom:12px;}
#index-section-003 .card-sm .card-sm-hover a,
#index-section-003 .card-sm .card-sm-hover a:link,
#index-section-003 .card-sm .card-sm-hover a:visited,
#index-section-003 .card-sm .card-sm-hover a:hover,
#index-section-003 .card-sm .card-sm-hover a:active {
  color:#ffffff; text-decoration:none;
}

/* 首页 - 线下体验店 */
#index-section-004 table {background-color:#f6f6f6;}
#index-section-004 table td {padding:0; align-items:center;}

#index-section-004 ul {list-style-type:none; height:510px; padding-left:10px; margin-bottom:0; overflow-y:scroll;}
#index-section-004 ul li {display:inline-block; width:100%; border-top:1px solid #ddd; padding:14px 0 20px 8px;}
#index-section-004 ul li:last-child {padding-bottom:0;}
#index-section-004 ul li img {width:46%; margin-right:8px;}
#index-section-004 ul li h5 {font-size:15px; color:#3e3e3e; font-weight:bold; margin-top:2px; margin-bottom:4px;}
#index-section-004 ul li p {font-size:15px; color:#9f9f9f; margin-bottom:4px;}
#index-section-004 ul li button {
  font-size:12px; padding:1px 16px!important; color:#ffffff; background-color:#c6a258;
  border-color:#c6a258; border-radius:0; transition:all ease 0.1s;
}
#index-section-004 ul li button:hover {transform:scale(1.05);}

#index-section-004 label.msg {display:inline-block; height:40px; font-size:16px; color:#a70b1a; font-weight:bold;}
#index-section-004 label.msg small {font-size:12px; color:#9f9f9f;}
#index-section-004 .form-control {width:20%; font-size:14px; height:40px;}
#index-section-004 div.m-auto button {background-color:#a70b1a; border-color:#a70b1a; font-size:14px; height:40px;}

/* 首页 - 匠心工艺 */
#index-section-005 ul {height:100%; list-style-type:none; padding:0;}
#index-section-005 ul li {height:20%;}
#index-section-005 ul li:not(:last-child) {padding-bottom:10px;}
#index-section-005 ul li div.card {height:100%; background-color:#f6f6f6; border:0; border-radius:0; justify-content:center;}
#index-section-005 ul li div.card h5 {font-size:21px; font-weight:bold; color:#3e3e3e;}
#index-section-005 ul li div.card p {font-size:17px; color:#6f6f6f; margin-bottom:0;}
#index-section-005 ul li div.card.active {background-color:#a70b1a; height:110%; width:105%; position:relative; left:-5%;}
#index-section-005 ul li div.card.active.last {top:-10%;}
#index-section-005 ul li div.card.active h5 {font-size:24px; color:#ffffff;}
#index-section-005 ul li div.card.active p {font-size:20px; color:#ffffff;}

#section-005-swiper .swiper {background-color:#f5f5f5;}
#section-005-swiper .card {text-align:left; border:2px solid #f5f5f5; background-color:#ffffff; padding:6px;}
#section-005-swiper .card h5 {font-size:17px; font-weight:bold; margin:6px 4px;}
#section-005-swiper .card p {font-size:13px; color:#9f9f9f; margin:0 4px 4px 4px; min-height:40px;}
#section-005-swiper .swiper-button-prev {left:0;}
#section-005-swiper .swiper-button-next {right:0;}
#section-005-swiper .swiper-button-prev, #section-005-swiper .swiper-button-next {
  color:#ffffff; background-color:#606060; width:60px; height:60px; opacity:0.5; transform:scale(0.6);
}
#section-005-swiper .swiper-button-prev:hover, #section-005-swiper .swiper-button-next:hover {
  opacity:0.75;
}

#section-005-footer-bar {margin:15px 0 5px 0; padding:30px 0 5px 0; background-color:#f6f6f6;}
#section-005-footer-bar hr {width:85%;}
#section-005-footer-bar .bar-cell {float:left; width:12.5%}
#section-005-footer-bar .bar-cell span.icon {
  display:block; width:67px; height:55px; margin:-45px auto 0 auto; padding:0 6px;
  background-image:url('../image/index/artisan_footer_bar_icon.png'); background-position-y:2px;
  background-repeat:no-repeat; background-color:#f6f6f6;
}
#section-005-footer-bar .bar-cell:hover span.icon {background-position-y:-60px;}
#section-005-footer-bar .bar-cell span.icon-1 {background-position-x:10px;}
#section-005-footer-bar .bar-cell span.icon-2 {background-position-x:-50px;}
#section-005-footer-bar .bar-cell span.icon-3 {background-position-x:-110px;}
#section-005-footer-bar .bar-cell span.icon-4 {background-position-x:-170px;}
#section-005-footer-bar .bar-cell span.icon-5 {background-position-x:-230px;}
#section-005-footer-bar .bar-cell span.icon-6 {background-position-x:-288px;}
#section-005-footer-bar .bar-cell span.icon-7 {background-position-x:-348px;}
#section-005-footer-bar .bar-cell span.icon-8 {background-position-x:-410px;}
#section-005-footer-bar .bar-cell h6 {font-size:16px; font-weight:bold; color:#3e3e3e; margin-top:5px;}
#section-005-footer-bar .bar-cell:hover h6 {color:#a70b1a;}
#section-005-footer-bar .bar-cell p {font-size:15px; color:#6f6f6f;}

/* 首页 - 品然智能家居 */
#index-section-006 {position:relative;}
#index-section-006 div.inner {position:absolute; top:30px; width:100%;}
#index-section-006 div.button-section {position:absolute; bottom:15px; left:62%; width:320px; background-color:transparent;}
#index-section-006 div.button-section span.badge {
  display:inline-block; width:100%; height:30px; font-size:15px; font-weight:normal; border-radius:16px; text-align:left;
  margin-bottom:10px; padding:8px 0 0 12px; color:#bebebe; background-color:#382e2e;
}
#index-section-006 div.button-section span.badge:hover {
  color:#bebebe; background-color:#a70b1a;
}

#index-section-006 i.icon {
  width:24px; height:24px; display:inline-block; float:left; margin:-4px 3px 0 0;
  background-image:url('../image/index/smart_home_icon.png'); background-repeat:no-repeat;
}
#index-section-006 i.icon-1 {background-position:0 0;}
#index-section-006 i.icon-2 {background-position:-26px 0;}
#index-section-006 i.icon-3 {background-position:0 -24px;}
#index-section-006 i.icon-4 {background-position:-26px -24px;}
#index-section-006 i.icon-5 {background-position:0 -48px;}
#index-section-006 i.icon-6 {background-position:-26px -49px;}
#index-section-006 i.icon-7 {background-position:0 -74px;}
#index-section-006 i.icon-8 {background-position:-26px -74px;}
#index-section-006 i.icon-9 {background-position:0 -98px;}
#index-section-006 i.icon-10 {background-position:-26px -98px;}
#index-section-006 i.icon-11 {background-position:0 -123px;}
#index-section-006 i.icon-12 {background-position:-26px -123px;}

/* 首页 - 客户体验 - 旧版弃用 */
#index-section-007 img.header {max-width:100%; margin:0 auto;}
#section-007-frame-01,#section-007-frame-02,#section-007-frame-03 {border:0; border-radius:0;}
#section-007-frame-01 {background-color:#f7f7f7;}
#section-007-frame-02 {background-color:#e5e5e5;}
#section-007-frame-03 {background-color:#f7f7f7;}
#section-007-frame-01 img.header {width:360px;}
#section-007-frame-02 img.header {width:360px;}
#section-007-frame-03 img.header {width:360px;}

#index-section-007 a.footer,
#index-section-007 a.footer:link,
#index-section-007 a.footer:visited,
#index-section-007 a.footer:active {
  color:#6f6f6f; font-size:14px; display:inline-block; text-align:right; margin:0 10px 8px 0;
}
#index-section-007 a.footer:hover {
  color:#a70b1a; text-decoration:none;
}

#index-section-007 .swiper-container {background-color:#f0e2a2; width:96%; margin:24px auto 14px auto; padding:10px;}
#index-section-007 .swiper-button-prev, #index-section-007 .swiper-button-next {
  color:#ffffff; background-color:#606060; width:60px; height:60px; opacity:0.7; transform:scale(0.6);
}
#index-section-007 .swiper-button-prev {left:-10px;}
#index-section-007 .swiper-button-next {right:-10px;}
#index-section-007 .swiper-button-prev:hover,
#index-section-007 .swiper-button-next:hover {
  opacity:0.9;
}

/* 首页 - 客户体验 */
#index-section-007-new {position:relative;}
#index-section-007-new div.bg {position:absolute; margin:0 auto; z-index:-1; filter:brightness(50%);}

#index-section-007-new div.flex-22 {flex:0 0 20%!important; background-color:#ececec;}
#index-section-007-new div.flex-13 {flex:0 0 15%!important; background-color:#323232;}
#index-section-007-new div.flex-13 h6 {color:#f0f0f0;}

#index-section-007-new span.icon {
  display:inline-block; width:78px; height:78px; transform:scale(0.73); overflow:hidden;
  background-image:url("../image/index/customer_avatar.png"); background-repeat:no-repeat;
}
#index-section-007-new span.icon div.name {width:100%; position:absolute; bottom:6px; left:0; background-color:#000000; color:#ffffff; opacity:0.6; display:none;}

#index-section-007-new span.icon-1 {background-position-x:-6px; background-position-y:-4px;}
#index-section-007-new span.icon-2 {background-position-x:-86px; background-position-y:-4px;}
#index-section-007-new span.icon-3 {background-position-x:-166px; background-position-y:-4px;}
#index-section-007-new span.icon-4 {background-position-x:-6px; background-position-y:-84px;}
#index-section-007-new span.icon-5 {background-position-x:-86px; background-position-y:-84px;}
#index-section-007-new span.icon-6 {background-position-x:-166px; background-position-y:-84px;}
#index-section-007-new span.icon-7 {background-position-x:-6px; background-position-y:-164px;}
#index-section-007-new span.icon-8 {background-position-x:-86px; background-position-y:-164px;}
#index-section-007-new span.icon-9 {background-position-x:-166px; background-position-y:-164px;}
#index-section-007-new span.icon-10 {background-position-x:-6px; background-position-y:-244px;}
#index-section-007-new span.icon-11 {background-position-x:-86px; background-position-y:-244px;}
#index-section-007-new span.icon-12 {background-position-x:-166px; background-position-y:-244px;}

#index-section-007-new span.icon:hover,
#index-section-007-new span.icon.active {
  transform:scale(0.88); border:2px solid #a70b1a; border-radius:78px; cursor:pointer;
}
#index-section-007-new span.icon:hover div.name,
#index-section-007-new span.icon.active div.name {
  display:block;
}

#index-section-007-new-img-type-1 {width:374px!important; height:382px!important;}
#index-section-007-new-img-type-2 {width:375px!important; height:380px!important;}

/* 首页 - 新闻资讯 */
#index-section-008 ul {list-style-type:none;}
#section-news-info button {
  font-size:20px; color:#3e3e3e; border:1px solid #d0d0d0; background-color:#ffffff;
  padding:4px 44px; margin-right:30px;
}
#section-news-info button.active,
#section-news-info button:hover {
  color:#ffffff; border-color:#a70b1a; background-color:#a70b1a;
}

#index-section-008 .ul-lt .card {text-align:left; border:0; margin-top:12px; margin-bottom:10px;}
#index-section-008 .ul-lt .card:hover {border-color:#9f9f9f; box-shadow:0 .25rem 0.5rem rgba(0,0,0,0.2)!important;}
#index-section-008 .ul-lt .card img {display:inline-block; margin:5px; clear:both; max-height:144px;}
#index-section-008 .ul-lt .card-body {padding:10px; padding-left:20px;}
#index-section-008 .ul-lt .card h5.card-title {
  font-size:18px; font-weight:bold; color:#3e3e3e; margin:10px 0; height:22px;
  /* 单行文本省略 */
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
#index-section-008 .ul-lt .card p.time {font-size:15px; color:#3e3e3e; margin-bottom:10px;}
#index-section-008 .ul-lt .card p.summary {
  font-size:15px; color:#9f9f9f;
  /* 多行文本省略 */
  display:-webkit-box; -moz-box-orient:vertical; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;
}
#index-section-008 .ul-lt a,
#index-section-008 .ul-lt a:link,
#index-section-008 .ul-lt a:visited,
#index-section-008 .ul-lt a:hover
#index-section-008 .ul-lt a:active {
  color:#3e3e3e; text-decoration:none;
}
#index-section-008 .ul-lt a:hover h5.card-title {color:#a70b1a;}

#index-section-008 .ul-rt .card {border:0; padding:11px 12px 11px 6px; margin-bottom:2px;}
#index-section-008 .ul-rt .card span.no {font-size:18px; color:#a70b1a;}
#index-section-008 .ul-rt .card span.time {font-size:14px; color:#9f9f9f; display:block; margin-top:3px;}
#index-section-008 .ul-rt .card a,
#index-section-008 .ul-rt .card a:link,
#index-section-008 .ul-rt .card a:visited,
#index-section-008 .ul-rt .card a:active {
  font-size:16px; color:#3e3e3e; display:block; margin-top:2px;
  /* 单行文本省略 */
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
#index-section-008 .ul-rt .card a:hover {
  font-size:16px; color:#ffffff; text-decoration:none;
}

#index-section-008 .ul-rt .card:hover {background-color:#a70b1a; color:#ffffff;}
#index-section-008 .ul-rt .card:hover a,
#index-section-008 .ul-rt .card:hover span {
  color:#ffffff;
}


/* 设计师 列表页 */
#designer--section-index .card {margin:0 8px 22px 8px;}
#designer--section-index .card a {text-decoration:none; color:#3e3e3e; display:block; padding-bottom:10px;}
#designer--section-index .card-body {padding:6px 16px;}
#designer--section-index .card-title {font-size:22px; font-weight:bold; padding-bottom:10px; margin-bottom:4px; border-bottom:1px dashed #cfcfcf;}
#designer--section-index .card-title small {font-size:16px; font-weight:normal;}
#designer--section-index .card-body span.footer {font-size:14px;}

/* 设计师 列表页 卡片的鼠标悬浮效果 */
#designer--section-index .card:hover {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
#designer--section-index .card .card-img-top {overflow:hidden;}
#designer--section-index .card img {transition:transform 1.5s;}
#designer--section-index .card:hover img {
  transform:scale(1.1);
}
#designer--section-index .card:hover .card-title {color:#a70b1a;}


/* 设计师 详情页 */
.des-detail-bg {margin-bottom:-70px;}
.des-detail-bg, .des-detail-bg ol.breadcrumb, #designer--section-detail-main {background-color:#f9f9f9!important;}
#designer--section-detail-main .row-des-main {background-color:#ffffff;}
#designer--section-detail-main .div-des-img {border:2px solid #ffffff; border-radius:12px;}
#designer--section-detail-main .div-des-img img {transition:all ease-in-out 0.5s;}
#designer--section-detail-main .div-des-img img:hover {transform:scale(1.05); filter:brightness(1.05);}

#designer--section-detail-main h2.des-name {
  font-family:"Microsoft Yahei","msyh","SimHei",sans-serif; font-size:26px; font-weight:bold;
  color:#2b2b2b; margin:20px 0 0 0;
}
#designer--section-detail-main h4.des-title {font-size:16px; font-weight:normal; color:#555;  margin:32px 0 0 20px;}
#designer--section-detail-main span.des-exp {font-size:16px; color:#c61720;}
#designer--section-detail-main h6.des-main-header {font-size:16px; font-weight:bold; color:#505050; margin-top:32px;}
#designer--section-detail-main p {
  font-family:sans-serif!important;
  font-style:normal!important; font-weight:normal!important; font-size:14px!important;
  color:#505050!important;
}
#designer--section-detail-main span.badge {
  line-height:17px; border-radius:34px; padding:6px 10px; margin:4px;
  font-size:14px!important; background-color:#d4c09b; color:#ffffff;
}

#designer--section-detail-main .row-des-stat .col-inner {
  background-color:#f7f8f9; color:#666; text-align:center; font-size:14px; padding:28px 0;
  border-radius:8px;
}
#designer--section-detail-main .row-des-stat .col-inner span.num {font-size:32px; color:#c61720;}
#designer--section-detail-main .btn-ask-ta {width:264px; height:46px; border-radius:23px; line-height:33px;}

/* 设计师 详情页 - 右侧报价表格 */
#designer--section-detail-main .col-form-price {background-color:#f0f1f2; padding:36px 20px 0 20px;}
#designer--section-detail-main .col-form-price h3 {font-size:20px; color:#111; text-align:center;}
#designer--section-detail-main .col-form-price span.sign {font-size:22px; color:#c61720;}
#designer--section-detail-main .col-form-price span.num {font-size:36px; font-weight:bold; color:#c61720;}
#designer--section-detail-main .col-form-price span.msg-1,
#designer--section-detail-main .col-form-price span.msg-2 {display:block; font-size:13px; color:#7d7d7d; text-align:center; margin:6px 0;}

#designer--section-detail-main .col-form-price .row-button {
  height:40px; line-height:40px; background-color:#fff; border-radius:20px; margin:8px 6px 12px 6px; padding:0;
}
#designer--section-detail-main .col-form-price .div-btn {border-radius:20px; cursor:pointer;}
#designer--section-detail-main .col-form-price .div-btn-active {background-color:#c61720; color:#fff;}

#designer--section-detail-main .col-form-price .input-group,
#designer--section-detail-main .col-form-price .input-group-prepend,
#designer--section-detail-main .col-form-price .form-control {height:40px;}
#designer--section-detail-main .col-form-price .input-group-text {
  font-size:19px; border-right:0; border-radius:20px 0 0 20px; padding-right:6px;
  background-color:#fff; color: #c61720;
}
#designer--section-detail-main .col-form-price .form-control {font-size:15px; border-left:0; border-radius:0 20px 20px 0;}
#designer--section-detail-main .col-form-price .btn-block {height:40px; border-radius:20px; background-color:#4c4c4c;}

/* 设计师 详情页 - 相关案例 */
#designer--section-case {background-color:#ffffff;}
#designer--section-case h2.des-section-title {font-size:20px; color:#2b2b2b; margin:0 0 10px 8px; padding-left:8px; border-left:3px solid #c61720;}
#designer--section-case .card {margin:0 8px 22px 8px; padding-bottom:0.3rem; border-color:#e9e9e9;}
#designer--section-case .card a {text-decoration:none; color:#3e3e3e; display:block;}
#designer--section-case .card a:hover {color:#c61720;}
#designer--section-case .card-body {padding:6px 16px;}
#designer--section-case .card h6.card-title {font-size:16px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:0.3rem;}
#designer--section-case .card p.param {font-size:14px; color:#9f9f9f; margin-top:12px; margin-bottom:0;}
#designer--section-case .card button {padding:0.15rem 0.5rem; width:80px; height:30px; font-size:13px; border-radius:15px;}

#designer--section-case .card:hover {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
#designer--section-case .card .card-img-top {overflow:hidden;}
#designer--section-case .card .card-img-top img {transition:transform ease-in-out 0.75s;}
#designer--section-case .card:hover .card-img-top img {
  transform:scale(1.25);
}
#designer--section-case .btn-more-case {width:264px; height:46px; border-radius:23px; line-height:33px; margin:20px 0 8px 0;}

/* 设计师 详情页 - 其他设计师推荐 */
#designer--section-others {background-color:#f9f9f9;}
#designer--section-others h2.des-section-title {font-size:20px; color:#2b2b2b; margin:0 0 10px 8px; padding-left:8px; border-left:3px solid #c61720;}
#designer--section-others .row-others .col-inner {background-color:#ffffff;}
#designer--section-others .row-others .col-inner a {color:#3c3c3c; text-decoration:none;}
#designer--section-others .col-inner h6.des-name {font-size:20px; color:#2b2b2b; font-weight:bold; margin-bottom:16px;}
#designer--section-others .col-inner h6.des-name small {display:inline-block; float:right; margin-right:50px; margin-top:8px; font-size:15px; color:#3c3c3c; font-weight:normal;}
#designer--section-others .col-inner span.text {font-size:13px;}
#designer--section-others .col-inner div.style {font-size:13px; display:inline-block; width:100%;}
#designer--section-others .col-inner .badge-style {background-color:#d4c09b; color:#ffffff; margin:1px 1px 1px 0;}
#designer--section-others .col-inner .row-case-img {position:absolute; bottom:0;}
#designer--section-others .col-inner .row-case-img img {border:2px solid #fff;}
#designer--section-others .col-inner .btn-outline-danger {
  position:relative; top:0; right:50px; border-radius:11px;
  width:70px; height:22px; font-size:12px; padding:0;
}

#designer--section-others .col-inner h6,
#designer--section-others .col-inner img {transition:all ease-in-out 0.5s;}
#designer--section-others .col-inner h6:hover {color:#c61720;}
#designer--section-others .col-des-photo:hover img {transform:scale(1.05); filter:brightness(1.02);}
#designer--section-others .row-case-img .col-6:hover img {filter:brightness(0.9); border-color:#c61720;}

#designer--section-case a.link-more,
#designer--section-others a.link-more {font-size:14px; color:#666;}


/* 装修案例 列表页 */
#case--section-index .card {margin:0 8px 22px 8px; padding-bottom:0.3rem;}
#case--section-index .card a {text-decoration:none; color:#3e3e3e; display:block;}
#case--section-index .card a:hover {color:#a70b1a;}
#case--section-index .card-body {padding:6px 16px;}
#case--section-index .card h6.card-title {font-size:16px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:0.3rem;}
#case--section-index .card p.param {font-size:14px; color:#9f9f9f; margin-bottom:0.75rem;}
#case--section-index button {padding:0.15rem 0.5rem;}

/* 装修案例 列表页 卡片的鼠标悬浮效果 */
#case--section-index .card:hover {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
#case--section-index .card .card-img-top {overflow:hidden;}
#case--section-index .card .card-img-top img {transition:transform ease-in-out 0.75s;}
#case--section-index .card:hover .card-img-top img {
  transform:scale(1.25);
}

/* 装修案例 经典案例详情 */
#case--section-detail .mySwiperMain .swiper-button-prev,
#case--section-detail .mySwiperMain .swiper-button-next {
  color: #ffffff;
  background-color: #606060;
  width: 60px;
  height: 60px;
  opacity: 0.5;
  transform: scale(0.75);
}

#case--section-detail .mySwiperThumbs .swiper-slide-visible img {
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}

#case--section-detail .mySwiperThumbs .swiper-slide-thumb-active img {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

#case--section-detail-info-and-des div.h4-decoration {width:10%; border-bottom:6px solid #a70b1a; margin-bottom:6px;}
#case--section-detail-info-and-des h4 {font-size:24px; font-weight:bold; color:#3e3e3e;}
#case--section-detail-info-and-des h5 {width:18%; font-size:15px; color:#ffffff; background-color:#a70b1a; padding:6px; margin-bottom:6px;}
#case--section-detail-info-and-des p {font-size:15px; color:#7f7f7f; padding-bottom:12px;}
#case--section-detail-info-and-des hr {border:0; border-bottom:1px dashed #e3e3e3;}

#case--section-detail-info-and-des .div-links,
#case--section-detail-info-and-des .div-links i {font-size:14px; color:#3e3e3e;}
#case--section-detail-info-and-des .div-links a {font-size:14px; color:#7f7f7f;}
#case--section-detail-info-and-des .div-links a:hover {color:#a70b1a;}

#case--section-detail-info-and-des .div-detail-des {background-color:#f0f0f0;}
#case--section-detail-info-and-des .div-detail-des .des-img {width:50%; margin-right:5%;}
#case--section-detail-info-and-des .div-detail-des .des-info {width:43%; position:absolute; right:0; bottom:10%;}

#case--section-detail-info-and-des .div-detail-des h6 {font-size:22px; color:#3e3e3e;}
#case--section-detail-info-and-des .div-detail-des h6 small {font-size:16px; color:#7f7f7f;}
#case--section-detail-info-and-des .div-detail-des p.name {font-size:18px; font-weight:bold; color:#3e3e3e; padding:0; margin:0;}
#case--section-detail-info-and-des .div-detail-des p.title {font-size:15px; color:#3e3e3e; padding:0; margin:0;}


/* 设计师、案例 列表页 装修灵感板块 */
#CaseOrDes--section-rand-case {background-color:#eee; padding:35px 0 120px 0; margin-bottom:-70px;}
#CaseOrDes--section-rand-case h3.rand-case-title {color:#333!important; font-size:24px; font-weight:normal!important;}
#CaseOrDes--section-rand-case hr.rand-case-hr {width:6%; background-color:#333; height:3px;}

#CaseOrDes--section-rand-case .col-case-show .inner {width:296px; height:234px;}
#CaseOrDes--section-rand-case .col-case-show a {text-decoration:none;}
#CaseOrDes--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;
}

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


/* 工地 列表页 */
.section-worksite-list .row-worksite {border-bottom:1px solid #caced5; transition:all ease-in .75s;}
.section-worksite-list .row-worksite:hover {box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,.25)!important;}
.section-worksite-list .row-worksite .col-img {overflow:hidden;}
.section-worksite-list .row-worksite .col-img img {transition:all ease-in 1s;}
.section-worksite-list .row-worksite:hover .col-img img {transform:scale(1.06);}
.section-worksite-list .row-worksite .img-play-icon {width:36px; height:36px; position:absolute; left:20px; bottom:14px;}

.section-worksite-list .row-worksite h4 {font-size:18px; margin-top:6px; margin-bottom:24px;}
.section-worksite-list .row-worksite .row-ws-info {font-size:14px;}
.section-worksite-list .row-worksite .row-ws-info .col-6 {margin-bottom: 20px;}

.section-worksite-list .row-worksite .row-progress {font-size:13px;}

.section-worksite-list .row-worksite .row-progress .col {color:#caced5;}
.section-worksite-list .row-worksite .row-progress .col.active {color:#a70b1a!important;}
.section-worksite-list .row-worksite .row-progress .progress {width:81%; height:5px;}
.section-worksite-list .row-worksite .row-progress .bi {font-size:16px; position:absolute; margin-top:-18px;}


#worksite--section-index-list-normal .card-yuyue .card-header,
#worksite--section-index-list-normal .card-recent .card-header {
  background-color:#fff; border:0; padding-top:30px; padding-bottom:0;
}
#worksite--section-index-list-normal .card-yuyue .card-header h3.card-title,
#worksite--section-index-list-normal .card-recent .card-header h3.card-title {
  font-size:20px; font-weight:bold; color:#a70b1a;
}
#worksite--section-index-list-normal .card-yuyue .card-header p {color:#9a9ea5;}
#worksite--section-index-list-normal .card-yuyue .card-body {padding-left:20px; padding-right:20px;}
#worksite--section-index-list-normal .card-yuyue .form-control {
  height:40px; line-height:40px; margin-bottom:30px; background-color:#f6f8fa;
  border-color:#eee; border-radius:40px; padding-left:18px;
}
#worksite--section-index-list-normal .card-yuyue .p-msg {font-size:15px;}
#worksite--section-index-list-normal .card-yuyue .btn-block {
  height:40px; border-radius:40px; background-color:#a70b1a;
}


#worksite--section-index-list-normal .card-recent .card-header b.text-danger {color:#a70b1a!important; font-weight:normal;}
#worksite--section-index-list-normal .card-recent ul {list-style-type:none; padding:0; font-size:14px; color:#666;}
#worksite--section-index-list-normal .card-recent ul li {margin-bottom:10px;}

#worksite--section-index-list-video .row-worksite {cursor:pointer;}

/* 底部图片效果 */
#worksite--section-footer-banner {position:relative; margin-bottom:-70px;}
#worksite--section-footer-banner div.float-text {position:absolute; left:24%; bottom:10px;}
#worksite--section-footer-banner div.float-text h3 {font-size:44px; font-weight:bold; color:#a70b1a; margin-bottom:2px;}
#worksite--section-footer-banner div.float-text h3 small {font-size:14px; font-weight:normal;}
#worksite--section-footer-banner div.float-text p {color:#666666; margin-bottom:40px;}

#worksite--section-footer-banner div.float-circle {position:absolute; left:0; top:0;}
#worksite--section-footer-banner div.float-circle .circle {
  border-radius: 50%;
  position: absolute;
  width: 100px;
  height: 100px;
  background: rgba(167,11,26,.4);
  -webkit-animation: scale-data-v-d1a61b40 2s linear infinite;
  animation: scale-data-v-d1a61b40 2s linear infinite;
}

#worksite--section-footer-banner div.float-circle .circle:nth-child(1) {left:975px; top:-14px;}
#worksite--section-footer-banner div.float-circle .circle:nth-child(2) {left:1090px; top:15px; animation-delay:1s;}
#worksite--section-footer-banner div.float-circle .circle:nth-child(3) {left:1101px; top:56px;}
#worksite--section-footer-banner div.float-circle .circle:nth-child(4) {left:1169px; top:95px; width:50px; height:50px;}
#worksite--section-footer-banner div.float-circle .circle:nth-child(5) {left:934px; top:55px; width:80px; height:80px; animation-delay:0.6s;}
#worksite--section-footer-banner div.float-circle .circle:nth-child(6) {left:887px; top:98px;}
#worksite--section-footer-banner div.float-circle .circle:nth-child(7) {left:981px; top:98px;}
#worksite--section-footer-banner div.float-circle .circle:nth-child(8) {left:1062px; top:98px; animation-delay:0.6s;}
#worksite--section-footer-banner div.float-circle .circle:nth-child(9) {left:830px; top:147px; width:80px; height:80px; animation-delay:0.6s;}
#worksite--section-footer-banner div.float-circle .circle:nth-child(10) {left:873px; top:184px; width:80px; height:80px;}
#worksite--section-footer-banner div.float-circle .circle:nth-child(11) {left:927px; top:167px;}
#worksite--section-footer-banner div.float-circle .circle:nth-child(12) {left:996px; top:141px; width:120px; height:120px; animation-delay:1s;}
#worksite--section-footer-banner div.float-circle .circle:nth-child(13) {left:1081px; top:152px; animation-delay:0.6s;}
#worksite--section-footer-banner div.float-circle .circle:nth-child(14) {left:1163px; top:180px;}
#worksite--section-footer-banner div.float-circle .circle:nth-child(15) {left:884px; top:236px; width:80px; height:80px; animation-delay:0.6s;}
#worksite--section-footer-banner div.float-circle .circle:nth-child(16) {left:953px; top:281px; width:50px; height:50px;}
#worksite--section-footer-banner div.float-circle .circle:nth-child(17) {left:990px; top:200px;}
#worksite--section-footer-banner div.float-circle .circle:nth-child(18) {left:1055px; top:190px; animation-delay:1.4s;}
#worksite--section-footer-banner div.float-circle .circle:nth-child(19) {left:1078px; top:253px; width:50px; height:50px; animation-delay:1s;}
#worksite--section-footer-banner div.float-circle .circle:nth-child(20) {left:1113px; top:214px; animation-delay:0.6s;}
@keyframes scale-data-v-d1a61b40{ 0% {transform:scale(0);opacity:0} 50% {opacity:0.88} to {transform:scale(1.3);opacity:0}}


/* 家装资讯 列表页 */
/* 家装资讯 列表页 导航 */
#column--section-nav ul li {
  float:left; text-align:left; list-style-type:none; padding:18px 46px;
  font-size:14px; color:#5d5d5d; border:1px solid #d5d5d5; border-top-width:0; border-bottom-width:0;
}
#column--section-nav ul li a {color:#5d5d5d; text-decoration:none;}
#column--section-nav ul li a:hover {color:#a70b1a;}

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

#column--section-nav nav {height:60px; line-height:60px; padding:0;}
#column--section-nav nav .breadcrumb-item {font-size:13px; color:#333;}
#column--section-nav nav .breadcrumb-item.no-before::before {content:"" !important;}
#column--section-nav nav .first {color:#999;}

/* 家装资讯 列表页 资讯卡片 */
#column--section-list .card {
  border:0!important;
}
#column--section-list .card .img-cover {transition:all linear 0.5s;}
#column--section-list .card .img-cover:hover {transform:scale(1.025);}

#column--section-list .card h5.card-title {
  color:#2b2b2b; font-size:17px; font-weight:bold; border-bottom:1px solid #e00b1b; padding:42px 0 8px 0;
}
#column--section-list .card h5.card-title:hover {color:#c61720;}
#column--section-list .card p.card-text {
  color:#999999; font-size:13px;
}
#column--section-list .card .btn-outline-danger {
  color:#707070; font-size:13px; border-color:#d0d0d0; width:150px; height:30px; line-height:15px;
}
#column--section-list .card .btn-outline-danger:hover {color:#ffffff; border-color:#f0f0f0;}
#column--section-list .card a,
#column--section-list .card a:link,
#column--section-list .card a:visited,
#column--section-list .card a:hover,
#column--section-list .card a:active {text-decoration:none;}

/* 家装资讯 列表页 侧边栏 */
#column--col-aside .card-price .card-header {
  background-color:#c61720; color:#ffffff; font-size:18px;
}
#column--col-aside .card-price input.form-control {color:#999999; font-size:14px; border-radius:0; border-color:#e0e0e0;}
#column--col-aside .card-price .btn-toggle {
  background-color:#ffffff; color:#999999; font-size:16px; height:40px; line-height:40px;
  border-radius:0; border:1px solid #e0e0e0;
}
#column--col-aside .card-price .btn-toggle.active {border-color:#c61720; color:#c61720;}
#column--col-aside .card-price img.img-check {position:absolute; right:15px; bottom:0;}
#column--col-aside .card-price .btn-danger {background-color:#c61720; color:#ffffff; font-size:14px; border-radius:0;}

#column--col-aside .card-recommend .card-header {
  background-color:#38332d; color:#ffffff; font-size:18px;
}
#column--col-aside .card-recommend a.btn-link {
  font-size:12px; color:#5d5d5d; text-decoration:none; letter-spacing:0; margin-bottom:12px;
}
#column--col-aside .card-recommend a.btn-link:hover {
  color:#c61720;
}

#column--div-content {overflow-x:hidden;}
#column--div-content h2.content-title {color:#2b2b2b; font-size:18px; font-weight:bold; border-bottom:1px solid #e00b1b; padding-bottom:12px; margin-bottom:16px;}
#column--div-content img {max-width:850px!important;}

/* 预算报价 - 计算表单 */
#zt-quotation--section-header .row-form-price {position:relative; bottom:360px;}
#zt-quotation--section-header .row-form-price .col-form h4 {font-size:34px; color:#ff761d;}
#zt-quotation--section-header .row-form-price .col-form h4 i {font-size:15px; font-style:normal; margin-top:20px; color:#5d5d5d; letter-spacing:1px;}
#zt-quotation--section-header .row-form-price .col-form .form-control {border-radius:0; margin:22px 0;}
#zt-quotation--section-header .row-form-price .col-form span.text {font-size:12px; color:#999; letter-spacing:1px;}

#zt-quotation--section-header .row-form-price .col-img .div-btn-calc {
  background-image:url("../image/zt/quotation/ico-line-btn.png");
  background-repeat:no-repeat; background-size:contain;
  width:160px; margin:5px auto 0 auto; padding:38px 15px 0 15px;
}
#zt-quotation--section-header .row-form-price .circle-animate {
  width:130px; height:130px; background-color:#fea65d; border-radius:50%; position:relative; top:0;
  -webkit-animation: scale-circle-animate 1.75s linear infinite;
  -moz-animation: scale-circle-animate 2s linear infinite;
  -o-animation: scale-circle-animate 2s linear infinite;
  animation: scale-circle-animate 2s linear infinite;
}

@-webkit-keyframes scale-circle-animate {
  0% {opacity: .15}
  50% {opacity: .75}
  100% {opacity: .15}
}
@-moz-keyframes scale-circle-animate {
  0% {opacity: .15}
  50% {opacity: .75}
  100% {opacity: .15}
}
@-o-keyframes scale-circle-animate {
  0% {opacity: .15}
  50% {opacity: .75}
  100% {opacity: .15}
}
@keyframes scale-circle-animate {
  0% {opacity: .15}
  50% {opacity: .75}
  100% {opacity: .15}
}

#zt-quotation--section-header .row-form-price .col-img .btn-calc {
  width:100px; height:100px; font-size:20px; color:#ffffff; border-radius:50%;
  background-color:#ff761d; border:16px solid transparent; position:relative; top:-116px;
}
#zt-quotation--section-header .row-form-price .col-img p.phone {
  color:#ff761d; font-size:18px; margin-top:-60px;
}

#zt-quotation--section-header .row-form-price .col-price h4 {font-size:16px; color:#5d5d5d;}
#zt-quotation--section-header .row-form-price .col-price h4 b {font-size:22px; color:#ff761d;}
#zt-quotation--section-header .row-form-price .col-price div.show {
  padding:16px 0 16px 110px; font-size:14px; border:1px solid #d5d5d5; margin:16px auto;
  line-height:25px; color:#5d5d5d;
}
#zt-quotation--section-header .row-form-price .col-price div.show i {font-style:normal; color:#ff761d;}
#zt-quotation--section-header .row-form-price .col-price span.text {font-size:12px; color:#999; letter-spacing:1px;}

/* 预算报价 价格弹窗 */
.div-templateZtQuotationCalcPrice-inner {padding:44px 0;}
.div-templateZtQuotationCalcPrice-inner i.bi {font-size:150px; color:#a5dc86;}
.div-templateZtQuotationCalcPrice-inner h2 {font-size:32px; font-weight:bold; color:#333;}
.div-templateZtQuotationCalcPrice-inner h4 {font-size:24px; font-weight:normal; color:#333;}
.div-templateZtQuotationCalcPrice-inner p {font-size:16px; color:#5d5d5d;}
.div-templateZtQuotationCalcPrice-inner span.num {color:#ff761d;}

/* 预算报价 - 轻松获得 */
#zt-quotation--section-easy {margin-top:-200px!important;}
#zt-quotation--section-easy h2 {font-size:33px; font-weight:normal; color:#2b2b2b; margin-bottom:26px;}
#zt-quotation--section-easy h2 b {color:#ff761d; font-weight:bold;}
#zt-quotation--section-easy .row-step .col-bg {
  height:162px; width:178px; text-align:center; margin:0 auto 0 auto;
  background-image:url("../image/zt/quotation/easy_step_next.png");
  background-repeat:no-repeat; background-size:contain;
}
#zt-quotation--section-easy .row-step .col-bg.end {
  background-image:url("../image/zt/quotation/easy_step_end.png");
}
#zt-quotation--section-easy .row-step .col-bg p {
  font-size:18px; color:#ff761d; padding-top:52px; margin-right:30px;
}
#zt-quotation--section-easy .row-step .col-bg.end p {margin-left:30px; margin-right:0;}
#zt-quotation--section-easy .row-step .col-bg p.at-btm {width:200px; font-size:14px; color:#5d5d5d; margin-left:-27px;}
#zt-quotation--section-easy .row-step .col-bg.end p.at-btm {margin-left:10px;}

#zt-quotation--section-easy .row-step .col-bg:hover p {font-weight:bold;}
#zt-quotation--section-easy .row-step .col-bg:hover p.at-btm {color:#2b2b2b; font-weight:normal;}


#zt-quotation--section-easy .row-why {margin-top:72px; background-color:#f6f6f6;}
#zt-quotation--section-easy .row-why .col-title {font-size:20px; font-weight:bold; color:#586060; margin:20px 0;}
#zt-quotation--section-easy .row-why .col-3 {
  height:103px;
  background-image:url("../image/zt/quotation/why_bg.png");
  background-repeat:no-repeat; background-size:contain;
}
#zt-quotation--section-easy .row-why .img-icon {margin-top:13px; margin-right:0;}
#zt-quotation--section-easy .row-why h6 {font-size:15px; font-weight:bold; color:#586060; margin-top:16px;}
#zt-quotation--section-easy .row-why p {font-size:13px; color:#586060;}

#zt-quotation--section-easy .row-why * {transition:all ease-in-out 0.5s}
#zt-quotation--section-easy .row-why .col-show:hover {transform:scale(1.03);}
#zt-quotation--section-easy .row-why .col-show:hover h6 {color:#ff761d;}
#zt-quotation--section-easy .row-why .col-show:hover p {color:#2b2b2b;}

/* 预算报价 - 标题格式 */
h2.h2-quotation-en {
  font-size:64px!important; font-weight:bold!important; color:#c9c9c9!important; opacity:0.28;
  margin:20px 0 0 0!important;
}
h3.h3-quotation-cn {
  font-size:32px!important; font-weight:bold!important; color:#1b1b1b!important;
  margin:-40px 0 24px 0!important;
}

/* 预算报价 - 装修方式 */
#zt-quotation--section-methods {background-color:#fff; padding:12px 0 34px 0;}
#zt-quotation--section-methods .card-header {font-size:31px; color:#5d5d5d; letter-spacing:6px;}
#zt-quotation--section-methods .card-body p {font-size:14px; color:#9e9e9e; letter-spacing:1px;}
#zt-quotation--section-methods .card,
#zt-quotation--section-methods .card * {
  transition:all ease-in-out 0.5s;
}
#zt-quotation--section-methods .card:hover {border-color:#ff761d;}
#zt-quotation--section-methods .card:hover .card-header {color:#ff761d; font-weight:bold; border-color:#ff761d;}
#zt-quotation--section-methods .card:hover p {color:#5d5d5d;}

/* 预算报价 - 清单式报价 */
#zt-quotation--section-sheet {
  background-color:#f6f6f6;
  background-image:url("../image/zt/quotation/sheet_bg.png");
  background-repeat:no-repeat;
  min-height:780px; max-height:780px;
}

#zt-quotation--section-sheet .row-sheet-list-1 {margin-top:100px;}
#zt-quotation--section-sheet .row-sheet-list-1 .btn-block {
  width:240px; height:50px; line-height:26px; font-size:19px; font-weight:bold; margin-bottom:22px;
  background-color:#5b88ff; border-radius:26px; border:4px solid #f6f6f6;
  transition:all ease-in-out 0.5s;
}
#zt-quotation--section-sheet .row-sheet-list-1 .btn-block:hover {border-color:#5b88ff;}

#zt-quotation--section-sheet .row-sheet-list-2 {margin-top:30px;}
#zt-quotation--section-sheet .row-sheet-list-2 .col-6 {
  font-size:21px; color:#505050; margin-bottom:18px;
  background-color:rgba(250,250,250,0.25);
}
#zt-quotation--section-sheet .row-sheet-list-2 .col-6:hover {color:#5b88ff;}
#zt-quotation--section-sheet .row-sheet-list-2 .col-6.text-left {padding-left:32px;}
#zt-quotation--section-sheet .row-sheet-list-2 .col-6.text-right {padding-right:32px;}
#zt-quotation--section-sheet .row-sheet-list-2 .col-6 i {font-size:24px; color:#5b88ff;}

#zt-quotation--section-footer {margin-bottom:-72px;}
#zt-quotation--section-footer .row-txt {height:220px; margin-top:-20%; margin-bottom:7%; background-color:rgba(255,255,255,0); padding:0 200px;}
#zt-quotation--section-footer .row-txt .r2 {margin-top:45px;}
#zt-quotation--section-footer .row-txt-inner {margin:0 80px;}
#zt-quotation--section-footer h3 {font-size:37px; font-weight:normal; color:#e0bb9b; margin-bottom:4px;}
#zt-quotation--section-footer p {font-size:13px; color:#e0bb9b;}

/* 站点页面通用弹窗 上门量房 */
button.swal2-close {position:relative; top:8px; right:8px;}
.div-templateFreeMeasure-inner .img-bg {opacity:0.4;}
.div-templateFreeMeasure-inner h3 {
  font-size:30px; color:#2b2b2b; font-weight:bold; letter-spacing:2px; transform:skew(-16deg);
  margin-top:-350px; margin-bottom:30px;
}
.div-templateFreeMeasure-inner h3 i {color:#c21823; font-style:normal;}

.div-templateFreeMeasure-inner .row-main {padding-bottom:50px;}
.div-templateFreeMeasure-inner .row-main .form-control {height:50px; margin-bottom:8px; border-color:#f3f3ee;}
.div-templateFreeMeasure-inner .row-main .btn-block {height:50px; background-color:#c21823; letter-spacing:2px;}

/* 站点页面通用弹窗 预算报价 */
.div-templateOfferPrice-inner .img-bg {width:440px!important;}
.div-templateOfferPrice-inner div.main {margin:-416px 65px 60px 65px;}
.div-templateOfferPrice-inner h3 {font-size:30px; color:#2b2b2b; font-weight:bold; letter-spacing:2px; margin-bottom:26px;}
.div-templateOfferPrice-inner .row-main .form-control {height:50px; margin-bottom:12px; border-color:#f3f3ee;}
.div-templateOfferPrice-inner .row-main .btn-choose-house {
  height:38px; line-height:23px; margin-bottom:12px; background-color:#fff; color:#555;  border-color:#f3f3ee;
  cursor:pointer;
}
.div-templateOfferPrice-inner .row-main .btn-choose-house.active {
  color:#c21823; border-color:#c21823;
}
.div-templateOfferPrice-inner .row-main .btn-choose-house:hover {
  color:#ffffff; background-color:#c21823; border-color:#ffffff;
}
.div-templateOfferPrice-inner .row-main .btn-send {height:50px; background-color:#c21823; letter-spacing:2px; margin-top:20px;}

/* 站点页面通用弹窗 装修资料 */
.div-templateDownloadDoc-inner .img-bg {width:800px!important;}
.div-templateDownloadDoc-inner div.main {margin:-800px 88px 20px 88px;}
.div-templateDownloadDoc-inner h3 {font-size:30px; color:#2b2b2b; font-weight:bold; letter-spacing:2px; margin-bottom:30px;}
.div-templateDownloadDoc-inner .row-main h6 {font-size:22px; font-weight:bold; color:#5d5d5d; margin-top:20px;}
.div-templateDownloadDoc-inner .row-main p {font-size:16px; color:#707070; padding-bottom:0; margin-bottom:20px;}
.div-templateDownloadDoc-inner .row-main .btn-download {height:56px; font-size:22px; letter-spacing:1px; margin-top:28px;}

.div-templateDownloadDoc-inner .row-main .row-card {background-color:#ffffff; margin-bottom:18px; border:1px solid #e0e0e0; border-radius:8px;}
.div-templateDownloadDoc-inner .row-main .col-img {padding:2px;}

/* 站点页面通用弹窗 验证手机 */
.div-templateVerifyPhone-inner .img-bg {width:440px!important; height:460px;}
.div-templateVerifyPhone-inner div.main {margin:-420px 0 30px 0;}
.div-templateVerifyPhone-inner i.bi {font-size:12px;}
.div-templateVerifyPhone-inner span.small {font-size:12px; color:#5d5d5d;}

/* ======================================== */
/* 补充样式类名 */
.overflow-hidden {overflow:hidden;}
.min-w-100 {min-width:100%;}
.clearfix {display:block; clear:both;}

/* 按钮点击时的波浪效果 */
.ripple {position:relative; overflow:hidden;}
.ripple:after {
  position:absolute; top:0; left:0;
  content:""; display:block; width:100%; height:100%; pointer-events:none;
  background-image:radial-gradient(circle, #666 10%, transparent 10.01%);
  background-repeat:no-repeat; background-position:50%;
  transform:scale(10, 10); opacity:0; transition:transform .5s,opacity .5s;
}
.ripple:active:after {transform:scale(0, 0); opacity:.5; transition:0s;}