@charset "utf-8";
/*手机版金刚区*/
@media screen and (max-width:768px) {
.m_index_nav{ padding:20px 0px 15px; background:#f4f5f7;}
.m_index_nav li {width:25%; margin-bottom:15px;}
.m_index_nav li img{width:52px; margin-bottom:8px;}
}


/*============首页-弹出表单=================*/
.form_mask{width: 100%;height: 100%;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.7);z-index: 99;transition:all ease 300ms;}
.form_mask{ pointer-events: none;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transform:scale(1.1);}
.form_mask.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}

.tc_bg{position:absolute;left:50%;top:50%; transform:translate(-50%,-50%);width:1030px;padding:.6rem;box-sizing: border-box;height:490px;border-radius:.2rem;background:#fff;}

.tc_txt{width:52%;border-right:1px solid #e8e8e8;padding-right:.3rem;box-sizing:border-box;}
.tc_txt .hq{position:relative;height:.42rem;}
.tc_txt .hq .img{overflow:hidden;}
.tc_txt .hq p{width:100%;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-size:.2rem;color:#fff;padding-left:.2rem;box-sizing:border-box; letter-spacing:2px;font-weight:600;}
.tc_txt .tit{margin:.15rem 0 .55rem;}
.tc_txt .tit h2{font-weight:normal;font-size:.4rem;color:#222;}
.tc_txt .tit h4{font-weight:normal;font-size:.18rem;color:#121529;margin-top:.3rem;}
.tc_txt .tit h4 strong{color:var(--main_color);margin:0 5px;}
.tc_txt .pic{overflow:hidden;}
.tc_txt .pic img{width:95%;display:block;}

.tc_form{width:48%;padding-left:.5rem;box-sizing:border-box;position:relative;}
.tc_form .form_tit{font-size:24px;text-align:center;margin-bottom:.3rem;}
.tc_form .form_item li{ margin-bottom:12px;}
.tc_form .form_item li h6{width:60px; line-height:40px; font-size:14px; text-align:right;}
.tc_form .form_item li h6 span.required{ color:red;}
.tc_form .form_item li .bd{width:calc(100% - 75px);}
.tc_form .form_item input[type=text],
.tc_form .form_item select{height: 40px;padding:0px 10px;background-color: #fff;border: 1px solid #d3cfcf;color: #3F4254; box-sizing:border-box; font-size:15px;}
.tc_form .form_item select{width:140px;}
.tc_form .form_item input[type=text]{ width:100%; }
.tc_form .form_item .yzm{ position:relative;}
.tc_form .form_item .pic_yzm{ position:absolute; right:0; top:0; border-left:solid 1px #d3cfcf; padding:0 5px;}
.tc_form .form_item .sms_yzm{ position:relative;}
.tc_form .form_item .sms_yzm button{height:38px;font-size:14px; padding:0 15px;  background:none; position:absolute; right:1px; top:1px; border:none; cursor:pointer; background:#f3f3f3; border-left:1px solid #e0e0e0}
.tc_form .form_item .sub_btn{ width:100%; border:0; font-size:16px; line-height:44px; background:var(--main_color); color:#fff; cursor:pointer; outline:none; margin-top:.15rem;}

/*字段一行显示*/
.tc_form .my_row dd{margin-right:0;width:31%;}
.tc_form .my_row dd select{width:100%;}

.tc_form .my_row2{width:100%;}
.tc_form .my_row2 dd{margin-right:0;width:48%;}
.tc_form .my_row2 dd select{width:100%;}


.tc_close{position:absolute;top: -10px;right: -12px ;width:35px;height:35px;overflow:hidden;background:#fff;border-radius:50%;box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);cursor:pointer;}
.tc_close img{width:40%;}



@media screen and (max-width:768px) {
.tc_bg{width:90%;padding:25px 20px 20px;height: auto;border-radius:.2rem;background:#fff;}
.tc_txt{display:none;}
.tc_form{width:100%;padding:0;}

.tc_form .form_tit{font-size:16px;margin-bottom:20px; font-weight:bold;}
.tc_form .form_item li{}
.tc_form .form_item li h6{width:50px;font-size:12px;display:none;}
.tc_form .form_item li .bd{width:100%;}
.tc_form .form_item input,.tc_form .form_item select{height: 42px;border-radius:2px;border: 1px solid rgba(204,204,204,.5);color: #3F4254;padding:0px 12px;font-size:14px;}
.tc_form .form_item .sms_yzm button{height:40px;}
.tc_form .form_item .sub_btn{ margin-top:10px;}

.tc_form .tc_close{position:absolute;top: -10px;right: -10px ;width:30px;height:30px;overflow:hidden;background:#fff;border-radius:50%;box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);}
.tc_form .tc_close img{width:35%;}

}

/*============首页-快捷导航=================*/
.index_kjdh{padding:.5rem 0; background:#f4f5f7;}
.index_kjdh li{width:19%;border: 1px solid #e8e8e8; padding:.2rem .15rem;box-sizing:border-box; background:#fff;}
.index_kjdh li .pic{margin-right:.1rem;}
.index_kjdh li .pic img{max-width:40px}
.index_kjdh li .txt h3{font-weight:normal;font-size:18px;margin-bottom:10px;}
.index_kjdh li .txt p{color:#888}

@media screen and (max-width:768px) {
 .index_kjdh{display:none;}   
}

/*============首页-表单提交=================*/
.sx_bg{background:#f4f5f7; padding:.5rem 0;}
.sx_box .left{width:25%;}
.sx_box .left li{width:48%;box-sizing:border-box;}
.sx_box .left li a{padding:25px 20px; display:block; background:#fff; color:#333; transition:0.3s all;}
.sx_box .left li a:hover{background:var(--main_color); color:#fff;}
.sx_box .left li a img{transition:0.3s all;}
.sx_box .left li a:hover img{filter: grayscale(100%) brightness(1000%);}
.sx_box .left li:last-child{width:100%; margin-top:12px;}
.sx_box .left li:last-child a{ background:var(--main_color); }
.sx_box .left li .txt{font-size:16px;margin-top:.2rem;}
.sx_box .left li:last-child .txt{color:#fff;}


.sx_box .right{width:74%;background:#fff;padding:.35rem .35rem 0;box-sizing:border-box;}
.sx_form .form_item{width:66%;}
.sx_form .form_item2{width:34%;}
.sx_form .form_item li{ margin-bottom:12px;}
.sx_form .form_item li h6{width:80px; line-height:40px; font-size:14px;}
.sx_form .form_item li h6 span.required{ color:red;}
.sx_form .form_item li .bd{width:calc(100% - 80px);}
.sx_form .form_item input,
.sx_form .form_item select{height: 40px;padding:0px 10px;background-color: #fff;border: 1px solid #d3cfcf;color: #3F4254; box-sizing:border-box; font-size:15px;}
.sx_form .form_item select{width:150px;}
.sx_form .form_item2 input{ width:100%; }
.sx_form .form_item2 .yzm{ position:relative;}
.sx_form .form_item2 .pic_yzm{ position:absolute; right:0; top:0; border-left:solid 1px #d3cfcf; padding:0 5px;}
.sx_form .form_item2 .sms_yzm{ position:relative;}
.sx_form .form_item2 .sms_yzm button{height:38px;font-size:14px; padding:0 15px;  background:none; position:absolute; right:1px; top:1px; border:none; cursor:pointer; background:#f3f3f3; border-left:1px solid #e0e0e0}
.sx_form .form_item .sub_btn{ width:100%; border:0; font-size:16px; line-height:40px; background:var(--main_color); color:#fff; cursor:pointer; outline:none; }

/*字段一行显示*/
.my_row dd{ margin-right:10px; line-height:2.6;}
.my_left{float:left; margin-right:5px;}




@media screen and (max-width:768px) {
.sx_bg{padding:25px 0;}
.sx_box .left{display:none;}
.sx_bg .m_tit{ font-size:18px; color:var(--main_color); text-align:center;font-weight:600; margin-bottom:15px;}
.sx_box .right{width:100%;background:none;padding:0;}
.sx_bg .form_item{display:none;}
.sx_bg .form_item2{display:block; width:100%;}
.sx_form .form_item2 li,.sx_form .form_item li .bd{width:100%;}
.sx_form .form_item2 li h6{ display:none;}
.sx_form .form_item2 input{ width:100%; height:46px; border:solid 1px #e2e2e2; border-radius:5px;}
.sx_form .form_item2 .sms_yzm button{height:46px; width:40%; background:#07b6a6; font-size:15px; color:#fff; right:0; top:0; border-left:0px; border-radius:0 5px 5px 0;}
.sx_form .form_item .sub_btn{line-height:44px; border-radius:5px;}
}


/*===================通用标题=====================*/
.main_tit{padding:.6rem 0 .4rem;text-align:center;}
.main_tit h2{font-size:.36rem;color:#000;letter-spacing:2px;}
.main_tit p{display:inline-block;margin-top:.2rem;padding: 0 .5rem;box-sizing:border-box;font-size:.16rem;letter-spacing:3px;position: relative;color:#666;}
.main_tit p:before{content: "";position: absolute;top: 50%; transform:translateY(-50%);left: 0;width: .35rem;height: 1px;background: #ccc;}
.main_tit p:after{content: "";position: absolute;top: 50%; transform:translateY(-50%);right: 0;width: .35rem;height: 1px;background: #ccc;}

@media screen and (max-width:768px) {
.main_tit{padding:30px 20px 20px;}
.main_tit h2{font-size:20px;letter-spacing:0;}
.main_tit p{margin-top:10px;padding: 0 25px;font-size:13px;letter-spacing:0;}
.main_tit p:before{width:20px;}
.main_tit p:after{width:20px;}
}


/*============首页-装修公司=================*/
.zxgs_bg{padding-bottom:.8rem;}
.zxgs_box{padding-bottom:.5rem;}
.zxgs_box li{width:20%;border: 1px solid #e2e2e2;box-sizing:border-box;padding:.25rem .1rem; transition: all .3s;margin-top: -1px;margin-left: -1px;}
.zxgs_box li .pic{overflow:hidden;}
.zxgs_box li .pic img{width:66%;display:block;height: 80px;}
.zxgs_box li dl{text-align: center;margin:.15rem 0;}
.zxgs_box li dd{display:inline-block; color: #666;position:relative;padding:0 .1rem;}
.zxgs_box li dd:after{content:'';position:absolute;right:0;top:50%; transform:translateY(-50%);width:1px;height:14px;background:#ccc;}
.zxgs_box li dd:last-child{padding-right:0;}
.zxgs_box li dd:last-child:after{display:none;}
.zxgs_box li span{display:block;background:#f8f8f8;line-height:30px;padding:0 10px;margin:0 3px;font-size:12px;color:var(--main_color);text-align:center;border-radius:5px;}
.zxgs_box li:hover{box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);}

@media screen and (max-width:768px) {
.zxgs_bg{padding-bottom:25px;}
.zxgs_box{padding-bottom:20px;}
.zxgs_box li{width:50%;padding:12px 0; }
.zxgs_box li .pic img{width:70%;}
.zxgs_box li dl{text-align: center;margin:8px 0 6px;}
.zxgs_box li dd{padding:0 2px;font-size:12px;}
.zxgs_box li dd:after{display:none;}
.zxgs_box li span{line-height:20px;padding:2px 5px;margin:0 3px; font-size:11px;}
}

/*============首页-预约咨询=================*/
.gg_bg{background:url(../images/in_bg2.jpg) no-repeat center;padding:.25rem 0 1rem;background-size:cover;}
.yuyue_box{text-align:center;}
.yuyue_box li{ margin:0 5px; display:inline-block;}
.yuyue_box input[type=text]{width:2.6rem; line-height:46px;border:0px solid #ddd; background:#fff; font-size:15px; padding-left:15px;  box-sizing:border-box; outline:none; border-radius:3px;}
.yuyue_box li:nth-child(3) input[type=text]{width:4.5rem;}
.yuyue_box .submit{width:1.5rem; line-height:46px; font-size:16px; background:var(--main_color); color:#fff; border:none; cursor:pointer; outline:none; transition:all 0.3s; border-radius:3px;}
.yuyue_box .submit:hover{background:var(--second_color);}


@media screen and (max-width:768px) {
.gg_bg{padding:0 0 30px;}
.gg_bg .main_tit{padding-left:0;padding-right:0;}
.gg_bg .main_tit h2{font-size:18px;}
.yuyue_box{width:100%; margin:auto;}
.yuyue_box li{width:100%; margin:0;}
.yuyue_box input[type=text]{width:100%; line-height:44px;margin-bottom:10px; border-radius:5px;}
.yuyue_box li:nth-child(3) input[type=text]{width:100%;line-height:44px; border-radius:5px;}
.yuyue_box input:focus{border:0px solid var(--second_color);}
.yuyue_box .submit{width:100%; line-height:44px;border-radius:5px; font-size:16px; }
}



/*============首页-装修效果图=================*/
.zxxgt_bg{margin:0 0;padding-bottom:.5rem; background:#fff;}

/*分类*/
.index_sx{ margin-bottom:35px;}
.index_sx li{width:32%; background:#f8f8f8; border-radius:5px; padding:15px 15px 15px; box-sizing:border-box;}
.index_sx li .ico{width:90px; font-size:18px; text-align:center;}
.index_sx li .ico img{ margin-bottom:6px;}
.index_sx li .txt{ width:calc(100% - 100px);}
.index_sx li .txt a{ width:32%; display:inline-block; color:#888; line-height:29px; }
.index_sx li .txt a:hover{ color:var(--main_color);}
@media screen and (max-width:768px) {
.index_sx{ margin-bottom:20px;}
.index_sx li{width:100%; padding:10px 0px 10px; margin-bottom:10px;}
.index_sx li .ico{width:70px; font-size:16px;}
.index_sx li .ico img{height:38px;}
.index_sx li .txt{ width:calc(100% - 80px);}
.index_sx li .txt a{line-height:22px; font-size:12px; }
}


/*效果图列表*/
.zxxgt_box{ padding:0 1%; max-width:1800px;}
.xgt_box .xgt_left{width:19%;}
.xgt_box .xgt_center{width:60%}
.xgt_box .xgt_right{width:19%}
.xgt_box a{ display:block; position:relative;}
.xgt_box li img{ transition:0.8s all;}
.xgt_box li:hover img{ transform:scale(1.1);}
.xgt_box .txt{ position:absolute; left:0; top:0; right:0; bottom:0; padding:15px; background:rgba(0,0,0,0.6); font-size:18px; color:#fff; transition:0.3s all; opacity:0;}
.xgt_box li:hover .txt{ opacity:1;}
.xgt_box .xgt_left li .pic{height:6.12rem; margin-bottom:0; overflow:hidden;}
.xgt_box li .pic{height:3rem; margin-bottom:.12rem; overflow:hidden;}
.xgt_box .xgt_center li:nth-child(1),.xgt_box .xgt_center li:nth-child(4){width:65.5%;}
.xgt_box .xgt_center li:nth-child(2),.xgt_box .xgt_center li:nth-child(3){width:33%;}
.xgt_box .xgt_center li:nth-child(n+3) .pic{margin-bottom:0;}
.xgt_box .xgt_right li:nth-child(2) .pic{margin-bottom:0;}
.xgt_box .xgt_left li .pic{margin-bottom:0;}




/*============首页-装修流程=================*/
.zxlc_bg{ background:#f8f8f8; padding-bottom:60px;}
.lc_box{background:#fff;padding:.5rem .3rem;box-sizing:border-box; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.03); }
.lc_box li{width:12.5%;position:relative;}
.lc_box li:before{content:'';position:absolute;display:block;height:1px;width:1.25rem;right:-1rem; top:22%;background:rgba(204,204,204,.6);}
.lc_box li:last-child:before{display:none;}
.lc_box li .ico{margin:0 auto;}
.lc_box li .ico img{height:66px;display:block;}
.lc_box li .txt h3{font-weight:normal;color:#000;margin:.3rem 0;}
.lc_box li .txt p{width:.5rem;line-height:.24rem;border:1px solid rgba(204,204,204,.5); color:var(--main_color); background:rgba(204,204,204,.15);border-radius:.24rem;font-weight:bold;text-align:center;}

@media screen and (max-width:768px) {
.zxlc_bg{padding:0 0 30px;}
.lc_box{padding:20px 0 10px;}
.lc_box li{width:33%;position:relative;margin-bottom:20px;}
.lc_box li:before{top:20%;background:rgba(204,204,204,.4); width:50px; right:-25px;}
.lc_box li:last-child:before{display:none;}
.lc_box li:nth-child(3):before{display:none;}
.lc_box li .ico img{height:46px; }
.lc_box li .txt h3{ margin:15px 0; font-size:14px;}
.lc_box li .txt p{width:40px;line-height:22px;border-radius:18px;font-size:14px;}
}



/*============首页-装修攻略=================*/
.zxgl_bg{padding-bottom:.8rem;}

/*======分类======*/
.zx_cate {margin-bottom:40px;}
.zx_cate li{transition:0.3s all;}
.zx_cate li.left{width:37%; border:solid 1px #e8e8e8; border-right:0; box-sizing:border-box;}
.zx_cate li.mid{width:37%; border:solid 1px #e8e8e8; border-right:0; box-sizing:border-box;}
.zx_cate li.right{width:26%; border:solid 1px #e8e8e8; box-sizing:border-box;}
.zx_cate li .tit{ background:#f8f8f8; height:100px; position:relative;}
.zx_cate li .tit img{ opacity:0; transition:0.3s all;}
.zx_cate li .tit .txt{position:absolute; left:0; right:0; top:0; bottom:0; transition:0.3s all;}
.zx_cate li .tit .txt p{ font-size:.25rem;}
.zx_cate li .tit .txt span{ color:#999; margin-top:15px;}
.zx_cate li:hover{box-shadow: 0 5px 10px rgba(85,85,85,0.13);}
.zx_cate li:hover .tit img{ opacity:1;}
.zx_cate li:hover .txt p{ color:#fff;}
.zx_cate li:hover .txt span{ color:#fff;}

.zx_cate li .con{ padding:25px 10px 5px;}
.zx_cate li .con a{width:25%; margin-bottom:20px;}
.zx_cate li.right .con a{width:50%;}
.zx_cate li .con .ico{ margin-bottom:6px;}
.zx_cate li .con .ico img{ height:36px; filter: grayscale(100%) brightness(50%);}
.zx_cate li .con a:hover .ico img{filter: grayscale(0) brightness(100%);}
.zx_cate li .con p{ font-size:15px;}

@media screen and (max-width:768px) {
.zx_cate {margin-bottom:20px;}
.zx_cate li{transition:0.3s all; margin-bottom:12px;}
.zx_cate li.left{width:100%;border-right:solid 1px #e8e8e8;}
.zx_cate li.mid{width:100%;border-right:solid 1px #e8e8e8;}
.zx_cate li.right{width:100%;}
.zx_cate li .tit img{ opacity:1; }
.zx_cate li .tit .txt p{ font-size:18px; color:#fff;}
.zx_cate li .tit .txt span{ color:#fff; margin-top:15px;}
.zx_cate li .con{ padding:25px 0px 5px;}
.zx_cate li.right .con a{width:25%;}
.zx_cate li .con .ico img{ height:30px;}
.zx_cate li .con p{ font-size:14px;}
}



.news_box .index_news_art{width:47.5%;}

.index_news_art .pic{overflow:hidden;}
.index_news_art .pic img{width:100%;display:block;transition:0.3s all;}
.index_news_art li:hover .pic img{transform:scale(1.05);}
.index_news_art .txt{background:rgba(204,204,204,.15);padding:.32rem .3rem ;box-sizing:border-box;}
.index_news_art .txt .wz{width:88%;border-right:1px solid #e8e8e8;box-sizing:border-box;padding-right:.3rem;}
.index_news_art .txt .wz h2{ font-size:.2rem;}
.index_news_art .txt .wz p{color:#898989;line-height:2;margin-top:.2rem;text-align:justify;}
.index_news_art .txt .date{width:12%; font-family:'din';color:var(--main_color);font-size:.26rem;text-align:right;padding-left:.1rem;box-sizing: border-box;}

.news_box .index_news_list{width:50%;}
.index_news_list li{padding:.2rem 0;border-bottom:1px dashed rgba(204,204,204,.7);}
.index_news_list li:first-child{padding-top:0;}
.index_news_list li:last-child{border-bottom:0;padding-bottom:0;}
.index_news_list li .pic{width:35%;overflow:hidden;}
.index_news_list li .pic img{width:100%;display:block; transition:0.3s all;}
.index_news_list li:hover .pic img{transform:scale(1.05);}
.index_news_list li .txt{width:62%;}
.index_news_list li .txt h3{font-weight:normal;font-size:.18rem; color:#000;line-height:1.6; text-align:justify;transition:0.3s all;}
.index_news_list li .txt p{color:#888;margin:.2rem 0 .25rem;text-align:justify;}
.index_news_list li .txt .date{}
.index_news_list li .txt .date dd{font-size:13px; color:#888;}
.index_news_list li .txt .date dd i{margin-right:5px;}
.index_news_list li .txt .date span{font-size:12px;color:var(--main_color);}
.index_news_list li:hover .txt h3{color:var(--main_color);}

@media only screen and (max-width: 768px){
.index_news{padding-bottom:30px;}
.news_box .index_news_art,.news_box .index_news_list{width:100%;}
.news_box .index_news_art{margin-bottom:20px;}
.index_news_art .txt{padding:20px 15px 15px ;box-sizing:border-box;}
.index_news_art .pic{border-radius:0px;}
.index_news_art .txt .wz{width:85%;padding-right:10px;padding-bottom:10px; line-height:1.2;}
.index_news_art .txt .wz h2{ font-size:15px;}
.index_news_art .txt .wz p{font-size:12px;margin-top:10px;line-height:1.6;}
.index_news_art .txt .date{width:15%;font-size:16px;}

.index_news_list{}
.index_news_list li{padding:10px 0;}

.index_news_list li .pic img{border-radius:0px;}
.index_news_list li .txt h3{font-size:14px;margin-bottom:10px;}
.index_news_list li .txt p{display:none;}
.index_news_list li .txt .date{padding-top:0px; border-top:0px solid #e8e8e8;}
.index_news_list li .txt .date dd{font-size:12px;}

}


/*==============内页--banner====================*/
.page_ban_bg{background:url(../images/page_ban.jpg) no-repeat bottom center;height:2rem;background-size:cover;}
.page_ban_bg h3{color:#fff;font-size:.36rem; letter-spacing:3px;}
.page_ban_bg p{color:#fff;font-size:.2rem; letter-spacing:2px;margin-top:.25rem;}



/*==============条件筛选====================*/
.tjsx_box{background:#fff;margin:.3rem 0 0; box-sizing:border-box; border:1px solid #ddd;}
.tjsx_box dl{border-bottom:solid 1px #ddd;}
.tjsx_box dl:last-child{border-bottom:0;}
.tjsx_box dt{width:110px; padding:0 15px; font-weight:bold;background:#f2f2f2; box-sizing:border-box;line-height:38px; border-right:1px solid #ddd;}
.tjsx_box dt i{ display:none;}
.tjsx_box dd{width:calc(100% - 125px);}
.tjsx_box a{margin-right:10px;display: inline-block;overflow: hidden;height: 26px;line-height: 26px; padding: 0 10px;margin-top: 6px;}
.tjsx_box a.active{background:var(--main_color);color:#fff;}

/*装修公司条件筛选*/
.tjsx_box_gs{margin:.3rem 0 .3rem; border:0; background:#fff; padding:25px;}
.tjsx_box_gs dt{width:60px; padding:0; font-weight:bold;line-height:22px; background:none; box-sizing:border-box;line-height:38px; border-right:0px solid #ddd;}
.tjsx_box_gs dd{width:calc(100% - 60px);}
.tjsx_box_gs p{border-bottom:1px solid #eee;padding:.2rem 0 .1rem;}
.tjsx_box_gs p:first-child{padding-top:0;}


@media only screen and (max-width: 768px){
.main_pad0{ padding:0;}
.tjsx_box{border:0; padding:0; margin:0; position:relative; display:flex;justify-content:space-between; flex-wrap:wrap;} 
.tjsx_box dl{width:33.3%; border-bottom:0;}
.tjsx_box dt {width:100%; font-weight:normal; line-height:42px; background:#fff; border-bottom:solid 1px #e8e8e8; text-align:center; border-right:0; margin-bottom:10px;}
.tjsx_box dt i{ display:inline-block; margin-left:6px; transition:0.3s all; transform:rotate(0deg);}
.tjsx_box dl.active dt{ color:var(--main_color);}
.tjsx_box dl.active dt i{ transform:rotate(180deg);}
	
.tjsx_box dd{position:absolute; width:100%; padding:15px; box-sizing:border-box; left:0; top:43px; background:#fff; box-shadow: 1px 3px 10px 0 rgba(88, 88, 88, 0.2); margin-bottom:5px; display:none;}
.tjsx_box dd a{padding:0;margin-bottom:8px;font-size:13px;width:23%; margin-right:2.5%; float:left; height:30px;line-height:30px; background:#f6f6f6; text-align:center; display:inline-block; border-radius:5px;}
.tjsx_box dd a:nth-child(4n){ margin-right:0;}


/*
.tjsx_box p{padding:10px 0 5px;}
.tjsx_box p:first-child{padding-top:0;}
.tjsx_box a{padding:0 5px;margin-bottom:5px;font-size:13px;height: 20px;line-height: 20px;margin-top:0;margin-right: 0; }
*/
}

/*==============装修公司列表页====================*/
.page_main{width:calc(100% - 350px);margin-bottom:.6rem;}
.page_side{width:320px;margin-bottom:.6rem;}
.page_side .sticky{position: sticky;top: 0px;}
@media only screen and (max-width: 768px){
.page_main{width:100%;}
.page_side{width:100%;margin-top:12px;}

}

.sxpx_box{background:#f8f8f8;line-height:50px;padding:0 15px;box-sizing:border-box;margin-bottom:.15rem;}
.sxpx_box .tit{font-weight:bold;font-size:.22rem;position:relative;padding-left:.15rem;color:#000;}
.sxpx_box .tit:before{content:'';position:absolute;left:0;top:50%; transform:translateY(-50%);width:5px;height:18px;background:var(--main_color);border-radius:10px;}
.sxpx_box .con a{padding:0 .1rem;color:#666; transition:all .3s;}
.sxpx_box .con a i{margin-right:3px;font-size:15px;}
.sxpx_box .con a:hover{color:var(--main_color);}

@media only screen and (max-width: 768px){
.sxpx_box{line-height:45px;padding:0 5px;margin-bottom:10px; display:none;}
.sxpx_box .tit{font-size:16px;padding-left:10px;color:#000;}
.sxpx_box .tit:before{width:4px;height:15px;top:48%;}
.sxpx_box .con a{padding:0 5px;font-size:13px;}
.sxpx_box .con a i{font-size:13px;}

}


.zxgs_list_box{background:#fff;padding:.3rem .3rem;box-sizing:border-box;}
.zxgs_list li{background:#fff;padding:.25rem 0;box-sizing:border-box;margin-bottom:.2rem;border-bottom:1px dashed rgba(204,204,204,.6);}
.zxgs_list li .pic_box{width:20%;}
.zxgs_list li .pic{overflow:hidden;border:1px solid #eee;padding:.2rem 0;box-sizing:border-box;}
.zxgs_list li .pic img{width:80%;display:block;margin:0 auto;height: 80px;}
.zxgs_list li .pic_box span{display:block;width:1.3rem;background:#ff552e;color:#fff;line-height:.34rem;text-align:center;margin-top:.2rem;}
.zxgs_list li .pic_box span i{margin-right:5px;}

.zxgs_list li .txt{width:76%;}
.zxgs_list li .txt .wz{width:calc(100% - 1.8);}
.zxgs_list li .txt h3{font-size:.18rem;margin-bottom:.15rem;}
.zxgs_list li .txt p{padding:0 5px 0 0;margin:0 5px;line-height:18px;text-align:center;font-size:12px; border-radius:3px;}
.zxgs_list li .txt p i{margin-right:5px;color:#fff;}
.zxgs_list li .txt p:nth-child(1){margin-left:0;border:1px solid #3cdec1;color:#3cdec1;}
.zxgs_list li .txt p:nth-child(2){border:1px solid #ff4848;color:#ff4848;}
.zxgs_list li .txt p:nth-child(3){border:1px solid #7abdf6;color:#7abdf6;}
.zxgs_list li .txt p:nth-child(1) i{display:inline-block;width:20px;height:100%;background:#3cdec1;}
.zxgs_list li .txt p:nth-child(2) i{display:inline-block;width:20px;height:100%;background:#ff4848;}
.zxgs_list li .txt p:nth-child(3) i{display:inline-block;width:20px;height:100%;background:#7abdf6;}

.zxgs_list li dl{margin:.15rem 0;}
.zxgs_list li dl dd{display:inline-block;margin:0 .1rem;color:#888;}
.zxgs_list li dl dd:nth-child(1){margin-left:0;}
.zxgs_list li dl dd:nth-child(1) i{margin-right:5px;}

.zxgs_list li .dizhi{color:#666;margin-bottom:.2rem;}
.zxgs_list li .dizhi i{margin-right:5px;}

.zxgs_list li dt{padding:0 .15rem;display:inline-block;margin:0 .1rem;color:#888;color: #83a1b4;background: #f8fcff;border: 1px solid #d7e2e9;line-height:.26rem;}
.zxgs_list li dt dd:nth-child(1){margin-left:0;}

.zxgs_list li .txt .link{width:1.6rem;}
.zxgs_list li .txt .link a{display:inline-block;width:100%;  height:.38rem;line-height:.38rem; background:var(--main_color);color:#fff;text-align:center; transition:all .5s; box-sizing:border-box;}
.zxgs_list li .txt .link a:last-child{background:none;border:1px solid var(--main_color);color:var(--main_color); font-size:15px;}
.zxgs_list li .txt .link a:last-child:hover{background:var(--main_color);color:#fff;}

.zxgs_list li .zutu{width:100%;overflow:hidden;}
.zxgs_list li .zutu img{width:23.5%;display:block;margin-right:2%; border-radius:5px;}
.zxgs_list li .zutu img:nth-child(4n){margin-right:0;}

@media only screen and (max-width: 768px){
.page_main{width:100%;margin-bottom:25px;}

.zxgs_list_box{padding:0px 15px 20px;}
.zxgs_list li{padding:15px 0;margin-bottom:0;}
.zxgs_list li .pic_box{width:100%; display:none;}
.zxgs_list li .pic{padding:5px 0; width:56%;}
.zxgs_list li .pic img{width:80%;}

.zxgs_list li .txt{width:100%;margin-top:0;}
.zxgs_list li .txt .wz{width:100%;}
.zxgs_list li .txt h3{font-size:17px;margin-bottom:13px;}
.zxgs_list li .txt p{padding:0 5px 0 0;margin:0 5px;line-height:18px;font-size:12px;}
.zxgs_list li .txt p i{margin-right:3px;color:#fff;font-size:15px;}

.zxgs_list li dl{margin:15px 0;}
.zxgs_list li dl dd{display:inline-block;margin:0 5px;color:#888;}

.zxgs_list li .dizhi{color:#666;margin-bottom:15px;font-size:13px;}

.zxgs_list li .txt .link{margin-bottom:15px; width:100%;}
.zxgs_list li .txt .link a{width:48%;height:36px;line-height:36px; max-width:100%;}


.zxgs_list li .zutu{width:100%;overflow:hidden;}
.zxgs_list li .zutu img{width:31.3%;margin-right:3%; margin-bottom:0px;}
.zxgs_list li .zutu img:nth-child(3n){margin-right:0;}
.zxgs_list li .zutu img:nth-child(4){ display:none;}
}


/*==============内页--侧边内容====================*/

/*----标题-----*/
.zhuti_right{width:260px;margin-bottom:50px;}
.page_side_box{background:#fff;padding:.2rem .15rem;box-sizing:border-box;}
.right_tit{border-bottom:1px solid  rgba(204,204,204,.5);height:30px;margin-bottom:15px;}
.right_tit h3{ display:inline-block;font-size:16px;margin-bottom:15px;position:relative;}
.right_tit h3:after{content:''; position:absolute; display:block;width:100%;height:2px; background:var(--main_color);left:0;bottom:-15px;}

/*预约咨询*/
.msg_form input{width:100%;border:1px solid rgba(204,204,204,.35);background:#F8F8F8;border-radius:3px;line-height:30px;margin-bottom:10px;box-sizing:border-box;color:#666;padding-left:10px;}
.msg_form .btn_green{width:100%;line-height:36px;border-radius:3px;background:var(--main_color);border:none;padding-left:0;color:#fff;margin-top:5px; transition:all .5s; cursor:pointer; font-size:16px;}
.msg_form .btn_green:hover{background:var(--second_color);}
.msg_form textarea{display: block;border:1px solid rgba(204,204,204,.35);background:#F8F8F8;color: #333;outline: none;width: 100%;box-sizing: border-box;min-height: 80px;padding:10px 0 0 10px;margin-bottom:10px;}
.msg_form1 input,.msg_form1 textarea{background:#fff;}

/*推荐公司*/
.tjgs_box li{border-bottom:1px dashed #e8e8e8;padding:.1rem 0;}
.tjgs_box li:first-child{padding-top:0;}
.tjgs_box li .pic{width:40%;overflow:hidden;border:1px solid #eee;box-sizing:border-box;}
.tjgs_box li .pic img{width:100%;display:block;}
.tjgs_box li .txt{width:58%;font-size:12px;}

/*相关资讯*/
.zx_box li{position:relative;border-bottom:1px dashed #e8e8e8;padding:.1rem 0 .1rem .12rem;box-sizing:border-box;}
.zx_box li:before{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:var(--main_color);left:0;top:50%; transform:translateY(-50%);}
.zx_box li a{color:#666;}
.zx_box li a:hover{color:var(--main_color);}

/*获取报价清单*/
.baojia_box{width:100%;position:relative;margin-bottom:.2rem;}
.baojia_box .pic{overflow:hidden;}
.baojia_box .pic img{width:100%;display:block;}
.baojia_box .txt{position:absolute;top:18%;right:10%;}
.baojia_box .txt h3{color:#F99537;font-size:.2rem; letter-spacing:3px;}
.baojia_box .txt p{font-weight:bold;color:#F99537;font-size:.2rem;margin:.2rem 0 0 .5rem;letter-spacing:3px;}
.baojia_box .txt span{display:block;width:1rem;line-height:.24rem;border-radius:.24rem;background:#ffab57;color:#fff;margin:.35rem 0 0 .8rem;text-align:center;font-size:12px;}

/*为什么选择我们*/
.why_choose{background: #fff;padding: 25px;box-sizing: border-box;margin-top:.2rem;}
.why_choose li{}
.why_choose .ico{width:15%;}
.why_choose .txt{width:82%;border-bottom:1px solid #eee;padding:.1rem 0;}
.why_choose .txt h2{font-weight:normal;font-size:14px;margin-bottom:5px;}
.why_choose .txt p{font-size:12px;color:#888;line-height:1.4;}
.why_choose li:last-child .txt{border-bottom:none;}


@media only screen and (max-width: 768px){
.why_choose{padding: 25px 15px; margin-top:12px;}
}


/*==============内页--装修公司内容页====================*/
.zxgs_show_bg{background:#fff;padding:.3rem .3rem;box-sizing:border-box;margin-bottom:.2rem;overflow:hidden;}
.xgt_show1{width:40%;}
.xgt_show1 #focus figure {height:280px!important;padding:0 .2rem;}

.zxgs_show{width:57%;}
.zxgs_show .tit{font-weight:bold;font-size:.24rem;color:#000;margin-top:.2rem;}

.zxgs_show .xj{margin:.25rem 0;}
.zxgs_show .xj li img{width:16px;display:block;margin-right:2px;}
.zxgs_show .xj p{color:#f90;margin-left:.2rem;}
.zxgs_show .xj p i{margin-right:5px;}

.zxgs_show .hpbq dl{display:inline-block;padding:0 10px;color:#666;position:relative;}
.zxgs_show .hpbq dl:before{content:'';position:absolute;top:50%; transform:translateY(-50%);left:-2px;width:1px;height:13px;background:rgba(204,204,204,1)}
.zxgs_show .hpbq dl:first-child{padding-left:0;}
.zxgs_show .hpbq dl:first-child:before{display:none;}

.zxgs_show .box1{width:55%;margin:.25rem 0;padding:.2rem 0 .25rem 0;border-bottom:1px solid #e8e8e8;box-sizing:border-box;}
.zxgs_show .box1 li{position:relative;padding-right:.5rem;}
.zxgs_show .box1 li:before{content:'';position:absolute;top:50%; transform:translateY(-50%);right:0;width:1px;height:.45rem;background:#E5E5E5;}
.zxgs_show .box1 li:last-child:before{display:none;}
.zxgs_show .box1 li h3{font-size:.24rem;}
.zxgs_show .box1 li p{margin-top:.15rem;text-align:center;}

.zxgs_show .dizhi img{width:30px;height:30px;margin-right:3px;}  
.zxgs_show .dizhi p{font-size:.18rem;} 

.zxgs_show .lx{margin-top:.3rem;}
.zxgs_show .lx a{width:2rem;line-height:.42rem;border:1px solid var(--main_color);text-align:center;margin-right:.2rem; font-size:.18rem;color:var(--main_color);transition:all .3s; font-size:16px;}
.zxgs_show .lx a:last-child{background:var(--main_color);color:#fff; }
.zxgs_show .lx a i{margin-right:10px;transition:all .3s;}

.zxgs_show_tit{margin-bottom:.2rem;}
.zxgs_show_tit img{width:25px;height:25px;margin-right:5px;}
.zxgs_show_tit h3{font-size:.2rem;}
.zxgs_show_tit_line{border-bottom:solid 1px #e8e8e8; padding-bottom:.25rem;}

.zxgs_show_gsjj{ padding:20px 1rem; box-sizing:border-box;}

.zxgs_sjs li{width:23.5%;margin-right:2%;background:#f9f9f9;padding:.2rem .2rem;box-sizing:border-box;}
.zxgs_sjs li:nth-child(4n){margin-right:0;}
.zxgs_sjs li .pic{overflow:hidden;width:1rem;height:1rem;margin-right:.15rem;}
.zxgs_sjs li .pic img{width:100%;display:block;border-radius:5px;}
.zxgs_sjs li .txt{width:clac(100% - 1rem);}
.zxgs_sjs li .txt h3{margin-bottom:.1rem;}
.zxgs_sjs li .txt p{color:#888;font-size:13px;}

@media only screen and (max-width: 768px){
.zxgs_show_bg{padding:20px 15px;margin-top:0;}
.xgt_show1{width:100%;}
.xgt_show1 #focus figure {height:240px!important;padding:0 10px;}

.zxgs_show{width:100%;}
.zxgs_show .tit{font-size:18px;margin-top:25px;}

.zxgs_show .xj{margin:15px 0 10px;}
.zxgs_show .xj li img{width:16px;}
.zxgs_show .xj p{color:#f90;margin-left:20px;}

.zxgs_show .hpbq dl{padding:0 3px;font-size:12px;line-height:1.6;}
.zxgs_show .hpbq dl:before{display:none;}

.zxgs_show .box1{width:100%;margin:15px 0;padding:5px 0 20px 0;}
.zxgs_show .box1 li{padding-right:40px;}
.zxgs_show .box1 li:before{height:35px;}
.zxgs_show .box1 li h3{font-size:15px;}
.zxgs_show .box1 li p{margin-top:10px;font-size:13px;}

.zxgs_show .dizhi img{width:20px;height:20px;}  
.zxgs_show .dizhi p{font-size:14px;} 

.zxgs_show .lx{margin-top:20px; justify-content:space-between; }
.zxgs_show .lx a{width:47.5%;line-height:36px;margin-right:0; font-size:15px;}
.zxgs_show .lx a:last-child{font-size:16px;margin-right:0;}
.zxgs_show .lx a i{margin-right:10px;transition:all .3s;}

.zxgs_show_tit{margin-bottom:15px;}
.zxgs_show_tit h3{font-size:16px;}

.zxgs_show_gsjj{ padding:0px 0; box-sizing:border-box;}


.zxgs_sjs li{width:48%;margin-right:10px;padding:10px 10px;margin-bottom:10px;}
.zxgs_sjs li:nth-child(2n){margin-right:0;}
.zxgs_sjs li .pic{}
.zxgs_sjs li .txt{}
.zxgs_sjs li .txt h3{ font-size:15px; margin-bottom:8px;}
.zxgs_sjs li .txt p{ font-size:13px;}
}





/*==============装修效果图====================*/

.xgt_bg{ padding:.25rem 0 .25rem;box-sizing:border-box;}
.xgt_list{}
.xgt_list li{background:#fff;width:23.85%;margin-right:1.5%;margin-bottom:.3rem; }
.xgt_list li:nth-child(4n){margin-right:0;}
.xgt_list li .pic{overflow:hidden;}
.xgt_list li .pic img{width:100%;height:224px;display:block;transition:all .8s;}
.xgt_list li .txt{padding:.15rem .15rem;border:1px solid #e8e8e8;border-top:0; box-sizing:border-box;}
.xgt_list li .txt h3{font-size:.16rem;color:#000;font-weight:normal;margin-bottom:.13rem;transition:all .5s;}
.xgt_list li .txt .tit dd{display:inline-block;color:#9b9b9b;position:relative;font-size:13px;padding-right:.1rem;}
.xgt_list li .txt .tit dd:before{content:'';position:absolute;width:3px;height:3px;background:#9b9b9b;border-radius:50%;right:0;top:52%; transform:translateY(-50%);}
.xgt_list li .txt .tit dd:last-child:before{display:none;}

.xgt_list li .txt .liulan{font-size:13px;color:#424242;margin-left:.1rem;}
.xgt_list li .txt .liulan i{margin-right:5px;}

.xgt_list li .sjs{padding:.1rem .2rem;box-sizing:border-box; display:none;}
.xgt_list li .img{}
.xgt_list li .img img{width:.35rem;height:.35rem;display:block;border-radius:50%;}
.xgt_list li .img p{margin-left:.1rem;color:#424242;}
.xgt_list li .sjs span{color:#9b9b9b;font-size:13px;}

.xgt_list li:hover .txt h3{color:var(--main_color);}
.xgt_list li:hover .pic img{ transform:scale(1.1,1.1);}


@media only screen and (max-width: 768px){
.tjsx_box2{padding:5px 0 25px;}
.tjsx_box2 dl{padding:10px 0 5px;}
.tjsx_box2 dd{margin-bottom:0;}
.tjsx_box2 a{margin-bottom:5px;}

.xgt_bg{padding:10px 0 25px;}
.xgt_list li{width:48%;margin-right:4%;margin-bottom:15px; }
.xgt_list li:nth-child(2n){margin-right:0;}
.xgt_list li .txt{padding:10px 5px;}
.xgt_list li .txt h3{font-size:13px;margin-bottom:0;-webkit-line-clamp: 2; white-space:normal; line-height:1.5;}
.xgt_list li .txt .tit dd{display:none;font-size:13px;padding-right:10px;}

.xgt_list li .txt .liulan{margin-left:10px;}

.xgt_list li .sjs{padding:10px 10px;}
.xgt_list li .img img{width:30px;height:30px;}
.xgt_list li .img p{margin-left:5px;}
.xgt_list li .pic img{height:125px;}

}


/*==============装修效果图--内容页====================*/

/*位置*/
.xgt_weizhi{padding:20px 0px; color:#333;}
.xgt_weizhi a{color:#333;}
.xgt_weizhi i.ico { margin-right:5px;}
.xgt_weizhi i.ico svg {height: 20px;width: 20px; fill:#333;position:relative;top:3px;}
.xgt_weizhi span{margin:0 5px;}


@media screen and (max-width:768px) {
.xgt_weizhi{padding:5px 15px 13px;background:#f3f4f6;}
.xgt_weizhi{font-size:12px;}
.xgt_weizhi i.ico {margin-right:0;}
.xgt_weizhi i.ico svg {width: 16px;top:5px;}
.xgt_weizhi span{margin:0 0;}
}

/*---------组图-----------*/
.xgt_show{background:#fff;padding:.3rem .3rem;box-sizing:border-box;}
/* 大图 */
#focus {width:100%; position:relative; border:solid 1px #e8e8e8; box-sizing:border-box;padding:.1rem 0;}
#focus figure{overflow:hidden; height:480px; position:relative;padding:0 0;box-sizing:border-box; }
#focus figure a{ width:100%; height:100%;}
#focus figure a img{max-width:100%;max-height:100%;object-fit:cover;}

/*分页器*/
#focus .swiper-pagination-bullet{width: 8px;height: 8px; display: inline-block; border-radius: 100%; background:rgba(0,0,0,0.25); transition: all .5s ease;opacity: 1.0; font-size:0; overflow:hidden;}
#focus .swiper-pagination-bullet-active{background:var(--main_color);color: #fff;width: 25px;border-radius: 25px;}
#focus .swiper-pagination{bottom:10px;}

/*缩略图轮播*/
#tabs5 {width: 100%; position: relative;margin-top:12px;padding:0 20px;box-sizing:border-box;}
#tabs5 li {border: 1px solid #e8e8e8; cursor: pointer; position:relative;padding:2px;box-sizing:border-box;}
#tabs5 li.active{border: 1px solid #f60;}
#tabs5 li img{width:100%; display:block; transition:0.3s all;}
#tabs5 .swiper-button-prev {width: 10px;height: 100%;background-size: 10px auto;background-image: url('../images/adv-left-icon.png') !important;top:22px;left: 0;z-index: 1;outline: none;background-color:rgba(255,255,255,1);}
#tabs5 .swiper-button-next {width: 10px;height: 100%;background-size: 10px auto;background-image: url('../images/adv-right-icon.png') !important;top:22px;right: 0;z-index: 1;outline: none; background-color:rgba(255,255,255,1);}

@media screen and (max-width:768px) {
.xgt_show{padding:20px 15px;box-sizing:border-box;}
#focus {}
#focus figure{ height:auto; max-height:220px;padding:0 10px;}

}



/*==============装修攻略频道页====================*/

/*banner及表单*/
.ban_form{ height:420px; position:relative;}
.ban_form .box{ position:absolute; left:0; top:0; right:0; bottom:0;}

.mini_bd{ width:320px;  background:#fff; padding:25px; box-sizing:border-box;}
.mini_bd .tit{ font-size:25px; color:#000; margin-bottom:12px; text-align:center;}
.mini_bd .desc{ text-align:center; color:#666; margin-bottom:25px;}
.mini_bd li .xy{line-height:1.6;}
.mini_bd li{margin-bottom:12px;}
.mini_bd input[type=text],
.mini_bd select{ width:100%;height: 40px;padding:0px 10px;background-color: #fff;border: 1px solid #d3cfcf;color: #3F4254; box-sizing:border-box; font-size:15px;}
.mini_bd select{ width:48%;}
.mini_bd .yzm{ position:relative;}
.mini_bd .pic_yzm{ position:absolute; right:0; top:0; border-left:solid 1px #d3cfcf; padding:0 5px;}
.mini_bd .sms_yzm{ position:relative;}
.mini_bd .sms_yzm button{height:38px;font-size:14px; padding:0 15px;  background:none; position:absolute; right:1px; top:1px; border:none; cursor:pointer; background:#f3f3f3; border-left:1px solid #e0e0e0}
.mini_bd .sub_btn{ width:100%; border:0; font-size:16px; line-height:40px; background:var(--main_color); color:#fff; cursor:pointer; outline:none; }

@media screen and (max-width:768px) {
.ban_form{ height:120px; position:relative;}
.ban_form .box{ display:none;}

.mini_bd{width:100%; height:auto; background:#fff; padding:25px 15px; box-sizing:border-box;}
.mini_bd .sms_yzm button{width:46%;}
}


/*装修攻略分类*/
.zxgl_cate {margin-bottom:40px;}
.zxgl_cate .item{transition:0.3s all;}
.zxgl_cate .item{width:32%;  box-sizing:border-box;}
.zxgl_cate .item .tit{height:100px; position:relative;}
.zxgl_cate .item .tit .txt{position:absolute; left:0; right:0; top:0; bottom:0; color:#fff;}
.zxgl_cate .item .tit .txt p{ font-size:.25rem;}
.zxgl_cate .item .tit .txt span{margin-top:15px;}

.zxgl_cate .item .con{ padding:25px 15px 5px; border:solid 1px #e8e8e8; border-top:0;}
.zxgl_cate .item .con .nav{height: auto;min-height: 70px;border-bottom:dotted 1px #ddd; margin-bottom:25px;}
.zxgl_cate .item .con .nav a{width:25%; margin-bottom:20px;}
.zxgl_cate .item .con .nav .ico{ margin-bottom:6px;}
.zxgl_cate .item .con .nav .ico img{ height:36px; transition:0.3s all; filter: grayscale(100%) brightness(50%);}
.zxgl_cate .item .con .nav a:hover .ico img{filter: grayscale(0) brightness(100%);}

.zxgl_cate .item ul li{ margin-bottom:20px; font-size:15px; padding-left:15px; position:relative;}
.zxgl_cate .item ul li:before{ content:''; display: block;position: absolute; left:0; top:4px; width: 5px;height: 5px;background:var(--main_color);}

@media screen and (max-width:768px) {
.zxgl_cate {margin-bottom:30px;}
.zxgl_cate .item{width:100%;margin-bottom:15px;}
.zxgl_cate .item .tit{height:100px;}
.zxgl_cate .item .tit .txt p{ font-size:18px;font-weight:bold;}
.zxgl_cate .item .tit .txt span{margin-top:10px;font-size:14px;}

.zxgl_cate .item .con{ padding:15px 0 10px;}
.zxgl_cate .item .con .nav{height:auto; margin-bottom:20px;}
.zxgl_cate .item .con .nav a{width:25%; margin-bottom:15px;}
.zxgl_cate .item .con .nav .ico{ margin-bottom:6px;}
.zxgl_cate .item .con .nav .ico img{ height:30px; }
.zxgl_cate .item .con .nav p{font-size:14px;}

.zxgl_cate .item ul { padding:0 15px;}
.zxgl_cate .item ul li{ margin-bottom:15px; font-size:14px; padding-left:10px; }

}




/*==============装修攻略主体内容====================*/
.page_white{background:#fff; padding:.4rem .5rem;box-sizing:border-box;}
.page_white .tit{font-size:.25rem; color:#000; font-weight:bold; height:.46rem; border-bottom:solid 1px #e8e8e8; margin-bottom:.25rem;}

@media screen and (max-width:768px) {
.page_white{padding:5px 0 20px;box-sizing:border-box;}
.page_white .tit{font-size:16px; height:28px; margin-bottom:15px;}
.page_main{margin:0;}
.xwgl_box{margin:0;padding:0;}
}

/*右侧分类*/
.page_side_fl{ background:#fff; margin-bottom:20px;}
.page_side_fl .tit{ line-height:60px; font-size:16px; font-weight:bold; padding-left:20px;}
.page_side_fl dt{background: #F8F8F8;line-height: 40px;font-weight: 550;padding-left: 20px;border-left: 2px solid var(--main_color);position: relative; cursor: pointer;}
.page_side_fl a.on{ color:var(--main_color);}
.page_side_fl dd a{width:25%; box-sizing:border-box;text-align: center;line-height:50px;box-sizing: border-box; border-right: 1px dashed #E3E3E3; border-bottom: 1px dashed #E3E3E3;}
.page_side_fl dd a:nth-child(4n){border-right:0;}


@media screen and (max-width:768px) {
.page_side_fl{ background:#fff; margin-bottom:0;}
.page_side_fl .tit{ line-height:50px; padding-left:0; }
.page_side_fl dt{line-height:34px;padding-left: 10px;}
.page_side_fl dd a{width:25%;line-height:34px;border-right: 1px dashed #E3E3E3; border-bottom: 1px dashed #E3E3E3;font-size:13px;}
.page_side_fl dd a:nth-child(4n){border-right:1px dashed #E3E3E3;}
.page_side_fl dd a:nth-child(1){border-left:1px dashed #E3E3E3;}
.page_side_fl dd a:nth-child(5){border-left:1px dashed #E3E3E3;}
}



/*列表*/
.article_list li{ padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #e8e8e8;}
.article_list li .pic{width:25%; position:relative; overflow:hidden;}
.article_list li .pic img{width:100%; display:block; }
.article_list li .txt{ width:72%; position:relative;  box-sizing:border-box;}
.article_list li.nopic .txt{ width:100%; }
.article_list li .txt .title{font-size:.2rem;line-height:1.6; margin:5px 0 15px 0;  font-weight:bold; }
.article_list li .txt .desc{ color:#888; font-size:14px; line-height:1.8;}

.article_list li .art_footer{ position:absolute; left:0; bottom:5px; right:0;}
.article_list li.nopic .art_footer{ position:static; margin-top:10px;}
.article_list li .art_footer p{ font-size:13px; line-height:14px; color:#999; display:inline-block; margin-right:15px;}
@media screen and (max-width:768px) {
.article_list li{ padding-bottom:15px; margin-bottom:15px;}
.article_list li .pic{width:35%; border-radius:3px; overflow:hidden;}
.article_list li .txt{width:62%;}
.article_list li .txt .title{font-size:14px;line-height:1.4; margin:0px 0 15px 0;  font-weight:normal;color:#000; }
.article_list li .txt .desc{ display:none;}  

.article_list li .art_footer{ position:absolute; bottom:0px; right:0;}
.article_list li .art_footer p{ font-size:12px;  margin-right:15px;}
}



/*内容页*/
.art_title {font-size:.25rem;line-height:1.4;  color:#000; }
.art_info{margin-bottom:15px; color:#888; border-bottom: solid 1px #e8e8e8; position:relative;  }
.art_info em{position:relative;font-size:14px; display:inline-block; line-height:50px; font-style:normal; margin-right:20px;}
.art_info em a{color:#888;}

@media screen and (max-width:768px) {
.art_title {font-size:18px;margin-top:15px;} 
.art_info em{font-size:13px; line-height:40px; margin-right:10px;}
}

.share-main{ width: 102px; height: 24px; position:absolute; right:0; top:5px; z-index:10;}
.share-main b{ position:absolute; left:-80px; top:10px; font-weight:normal;}
.share-bar a{margin-left: 10px; margin-top:5px; float: left; display: block; width: 24px; height: 24px; background-image:url(../images/icon-share.png); }
.share-bar .share-tsina{background-position: 0 0;}
.share-bar .share-weixin{background-position: -24px 0;}
.share-bar .share-qzone{background-position: -48px 0;}
.weixin-share-open{position: absolute; bottom: 34px; left:0; display: none; background: #fff;}
.weixin-wrap{ padding: 10px; width: 200px; height: 80px; border: 1px solid #ddd;}
.share-qrcode{float: left;}
.share-qrcode img{display: block; width: 80px; height: 80px;}
.weixin-close{position: absolute; top: 5px; right: 5px; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 16px; color: #d4d4d4; cursor: pointer;}
.weixin-text{padding: 10px 0 0 90px; line-height: 24px; font-size: 12px; color: #666;}

/**/
#art_box { text-align:justify;  line-height:2; font-size:16px; overflow:hidden; width:100%;}
#art_box p {margin-bottom:15px; }
#art_box img{ max-width:100%;}
#art_box table{ border:1px solid #eff3f8; border-collapse:collapse;   font-size:14px; line-height:24px; margin-bottom:15px;}
#art_box table p{margin-bottom:0;}
#art_box table tr:nth-child(1){ font-size:14px; background:#eff3f8; font-weight:bold;}
#art_box table td{padding:5px 10px; border:1px solid #D5DFEC;text-align:center;}
#art_box video{ max-width:100%;}

/*上一页 下一页*/
.page_pre_next{ border-top:solid 2px var(--main_color); margin-top:.5rem; padding-top:5px; font-size:16px;}
.page_pre_next h3{ font-size:17px;}
.page_pre_next div{margin:15px 0;}


.sjs_side{background: #fff;padding: 20px;box-sizing: border-box;margin-bottom:.2rem;}
.sjs_side .pic{overflow:hidden;border:0px solid rgba(204,204,204,.5);}
.sjs_side .pic img{width:55%;display:block;}
.sjs_side .txt h3{text-align:center;margin:.2rem 0 .2rem;} 
.sjs_side .txt dl{text-align:center;margin-bottom:.15rem;}
.sjs_side .txt dd{display:inline-block;padding:0 5px;color:#666;font-size:13px;}
.sjs_side .txt a{margin:0 auto;display:block;width:65%; font-size: 16px;line-height:32px;color: var(--main_color);border:1px solid var(--main_color);text-align:center;font-weight:bold; transition:all .3s;}
.sjs_side .txt a i{margin-right:5px;}
.sjs_side .txt a:hover{background: var(--main_color);color:#fff;}

.sjs_side .xj{margin:.2rem 0 .18rem;}
.sjs_side .xj li img{width:16px;display:block;margin-right:2px;}
.sjs_side .xj p{color:#f90;margin-left:.2rem;}
.sjs_side .xj p i{margin-right:5px;}

.sjs_side .dizhi img{width:30px;height:30px;margin-right:3px;}  
.sjs_side .dizhi p{width:calc(100% - 40px); line-height:1.5;} 

@media screen and (max-width:768px) {
.sjs_side{background: #fff;padding:15px;box-sizing: border-box;margin-bottom:.2rem;}

}


@media screen and (max-width:768px) {
.page_pre_next{font-size:13px;}
.page_pre_next h3{ font-size:13px;}  
.share-main{display:none;}  

#art_box {line-height:1.8; font-size:14px;}

}


/*返回*/
.xg_btn{ margin:.25rem 0;}
.xg_btn a{ display:inline-block; width:150px; line-height:36px; border-radius:36px;  transition:0.3s all; margin-right:15px; color:#888; padding-left:46px; box-sizing:border-box;}
.xg_btn a:hover{ color:#fff;}
.xg_btn .a1{background:url(../images/home_ico1.png) no-repeat 20px center #e6e6e6;}
.xg_btn .a1:hover{background:url(../images/home_ico2.png) no-repeat 20px center var(--main_color);}
.xg_btn .a2{background:url(../images/back_ico1.png) no-repeat 20px center #e6e6e6;}
.xg_btn .a2:hover{background:url(../images/back_ico2.png) no-repeat 20px center var(--main_color);}

/*相关文章*/
.xg_art{ margin-top:.5rem;}
.xg_art .tit{background:url(../images/xg_tit.png) no-repeat; background-size:22px auto; height:35px; font-size:20px; font-weight:bold; padding-left:30px; margin-bottom:.15rem;}
@media screen and (max-width:768px) {
.xg_btn{ margin:20px 0;}
.xg_btn a{width:45%;margin-right:10px; color:#888; box-sizing:border-box;font-size:13px;}
.cate_xg .tit{ height:25px; font-size:20px; padding-left:20px; margin-bottom:25px; background-size: 25px auto;}
}



/*==============设计师列表页====================*/
.sjs_list{background:#fff;padding:.3rem .5rem;box-sizing:border-box;}
.sjs_list .item{padding:.25rem 0;border-bottom:1px dashed rgba(204,204,204,.8);}
.sjs_list .item .txt{width:36%;}
.sjs_list .item .touxiang{width:108px;}
.sjs_list .item .touxiang a:first-child{display:block;border-radius:50%;  overflow:hidden;}
.sjs_list .item .touxiang img{width:108px;height:108px;display:block;transition:0.3s all;}
.sjs_list .item .touxiang a.yuyue{display:block;width:100%;line-height:.26rem;border:1px solid var(--main_color);color:var(--main_color);text-align:center;margin-top:.15rem; transition:all .3s;}
.sjs_list .item .touxiang a:hover img{transform: scale(1.1, 1.1);}
.sjs_list .item .wz{width:calc(100% - 135px);}
.sjs_list .item .wz h3{font-size:.22rem; margin-bottom:10px;}
.sjs_list .item .wz h3 span{font-size:12px; background:var(--main_color); color:#fff; font-weight:normal; line-height:20px; padding:0 5px; border-radius:20px; margin-left:10px; display:inline-block;}
.sjs_list .item .wz p{color:#666;margin:.15rem 0 .1rem;font-size:15px;}
.sjs_list .item .wz dl{display:block;line-height:2.3;font-size:13px;color:#888;}
.sjs_list .item .touxiang a:hover{background:var(--main_color);color:#fff;}

.sjs_list .pic{width:60%}
.sjs_list .pic li{overflow:hidden;width:31%;margin-right:3.5%; }
.sjs_list .pic li:nth-child(3n){margin-right:0;}
.sjs_list .pic li a{border-radius:5px; display:block;overflow:hidden;}
.sjs_list .pic li img{width:100%;display:block; transition:0.8s all;}
.sjs_list .pic li:hover img{ transform: scale(1.1, 1.1);}

@media screen and (max-width:768px) {
.sjs_list{padding:0;background:none;}
.sjs_list .item{padding:15px 15px;border:none;margin-bottom:12px;background:#fff;}
.sjs_list .item .txt{width:100%;}
.sjs_list .item .touxiang{width:80px;}
.sjs_list .item .touxiang img{width:80px;height:80px;}
.sjs_list .item .touxiang a.yuyue{ line-height:22px;margin-top:8px;font-size:12px;}
.sjs_list .item .wz{width:calc(100% - 100px);}
.sjs_list .item .wz h3{font-size:16px; margin-bottom:10px;}
.sjs_list .item .wz p{margin:7px 0 5px;font-size:13px;}
.sjs_list .item .wz dl{font-size:12px;line-height:1.9;}

.sjs_list .pic{width:100%;margin-top:15px;}
.sjs_list .pic li{overflow:hidden;width:32%;margin-right:2%;margin-bottom:10px;}

}


/*==============设计师内容页====================*/
.sjs_box1{width:calc(100% - 300px);}
.sjs_box1 .pic{width:166px;overflow:hidden;margin-right:.3rem; border-radius:5px;}
.sjs_box1 .pic img{width:100%;display:block;}
.sjs_box1 .txt h3{font-size:.25rem;margin-bottom:.1rem;}
.sjs_box1 .txt h3 span{display: inline-block;background: var(--main_color);color: #fff;font-size: 12px;line-height: 24px;padding: 0 10px;border-radius: 24px;margin-left: 10px; font-weight:normal;}
.sjs_box1 .txt p{font-size:15px;margin:.15rem 0 5px;}
.sjs_box1 .txt dl{line-height:2;color:#888;}

.sjs_box2{width:260px;}
.sjs_box2 .xg{width:200px; position:relative;}
.sjs_box2 .xg:after {content: "";position: absolute;top: 50%;right: 50%;width: 1px;height: 36px;background: #e8e8e8;margin-top: -18px;}
.sjs_box2 li{  box-sizing:border-box;text-align:center; }
.sjs_box2 li:last-child{padding-right:0;border:none;}
.sjs_box2 li h3{font-size:.24rem;margin-bottom:10px;}
.sjs_box2 li p{}


.sjs_box2 .lx{margin-top:.25rem;}
.sjs_box2 .lx a{width:2.2rem;line-height:.42rem;border:1px solid var(--main_color);background:var(--main_color);text-align:center;font-size:.18rem;color:#fff;transition:all .3s;}
.sjs_box2 .lx a:hover{background:#E31525;}


/*切换*/
.sjs_show .con_tit{border-bottom: solid 1px #e8e8e8; margin-bottom:.3rem;}
.sjs_show .con_tit a{ cursor:pointer; margin-right:.5rem;}
.sjs_show .con_tit a.active{border-bottom: solid 2px var(--main_color); }

.sjs_show .con_box .item{display: none;}
.sjs_show .con_box .item.active {display: block;}

@media screen and (max-width:768px) {
.sjs_box1{width:100%;}
.sjs_box1 .pic{width:108px;margin:0 auto;border-radius:50%;}
.sjs_box1 .txt{width:100%;}
.sjs_box1 .txt h3{font-size:18px;margin:15px 0 5px 0;text-align:center;}
.sjs_box1 .txt dl{font-size:12px;line-height:1.8;color:#888;text-align:center;}

.sjs_box2{width:100%;margin-top:15px;}
.sjs_box2 .xg{width:140px;margin:0 auto;}
.sjs_box2 li h3{font-size:16px;margin-bottom:5px;}
.sjs_box2 li p{font-size:13px;}
.sjs_box2 .lx{margin-top:20px;}
.sjs_box2 .lx a{margin:0 auto;width:160px;line-height:36px; font-size:14px; border-radius:3px; }

}



/*===================帮助中心频道页===================*/
/*banner*/
.help_banner{background:url(../images/tit-bg.jpg) no-repeat center; background-size:cover; padding-bottom:50px;}
.help_banner .main{position:relative;}
.help_banner .txt h3{color: #fff;font-size:34px;font-weight:normal; text-align:center; line-height:180px;}
.help_banner .ico{ position:absolute; right:0; top:50%; transform:translateY(-50%);}
.help_banner .ico a{margin-left:25px;}
.help_banner .ico .pic{width:56px;height:56px;background:rgba(255,255,255,.2);border-radius:100%;overflow:hidden;transition:all .5s;}
.help_banner .ico .pic img{width:35px;display:block;}
.help_banner .ico p{color:rgba(255,255,255,.6);margin-top:15px;text-align:center;font-size:13px;transition:all .5s;}
.help_banner a:hover .pic{background:rgba(255,255,255,1);}
.help_banner a:hover p{color:rgba(255,255,255,1);}

@media screen and (max-width:768px) {
.help_banner{ height:120px;padding:0 15px;box-sizing:border-box;}
.help_banner .main{height:140px;}
.help_banner .txt{ position:absolute; left:0; top:45%; transform:translateY(-50%);}
.help_banner .txt h3{color: #fff;font-size:20px; text-align:left; line-height:0;}
.help_banner .ico{ position:absolute; right:0; top:45%; transform:translateY(-50%);}
.help_banner .ico a{margin-left:10px;}
.help_banner .ico .pic{width:35px;height:35px;}
.help_banner .ico .pic img{width:25px;display:block;}
.help_banner .ico p{font-size:12px;}
}


/*主体部分——左边*/
.help_box {position: relative;padding: .6rem .8rem;background-color: #fff; box-shadow: 0 0 40px 0 rgb(0 0 0 / 5%); box-sizing:border-box; margin-top:-50px;margin-bottom:.8rem;}
.help_side{width:170px;}
.help_intro{width: calc(100% - 170px);padding:0 0 0 60px;box-sizing:border-box;border-left: 1px solid #e8e8e8;}
.help_side li{position:relative;margin-bottom:20px;font-size: 17px;line-height: 24px;}
.help_side li.active a{color:var(--main_color);}
.help_side li.active:before,.help_side li:hover:before{position: absolute;right: 0;top: 2px;content: '';border-right:4px solid var(--main_color);height:20px;}

.help_tit{ height:46px; margin-bottom:30px;background: url(../images/right_title_bg.jpg) repeat-x left bottom;}
.help_tit  h3{font-size: 22px; border-bottom: solid 6px var(--main_color); }

@media screen and (max-width:768px) {
.help_box {position:static;padding: 0;margin-top:0;margin-bottom:0;box-shadow:none;}
.help_side{width:100%;}

.help_side li{margin-bottom:0;font-size:14px;line-height:2.6;background:#fbfbfb;border-bottom:1px solid rgba(204,204,204,.5);padding:0 15px;box-sizing:border-box;}
.help_side li.active{background:var(--main_color);}
.help_side li.active a{color:#fff;}
.help_side li.active:before,.help_side li:hover:before{display:none;}


.help_intro{width:100%;padding:20px 15px;box-sizing:border-box;border-left: none;}
.help_tit{ height:33px; margin-bottom:15px; background-size:auto 5px;}
.help_tit  h3{font-size:16px; border-bottom: solid 5px var(--main_color); }

}


/*===================帮助中心内容页===================*/
.help_show_tit{font-size:25px; margin-bottom:20px;}


.help_gxq{margin-top:50px;}
.help_gxq h2{font-size:28px;font-weight:normal;}
.help_gxq_list{margin-top:30px;}
.help_gxq_list li{margin-bottom:25px;position:relative;}
.help_gxq_list li:before {content: '';width: 6px;height: 6px;border-radius: 100%;background:var(--main_color);position: absolute;left: 0;top:50%; transform:translateY(-50%);transition:all .3s; opacity:0.5;}
.help_gxq_list li a{color:var(--main_color);padding-left:15px;transition:all .3s; font-size:.16rem;}
.help_gxq_list li:hover a{color:var(--second_color);}
.help_gxq_list li:hover:before{background:var(--second_color);}


/*===================帮助中心内容页===================*/
.page_city{ margin-bottom:.5rem;}
.page_city .title{ font-size:25px; text-align:center; line-height:2; padding:20px 0;}
.page_city .title a{ color:var(--main_color); border-bottom: 2px solid var(--main_color); padding-bottom: 2px;  }

.city_box{ border:solid 2px var(--main_color); background:#fff; line-height:2.6; padding:.5rem 0;}
.city_box li{border:solid 1px #fff; padding:5px 0;}
.city_box li:hover{border:solid 1px #ddd; background:#f6f6f6; border-left:0; border-right:0;}
.city_box .tit{ width:125px; font-size:15px; font-weight:bold; text-align:right;}
.city_box ul{ width:calc(100% - 140px); padding-right:.5rem; box-sizing:border-box;}
.city_box ul a{ margin-right:15px;}
@media screen and (max-width:768px) {
.page_city .title{ font-size:15px; line-height:2; padding:20px 0;} 
.city_box{ border:solid 0px var(--main_color); line-height:2; padding:15px 15px;}
.city_box .tit{ width:100%; text-align:left;}
.city_box ul{ width:100%; padding-right:0; }
.city_box li{border-bottom:dotted 1px #ddd;}
.city_box li:hover{border-bottom:dotted 1px #ddd; border-top:0; background:#fff;}
}