/*************************通用样式**************************/
*{margin: 0 ;padding: 0;box-sizing: border-box;}
body,html{
    font-family : 微软雅黑;
    color:#666;
    font-size: 14px;
    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%;height: 70px; 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: 20px; width: 35px;height: 35px;margin-left: 3%;}
.header .header_box .h_img2 img{margin: auto; display: block;width: 60%;height: auto;padding-top: 15px;}
.header .header_box .h_img3 img{position:absolute;right: 0;top: 20px;width: 40px;height: 40px;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: 100%;}
.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: #1070ad;font-size: 1.3em;}
/***********侧边栏结束***********/
/*******banner**********/
.banner{width: 100%;margin-top: 71px;}
.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: #1070ad;}
/*******************头部通用结束********************/
.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: #000;font-weight: bold; border-right: 1px solid #dfdfdf;padding-right: 3px;margin-right: 3px;}
.ppsl .ppsl_hd span{color: #1070ad;}
.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: 33.3%;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% 2%;/*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: #1070ad;}
.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{font-size:15px;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: #1070ad;}
.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 #1070ad;}
.wfdt .wfdt_box{width: 100%;}
.wfdt .wfdt_box .tabs_list{width: 100%;}
.wfdt .wfdt_box .tabs_list li{float: left; width: 25%;margin: 1%;}
.wfdt .wfdt_box .tabs_list li a{display: block;text-align: center;color: #1070ad;border: 1px solid #1070ad;padding: 10% 5%;}
.wfdt .wfdt_box .tabs_list li .tabs_on{background: #1070ad;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: 65%;}
.wfdt .wfdt_box .tabs1 .qyzx .qyzx_main div{margin-bottom: 5px;line-height: 1.5;}
.wfdt .wfdt_box .tabs1 .qyzx .qyzx_main div a{color: #2e2e2e;font-size: 1.3em;}
.wfdt .wfdt_box .tabs1 .qyzx .qyzx_main{color: #949494;font-size: 0.9em;}
.wffw{border-top: 1px solid #1070ad;}
.wffw_box a{display: inline-block;width: 17%;margin: 1%;}
.wffw_box a img{width: 100%;}
.hzpp{border-top: 1px solid #1070ad;}
.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: 65px;max-width: 640px; position: fixed;bottom: 0;background: #fff;padding-top: 5px;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: #1070ad;font-size: 1.1em;}
.foot .foot_box ul li a img{height: 35px; 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: #1070ad;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: #1070ad;}

/*********************************投递简历******************************************/
.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: #1070ad;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: #1070ad;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: #1070ad;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: #1070ad;}
.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: #1070ad;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.3em;line-height: 30px;font-weight: bold;color: #292929;}
.rbsh_box .rbsh_d2{text-align: center;color: #1070ad;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:#1070ad;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: #1070ad;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: #1070ad;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: #1070ad;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: #1070ad;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: #1070ad;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: #1070ad;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: #1070ad;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: #1070ad;border-left: 2px solid #1070ad;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: #1070ad;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: #1070ad;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: #1070ad;font-weight: bold;font-size: 1.3em;text-align: center;height: 40px;line-height: 40px;}
.zflc2 .d2{padding: 0 2%; color: #1070ad;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: #1070ad;height: 30px;line-height: 30px;}
.ss ul li{float: left;width: 23%;margin: 1%;border: 1px solid #1070ad;}
.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: #1070ad;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 #1070ad;margin-left: 10px;color: #fff;font-size: 14px;background: #1070ad;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;
}

/*董事长简介*/
.dszjj{
    padding: 0 15px;
}
.dszjj img{
    width: 40%;
}
.index-about-dsz{
    width: 54%;
    float: right;
}
.index-about-dsz h3 {
    color: #1070ad;
    font-size: 14px;
    margin-top: 5px;
}
.about-dsz {
    margin-top: 15px;
}
.about-dsz span {
    font-size: 14px;
}
.about-dsz-js {
    margin-top: 5px;
}
.about-dsz-js p{
    font-size: 13px !important;
}

/*发展历程*/
.home-history {
    padding:30px 0;
    background: url(../images/lichengbg.jpg) no-repeat center/cover;
    color:red;
    overflow: hidden;
}
.home-history-container{
    /*height: 480px;*/
    overflow: hidden;
    padding: 5px 20px;
}
.home-history .about-culture-title{
    margin: 20px 0 50px;
}
.time-list .swiper-slide-time{
    height: 40px !important;
    padding: 5px 0;
}
.time-list li{
    border-left: 2px solid #fff;
    height: 130px !important;
}
.time-list span{
    margin-left: 15px;
    color: #fff;
}
.home-history-timeaxis{
    height: 300px !important;
    overflow:unset !important;
}
.home-history .home-history-timeaxis ul li.swiper-slide:before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 100px;
    background: #FFFFFF;
    position: absolute;
    top: -2px;
    margin-left: -8px;
}

.home-history .home-history-timeaxis ul li.swiper-slide-time:before {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 100px;
    background: none;
    position: absolute;
    top: 0;
    margin-left: -12px;
}
.home-history .home-history-timeaxis ul.swiper-wrapper:before {
    position: relative;
    display: block;
    content: "";
    background: #FFFFFF;
    height: 10000px;
    width: 2px;
    position: absolute;
    top: -500px;
    left: 0;
}
.home-history .home-history-timeaxis ul li div{
    border: 1px solid #fff;
    position: absolute;
    left: 25%;
    top: 0;
    width: 75%;
    border-radius: 0px 10px 10px 10px;
}
.home-history .home-history-timeaxis ul li p{
    padding: 10px;
    color: #fff;
    line-height: 20px;
}
.swiper-slide{
    overflow:unset !important;
}
@keyframes warn {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }
    25% {
        transform: scale(0);
        opacity: 0.3;
    }
    50% {
        transform: scale(0.1);
        opacity: 0.5;
    }
    75% {
        transform: scale(0.5);
        opacity: 0.8;
    }
    100% {
        transform: scale(1);
        opacity: 0.0;
    }
}
@-webkit-keyframes "warn" {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

.containers {
    position: relative;
    left: -20px;
}
/* 保持大小不变的小圆圈  */
.dot {
    position: absolute;
    width: 14px;
    height: 14px;
    left: 14px;
    top: 3px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border: 2px solid red;
    border-radius: 20px;
    z-index: 2;
    background: #ed1b23;
}
/* 产生动画（向外扩散变大）的圆圈  */
.pulse {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0px;
    top: -11px;
    border: 6px solid #ed1b23;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    z-index: 1;
    opacity: 0;
    -webkit-animation: warn 1s ease-out;
    -moz-animation: warn 1s ease-out;
    animation: warn 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


/*公司文化*/
.mcultures-row{
    width: 50%;
    float: left;
    padding: 15px;
    height: 165px
}
.mcultures-row img{
    display: block;
    margin:0 auto;
    width: 50%;
}

.mcultures-row span{
    text-align: center;
    display: block;
    font-size: 15px;
    line-height: 24px;
}
.mcultures-row p{
    text-align: center;
    font-size: 14px;
    line-height: 20px;
}



/*选择我们*/
.mculture-row{
    width: 100%;
    float: left;
    padding: 15px;
}
.mculture-row img{
    display: block;
    margin:0 auto;
    width: 25%;
}
.mculture-row span{
    text-align: center;
    display: block;
    font-size: 15px;
    line-height: 24px;
}
.mculture-row p{
    text-align: center;
    font-size: 14px;
    line-height: 20px;
}


/*footer*/
footer {
    background: #888;
    padding-top: 25px;
    margin-top: 30px;
}
.commonweb {
    max-width: 100% !important;
    margin: 0 auto;
    padding: 3%;
}
.companyinfo {
    color: #fff;
}
.companyinfo p{
    line-height: 2;
    font-size: 1em;
}
.companyinfo a {
    color: #fff;
}
.footlogo {
    padding-bottom: 8px;
}
.footlogo img{
  width: 75%;
}
#share {
    padding-top: 15px;
}
#share span {
    float: left;
    line-height: 33px;
}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
    float: left;
    font-size: 12px;
    padding-left: 17px;
    line-height: 16px;
    height: 16px;
    background-image: url(../images/icons_0_16.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 6px 6px 6px 0;
}
.bdshare-button-style0-16 .bds_sqq {
    background-position: 0 -2652px;
}
#share a {
    padding: 0;
    margin: 0 8px 0 0;
    width: 33px;
    height: 33px;
    background-size: 33px 33px;
    display: inline-table;
}
#share a.bds_sqq {
    background: url(../images/pic25.png) no-repeat;
}
#share a.bds_tsina {
    background: url(../images/pic26.png) no-repeat;
}
#share a.bds_weixin {
    background: url(../images/pic27.png) no-repeat;
}
.bdshare-button-style0-16:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.footcode {
    padding-top: 15px;
}
.footcode span {
    float: left;
    padding-right: 10px;
}
.footcode span:first-child {
    padding-left: 0;
}
.footcode span em {
    color: #fff;
    display: block;
    margin-bottom: 10px;
        font-style: unset;
}
.footcode span img {
    display: block;
    width: 134px;
    height: 134px;
}
.footcode span:last-child {
    padding-right: 0;
}
.footlinks {
    color: #fff;
    font-size: 13px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 22px;
}
.footlinks span {
    padding-right: 2px;
}
.footlinks a {
    color: #d9d9d9;
    padding-right: 9px;
}
.copyright {
    background: #333;
    padding:10px 0;
}
.footmapnav {
    color: #fff;
    padding-bottom: 5px;
}
.footmapnav a {
    padding: 0 6px;
    color: #fff;
    font-size: 13px;
}
.footmapnav a:first-child {
    padding-left: 0;
}
.copyrightdes {
    color: #999;
    font-size: 12px;
    line-height: 17px;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/*footer end*/