.clearfix {

    clear: both;

}

.z-main {

    width: 1400px;

    margin: 0 auto 15px;

    display: flex;

}

.z-mainleft {

    width:535px;

    float: left;

    margin-top: 25px;

    font-size: 14px;

    background: #FFFFFF;

    margin-right: 8px;

}

.z-mainright {

    width: 840px;

    float: right;

    padding-top: 25px;

}

.z-zxjs {

    width: 486px;

    height: 170px;

    box-sizing: border-box;

    padding: 3px;

    border: 1px solid #CCCCCC;

    position: relative;

    overflow: hidden;

    margin-left: 28px;

}



.z-zxjs img {

    width: 100%;

    height: 100%;

}





.z-zxjs p {

    width: 98%;

    height: 30px;

    position: absolute;

    bottom: 3px;

    left: 3px;

    background-color: rgba(0, 0, 0, 0.5);

    line-height: 30px;

    text-align: center;

    box-sizing: border-box;

    padding: 0px 10px;

    color: #FFFFFF;

    font-size: 16px;

    transition: all 0.5s ease;

}

.z-mainlefttl {

    background: #FFFFFF;

    margin: 0 10px;

    padding: 16px 0;

    border-bottom: 1px dashed #e6e6e6;

}

.z-mainlefttl ul {

    margin-left: 33px;

}

.z-mainlefttl ul li.on {

    color: #FFFFFF;

    background: #cc0000;

    border: none;

    border-radius: 5px;

}

.z-mainlefttl ul li {

    float: left;

    padding: 0px 20px;

    line-height: 30px;

    color: #4d4d4d;

    cursor: pointer;

    font-size: 16px;

}



.fl {

    float: left;

}

label {

    display: inline-block;

    width: 100px;

    text-align: right;

}



.z-sjs div, .z-zzlx div, .z-sjz div, .z-ttlx div, .z-fwlb div, .z-bm div {

    width: 430px;

    float: right;

}



.active-type span.on {

    background-color: #cc0000;

    color: #fff;

    border-color: #cc0000;

}

.z-sjs div span, .z-zzlx div span, .z-sjz div span {

    padding: 2px 10px;

    display: inline-block;

    box-sizing: border-box;

    border: 1px solid #cfcfcf;

    border-radius: 11px;

    margin-right: 10px;

    margin-bottom: 15px;

    font-size: 14px;

}

.z-mainleft span {

    cursor: pointer;

}







.z-rightconttl {

    width: 100%;

    height: 60px;

    background: #FFFFFF;

    box-sizing: border-box;

    padding-left: 40px;

    padding-right: 40px;

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

}



.z-rightconttl p:nth-child(1) {

    background: url(../img/Vector.png) no-repeat left center;

}

.z-rightconttl p:nth-child(2) {

    background: url(../img/store.png) no-repeat left center;

}

.z-rightconttl p:nth-child(3) {

    background: url(../img/map-pin-alt.png) no-repeat left center;

}

.z-rightconttl p {

    height: 60px;

    display: inline-block;

    padding-left: 35px;

    line-height: 60px;

    font-size: 16px;

}

.z-rightconttl p span {

    color: #C3000A ;

    font-size: 18px;

    font-weight: bold;

}



.z-mainright .z-search {

    width: 100%;

    margin-top: 14px;

    margin-bottom: 14px;

    margin-left: 40px;

}



.z-mainright .z-search span {

    float: left;

    color: #cc0000;

    font-size: 18px;

    font-weight: bold;

    padding-left: 15px;

    height: 37px;

    line-height: 37px;

    background: url(../img/Rectangle5.png)no-repeat left center;

}

.z-mainright .z-search form {

    width: 430px;

    float: left;

    position: relative;

    margin-left:161px;

}

.z-mainright .z-search form label {

    height: 37px;

    line-height: 37px;

    color: #333;

    font-size: 16px;

    font-weight: bold;

}

label {

    display: inline-block;

    /* width: 100px; */

    /* float: left; */

    /* padding: 0 -5px; */

 

}



.z-search .z-search-text {

    width: 325px;

    height: 37px;

    border: 1px solid #cccccc;

    background: #FFFFFF;

    box-sizing: border-box;

    padding-left: 10px;

    padding-right: 50px;

}



.z-search .z-search-img {

    position: absolute;

    right: 16px;

    top: 10px;

    width: 21px;

    height: 21px;

    font-size: 0;

    background: url(../img/search.png);

    border: 0;

    cursor: pointer;

    outline: none;

}



.z-search .l-listtype {

    font-size: 12px;

    display: inline-block;

    margin-left: 8px;

}

.z-search .l-listtype li.on {

    color: #1877c9;

}

.z-search .l-listtype li {

    float: left;

    cursor: pointer;

    text-align: center;

    padding: 0 5px;

    margin-top: -5px;

}

.z-search .l-listtype li:nth-child(1) i {

    background: url(../img/Group247s.png);

    background-size: 100% 100%;

}



.z-search .l-listtype li:nth-child(1).on i {

    background: url(../img/Group247.png);

    background-size: 100% 100%;

}

.z-search .l-listtype li:nth-child(2) i {

    background: url(../img/Group246.png);

    background-size: 100% 100%;

}

.z-search .l-listtype li:nth-child(2).on i {

    background: url(../img/Group246s.png);

    background-size: 100% 100%;

}

.z-search .l-listtype li i {

    margin: 0 auto;

    display: block;

    width: 30px;

    height: 30px;

    margin-top: 10px;

}

.l-rightcontent {

    background-color: #fff;

}

.z-rightcont {

    position: relative;

    width: 100%;

    background: #fff;

    box-sizing: border-box;

    padding: 15px 55px;

   

}

.z-rightcont .l-marker {

    padding: 4px 0;

    width: 95.4%;

    height: auto;

    letter-spacing: 0;

    position: absolute;

    z-index: 9999;

    padding: 10px 0;

    top: 0;

    background-color: rgba(0,0,0,0.35);

}

.z-rightcont .l-marker ul li {

    float: left;

    width: 140px;

    height: 24px;

    line-height: 24px;

    color: #4d4d4d;

    font-size: 14px;

    vertical-align: center;

}

.z-rightcont .l-marker ul li img {

    height: 100%;

    width: auto;

    margin: 0 3px 1px 0px;

}

.z-rightcont .l-marker ul li span {

    margin-left: 5px;

    font-size: 11px;

    color: #fff;

}

.z-rightcont .z-rightul {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;

    margin-top: 10px;

}

.z-rightcont .z-rightul li:nth-child(1) {

    margin-left: 0;

}

.z-rightcont .z-rightul li:nth-child(4) {

    margin-left: 0;

}

.z-rightcont .z-rightul li:nth-child(7) {

    margin-left: 0;

}

.z-rightcont .z-rightul li {

    width: 233px;

    height: 200px;

    border-bottom: 1px solid #9c989a;

    border-radius: 6px;

    overflow: hidden;

    margin-bottom: 20px;

    background: #f7f7f7;

    transition: all 0.3s ease;

}

.z-rightcont .z-rightul li {

    margin-left: 15px;

}

.z-rightcont ul li .z-detaimg {

    width: 100%;

    height: 144px;

    box-sizing: border-box;

    border: 2px solid #CCCCCC;

    border-top-left-radius: 6px;

    border-top-right-radius: 6px;

    position: relative;

    transition: all 0.3s ease;

    overflow: hidden;

}

.z-rightcont ul li .z-detaimg img {

    width: 100%;

    height: 100%;

}

.z-rightcont ul li .z-detaimg p {

    width: 100%;

    height: 33px;

    font-size: 14px;

    color: #FFFFFF;

    background-color: rgba(0, 0, 0, 0.5);

    line-height: 33px;

    text-align: center;

    position: absolute;

    bottom: 0;

    left: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    box-sizing: border-box;

    padding: 0 10px;

}



.z-rightcont ul li .z-detap1 {

    width: 100%;

    text-align: center;

    margin: 5px 0 0;

    box-sizing: border-box;

    padding: 0 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.z-rightcont ul li .z-detap1 span {

    display: inline-block;

    color: #666666;

    padding-left: 21px;

    background: url(../img/Slice24.png) no-repeat left center;

    font-size: 12px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    max-width: 200px;

    background-size: 15px 17px;

}

.z-rightcont ul li .z-detap2 {

    box-sizing: border-box;

    margin-left: 10px;

    margin-right: 10px;

    padding: 0 0px 5px;

    font-weight: bold;

    border-bottom: 1px dashed #CCCCCC;

    text-align: center;

}

.z-rightcont ul li .z-detap2 span {

    color: #666666;

    font-weight: normal;

}

.z-rightcont ul li .z-detap3 {

    width: 100%;

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

    box-sizing: border-box;

    padding: 8px 5px;

}

.z-rightcont ul li .z-detap3 span {

    font-size: 14px;

    font-weight: bold;

    text-align: center;

}

.z-rightcont ul li .z-detap3 span i {

    font-size: 12px;

    color: #C3000A;

    font-style: initial;

    font-weight: 500;

    line-height: 27px;

}