@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: #F2F5F7;}

img{width: 100%;}

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

.w786{width: 786px; margin: 0 auto;}

.w551{width: 551px; margin: 0 auto;}

.fl{float: left;}

.fr{float: right;}

.cb{clear: both;}

.mbt40{margin-bottom: 40px;}

.color_ef{color: #EFAA22 !important;}

.color_66{color: #666 !important;}

.photo1{width: 20px; height: 20px;}



.case_des{height: 130px;box-shadow: 0px 2px 8px 0px rgba(229, 229, 229, 0.72); background: #fff;overflow: hidden;line-height: 30px;}

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

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

.case_des h1{font-family: Source Han Sans CN; font-size: 28px; font-weight: 500; color: #333; float: left;}

.case_des h2{font-family: Source Han Sans CN; font-size: 14px; font-weight: 400; color: #666; float: left;margin: 2px 0 0 15px;}

.case_des img{float: left;margin-top: 6px; margin-right: 5px;}

.case_des h3{float: left;font-family: DIN;font-size: 14px; font-weight: 500; color: #666;}



.case_fl{width: 865px; float: left;border-radius: 16px; background-color: #fff;margin-top: 20px;margin-bottom: 20px;}

.case_fl p{font-family: Source Han Sans CN; font-size: 18px !important; color: #666 !important;margin-top:20px; /*margin-bottom: 30px;*/}

/*.case_fl p span{text-indent:2em;display:inline-block;}*/

/*.case_fl p strong{text-indent:2em;display:inline-block;}*/

.case_fl p img{border-radius: 3px; /*margin-left: -2em;*/}

.case_fl .photo{width: 786px; overflow: hidden;border-radius: 16px;}

/*.case_fl .w786{text-indent: 6em}*/

/*.case_fl .w786 h2{font-family: Source Han Sans CN; font-size: 18px; color: #333; width: 40px;float: left;}*/

.case_fl .w786 .arc_bq{background: #FFFAE7;border-radius: 10px; line-height: 27px; padding: 5px 15px; margin-left: 10px; color: #FFC34D;font-family: Source Han Sans CN;  font-weight: 500;margin-top: 10px;font-size: 16px;}

.case_fl .bor_01{width: 786px; height: 50px; border-bottom: 1px solid #F3F6FA; margin: 0 auto; overflow: hidden;}

.case_fl .w786 .w551 a{display: block; width: 551px; height: 56px; line-height: 56px; text-align: center; color: #333;font-family: Source Han Sans CN; font-size: 16px; background: #f5f5f5; border-radius: 16px; margin-top: 20px;}

.case_fl .w786 .arc_tj{margin-top: 20px; position: relative;}

.case_fl .w786 .arc_tj .related{float: left;font-family: Source Han Sans CN; color: #333;font-size: 18px;line-height: 30px; position: relative; z-index: 1;}

.case_fl .w786 .arc_tj .tj_img{position: absolute; top: 14px;left: 0px; width: 44px; height: 10px;}

.case_fl .w786 .arc_tj .arc_more{font-family: Source Han Sans CN; font-size: 18px; color: #666; float: right;line-height: 30px;}

.case_fl .w786 .arc_tj .arc_more a{color: #666;}

.case_fl .w786 .arc_tj ul{display: flex; justify-content: space-between; flex-wrap:wrap;width: 786px; margin:0 auto;}

.case_fl .w786 .arc_tj li{width: 255px; overflow: hidden;height: 250px;background: #fff; border-radius: 16px;box-shadow: 2px 3px 14px 2px #F5F5F5;margin-top: 20px; margin-bottom: 30px;}

.case_fl .w786 .arc_tj h3{font-size: 16px;font-family: Source Han Sans CN; color: #333; height: 30px; line-height: 30px; overflow: hidden; width: 245px;margin: 0 auto;text-overflow: ellipsis;white-space: nowrap;}

.case_fl .w786 .arc_tj p{font-size: 14px !important;font-family: Source Han Sans CN; color: #999; height: 20px; line-height: 20px; overflow: hidden; width: 245px;margin: 0 auto;text-overflow: ellipsis;white-space: nowrap;}



.case_fr{width: 275px; float: right;margin-top: 20px;}

.case_fr .case_arc{width: 275px;height: 322px;background: linear-gradient(0deg, #FDF5DE, #FFFFFF);box-shadow: 2px 3px 14px 2px #F5F5F5;border-radius: 16px;overflow: hidden;}

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



/*右侧报名*/

.case_fr .case_bm{width: 275px;height: 352px;background: linear-gradient(0deg, #FDF5DE, #FFFFFF);box-shadow: 2px 3px 14px 2px #F5F5F5;border-radius: 16px;overflow: hidden;}

.case_fr .case_bm h1{font-family: Source Han Sans CN; font-size: 22px;font-weight: 500; color: #333; margin-top: 30px; text-align: center;}

.case_fr .case_bm p{font-family: Source Han Sans CN; font-size: 16px;font-weight: 500; color: #666; margin-top: 10px; text-align: center;margin-bottom: 18px;}

.case_fr .case_bm i{color: #FFC34D;font-family: Source Han Sans CN;}

.case_fr .case_bm input{width: 212px;height: 44px;background: #fff;color: #999; float: left; border-radius:8px; padding-left:15px;margin: 0 0 10px 0; font-size: 14px !important;}

.case_fr .case_bm em{position: absolute;top: 19px; right: 18px; color: #999;}

.case_fr .case_bm button{width:227px; height:44px;background: linear-gradient(45deg, #E8AF65, #DC9A49); border-radius: 8px; position: relative;font-family: Source Han Sans CN; font-size: 18px;font-weight: 500; color: #fff; margin-top: 10px;}

.case_fr .case_bm img{width: 24px; height: 27px; position: absolute;top: 9px;left: 40px;}

.case_fr .case_bm span{margin-left: 30px;}

/*右侧一分钟看懂装修*/

.case_fr .art_one{margin-top: 20px; position: relative;}

.case_fr .art_one a{color: #fff;font-family: Source Han Sans CN; font-size: 16px; font-weight: 500; width: 106px; height: 28px; text-align: center; line-height: 28px;background: linear-gradient(45deg, #E8AF65, #DC9A49);border-radius: 6px; display: block;position: absolute; top: 120px;left: 142px;}

/*右侧测试风格*/

.case_fr .art_cece{margin-top: 20px; position: relative; margin-bottom: 20px;}

.case_fr .art_cece button{color: #fff;font-family: Source Han Sans CN; font-size: 16px; font-weight: 500; width: 106px; height: 28px; text-align: center; line-height: 28px;background: linear-gradient(45deg, #E8AF65, #DC9A49);border-radius: 6px; display: block;position: absolute; top: 170px;left: 142px;}

/*跳转*/ 

.case_fr .w275{width: 275px;margin: 0 auto;display: flex;justify-content: space-between;height: 188px;background: #fff;box-shadow: 2px 3px 14px 2px #F5F5F5;border: 2px solid #F8F8F8;border-radius: 16px;overflow: hidden;}

.case_fr .w275 ol{width: 88px;height: auto;background-color: #F8F8F8;}

.case_fr .w275 ol li{width: 88px;height: 50px;line-height: 50px;font-size: 14px;color: #333;border-bottom: 1px dashed #F3F3F3;box-sizing: border-box;text-align: center;}

.case_fr .w275 ol li img{width: 16px;height: 16px;position: absolute;top: 22px;left: 36px;}

.case_fr .w275 ul{width: 215px;height: 50px;padding: 13px 0 0 5px;border-bottom: 1px dashed #F3F3F3;box-sizing: border-box;display: flex;flex-wrap: wrap;}

.case_fr .w275 ol li:last-of-type{border-bottom: none;}

.case_fr .w275 ul:last-of-type{border-bottom: none;}

.case_fr .w275 ul li{height: 24px;font-size: 14px;line-height: 24px;text-align: center;margin-right: 18px;padding: 0 8px;border-radius: 4px;cursor: pointer;color: #333;}

.case_fr .w275 ul:nth-child(2){height: 90px;padding: 14px 0 0 5px;}

.case_fr .w275 ul:nth-child(3){border-top: 1px dashed #F3F3F3;}

.case_fr .w275 ul li a{width: 100%;height: 100%;display: block;}

.case_fr .w275 ul li.active{color: white;background-color: #DDA45A;}

.case_fr .w275 ul:nth-child(2) li{margin-right: 9px;}

.case_fr .w275 ul:nth-child(1) li{margin-right: 9px;}

.case_fr .w275 ul:nth-child(3) li{margin-right: 9px;}

.case_fr .w275 ul:nth-child(4) li{margin-right: 9px;}

.case_fr .w275 ul:nth-child(6) li{margin-right: 9px;}

.case_fr .w275 ul li:first-of-type{margin-right: 9px;}

.case_fr .w275 ol li:nth-child(2){height: 90px;line-height: 56px;}

.case_fr .w275 ol li:nth-child(2) img{top: 21px;}

.case_fr .w275 a:hover{color: #DDA45A;}

/*热门文章*/

.case_fr .hot_arc{width: 275px;background: #fff;box-shadow: 2px 3px 14px 2px #F5F5F5; border-radius: 16px;margin-top: 20px; overflow: hidden;}

.case_fr .hot_arc .w220{width: 220px; margin: 0 auto;}

.case_fr .hot_arc .w220 h1{font-family: Source Han Sans CN; font-size: 22px; font-weight: 500; color: #333; text-align: center;margin-top: 32px; margin-bottom: 7px;}

.case_fr .hot_arc .w220 li{cursor: pointer;margin-top: 10px;}

.case_fr .hot_arc .w220 .dis_n{display: none; position: relative;}

.case_fr .hot_arc .w220 .dis_b{display: block;}

.case_fr .hot_arc .w220 .dis_n img{width: 98px; height: 74px; float: left;}

.case_fr .hot_arc .w220 .dis_n .pa_hot{width: 50px;height: 20px; line-height: 20px; text-align: center;border-radius: 8px 0px 8px 0px;background: #FFFAE7; color: #FFC34D; font-size: 14px; font-weight: 500;font-family: Source Han Sans CN; position: absolute; top: 0px;left: 0px;}

.case_fr .hot_arc .w220 .dis_n h3{float: left; width: 117px; height: 40px; overflow: hidden; line-height: 20px; margin-left: 5px; font-size: 14px; color: #333;margin-top: 8px;}

.case_fr .hot_arc .w220 .dis_n p{float: left; width: 117px; height: 20px; overflow: hidden; line-height: 20px; margin-left: 5px;margin-bottom: 10px; font-size: 12px; color: #999;}

.case_fr .hot_arc .w220 .bq{width: 50px;height: 20px; line-height: 20px; text-align: center;border-radius: 8px 0px 8px 0px;background: #FFFAE7; color: #FFC34D; font-size: 14px; font-weight: 500;font-family: Source Han Sans CN; float: left;}

.case_fr .hot_arc .w220 h2{float: left; width: 165px; height: 20px; overflow: hidden; line-height: 20px; margin-left: 5px;margin-bottom: 10px; font-size: 14px; color: #333;}

.case_fr .hot_arc .w220 .bor_hot{width: 220px; height: 1px; border-bottom: 1px solid #f3f3f3;overflow: hidden;}

 /*22年*/

.case_fr .art_nx{width: 275px; height: 300px; background: url('../images/22-bg.png') no-repeat; background-position-x: center; margin-top: 20px;text-align: center;overflow: hidden;}

.case_fr .art_nx h1{font-family: DIN; font-size: 24px;color: #333;margin-top: 33px;}

.case_fr .art_nx h2{font-family: Source Han Sans CN; font-size: 16px;color: #666;margin-top: 12px;background: url('../images/underline.png') no-repeat; background-position-y: 13px;background-position-x: center;width: 100%;}

.case_fr .art_nx p{font-family: DIN; font-size: 16px;color: #666;margin-top: 13px; font-weight: bold;}

.case_fr .art_nx i{color: #DDA45A; font-weight: bold !important;}

 /*轮播广告*/

.case_fr .art_lb{width: 275px; margin-top: 20px; overflow: hidden; position: relative;border-radius: 16px;}

.swiper-pagination-bullet-active{background: #fff !important;}

.swiper-pagination-bullet{ opacity: 0.6 !important;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background: #000;}

 /*推荐案例*/

.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;text-overflow: ellipsis;white-space: nowrap;}

.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;display: flex;flex-direction: column;align-items: 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;text-overflow: ellipsis;white-space: nowrap;}

.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 a{font-family: Source Han Sans CN; font-size: 18px; color: #333; cursor: pointer;}

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