@charset "utf-8";
html,body{
    width: 100%;
    height: 100%;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    font-family:"PingFangSC-Regular","Microsoft YaHei";
}

body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6,form,input,textarea,blockquote,th,td{ margin:0; padding:0;}
ul,ol,li{list-style-type:none; border:0px none;}


article, aside, footer, header, nav, section, img, a{
    display: block;
}
input, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    outline: none;
    display: block;
    resize: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a{ color: inherit; text-decoration:none;}
a:hover{color:inherit;text-decoration:none;}

.clearfix:before, .clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

.clearfix {
    zoom:1;
}


/*公共部分*/
.jz_title span{
    font-size:calc(36rem/30);
    color: #17310e;
    display: block;
    font-weight: bold;
    text-align: center;
}

.jz_title span:after{
    content: "";
    display: block;
    width:calc(140rem/30);
    height:calc(20rem/30);
    margin:calc(10rem/30) auto 0 auto;
    background:url(../images/jz_title_bg01.png)no-repeat center;
    -webkit-background-size: calc(140rem/30) calc(20rem/30);
    background-size: calc(140rem/30) calc(20rem/30);
}

.jz_title p{
    font-size:calc(18rem/30);
    color: #17310e;
    text-align: center;
    margin-top:calc(7rem/30);
}

.jz_jb_bg{
    background-image: linear-gradient(to right,#4c8e5b,#2e6e3d);
}

.jz_jb_text{
    background-image: linear-gradient(to right,#4c8e5b,#2e6e3d);
    -webkit-background-clip: text;
    color: transparent;
}

/*顶部导航*/
.jz_nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height:calc(100rem/30);
    background:url(../images/jz_head_bg.png)repeat-x bottom 1px center;
    -webkit-background-size: calc(27rem/30) calc(6rem/30);
    background-size: calc(27rem/30) calc(6rem/30);
}

.jz_nav .jz_logo{
    padding-left: calc(45rem/30);
    box-sizing: border-box;
}

.jz_nav .jz_logo img{
    display: block;
    height: calc(60rem/30);
}

.jz_nav .jz_nav_start{
    width: calc(114rem/30);
    height: calc(100rem/30);
    background:url(../images/jz_nav_btn.png)no-repeat center;
    -webkit-background-size: calc(34rem/30) calc(22rem/30);
    background-size: calc(34rem/30) calc(22rem/30);
}

.jz_nav .jz_nav_start.nav_zk{
    background:url(../images/jz_nav_btn_r.png)no-repeat center #ffffff;
    -webkit-background-size: calc(34rem/30) calc(22rem/30);
    background-size: calc(34rem/30) calc(22rem/30);
    position: relative;
    z-index:17;
}


/*展示导航*/
.jz_cNav{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    z-index: 16;
}

.jz_cNav_bj{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,.5);
    z-index: 16;
}

.jz_cNav_main{
    background: #ffffff;
    width:calc(326rem/30);
    position: absolute;
    top:0;
    height:100%;
    right:calc(-326rem/30);
    box-sizing: border-box;
    padding-top:calc(40rem/30);
    overflow:auto;
    z-index: 16;
}

.jz_cNav_main dl{
    padding-bottom:calc(60rem/30);
    border-bottom:2px solid #ececec;
}

.jz_cNav_main dd{
    margin: 0 auto calc(40rem/30) auto;
    width:calc(246rem/30);
    height:calc(68rem/30);
    line-height:calc(68rem/30 - 4px);
    border-radius:calc(34rem/30);
    text-align: center;
    border:2px solid rgba(50,115,65,.1);
}

.jz_cNav_main dd:last-child{
    margin-bottom: 0;
}

.jz_cNav_main .choose_dd{
    border: 0;
    line-height:calc(68rem/30);
    background-image: linear-gradient(to right,#4c8e5b,#2e6e3d);
    color: #ffffff;
}

.jz_cNav_tel{
    margin-top: calc(50rem/30);
}

.jz_cNav_tel span{
    display: block;
    text-align: center;
    margin-bottom:calc(15rem/30);
}

.jz_cNav_tel span em{
    display: inline-block;
    font-size: calc(24rem/30);
    color: #347543;
    height: calc(27rem/30);
    line-height:calc(27rem/30);
    padding-left: calc(40rem/30);
    font-style:normal;
    background:url(../images/jz_tel_icon.png)no-repeat left center;
    -webkit-background-size:calc(34rem/30) calc(27rem/30);
    background-size:calc(34rem/30) calc(27rem/30);
}

.jz_cNav_tel p{
    text-align: center;
    font-size: calc(44rem/30);
    color: #347543;
}

/*底部*/
.jz_footer{
    width: 100%;
    height:calc(160rem/30);
    background: #222622;
    display: flex;
    justify-content: center;
    align-items: center;
}

.jz_footer span{
    text-align: center;
    display: block;
    font-size:calc(16rem/30);
    color: #7a7d7a;
    line-height: calc(30rem/30);
}

/*底部悬浮*/
.jz_footer_xf{
    width: 100%;
    height: calc(90rem/30);
}

.jz_footer_xf dl{
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    height: calc(90rem/30);
    width: 100%;
    z-index: 11;
}

.jz_footer_xf dd{
    width: 50%;
    height: calc(90rem/30);
    line-height: calc(90rem/30);
    background:url(../images/jz_tel_icon.png)no-repeat left calc(92rem/30) center #ffffff;
    -webkit-background-size: calc(34rem/30) calc(27rem/30);
    background-size: calc(34rem/30) calc(27rem/30);
    text-indent:calc(142rem/30);
    font-size: calc(30rem/30);
    color: #478856;
}

.jz_footer_xf dd+dd{
    height: calc(90rem/30);
    line-height: calc(90rem/30);
    text-align: center;
    text-indent:0;
    font-size: calc(30rem/30);
    background:#478856;
    color: #ffffff;
}

/*热装小区*/
.jz_rzxq{
    padding:calc(75rem/30) 0 calc(80rem/30) 0;
}

.jz_rzxq .jz_title{
    margin-bottom:calc(50rem/30);
}

.jz_rzxq .rzxq_main{
    width: calc(710rem/30);
    margin: 0 auto;
    overflow: hidden;
}

.jz_rzxq dl{
    display: flex;
    flex-wrap: wrap;
}

.jz_rzxq dd{
    width:calc(244rem/30);
    height:calc(113rem/30);
    border-right:1px solid #f7f7f7;
    border-bottom:1px solid #f7f7f7;
    box-sizing: border-box;
}

.jz_rzxq dd:nth-child(1),
.jz_rzxq dd:nth-child(4n){
    width: calc(233rem/30);
}

.jz_rzxq dd:nth-child(1) img,
.jz_rzxq dd:nth-child(6n) img{
    margin:0;
}

.jz_rzxq dd img{
    display: block;
    margin: 0 auto;
    width:calc(220rem/30);
    height:calc(100rem/30);
}

.jz_rzxq dd:nth-child(3n){
    width: calc(233rem/30);
    border-right: 0;
}

.jz_rzxq dd:nth-child(3n) img{
    margin-left:calc(13rem/30);
}

.jz_rzxq dd:nth-child(n+4){
    padding-top:calc(16rem/30);
    border-bottom:0;
}

/*表单*/
.jz_form{
    width: 100%;
    height: calc(640rem/30);
    background:url(../images/jz_form_bg.jpg)no-repeat center;
    -webkit-background-size:100% calc(640rem/30);
    background-size:100% calc(640rem/30);
    padding-top: calc(40rem/30);
    box-sizing: border-box;
}

.jz_form h4{
    text-align: center;
    width:calc(215rem/30);
    height:calc(35rem/30);
    line-height:calc(35rem/30);
    font-weight: normal;
    margin:0 auto calc(10rem/30) auto;
    background:url(../images/jz_form_title_bg.png)no-repeat center;
    -webkit-background-size: calc(215rem/30) calc(35rem/30);
    background-size: calc(215rem/30) calc(35rem/30);
    color: #ffffff;
    font-size:calc(18rem/30);
}

.jz_form h4 i{
    display: inline-block;
    background: #ffffff;
    width:calc(6rem/30);
    height:calc(6rem/30);
    border-radius:calc(3rem/30);
    vertical-align: middle;
    margin: 0 calc(10rem/30);
}

.jz_form span{
    font-size:calc(30rem/30);
    color: #ffffff;
    display: block;
    text-align: center;
    margin-bottom:calc(10rem/30);
}

.jz_form p{
    text-align: center;
    font-size:calc(18rem/30);
    color: #ffffff;
    margin-bottom:calc(20rem/30);
}

.jz_form p em{
    font-style: normal;
    display: inline-block;
    height:calc(20rem/30);
    line-height:calc(20rem/30);
    vertical-align: inherit;
    padding:0 calc(8rem/30);
    color: #2d6d3c;
    font-size:calc(16rem/30);
    font-weight: bold;
    background: #e3e0de;
    border-radius:calc(10rem/30);
    margin: 0 calc(4rem/30);
}

.jz_form form{
    background-image: linear-gradient(to right,#4c8d5b,#2e6e3d);
    width:calc(620rem/30);
    height:calc(374rem/30);
    margin: 0 auto;
    border-radius:0 calc(58rem/30) 0 calc(58rem/30);
    box-sizing: border-box;
    padding-top:calc(37rem/30);
    text-align: center;

}

.jz_form form dd{
    margin-bottom:calc(20rem/30);
}

.jz_form form input{
    display: inline-block;
    width:calc(498rem/30);
    height:calc(80rem/30);
    line-height:calc(80rem/30);
    font-size:calc(26rem/30);
    color: #666666;
    text-align: center;
    border-radius:calc(40rem/30);
    box-shadow: inset 0 0 5px rgba(0,0,0,.7);
}

.jz_form form input[type="submit"]{
    width:calc(218rem/30);
    background: #f8d650;
    font-size:calc(30rem/30);
    color: #000;
    box-shadow: 2px 2px 5px rgba(0,0,0,.2);
}

/*分页导航*/
.jz_page_nav{
    font-size: 0;
    width:calc(670rem/30);
    margin:calc(45rem/30) auto calc(40rem/30) auto;
    padding-bottom:calc(17rem/30);
    border-bottom: 1px solid #c1c4c1;
}

.jz_page_nav span{
    display: inline-block;
    color: #17310e;
    font-size:calc(14rem/30);
    vertical-align: top;
    height:calc(20rem/30);
    line-height:calc(20rem/30);
}

.jz_page_nav:before{
    display: inline-block;
    content: "";
    background: #2d6d3c;
    width:calc(3rem/30);
    height:calc(14rem/30);
    vertical-align:top;
    margin-top:calc(3rem/30);
    margin-right:calc(6rem/30);
}

.jz_page_nav p{
    display: inline-block;
    color: #17310e;
    font-size:calc(14rem/30);
    vertical-align: top;
    height:calc(20rem/30);
    line-height:calc(20rem/30);
}

.jz_page_nav p a{
    display: inline-block;
}

.jz_page_nav p+p:before{
    content: ">";
    display: inline-block;
    font-size:calc(14rem/30);
    vertical-align: top;
    height:calc(20rem/30);
    line-height:calc(20rem/30);
    margin:auto calc(4rem/30);
}

/*分页头图*/
.jz_page_head{
    width: 100%;
    height:calc(260rem/30);
    box-sizing: border-box;
    padding-top:calc(55rem/30);
}

.page_head{
    margin: 0 auto;
    width:calc(306rem/30);
    height:calc(150rem/30);
    background:rgba(0,0,0,.3);
    box-sizing: border-box;
    padding-top:calc(23rem/30);
}

.page_head span{
    display: block;
    text-align: center;
    color: #ffffff;
    font-size:calc(36rem/30);
    margin-bottom:calc(8rem/30);
}

.page_head span:after{
    display: block;
    content: "";
    background:url(../images/jz_title_bg02.png)no-repeat center;
    width:calc(142rem/30);
    height:calc(20rem/30);
    margin:calc(10rem/30) auto 0 auto;
}

.page_head p{
    font-size:calc(20rem/30);
    color: #ffffff;
    text-align: center;
}

/*弹窗*/
.jz_tc_bg{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:rgba(0,0,0,.5);
    z-index: 11 ;
}

.jz_tc{
    width:calc(670rem/30);
    position:absolute;
    z-index: 13;
    top:calc(200rem/30);
    left:calc(50% - 670rem/30/2);
    border-radius: 12px;
    background: #ffffff;
    box-shadow:0 calc(5rem/30) calc(10rem/30) rgba(0,0,0,.3);
    box-sizing: border-box;
    overflow: hidden;
}

.jz_tc .close_tc{
    position:absolute;
    right:calc(24rem/30);
    top:calc(24rem/30);
    cursor: pointer;
    width: calc(15rem/30);
    height: calc(14rem/30);
}

.jz_tc_head{
    width: 100%;
    height:calc(198rem/30);
    background:url(../images/jz_tc_bg.jpg)no-repeat center;
    -webkit-background-size: 100% calc(198rem/30);
    background-size: 100% calc(198rem/30);
    box-sizing: border-box;
    padding-top:calc(33rem/30);
    margin-bottom:calc(38rem/30);
}

.jz_tc_head h4{
    text-align: center;
    width:calc(215rem/30);
    height:calc(35rem/30);
    line-height:calc(35rem/30);
    font-weight: normal;
    margin: 0 auto calc(10rem/30) auto;
    background:url(../images/jz_form_title_bg.png)no-repeat center;
    -webkit-background-size: calc(215rem/30) calc(35rem/30);
    background-size: calc(215rem/30) calc(35rem/30);
    color: #ffffff;
    font-size:calc(18rem/30);
}

.jz_tc_head h4 i{
    display: inline-block;
    background: #ffffff;
    width:calc(6rem/30);
    height:calc(6rem/30);
    border-radius:calc(3rem/30);
    vertical-align: middle;
    margin: 0 calc(10rem/30);
}

.jz_tc_head span{
    font-size:calc(30rem/30);
    color: #ffffff;
    display: block;
    text-align: center;
    margin-bottom:calc(10rem/30);
}

.jz_tc_head p{
    text-align: center;
    font-size:calc(18rem/30);
    color: #ffffff;
    margin-bottom:calc(20rem/30);
}

.jz_tc_head p em{
    font-style: normal;
    display: inline-block;
    height:calc(20rem/30);
    line-height:calc(20rem/30);
    vertical-align: inherit;
    padding:0 calc(8rem/30);
    color: #2d6d3c;
    font-size:calc(16rem/30);
    font-weight: bold;
    background: #e3e0de;
    border-radius:calc(10rem/30);
    margin: 0 calc(4rem/30);
}

.jz_tc form{
    display: block;
    padding: 0 calc(50rem/30);
    box-sizing: border-box;
}

.jz_tc dl{
    margin-bottom:calc(5rem/30);
}

.jz_tc dd{
    text-align: center;
    margin-bottom:calc(20rem/30);
}

.jz_tc dd input{
    width:calc(500rem/30);
    height:calc(60rem/30);
    margin: 0 auto;
    line-height:calc(60rem/30 - 2px);
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    border-radius:calc(30rem/30);
    text-align: center;
    background: #ffffff;
    color: #8b8a8a;
    font-size: calc(24rem/30);
}


.jz_tc input[type="submit"]{
    margin: 0 auto calc(30rem/30) auto;
    display: block;
    width:calc(285rem/30);
    height:calc(60rem/30);
    line-height: calc(60rem/30);
    border-radius:calc(30rem/30);
    text-align: center;
    color: #ffffff;
    font-size:calc(24rem/30);
}

.tc_text{
    font-size: 0;
    text-align: center;
    background: #f6f8fa;
    height:calc(128rem/30);
    border-radius: 0 0 calc(8rem/30) calc(8rem/30);
    padding-top:calc(32rem/30);
    box-sizing: border-box;
    vertical-align: top;
}

.tc_zx{
    display: inline-block;
    height:calc(60rem/30);
    border-right:1px solid #e8e8e8;
    padding-right:calc(23rem/30);
    padding-left:calc(103rem/30);
    box-sizing: border-box;
}

.tc_zx span{
    color: #262525;
    display: block;
    font-size:calc(16rem/30);
}

.tc_zx em{
    display: block;
    font-style: normal;
    font-size:calc(26rem/30);
    letter-spacing: -1px;
}

.tc_text p{
    vertical-align: top;
    width:calc(205rem/30);
    display:inline-block;
    padding-left:calc(23rem/30);
    color: #8b8a8a;
    font-size:calc(14rem/30);
    text-align: left;
    padding-top:calc(2rem/30);
    height:calc(60rem/30);
    box-sizing: border-box;
}