/*=================faq=================*/
.faq_ul{}
.faq_ul li{
    margin-top: 25px;
    overflow: hidden;
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
}
.faq_ul li h3{font-size: 24px;margin-bottom: 20px;font-weight: 500;}
.faq_ul .faq_div .problem_q{float: left;background: #ff6600 !important;}
.faq_ul .faq_div .font{float: left;width: 90%;}
.faq_ul .faq_div .font *{font-size: 16px !important;line-height: 24px;}
.problem_q {
    background: #666;
    color: #fff;
    border-radius: 50%;
    width: 30px;height: 30px;
    text-align: center;
    display: inline-block;
    line-height: 30px;
    font-size: 18px;
    margin-right: 8px;
}

body{background: #f8f8f8;}


/*=================历吏和品牌介绍=================*/
.lishi_p{background-color: #0cb9e8;line-height: 30px;}
.lishi_p span{color: #fff;padding: 0 20px;display: inline-block}
.lishi_p span.active{color: #333;}
.lishi_dl{overflow: hidden;padding: 20px 0;display: none;}
.lishi_dl dt{width: 30%;float: left;}
.lishi_dl dt img{width: 100%;}
.lishi_dl dd{width: 67%;float: left;margin-left: 3%;}
.lishi_dl dd h3{color: #0CB9E8;font-size: 1.2em;font-weight: 400;line-height: 32px;}

.about_top{background: #fff;padding: 50px 0;}
.about_top ul{}
.about_top ul li{float: left;width: 50%;font-size: 1.6em;line-height: 60px;text-align: center;}
.about_top ul li b{font-size: 1.5em;color: #b12e2a;}

.mendian,.mendian ul{overflow: hidden;}
.mdli{float: left;width: 25%;padding:0 5px;box-sizing: border-box;overflow: hidden;height: 300px;margin-bottom: 10px;}
.mendian li:first-child{width: 65%;height: 450px;}
.mendian li:nth-child(2){width: 35%;height: 450px;}
.mendian li img{width: 100%;min-height: 100%;}

.kefu_ul{overflow: hidden;}
.kefu_ul li{
    width: 23%;float: left;
    margin: 10px 1%;
    border: 1px solid #c1bdbd;
    padding-bottom: 20px;
    box-sizing: border-box;
    background: #fff;
}
.kefu_ul li .img_box{
    width: 100%;
    height: 150px;
    padding: 25px;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
}
.kefu_ul li .img_box img{height: 100%;max-width: 100%;}
.kefu_ul li p{margin-top: 10px;font-size: 1.3em;text-align: center;}
.kefu_ul li.kf_li{width:48%;}

.huanbao_ul{overflow: hidden;}
.huanbao_ul li{float: left;width: 21%;}
.huanbao_ul li.img_big{width: 50%;margin: 0px 4%;}
.huanbao_ul li.img_big img{width: 100%;}
.huanbao_ul li div{margin-bottom: 30px;    max-width: 100%;overflow: hidden;}
.huanbao_ul li div img,.huanbao_dl img{height: 100px;max-width: 100%;}
.huanbao_ul li div p,.huanbao_dl dd p{margin: 10px 0;font-size: 18px;}
.huanbao_ul li div p span,.huanbao_dl dd p span{
    content: '';
    width: 10px;height: 10px;
    background: #b12e2a;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
}
.huanbao_dl{width: 40%;margin-left: 10%;overflow: hidden;margin-top: 30px;float: left;}
.huanbao_dl dt{float: left;width: 30%;}
.huanbao_dl dd{float: left;width: 68%;}

/*=================色彩定制=================*/
.colorbig{text-align: center;}
.colorbig img{width: 100%;}
.color_h1{margin-top:40px;font-size: 2.4em;text-align: center;margin-bottom:30px;}
.color_ul{overflow: hidden;}
.color_ul li{float:left;width: 50%;padding: 5px;box-sizing: border-box;}
.color_ul li img{display: block;width: 100%;}


/*=================留言=================*/

.email_box{
    overflow: hidden;
    width: 80%;
    margin:0px auto;
    background: #fff;
    padding: 20px;
}
.email_box p{margin:15px 0;}
.email_box p label{width: 70px;display: inline-block;text-align: right;margin-right: 10px;}
.email_box p input{line-height: 35px;width:350px;border:1px solid #ddd;padding-left: 8px;}
.email_box p textarea{width: 600px;height: 100px;outline: none;resize: none;border:1px solid #ddd;padding: 8px;}
.email_submit{
    background: #b12e2a !important;
    color: #fff;
    font-size: 18px;
    padding: 8px 10px;
    border: 0;
    border-radius: 5px;
    margin: 20px auto;
    display: block;
    cursor: pointer;
    width: 130px;
    text-align: center;
}
.email_box p.error{margin-left: 143px; color: #b12e2a; font-size: 16px;}

/*=================文章=================*/
.article_list{overflow: hidden;margin-left: -1%;margin-right: -1%;}
.article_list li{
    float: left;
    width:30.3%;
    margin:25px 1.5%;
    transition: all 0.3s;
}
.article_list li:hover{box-shadow: 0px 1px 8px #ddd;}
.article_list li .img_box{width: 100%;height: 220px;overflow: hidden;}
.article_list li .img_box img{width: 100%;min-height: 100%;}
.article_list li h3{
    line-height: 24px;
    font-size: 20px;
    overflow: hidden;
    font-weight: 500;
    margin:15px 0px;
    width: 95%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: "Microsoft YaHei New","Microsoft Yahei","微软雅黑";
}
.article_list li p{
    line-height: 22px;height: 44px;color: #777;overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.zmd_list li .img_box{height: 260px;}
.zmd_list li h3{font-weight: 400;}

.article_box{background: #fff;padding: 20px 30px;}
.article_tit{font-size: 30px;font-weight: 500;margin: 15px 0;}
.article_div{border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.article_div span{color: #888;margin-right: 15px;}
article{margin-top: 20px;}
article img{max-width: 100%;}


/*新闻详情*/
.art_content h1{font-size: 2.8em;text-align: center;font-family:Microsoft YaHei;}
.art_content .qianm{text-align: center;border-bottom: 1px solid #eee;line-height: 40px;}
.art_content .qianm span{margin:0 10px;color: #999;}
.art_content .qianm span b{font-weight: 400;}
.art_content article{margin-top: 20px;line-height: 30px;}
.art_content article img{max-width: 100%;margin-bottom: 8px;}
.art_content article video{width: 100%;}

.art_tj{margin: 50px 0;}
.art_tj .ar_tit{font-size: 18px;}
.art_tj_c{overflow: hidden;}
.art_tj .news_dl{box-sizing: border-box;width: 46%;float: left;margin:15px 2%;overflow: hidden;}
.art_tj .news_dl dt{float: left;height: 100px;width: 30%;overflow: hidden;}
.art_tj .news_dl dt img{width: 100%;min-height: 100%;}
.art_tj .news_dl dd{float: left;width: 60%;padding: 15px;box-sizing: border-box;height: 100px;background: #f7f7f7;}
.art_tj .news_dl p{font-size: 14px;color: #777;    margin-top: 10px;}


/*=================装修问题解决方案=================*/
.div_box{margin: 50px auto;overflow: hidden;padding: 0 15px;}
.h1_tit{font-size:32px;margin: 20px 0;font-family: "Microsoft YaHei New","Microsoft Yahei","微软雅黑"; }
.p_font{margin-bottom: 10px;line-height: 26px; }
.p_font b{color: #b12e2a;font-size:20px;}
.wenti_bg{background: #fff;padding: 30px 50px;box-sizing: border-box;}
.wenti_3{overflow: hidden;}
.wenti_3 li{
    float: left;
    width: 33.3%;height: 300px;
    overflow: hidden;
    padding:5px;
    box-sizing: border-box;
}
.wenti_3 li img,.wenti_2 li img{width: 100%;min-height: 100%;  }
.wenti_2{overflow: hidden;margin-bottom: 35px;}
.wenti_2 li{float: left;width:50%;height: 400px;padding: 0px 10px;box-sizing: border-box;}
.wenti_2 li .img_box,.wenti_3 li .img_box{width:100%;height: 100%;overflow: hidden;border: 5px solid #c9ccd8;border-radius: 10px;box-sizing: border-box;}

.wenti_1{text-align: center;margin-top: 40px;}
.wenti_1 img{max-width: 100%;height: auto;}

.h2_font{font-size: 34px;margin-top: 20px;}
.black_bg{background: #fff;padding: 70px 0;}

.about_l{width:40%;}
.about_r{width:55%;}
.about_l img,.about_r img{width: 100%;}

.lishi_box{border-left:1px solid #ddd;padding-bottom: 20px;margin-left: 20px;padding-right: 20px;}
.nian{color: #b12e2a;font-size: 22px;margin-bottom: 10px;display: block;}
.nian:before{
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: -9px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 11px;
    box-shadow: 0 0 0 2px #b12e2a inset;
}
.lishi_font{position: relative;padding-left: 20px;margin-bottom: 40px;}
.lishi_font p{line-height: 30px;}

.high_bg{
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../images/400078825.jpg) fixed center center;
    background-size: cover;
    padding: 80px 0;
}
.high_pro{
    float: left;
    width: 30%;
    margin: 10px 1.5%;padding: 30px;
    box-sizing: border-box;
    background:rgba(255, 255, 255, 0.8);
    overflow: hidden;
}
.high_pro h1{font-size: 26px;line-height: 45px;color: #b12e2a;margin-bottom: 20px;}
.high_pro .img_box{width: 100%;height: auto;margin-top: 20px;}
.high_pro .img_box img{width: 100%;}

.feat_l{width: 35%;}
.feat_l img{width: 100%;}
.feat_r{width: 60%;margin-top: 60px;}
.feat_r h1{font-size: 26px;line-height: 50px;color: #b12e2a;}
.feat_r ul li{list-style: disc;margin: 10px 20px;font-size: 18px;}



.sitemap{width: 50%;padding:10px 30px;box-sizing: border-box;}
.sitemap h1{font-size: 20px;margin: 10px 0;}
.sitemap h3{font-size: 15px;}
.sitemap ul{margin-bottom: 20px;}
.sitemap ul li{line-height:26px;}
.site_ul li{list-style: inside;margin-left: 20px;}

@media (max-width: 1200px) {
    .wenti_2 li{height: 300px;}
    .feat_r{margin-top:30px;}
    .atricle-l{}
}

@media (max-width: 900px) {
    .wenti_2 li{height: 230px;}
    .wenti_3 li{height: 210px;}
    .email_box p textarea{width: 80%;}
    .art_l_btn{display: block;}
    .article_r{width: 90%;margin: 0 auto;}
    .article_list li{width: 47%;margin-bottom: 10px;}
    .article_list li .img_box{height:210px; }

    .high_pro{width: 100%;margin: 20px 0;padding: 15px;}
    .high_font{float: left;width: 65%;}
    .high_pro .img_box{float: right;width: 30%;}
    .feat_r{margin-top:0px;}
    .about_l,.about_r,.atricle-l,.atricle-r{width:100%;}
    .atricle-l article{padding: 0;}
    .article_tj dt{width: 25%;}
    .article_tj dt img{height: auto;}
    .article_tj dd{width: 72%;}
}
@media (max-width: 680px) {
    .atricle-l{padding: 10px;}
    .wenti_2 li{height: 190px;}
    .wenti_3 li{height: 150px;}
    .email_box{width: 100%;}
    .email_box p textarea{width: 70%;}
    .email_box p input{width: 70%;}
    .faq_ul li{margin: 0;border-bottom: 1px solid #eee;padding:25px 20px;}
    .article_list li .img_box{height:160px; }
    .article_list li h3{font-size: 18px;}
    .share_div{float: none;margin-top: 20px;}

    .feat_r,.feat_l{width: 100%;}
    .black_bg{padding: 40px 0;}
    .div_box{margin: 40px 0;}

    .color_ul li{width: 100%;}
    .about_top ul li{width: 100%;}
    .color_h1{margin-top: 10px;}
    .mendian li:nth-child(1),.mendian li:nth-child(2){height: auto;width: 100%;}
    .mdli{width: 50%;height: 220px;}
    .kefu_ul li{margin: 5px 1%;width: 48%;}
    .kefu_ul li .img_box{height: 120px;}
    .huanbao_ul li{float: none;width: 100%;}
    .huanbao_ul li div{
        float: left;
        width: 50%;
        padding: 10px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    .huanbao_ul li.img_big {width: 100%;margin: 0;}
    .huanbao_dl{width: 50%;margin-left: 0;}
    .huanbao_dl dt,.huanbao_dl dd{float: none;width: 100%;}

    .banner img{width: 100%;}
    .color_list li{width: 19.5%;height: 80px;}

    .art_content h1{font-size: 2.2em;}
    .art_content article{padding: 20px;}
    .art_tj .news_dl{width: 100%;float: none;}
}
@media (max-width: 500px) {
    .wenti_2 li{height: 150px;}
    .wenti_3 li{height: 100px;}
    .h2_font{font-size: 28px;}
    .black_bg{padding: 40px 0;}
    .black_bg > img{height: 130px;}
    .email_box p textarea{width: 60%;}
    .email_box p input{width: 60%;}
    .article_list li .img_box{height:130px; }
    .article_box{padding:15px 10px; }
    .mdli{width: 50%;height: 180px;}
    .kefu_ul li .img_box{height: 100px;}
    .article_tj dt img{width: auto;height: 100%;}
}