@charset "UTF-8";

/* 重设样式 */

*{margin:0;padding:0;list-style:none;border:none;outline:none;}

body{ font-style: normal;font-variant:normal;color:#000000;font-family: "SourceHanSansCN-Regular", "SourceHanSansCN";}

/* 内外边距通常让各个浏览器样式的表现位置不同 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

    margin: 0;

    padding: 0;

    font-size: 0.25rem;

}

input, select, textarea {font-size: 100%;}

/* 去掉各 Table  cell 的边距并让其边重合 */

table {border-collapse: collapse;border-spacing: 0;}

/* 去除默认边框 */

fieldset, img {border: 0;}

/* 去掉 firefox 下此元素的边框 */

abbr, acronym {border: 0;font-variant: normal;}

/* 一致的 del 样式 */

del {text-decoration: line-through;}

address, caption, cite, code, dfn, em, th, var,i {font-size:100%;font-style: normal;font-weight: normal;}

/* 去掉列表前的标识, li 会继承 */

ol, ul {list-style: none;}

/* 对齐是排版最重要的因素, 别让什么都居中 */

caption, th {text-align: left;}

/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */

h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}

q:before, q:after {content: '';}

/* 正常链接 未访问 */

/* 鼠标悬停 */

a:hover {text-decoration:none;}

/* 默认不显示下划线，保持页面简洁 */

ins, a {text-decoration: none;color:#000000;

    /*-moz-transition:all .3s ease-in;

    -webkit-transition:all .3s ease-in;

    -o-transition:all .3s ease-in;

    -ms-transition:all .3s ease-in;

    transition:all .3s ease-in;*/}

html{ overflow-x:hidden; background: #fff;}

.w1160{width: 1160px; margin: 0 auto;}

.w227{width: 227px; margin: 0 auto;}

.w785{width: 785px; margin: 0 auto;}

.fl{float: left;}

.fr{float: right;}

.cb{clear: both;}

.w500{width: 525px;}

.mt5{margin-top: 5px;}

.mt30{margin-top: 30px;}

.ml16{margin-left: 0px !important;}

.color_ef{color: #EFAA22 !important;}

.color_66{color: #666 !important;}

.bc_sf{background: linear-gradient(120deg, #FFF7F5,#fff);}

.bc_sj{background: linear-gradient(120deg, #F5F3FE,#fff);}

.bc_ys{background: linear-gradient(120deg, #EDF7F8,#fff);}

.bor_16{border-radius: 0px 0px 0px 16px;}

.bor_r6{border-radius: 0px 0 16px 0;}





.case_des{font-family: Source Han Sans CN;font-size: 14px; color: #666;line-height: 50px;margin-top: 10px;}

.case_des span{ font-size: 14px; color: #DDA45A;font-family: Source Han Sans CN; }

.art_banner{display: flex; justify-content: space-between; flex-wrap:wrap;width: 1160px; margin:0 auto;padding-bottom: 20px;padding-top: 20px;}

.art_banner .bc_ff{width: 368px;border-radius: 24px;}

.art_banner .bc_ff ul{display: flex; justify-content: space-between; flex-wrap:wrap;width: 368px; margin:0 auto;}

.art_banner .bc_ff li{width: 120px;height: 120px; text-align: center;line-height: 120px;font-family: Source Han Sans CN; font-size: 18px;color: #333; font-weight: 500;}

.art_banner .bc_sd ul{display: flex; justify-content: space-between; flex-wrap:wrap;width: 368px; margin:0 auto;}

.art_banner .bc_sd li{width: 120px;height: 58px; text-align: center;line-height: 58px;font-family: Source Han Sans CN; font-size: 18px;color: #333; font-weight: 500;margin-top: 5px;}

.art_banner .bc_rz ul{display: flex; justify-content: space-between; flex-wrap:wrap;width: 368px; margin:0 auto;}

.art_banner .bc_rz li{width: 180px;height: 120px; text-align: center;line-height: 120px;font-family: Source Han Sans CN; font-size: 18px;color: #333; font-weight: 500;margin-top: 5px;}

/*裝修前*/

.art_ago{position: relative; width: 1160px; clear: both;height: 900px; overflow: hidden;}

.art_ago .art_fl{font-size: 18px;font-family: Source Han Sans CN; font-weight: 500;line-height: 30px; margin-left: 20px; width: 310px; float: left;}

.art_ago .art_fl span{margin: 0 5px; cursor: pointer;}

.art_ago .art_fl .art_a:hover{color: #DE9D4D;}



.art_ago .case_copy{font-family: Source Han Sans CN; font-size: 22px; color: #333;float: left;overflow: hidden;margin-bottom: 10px; position: relative; z-index: 1;margin-right: 20px;}

.art_ago .caseLine{width: 62px; height: 2px; background: #333; border-radius: 1px; margin-top: 19px;}

.art_ago .caseLine01{width: 1160px; height: 1px; background: #bbb;}

.art_ago .case_more{float: right; line-height: 30px;}

.art_ago .case_more a{font-family: Source Han Sans CN; font-size: 18px; color: #666 !important; cursor: pointer;}

.art_ago .case_more a:hover{color: #CE954C;}

.art_ago .bg_tj{position: absolute;top: 14px;left: 0px;width: 44px; height: 16px;}

.art_ago .art_adv{display: flex; justify-content: space-between; flex-wrap:wrap;width: 1160px; margin:0 auto;}

.art_ago .art_adv li{width: 269px;height: 152px;margin-top: 40px;}

.art_ago .art_adv img{width: 269px;height: 152px; border-radius: 16px;}



.art_ago .art_adv1{display: flex; justify-content: space-between; flex-wrap:wrap;width: 1160px; margin:0 auto;}

.art_ago .art_adv1 li{width: 566px;height: 152px;margin-top: 40px;}

.art_ago .art_adv1 img{width: 566px;height: 152px; border-radius: 16px;}



.art_ago .art_one{float: left; width: 566px; overflow: hidden;margin-top: 30px; cursor: pointer;}

.art_ago .art_one .art_pto{width: 566px;height: 424px; border-radius: 16px;}

.art_ago .art_one h1{color: #333;font-family: Source Han Sans CN; font-size: 22px;font-weight: bold;line-height: 55px; height: 55px; width: 566px; overflow: hidden;}

.art_ago .art_one p{color: #666;font-family: Source Han Sans CN; font-size: 18px;font-weight: 400;line-height: 25px; height: 50px; width: 566px; overflow: hidden;}

.art_ago .art_one .art_bq{float: left;margin-top: 20px; width: 300px;}

.art_ago .art_one .art_bq span{font-family: Source Han Sans CN; font-size: 16px; color: #FFC34D;padding:5px 15px; background-color: #FFFAE7; border-radius: 16px;}

.art_ago .art_one .art_ll{float: right;margin-top: 20px;width: 180px;}

.art_ago .art_one .art_ll span{font-family: DIN; font-size: 14px; color: #999;margin: 0 5px;}





.art_ago .art_two{float: right; width: 566px; overflow: hidden;margin-top: 14px;height: 603px;}

.art_ago .art_two li{ border-bottom: 1px solid #f9f9f9; height: 136px;margin-top: 14px; cursor: pointer;}

.art_ago .art_two .bc_ef{background: #efefef; width: 122px; height: 122px; border-radius: 16px;font-family: Source Han Sans CN;overflow: hidden; float: left;}

.art_ago .art_two .bc_ef h2{ color: #333; font-size: 48px; margin-top: 20px;margin-left: 30px;}

.art_ago .art_two .bc_ef h3{ color: #666; font-size: 24px; margin-top: -10px;margin-left: 60px;}

.art_ago .art_two .bc_nr{float: left; width: 444px; overflow: hidden;height: 122px;}



.art_ago .art_two .bc_nr h1{color: #333;font-family: Source Han Sans CN; font-size: 18px;font-weight: 600;line-height: 30px; height: 30px;overflow: hidden; width: 420px; margin-left: 17px; margin-top: 10px;}

.art_ago .art_two .bc_nr p{color: #333;font-family: Source Han Sans CN; font-size: 14px;font-weight: Normal;line-height: 20px; height: 40px;overflow: hidden; width: 420px; margin-left: 17px; margin-top: 5px;}

.art_ago .art_two .bc_nr .art_bq{float: left;margin-top: 10px; width: 300px;margin-left: 17px;}

.art_ago .art_two .bc_nr .art_bq span{font-family: Source Han Sans CN; font-size: 16px; color: #FFC34D;padding:5px 15px; background-color: #FFFAE7; border-radius: 16px;}

.art_ago .art_two .bc_nr .art_ll{float: right;margin-top: 10px;}

.art_ago .art_two .bc_nr .art_ll span{font-family: DIN; font-size: 14px; color: #999;margin: 0 5px;}

















 /*推荐案例*/

.art_tj {clear: both; overflow: hidden;}

.art_tj .case_copy{font-family: Source Han Sans CN; font-size: 22px; color: #333;margin-top: 40px; float: left;overflow: hidden;margin-bottom: 10px;}

.art_tj .caseLine{width: 175px; height: 2px; background: #333; border-radius: 1px; margin-top: 19px;}

.art_tj .caseLine01{width: 1160px; height: 1px; background: #bbb;}

.art_tj .case_ul{display: flex; justify-content: space-between; flex-wrap:wrap;width: 1160px; margin:0 auto;padding-bottom: 20px;}

.art_tj .case_ul li{width: 275px;height: 261px; background: #fff; border-radius: 24px; border: 1px solid #f5f5f5;margin-top: 20px; overflow: hidden; position: relative; cursor: pointer;}

.art_tj .anli{ border-radius: 24px 24px 0 0; width: 275px; height: 206px;}

.art_tj h2{font-family: Source Han Sans CN; font-size: 16px; color: #333;margin-left: 13px; height: 25px; line-height: 25px; overflow: hidden; width: 195px;}

.art_tj h3{font-family: Source Han Sans CN; font-size: 12px; color: #999;margin-left: 13px; height: 20px; line-height: 20px; overflow: hidden; width: 195px;}

.art_tj .pa{position: absolute; top: 181px; right: 16px; text-align: center;}

.art_tj .pa img{ border-radius: 50%; border: 2px solid #fff;width: 46px; height: 46px;}

.art_tj .pa h4{font-family: Source Han Sans CN; font-size: 14px; color: #666; width: 46px; text-align: center;}
.art_tj .pa >div{font-family: Source Han Sans CN; font-size: 14px; color: #666; text-align: center;}

.art_tj .case_zz{position: absolute; top: 169px; left: 12px;}

.art_tj .case_zz .zzc{width: 192px; height: 27px;background: #000; opacity: 0.4;border-radius: 0px 16px 0px 14px;}

.art_tj .case_zz h6{position: absolute; top: 0px; left: 5px;font-family: Source Han Sans CN; font-size: 14px; color: #fff;line-height: 27px;width: 185px; overflow: hidden; height: 27px;}

.art_tj .case_more{float: right;margin-top: 40px;}

.art_tj .case_more span{font-family: Source Han Sans CN; font-size: 18px; color: #333; cursor: pointer;}

.art_tj .case_more span:hover{color: #CE954C;}