
/*************************通用样式**************************/
*{margin: 0 ;padding: 0;box-sizing: border-box;}
body,html{
    font-family : 微软雅黑;
    color:#666;
    font-size: 12px;
    line-height: 10px;
    max-width: 640px;/*****640***/
    margin: 0 auto;
}
/*-----------------------公共类-------------------------*/
.clearfix:before,.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;
}
table{border-collapse:collapse;}
.fl {
    float:left
}
.fr {
    float:right
}
ul {list-style: none;}
select, input { vertical-align:middle; }
input{ padding-top:0; padding-bottom:0; font-family: "SimSun";}
input[type=submit]
{
    -webkit-appearance:none;
    outline:none
}
img{border:0;}/**ie兼容*/
a{color: #666;text-decoration: none;}
a:active{transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
textarea { resize:none; } /*防止拖动*/
s,i,em{font-style:normal;text-decoration:none;}
/******************通用样式结束*****************/

/*******************头部通用开始********************/
.header{width: 100%;padding-top:2.5%;height: 55px; position: fixed;top: 0;z-index: 100;background: #fff; max-width: 640px;/*****640***/}
.header .header_box{width: 100%;position: relative;}
.header .header_box .h_img1 img{position:absolute;left:0;top: 0; width: 30px;height: 30px;margin-left: 3%;}
.header .header_box .h_img2 img{margin: auto; display: block;width: 22%;height: auto;}
.header .header_box .h_img3 img{position:absolute;right: 0;top: 0;width: 30px;height: 30px;margin-right: 3%;}
/***********侧边栏开始***********/
.zzc{display: none; width: 100%;position:fixed;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 100;top: 0;}
.cbl .cbl_box{ width: 50%;height: 100%; background: #fff;position: fixed;left: -50%;top: 0;z-index: 101;}
.cbl .cbl_box .logo1{text-align: center;padding-top: 20px;}
.cbl .cbl_box .logo1 img{width: 50%;}
.cbl .cbl_box .cbl_list {margin-top: 10px;height: 100%;}
.cbl .cbl_box .cbl_list ul{overflow-y: auto;height: 90%;}
.cbl .cbl_box .cbl_list ul li{padding-left: 8%;height: 50px;line-height: 50px;}
.cbl .cbl_box .cbl_list ul li img{width: 23px;height:23px;vertical-align: -5px;margin-right: 15px;}
.cbl .cbl_box .cbl_list ul li a{color: #2a55a4;font-size: 1.3em;}
/***********侧边栏结束***********/
/*******banner**********/
.banner{width: 100%;margin-top: 55px;}
.banner .banner_box{width: 100%;margin: 0 auto;}
.banner .banner_box img{width: 100%;}
.banner .swiper-pagination-bullet{background: #ffffff;opacity: 1;}
.banner .swiper-pagination-bullet-active{background: #2a55a4;}
/*******************头部通用结束********************/
.main{width: 100%;height: auto;background: #f7f7f7;padding-bottom: 1px;}
.ppsl{width: 100%;height: auto;padding: 2% 3%;position: relative;background: #fff;margin-bottom: 10px;}
.ppsl .ppsl_hd{position: relative;width: 100%;background: #fff;z-index: 11;}
.ppsl .ppsl_hd img{width: 35px;height: 35px;}
.ppsl .ppsl_hd div{ background:#fff;font-size: 1.2em;position: absolute;left: 5px;top: 12px;z-index: 11111;}
.ppsl .ppsl_hd p{background: #fff;color: #333; border-right: 1px solid #dfdfdf;padding-right: 3px;margin-right: 3px;}
.ppsl .ppsl_hd span{color: #2a55a4;}
/*.ppsl .ppsl_hd p span{font-weight: bold;}*/
.ppsl .ppsl_hd i{text-transform: uppercase;font-size: 0.9em;}
.ppsl .ppsl_hd s{ display: inline-block; width: 5px;height: 5px;border-radius: 5px;background: #d9d9d9;margin-top: 3px;margin-left: 5px;}
.ppsl .ppsl_hd .ppsl_line{ width: 98%;height: 1px;background: #d9d9d9;position: absolute;top: 17px;left: 5px;}
.ppsl .ppsl_box{margin-top: 15px;}
.ppsl .ppsl_box ul li{float: left;width: 20%;text-align: center;}
.ppsl .ppsl_box ul li a img{width: 80%;margin-bottom: 8px;}
.ppsl .ppsl_box ul li a span{color: #292929;font-size: 0.1em;}
.shfs_box{margin-bottom: 10px;width: 100%;height: auto;padding-left: 1%;}
.shfs_box .shfs{display: inline-block;width: 54%;height:152px;background-size: 100%;margin-right: 2px;}
.shfs_box .shfs .shfs_d1{background: url("../images/bg_1.png") repeat; position:relative;bottom:140px;z-index:100;width: 100%;height: 50px;margin-top: 50px;padding-top: 10px;}
.shfs_box .shfs .shfs_d1 div{color: #fff;text-align: center;}
.shfs_box .shfs .shfs_d1 div a{color: #fff;display: block;margin-top: 5px;}
.shfs_box .shfs1{position: relative; display: inline-block;width: 45%;height:98px;background-size: 92%;margin-bottom: 2px;}
.shfs_box .shfs1 a{color: #fff;display: block;text-align: center;left: 0;right: 0;}
.shfs_box .shfs2{position: relative; display: inline-block;width: 45%;height:73px;background-size: 92%;}
.shfs_box .shfs2 a{color: #fff;display: block;text-align: center;position:absolute;bottom: 5px; left: 0;right: 0;}
.alzs{background: #fff;width: 100%;height: auto;padding: 2% 3%;margin-bottom: 10px;}
.alzs .alzs_hd{ position: relative;width: 100%;background: #fff;z-index: 11;width: 100%/*;height: 30px*/;line-height: 28px;font-size: 1.2em;}
.alzs .alzs_hd div span{color: #2a55a4;}
.alzs .alzs_hd div b{color: #292929;}
.alzs .alzs_hd div i{display: inline-block;width: 5px;height: 5px;border-radius: 5px;background: #d9d9d9;vertical-align: 3px;}
.alzs .alzs_hd div s{text-transform: uppercase;font-size: 0.9em;}
.alzs .alzs_hd p a{color: #292929;}
/*.alzs .alzs_box{margin-top: 10px;}*/
.alzs .alzs_box ul li{float: left;width: 50%;padding: 3.5% 0.6%;}
.alzs .alzs_box ul li a{position: relative; color: #fff; display: block; width: 100%;height: 125px;background-size: 100%;}
.alzs .alzs_box ul li a span{bottom: 0; display: block;background: rgba(0,0,0,0.5);height: 30px;line-height: 30px; width: 100%;text-align: center;}
.alzs .alzs_box ul li a span i{display: inline-block;color: #862043;background: #fdd900;height: 18px;line-height: 18px;padding: 0 5px;border-radius: 5px;margin-left: 5px;}
.alzs .ggt img{width: 98%;margin-top: 10px;}
.zs{margin-bottom: 10px;}
.zs .zs_box{width: 100%;height: auto;}
.zs .zs_box ul li{float: left;width: 48%;margin: 1%;}
.zs .zs_box ul li>a{position: relative; display: block;overflow:hidden;width: 100%;height: 123px;background-size: 100%;}
.zs .zs_box ul li>a>span{display: block; color: #fff;text-align: center;position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.5);height: 25px;line-height: 25px;}
.zs .zs_box ul li>a>span i{margin-left: 10px;}
.zs .zs_box ul li div a{font-size: 1.2em;color: #1f1f1e;display: block;height: 20px;line-height: 20px;padding-left: 10px;}
/*.zs .swiper-container{padding-bottom: 30px;}*/
.zs .swiper-pagination-bullet{background: #4c4c4c;opacity: 1;}
.zs .swiper-pagination-bullet-active{background: #2a55a4;}
.zjgd {margin-bottom: 10px;padding: 2% 3%;}
.zjgd .zjgd_box{width: 100%;height: auto;}
.zjgd .zjgd_box ul li{float: left;width: 31%;margin: 1%;}
.zjgd .zjgd_box ul li a img{width: 100%;}
.lp{margin-bottom: 10px;}
.lp .lp_box{background: url("../images/lp.jpg") no-repeat;width: 100%;background-size: 100%;height: 107px;}
.lp .lp_box .jl{width: 38%;text-align: center;}
.lp .lp_box .jl_d1{color: #fff;font-size: 1.1em;margin-top: 10px;margin-bottom: 10px;}
.lp .lp_box .jl_d1 img{width: 15%;vertical-align: -3px;margin-right: 5px;}
.lp .lp_box .jl_d2 input{width: 80%;margin: 0 auto;}
.lp .lp_box .jl_d2 input::-webkit-input-placeholder{color: #064e39;}
.wfdt{margin-bottom: 10px; border-top: 1px solid #2a55a4;}
.wfdt .wfdt_box{width: 100%;}
.wfdt .wfdt_box .tabs_list{width: 100%;}
.wfdt .wfdt_box .tabs_list li{float: left; width: 23%;margin: 1%;}
.wfdt .wfdt_box .tabs_list li a{display: block;text-align: center;color: #2a55a4;border: 1px solid #2a55a4;padding: 7% 3%;}
.wfdt .wfdt_box .tabs_list li .tabs_on{background: #2a55a4;color: #ffffff;}
.wfdt .wfdt_box .tabs1{padding: 3% 1%;}
.wfdt .wfdt_box .tabs1 .qyzx>li{border-bottom: 1px solid #f7f7f7;padding: 10px 0;}
.wfdt .wfdt_box .tabs1 .qyzx>li>a{display: inline-block; width: 31%;}
.wfdt .wfdt_box .tabs1 .qyzx>li>a img{width:100%;}
.wfdt .wfdt_box .tabs1 .qyzx .qyzx_main{width: 68%;}
.wfdt .wfdt_box .tabs1 .qyzx .qyzx_main div{margin-bottom: 5px;line-height: 14px;}
.wfdt .wfdt_box .tabs1 .qyzx .qyzx_main div a{color: #2e2e2e;font-size: 1.2em;}
.wfdt .wfdt_box .tabs1 .qyzx .qyzx_main{color: #949494;font-size: 0.9em;}
.wffw{border-top: 1px solid #2a55a4;}
.wffw_box a{display: inline-block;width: 17%;margin: 1%;}
.wffw_box a img{width: 100%;}
.hzpp{border-top: 1px solid #2a55a4;}
.hzpp .hzpp_box{width: 100%;}
.hzpp .hzpp_box img{width: 28%;float:left;margin-left:4%;margin-top:10px;}
.hzhb ul li{float: left;width: 25%;margin: 4%;}
.hzhb ul li img{width: 28%;border: 1px solid #e0e0e0;}


/***************底部通用开始**************/
.foot{width: 100%;height: 60px;max-width: 640px; position: fixed;bottom: 0;background: #fff;padding-top: 10px;z-index: 100;box-shadow: 0 2px 5px #000;}
.foot .foot_box{width: 100%;height: auto;}
.foot .foot_box ul li{float: left;width: 25%;text-align: center;}
.foot .foot_box ul li a{display: block;text-align: center;color: #2a55a4;font-size: 1.1em;}
.foot .foot_box ul li a img{height: 25px; margin-bottom: 3px;}
/***************底部通用结束**************/
/***********返回顶部开始**************/
.fhdb{width: 100%;height: auto;cursor: pointer;}
.fhdb img{position: fixed;bottom: 100px;width: 8%;right: 3%;z-index: 100;}
.zxkf img{bottom: 200px;right: 0;}
/***********返回顶部结束**************/

/********************************关于我们********************************/
.about{width: 100%;height: auto;margin-top: 3px;background: #f7f7f7;padding-bottom: 10px;}
.tdjl2{margin-bottom: 0;}
.about .about_list ul li{float: left;width: 23%;margin: 1%;}
.about .about_list ul li a{display: block;text-align: center;background: #2a55a4;color: #fff;padding: 10% 3%;}
.about .about_main{background: #fff;padding: 2% 3%;color: #3c3c3c;}
.about .about_main .about_a{margin-bottom: 10px;}
.about .about_main .a_d1{width: 75%;font-size: 1.3em;height: 30px;line-height: 30px;border-bottom: 1px solid #d8d8d8;}
.about .about_main .a_d2{height: 25px;line-height: 25px;}
.about .about_main .a_d3 {margin-bottom: 10px;line-height: 17px;}
.about_fy{width: 100%;text-align: center;line-height: 30px;background: #fff;padding:3% 5%;}
.about_fy a{display: inline-block;border: 1px solid #000;width: 20%;font-size: 1.1em}
.about_fy .jy{border-color: #a3a3a3;color: #a3a3a3;}
.about_fy span{font-size: 1.1em;}
.about_fy span i{color: #2a55a4;}

/*********************************投递简历******************************************/
.tdjl{width: 100%;height: auto;padding: 3% 0;}
.tdjl .tdjl_d1{height: 30px;line-height: 30px;font-size: 1em;}
.tdjl .tdjl_d1 span{display: inline-block; width: 24%;text-align: right;}
.tdjl .tdjl_d1 select{width: 35%;border-radius: 3px;border: 1px solid #aaaaaa;}
.tdjl .tdjl_d1 input{width: 35%;border-radius: 3px;border: 1px solid #aaaaaa;}
.tdjl .tdjl_d1 i{color: #8b8b8b;margin-left: 3px;}
.tdjl .tdjl_d1 .xb{width: 15%;border-radius: 3px;border: 1px solid #aaaaaa;}
.tdjl .tdjl_d1 .xl{width: 29%;border-radius: 3px;border: 1px solid #aaaaaa;}
.tdjl .tdjl_d1 .phone{width: 40%;border-radius: 3px;border: 1px solid #aaaaaa;}
.tdjl .tdjl_d1 .xz{width: 18%;border-radius: 3px;border: 1px solid #aaaaaa;}
.tdjl .tdjl_d1 .dz{width: 50%;border-radius: 3px;border: 1px solid #aaaaaa;}
.tdjl .tdjl_d2{height: 60px;}
.tdjl .tdjl_d2 textarea{width: 50%;height:60px; vertical-align: top;border-radius: 3px;border: 1px solid #aaaaaa;}
/******************************在线投递***********************/
.zxtd_list ul li{border-bottom: 1px solid #e4e4e4;}
.zxtd{padding: 2% 3%;background: #fff;}
.zxtd .zxtd_d1{font-size: 1.2em;font-weight: bold;color: #000;height: 25px;line-height: 25px;}
.zxtd .zxtd_d2{color: #4b4b4b;font-size: 1.1em;height: auto;line-height: 20px;}
.zxtd .zxtd_d2 span{display: inline-block;width: 15%;}
.zxtd .zxtd_d3{color: #4b4b4b;font-size: 1.1em;line-height: 20px;}
.zxtd .zxtd_d3 span{display: inline-block;width: 15%;}
.zxtd .zxtd_d3 i{width: 85%;}
.zxtd .zxtd_d4 a{display: inline-block;color: #fff;padding: 3% 5%;background: #2a55a4;font-size: 1.2em;margin: 5px 0;}

/******************************家装案例***********************/
.jzal{padding-top: 10px;}
.jzal .jzal_hd{margin-bottom: 0;}
.jzal .jzal_list{background: #fff;position: relative;padding-bottom: 10px;}
.jzal .jzal_list>ul>li{width: 25%;float: left;}
.jzal .jzal_list>ul>li>a{display: block;text-align: center;font-size: 1.2em;border: 1px solid #f7f7f7;height: 30px;line-height: 30px;border-right: 0;}
.jzal .jzal_list>ul>li>a>img{width: 10%;margin-left: 5px;}
.jzal .jzal_list>ul>li:first-child>a{border-left: none;}
.xiala2{padding: 2% 3%;position: absolute;width: 100%;left: 0;z-index: 99;background: #fff;}
.xiala2 ul{width: 100%;}
.xiala2 ul li{float: left;width: 21%;margin: 2%;}
.xiala2 ul li a{display: block;width: 100%; border: 1px solid #c1c1c1;text-align: center;padding: 10% 3%;border-radius: 5px;}
.jzal_box{padding:3%;}
.jzal_box ul li{float: left;width: 48%;margin: 1%;background: #f7f7f7;padding: 1%;}
.jzal_box ul li div{text-align: center;}
.jzal_box ul li div img{width: 100%;height:110px;}
.jzal_box ul li div a{color: #292929;font-size: 1.2em;height: 20px;line-height: 20px;font-weight: bold;}
.jzal_box ul li p{line-height: 20px;text-align: center;}

/******************************家装案例详情***********************/
.jzal_xq{padding:3%;background: #fff;margin-bottom: 10px;}
.jzal_xq .al_xq_d1{width: 100%;border-bottom: 1px solid #dfdfdf;font-size: 1.2em;color: #292929;font-weight: bold;height: 30px;line-height: 30px;}
.jzal_xq .al_xq_d2{color: #616161;font-size: 1em;padding: 2% 1%;border-bottom: 1px solid #dfdfdf;}
.jzal_xq .al_xq_d2 span{display: inline-block;width: 50%;line-height: 23px;}
.jzal_xq .al_xq_d2 div a{display: inline-block;padding: 1% 3%;background: #2e2e2e;color: #fff;margin-right: 3%;}
.jzal_xq .al_xq_d3{padding: 3% 1%;line-height: 17px;}
.jzal_xq_main{padding: 2% 3%;background: #fff;}
.jzal_xq_main ul li img{width: 100%;margin-bottom: 1%;}
.al_xq{background: #f7f7f7;padding-bottom: 10px;}

/******************************匠心工程***********************/
.about .jxgc ul li{float: left;background: #2a55a4;margin: 1%;}
.about .jxgc ul li a{color: #fff;display: block;padding: 8px 10px;}
.jxgc_box{background: #fff;}
/******************************联系我们***********************/
.dt2{padding: 2% 3%;background: #fff;padding-bottom: 10px;}
.dt2 p img{width: 100%;}
.dt2 .dt2_d2{margin: 8px 0;}
.dt2 .dt2_d2 p{color: #2a55a4;height:17px;line-height: 17px;}
.dt2 .dt2_d2 p:first-child{font-size: 1.2em;}
.dt2 .dt2_d2 p:last-child{font-size: 0.5em;}
.dt2 .dt2_d3{font-size: 1.2em;}
.dt2 .dt2_d3 div{height: 25px;line-height: 25px;}
.dt2 .dt2_d3 span{display: inline-block;width: 10%;text-align: center;}
.dt2 .dt2_d3 img{height:15px; margin-right: 10px;}

/******************************联系我们***********************/
.sjs{margin-top: 55px;}
.td{padding: 2% 3%;}
.td span{font-weight: bold;color: #2a55a4;}
.td i{display: inline-block;width: 4px;height: 4px;border-radius: 4px;background: #7c7c7c;vertical-align: 2px;margin: 0 3px;}
.td s{text-transform: uppercase;}
.td div{margin: 5px 0;line-height: 17px;}
.alzs2{margin-bottom: 0;}

/******************************设计团队（设计师详情）***********************/
.sjs_xq{padding: 2% 3%;background: #fff;margin-top: 10px;}
.sjs_lt{width: 23%;}
.sjs_lt img{width: 100%;margin-left: 3%;}
.sjs_rt{width: 70%;}
.sjs_rt .sjs_rt_d1{width: 85%;}
.sjs_rt .sjs_rt_d1 span{font-size: 1.1em;font-weight: bold;color: #292929;margin-right: 5px;}
.sjs_rt .sjs_rt_d1 i{margin-right: 5px;}
.sjs_rt .sjs_rt_d2{line-height: 15px; margin-top: 5px;width: 90%;border-bottom: 1px dashed #c1c1c1;padding-bottom: 5px;margin-bottom: 5px;}
.sjs_rt .sjs_rt_d3 span{color: #292929;display: inline-block;width:25%;float: left;}
.sjs_rt .sjs_rt_d3{line-height: 15px;}
.sjs_rt .sjs_rt_d3 i{width: 75%; float: left;}
.ckgd{width: 100%;text-align: center;background: #ffffff;margin-bottom: 10px;}
.ckgd a{color: #2a55a4;font-size: 1.1em;height: 35px;line-height: 35px;}
.syal{padding: 2% 3%;background: #fff;}
.syal .syan_hd{padding: 0% 3%; height: 25px;line-height: 25px;border-bottom: 1px solid #dfdfdf;}
.syal .syan_hd img{width: 5%;vertical-align: -2px;margin-right: 10px;}
.syal .syan_hd span{font-weight: bold;color: #292929;}
.jzal_box2{padding-bottom: 0;}

/******************************设计团队***********************/

.sjtd{padding: 2% 0; background: #fff;margin-top: 10px;}
.sjtd ul li{position: relative;padding: 2% 3%;border-bottom: 1px solid #f7f7f7;}
.sjtd .sjtd_lt{width: 25%;}
.sjtd .sjtd_lt img{width: 100%;}
.sjtd .sjtd_rt{width: 60%;margin-left: 3%;}
.sjtd .sjtd_rt .sjtd_d1 a{color: #292929;font-weight: bold;font-size: 1.2em;height: 25px;line-height: 25px;}
.sjtd .sjtd_rt .sjtd_d2 span{color: #862043;background: #fdd900;padding: 2px 10px;height: 20px;line-height: 20px;border-radius: 5px;}
.sjtd .sjtd_rt .sjtd_d3{line-height: 15px;}
/*.sjtd .sjtd_jt img{margin-top: 20px;}*/
.sjtd .sjtd_jt img{width: 5%; position: absolute;top: 0;bottom: 0;margin: auto;right: 15px;}

/******************************闻峰动态 生活方式（详情）********************/
.rbsh{margin-top: 55px;}
.alzs3{margin-bottom: 5px;}
.rbsh_box{padding: 2% 3%;background: #fff;}
.rbsh_box .rbsh_d1{text-align: center; font-size: 1.1em;height: 30px;line-height: 30px;font-weight: bold;color: #292929;}
.rbsh_box .rbsh_d2{text-align: center;color: #2a55a4;margin-bottom: 20px;line-height: 15px;}
.rbsh_box .rbsh_d3>div{width: 100%; margin-bottom: 15px;line-height: 17px;}
.rbsh_box .rbsh_d3>div>div{text-indent: 1.5em;line-height: 17px;}
.rbsh_box .rbsh_d3>div>p{line-height: 17px;}
.rbsh_box .rbsh_d3 .rbsh_img{text-align: center;}
.rbsh_box .rbsh_d3 .rbsh_img img{width: 80%;}

/******************************闻峰动态 生活方式（最新活动）********************/
.zxhd{padding: 2% 3%;background: #fff;}
.zxhd ul li{border-bottom: 1px dashed #b3b3b3;padding: 3% 0;}
.zxhd .zxhd_lt{width: 25%;}
.zxhd .zxhd_lt img{width: 100%;}
.zxhd .zxhd_rt{width: 70%;}
.zxhd .zxhd_rt .zxhd_rt_d1 a{color: #3b3b3b;font-size: 1.2em;}
.zxhd .zxhd_rt .zxhd_rt_d2{line-height: 20px;}
.zxhd .zxhd_rt .zxhd_rt_d2 span{color: #a3a3a3;}
.zxhd .zxhd_rt .zxhd_rt_d2 i{color:#2a55a4;margin-left: 10px;}
.zxhd .zxhd_rt .zxhd_rt_d3{overflow-y:hidden;height: 25px;}

/******************************闻峰服务（常见问题）********************/
.wt_xq textarea{width: 80%;height: 70px;border-radius: 5px;padding: 2%;}
.yzm{margin-top: 10px;}
.yzm input{width: 30%;height: 25px;margin-right: 5%;}
.yzm img{width: 25%;vertical-align: -7px;margin-right: 5%;}
.yzm a{display: inline-block;color: #fff;background: #2a55a4;padding: 5px 10px;border-radius: 5px;}
.wt_main div{margin-bottom: 5px;color: #393939;}
.wt_main ul li{border-bottom: 1px solid #e8e8e8;padding: 2% 0;}
.wt_main div s{display: inline-block;width: 5%;float: left}
.wt_main div i{display: inline-block;width: 93%;float: right;}
.wt_main .wt_m1{font-weight: bold;color: #292929;font-size: 1.1em;height: 20px;line-height: 20px;}
.wt_main .wt_m2{line-height: 17px;}
.wt_main .wt_m3{line-height: 17px;}
.wt_main .wt_m4{line-height: 17px;}

/******************************闻峰服务（常见问题）********************/
.sjfw_main{background: #f7f7f7;padding:0 8%;}
.sjfw_d1{background: #f7f7f7;padding-bottom: 2%;}
.sjfw_hd div:nth-child(1){font-size: 2em;color: #dedede;font-weight: bold;height: 30px;line-height: 30px;}
.sjfw_hd div:nth-child(2){font-size: 1.3em;color: #dedede;font-weight: bold;height: 20px;line-height: 20px;margin-bottom: 5px;}
.sjfw_d1 .sjfw_bt{font-size: 1.2em;font-weight: bold;color:#292929;line-height: 17px;}
.sjfw_d1 .sjfw_xq{line-height: 17px;}
.sjfw_d1 div img{width: 70%;margin: 1% 0;}
.sjfw_d2{background: #fff;padding:2% 8%;}
.sjfw_d3{background: #fff;padding:2% 8%;}
.sjfw_d3 div img{width: 46%;margin: 2%;}

/******************************闻峰服务（产品配置）********************/
.pppz{margin-top: 55px;}
.pppz .pppz_list img{width: 20%; height:14px;vertical-align: -2px;margin-right: 2px;}
.zf_banner img{width: 100%;}
.hqpz{padding: 2% 3%;}
.hqpz div{text-align: center;}
.hqpz div:nth-child(1){font-size: 1.5em;font-weight: bold;color: #2a55a4;line-height: 30px;}
.hqpz div:nth-child(2){width: 95%;margin: 0 auto;color: #212121;line-height: 17px;}
.hqpz div img{width: 60%;margin: 5px auto;}
.ck{padding: 2% 3%;background: #fff;}
.ck .ck_hd{color: #2a55a4;font-size: 1.2em;text-align: center;}
.ck ul{margin: 8px 0;}
.ck ul li {width: 48%;text-align: center;float: left;margin: 1%;background: #f7f7f7;}
.ck ul li img{width: 100%;}
.ck ul li p{text-align: center;width: 85%;margin: 0 auto;line-height: 17px;padding: 1% 0;}

/******************************闻峰服务（成为会员）********************/
.hy{padding: 2% 3%;}
.hy .hy_hd{border-bottom: 1px dashed #e5e5e5;padding-bottom: 2%;}
.hy .hy_hd span{ color: #2a55a4;font-size: 1.2em;font-weight: bold;}
.hy .hy_hd i{display: inline-block; width: 3px;height: 3px;border-radius: 3px;background:#7c7c7c;margin: 0 5px;vertical-align: 3px;}
.hy .hy_hd s{text-transform: uppercase;}
.hy_list .hy_list_d1{height: 25px;line-height: 25px;position: relative;z-index: 10;}
.hy_list .hy_list_d1 img{width: 5%;margin-right: 10px;vertical-align: -1px;}
.hy_list .hy_list_d1 span{font-weight: bold;color: #666666;font-size: 1.2em;}
.hy_list .hy_list_d1 span i{margin-left: 10px;}
.hy_list .hy_list_lt{width: 20%;}
.hy_list .hy_list_lt span {display: inline-block; width: 5px;height: 5px;border-radius: 5px;background: #dddddd;margin-left: 3px;}
.hy_list .hy_list_lt i{display: inline-block; width: 80%;height: 1px;background: #dddddd;vertical-align: 2px;}
.hy_list .hy_list_rt{width: 79%;line-height: 17px;}
.hy_list .hy_list_rt p{margin-bottom: 5px;}
.hy_list .hy_list_rt span{float: left; display: inline-block;width: 17px;height: 17px;border-radius: 17px;background: #aaaaaa;text-align: center;line-height: 17px;color: #fff;margin-right: 3px;}
.hy_list .hy_list_rt i{float: right;width: 91%;}
.hy_list ul{position: relative;height: 100%;padding: 3% 0;}
.hy_list ul:before{content: " "; width: 1px;height: 97%;display: block;position: absolute;left: 5px;background: #dddddd;top: 22px;}

/******************************闻峰服务（交付使用）********************/
.yf{padding: 2% 3%;}
.yf .yf_d1{text-align: center;color: #2a55a4;font-size: 1.2em;font-weight: bold;height: 25px;line-height: 25px;}
.yf .yf_d2 p{text-align: center;line-height: 15px;}
.yf .yf_d3 ul{margin-top: 15px;}
.yf .yf_d3 ul li{float: left;text-align: center;}
.yf .yf_d3 ul .li_center{width: 50%;}
.yf .yf_d3 ul li div{color: #000000;margin-bottom: 5px;}
.yf .yf_d3 ul li div span{font-size: 1.2em;font-weight: bold;}
.why{padding: 2% 3%;background: #fff;}
.why .why_hd{text-align: center;font-size: 1.3em;color: #2a55a4;height: 40px;line-height: 40px;}
.why .why_list ul li{float: left;text-align: center;margin: 2%;}
.why .why_list ul li:nth-child(2){width: 60%;}
.why .why_list ul li div{color: #2a55a4;font-weight: bold;margin-bottom: 5px;}
.why .why_list ul li div img{height: 30px;}
.lc{padding: 2% 3%;}
.lc ul{margin-top: 10px;}
.lc ul li{float: left;width: 25%;text-align: center;}
.lc ul li div img{height: 25px;margin-bottom: 8px;}
.lc ul li div{color: #242424;}

/******************************置房模式（设计规划）********************/
.ck_hd1{font-weight: bold;height: 25px;line-height: 25px;}
.pk{padding: 2% 3%;}
.pk img{width: 100%;}
.ck1{background: #f7f7f7;}
.ck1 ul li{background: #fff;}

/******************************置房模式（闻峰验房）********************/
.yfzj{padding: 4%;}
.yfzj .zj_lt{width: 55%;}
.yfzj .zj_lt p{font-size: 1.2em;font-weight: bold;color: #2a55a4;border-left: 2px solid #2a55a4;padding-left: 2%;}
.yfzj .zj_lt div{color: #262626;padding-left: 3%;margin-top: 5px;line-height: 15px;}
.yfzj .zj_rt{width: 43%;}
.yfzj .zj_rt img{width: 100%;}
.ysf{background: #f7f7f7;padding: 2% 3%;}
.ysf .ysf_hd{text-align: center;font-size: 1.3em;color: #2a55a4;height: 30px;line-height: 30px;}
.ysf .ysf_d1{text-align: center;line-height: 15px;margin: 8px 0;}
.ysf .ysf_d2 ul li{float: left;width: 31%;margin: 1%;background: #fff;padding-bottom: 4%;}
.ysf .ysf_d2 ul li .zy_img{position: relative;}
.ysf .ysf_d2 ul li .zy_img img{width: 100%;}
.ysf .ysf_d2 ul li .zy_img span{display: inline-block;width: 35px;height: 35px;text-align: center;background: #2a55a4;color: #fff;border-radius: 35px;padding-top: 3px;text-align: center;position: absolute;bottom: -15px;left: 0;right: 0;margin: auto;}
.ysf .ysf_d2 ul li .zsf_xq{text-align: center;margin-top: 20px;padding: 0 1%;height: 32px;line-height: 16px;}

/******************************置房模式（置房流程）********************/
.zflc{background: url("../images/pppz.jpg") no-repeat;width: 100%;height: 160px;background-size: 100%;position: relative;}
.zflc .zflc_box{background: url("../images/tmbg.png") repeat;width: 100%;height: 30px;line-height: 30px; color: #fff;text-align: center;position: absolute;bottom: 0;}
.zflc2{background: url("../images/zflc_bg1.jpg") no-repeat;width: 100%;height: 187px;background-size: 100%;}
.zflc2 .d1{color: #2a55a4;font-weight: bold;font-size: 1.3em;text-align: center;height: 40px;line-height: 40px;}
.zflc2 .d2{padding: 0 2%; color: #2a55a4;font-size: 1.2em;text-align: center;line-height: 15px;}
.ss{padding: 2% 3%;background: #fff;}
.ss .ss_hd{font-size: 1.3em;font-weight: bold;text-align: center;color: #2a55a4;height: 30px;line-height: 30px;}
.ss ul li{float: left;width: 23%;margin: 1%;border: 1px solid #2a55a4;}
.ss ul li div{text-align: center;}
.ss ul li div img{height: 43px; margin: 13%;margin-bottom: 0;}
.ss ul li p{text-align: center;color: #2a55a4;font-size: 1.1em;height: 30px;line-height: 30px;}



.sjs_rt .sjs_rt_d3 .jj{height: 31px;line-height: 15px;overflow: hidden;}
.sjs_rt .sjs_rt_d3 .ov{overflow: inherit;height: auto;line-height: inherit;}





@media screen and (min-width: 320px) and (max-width: 413px) {
    .shfs_box{margin-top: 10px;width: 100%;height: auto;padding-left: 1%;}
    .shfs_box .shfs{display: inline-block; background: url("../images/shfs.jpg") no-repeat;width: 54%;height:114px;background-size: 100%;margin-right: 2px;}
    .shfs_box .shfs .shfs_d1{background: url("../images/bg_1.png") repeat;width: 100%;height: 50px;margin-top: 35px;padding-top: 10px;}
    .shfs_box .shfs1{display: inline-block;width: 45%;height:96px;background-size: 92%;margin-bottom: 2px;}
    .shfs_box .shfs2{display: inline-block; width: 45%;height:74px;background-size: 92%;}
    .sjs_rt .sjs_rt_d1{width: 100%;}

}
@media screen and (min-width:414px) {
    .alzs .alzs_box ul li a{display: block;width: 100%;height: 162px;background-size: 100%;}
    .wfdt .wfdt_box .tabs1 .qyzx .qyzx_main div{/*margin-bottom: 5%*/;margin-top: 5%;}
    .wfdt .wfdt_box .tabs1 .qyzx>li>a{display: inline-block; width: 33%;}
    .wfdt .wfdt_box .tabs1 .qyzx .qyzx_main{width: 65%;}
    .cbl .cbl_box{width: 50%;}
    .tdjl .tdjl_d1{font-size: 1.2em;}
    .sjtd .sjtd_rt .sjtd_d2 span{color: #862043;background: #fdd900;padding: 2px 10px;height: 30px;line-height: 30px;border-radius: 5px;}
    .sjtd .sjtd_rt .sjtd_d3{margin-top: 5px;}
    .zxhd .zxhd_rt .zxhd_rt_d2{line-height: 30px;}
    .pppz .pppz_list img{width: 20%; height:17px;vertical-align: -2px;margin-right: 4px;}
    .yf .yf_d3 ul .li_center{width: 60%;}
    .why .why_list ul li:nth-child(2){width: 66%;}
    .yfzj .zj_lt{width: 48%;}
    .zflc{height: 207px;}

}
.fanye{text-align: center;margin-top: 10px;padding-bottom: 20px;}
.fanye a{padding:3px 5px;border: 1px solid #c0c0c0;color: #1a1a1a;font-size: 14px;background: #fbfbfb;transition: 0.2s;margin:2px;margin-left: 10px;float:left;}
.fanye a:hover{padding:3px 5px;border: 1px solid #2a55a4;margin-left: 10px;color: #fff;font-size: 14px;background: #2a55a4;transition: 0.2s;}
.stylecc{
    position: relative;
    bottom: 20px;
    z-index: 300;
    width: 100%;
    height: 20px;
    float: left;
    line-height: 20px;
}
.styledd{
    position: relative;
    bottom: 20px;
    z-index: 300;
    width: 100%;
    height: 20px;
    float: left;
    line-height: 20px;
}



/*列表分页*/
.page_info{text-align:center;margin:10px 0;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin:20px 0 10px;}
.page_list a{display:inline-block;color:#2a55a4;border:1px solid #f5f5f5;background:#f8f8f8;text-align:center;padding:1px 11px;margin:0 1px;border-radius: 3px;}
.page_list a.on{color:#fff;border:1px solid #2a55a4;background:#2a55a4;}
.wfdt .wfdt_box .tabs_list li {
    width: 18% !important;
}

.hide {
    display: none;
}

.color {
    color: #E31939;
}

.conttxt .containers {
    min-width: 100%;
    padding-top: 20px;
    margin: 0 auto;
}

.conttxt .containers .titles {
    padding-bottom: 30px;
    margin: 0 auto;
    font-size: 26px;
    font-weight: 300;
    color: #333;
    text-align: center;
    box-sizing: content-box;
}
.desc span{
    line-height: 2;
}
.conttxt .containers .desc {
    position: relative;
    padding: 20px 30px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 2;
    background: #ebf2ff;
}

.conttxt .containers .desc:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 25px;
    border-top: 2px solid #d8171f;
    border-left: 2px solid #d8171f;
    border-radius: 6px 0 0 0;
}

.conttxt .containers .desc:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 25px;
    border-right: 2px solid #d8171f;
    border-bottom: 2px solid #d8171f;
    border-radius: 0 0 6px 0;
}

.conttxt .containers .content {
    padding: 20px 0 0 0px;
}

.product-tab {
    position: relative;
    z-index: 1;
    padding-top: 20px;
    margin: 0 auto;
    text-align: center;
}

.product-tab:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.product-tab .line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 25%;
    height: 2px;
    padding: 0;
    font-size: 0;
    overflow: hidden;
    background: #d8171f;
}

.product-tab li {
    float: left;
    width: 25%;
    padding-bottom: 25px;
    font-size: 14px;
    line-height: 2;
    text-align: center;
    cursor: pointer;
    box-sizing: content-box;
}

.product-tab li img {
    display: inline-block;
    width: 20px;
    /*margin-right: 25px;*/
    vertical-align: middle;
}

.product-list {
    background: #f5f5f6
}

.product-list .product-item {
    padding: 30px;
    margin: 0 auto;
    overflow: hidden;
}
.product-item img{
    max-width: 100%;
}















































