@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;}

.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;}

.mt40{margin-top: 40px;}

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

.color_ef{color: #EFAA22 !important;}

.color_66{color: #666 !important;}



.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; }



/*左侧*/

.case_fl{width: 865px; float: left;border-radius: 16px; background-color: #fff;margin-bottom: 20px;margin-top: 20px;box-shadow: 2px 3px 14px 2px #F5F5F5;overflow: hidden;}

.case_fl .tab_art{margin-top: 40px;}

.case_fl .tab_art li{width: 182px; height: 52px;line-height: 52px; text-align: center; font-family: Source Han Sans CN; font-size: 19px; color: #333; float: left;box-shadow: 0px 0px 33px 5px rgba(153, 153, 153, 0.11);background-color: #fff;border-radius: 16px;margin-right: 14px;cursor: pointer;}

.case_fl .tab_art .on{color: #fff;background: linear-gradient(45deg, #E8AF65, #DC9A49);}

.case_fl .img_art{clear: both; height: 100%; margin-bottom: 30px;}

.case_fl .img_art .art_list{width: 785px; height: 186px; background: #fff; border-radius: 16px;margin-top: 30px; }

.case_fl .img_art .art_list .art_pto{width: 248px;height: 186px; border-radius: 16px; float: left;}

.case_fl .img_art .art_list .art_h1{font-family: Source Han Sans CN; font-size: 18px;font-weight: 500; color: #333;margin-top: 20px;margin-left: 20px;line-height: 30px; height: 30px; overflow: hidden;}

.case_fl .img_art .art_list p{font-family: Source Han Sans CN; font-size: 14px;font-weight: 500; color: #666;margin-left: 20px;line-height: 20px; height: 40px; overflow: hidden; margin-left: 20px;margin-top: 10px;}

.case_fl .img_art .art_list .art_bq{float: left; margin-left: 20px;margin-top: 42px; width: 300px;}

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

.case_fl .img_art .art_list .art_ll{float: right;margin-top: 42px;width: 180px;}

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

.case_fl .img_art .art_list:hover{box-shadow: 2px 3px 14px 2px #F5F5F5; cursor: pointer;}

.case_fl .img_art .art_bor{height: 1px; width: 785px; border-bottom: 1px solid #F3F6FA; margin-top: 30px;}



/*右侧*/

.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: 10px;}

.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: 205px;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;}

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

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

 























.thnum{width: 865px !important; margin: 0 auto;position: relative; overflow: hidden;}

.mt25{margin-top: 25px;}

.mt15{padding-top: 15px;}





.thnum .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none; left: 37px !important;}

.content_lunbo .sw_zz{width: 77px; height: 77px;background: #000; opacity: 0.3; border-radius: 16px;transform: rotate(45deg); position: absolute; z-index: 1;}

.content_lunbo .swiper-button-prev img{position: absolute; top: 23px;left: 21px; z-index: 2;transform: rotate(180deg);}



.thumbnail{width: 765px !important;margin: 0 auto;position: relative;}

.oh{ overflow: hidden; width: 865px;margin: 0 auto;}



.thumbnail .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: none; right: -37px !important; top: 37px !important;}

.thumbnail .sw_zz{width: 40px; height: 135px;background: #dcdedf; opacity: 1;position: absolute; z-index: 1;}

.thumbnail .swiper-button-next img{position: absolute; top: 49px;left: 6px; z-index: 2;}



.thumbnail .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none; left: -50px !important; top: 37px !important;}

.thumbnail .sw_zz{width: 40px; height: 135px;background: #dcdedf; opacity: 1; position: absolute; z-index: 1;}

.thumbnail .swiper-button-prev img{position: absolute; top: 49px;left: 4px; z-index: 2;transform: rotate(180deg);}



.w180{width: 180px !important;}

.w180 img{width: 180px !important;}



.content_lunbo{

 width: 100%;

height: 648px;

margin-bottom: 18px;

margin-top: 20px;

}

.content_lunbo>ul{

 width: auto;

height: 100%;

}

.content_lunbo>ul li{

 width: 865px !important;

 height: 100%;

}

.content_lunbo>ul li img{

width: 865px;

 height: 100%;

}

/*轮播图结束*/

.content_lunbo2{

 width: 762px;

height: 135px;

margin: 0 auto;

}

.content_lunbo2>ul{

width: auto;

 height: 100%;

}

.content_lunbo2>ul li{

width: 180px !important;

height: 100%;

}

.content_lunbo2>ul li img{

width: 180px;

height: 100%;

}

.prev{

    position: absolute;

    top: 286px;left: 28px;

    z-index: 1;

    cursor: pointer;

}

.prev .sw_zz{width: 77px; height: 77px;background: #000; opacity: 0.3; border-radius: 16px;transform: rotate(45deg); position: absolute; z-index: 2;}

.prev img{position: absolute; top: 23px;left: 21px; z-index: 3;transform: rotate(180deg);}



.next{

 position: absolute;

 z-index: 1;

 right: 115px;

 top: 37%;

 cursor: pointer;

}

.next .sw_zz{width: 77px; height: 77px;background: #000; opacity: 0.3; border-radius: 16px;transform: rotate(45deg); position: absolute; z-index: 2;}

.next img{position: absolute; top: 23px;left: 21px; z-index: 3;}



.prev2{

width: 40px;

 height: 135px;

position: absolute;

 bottom: 0;left: 0;

 background-color: #BBBBBB;

}

.prev2 img{position: absolute; top: 49px;left: 4px; z-index: 2;transform: rotate(180deg);}



.next2{

 width: 40px;

 height: 135px;

 position: absolute;

 bottom: 0;right: 0;

 background-color: #BBBBBB;

}

.next2 img{position: absolute; top: 49px;left: 6px; z-index: 2;}

.fl_bbqb_banner{

  width: 865px;

  height: auto;

  margin:  0 auto;

  position: relative;

}





.fl_bbqb_banner .case_pa{position: absolute; top: 0px;left: 0px; width: 865px; height: 648px;z-index: 1;}

.fl_bbqb_banner .case_pa .des_case{position: absolute; top: 510px;left: 30px;}

.fl_bbqb_banner .case_pa .des_case h1{font-family: Source Han Sans CN; font-size: 28px; font-weight: 500; color: #fff; position: relative; z-index: 1;}

.fl_bbqb_banner .case_pa .des_case img{ position: absolute; top: 18px; left: 0px; width: 64px; height: 16px;}

.fl_bbqb_banner .case_pa .des_case p{width: 800px; color: #fff; overflow: hidden; height: 50px; line-height: 25px;font-family: Source Han Sans CN; font-size: 20px;margin-top: 5px;}