body {
    margin: 0;
    padding: 0;
    background: #f3f6fa;
}

h1,
h2,
h3,
h4,
h5,
p {
    padding: 0;
    margin: 0;
    display: inline-block;
}

ul,
li,
ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

.left_heade,
.right_heade {
    display: inline-block;
}

.right_heade {
    float: right;
}

.left_heade span,
.right_heade span {
    padding: 0 1px;
}

.header_ {
    width: 100%;
    background: #1677ff;
    padding: 8px 0;
    font-size: 13px;
    display: block;
    color: #fff;
    z-index: 99;
    /* border-bottom: 1px solid #dadada; */
}

.head_ {
    width: 100%;
    background: #f3f6fa;
}

.right_heade img,
.right_heade span {
    vertical-align: middle;
}

.nav_header {
    width: 1200px;
    margin: 0 auto;
}

.logo_se {
    width: 100%;
}

.logo_seach {
    width: 1200px;
    margin: 0 auto;
    padding: 36px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search_l {
    width: 450px;
    height: 40px;
    float: left;
    border: 2px solid #999999;
    /* border-image-source: linear-gradient(to right, #310075, #fa5f7f);
    border-image-slice: 1; */
    /* border-radius: 20px; */
    text-align: center;
    position: relative;
    vertical-align: middle;
}

.search_l form {
    width: 100%;
    display: inline-block;
}

.search_l .int {
    width: 371px;
    background: #f7f7f7;
    /* padding-left: 30px; */
    float: left;
    height: 34px;
    display: block;
    /* border-radius: 5px; */
    border: 0;
    color: #808080;
    font-size: 13px;
    margin-left: 3px;
    position: absolute;
    top: 2px;
    left: 0px;
}

.search_l .btn {
    width: 70px;
    height: 40px;
    background-repeat: no-repeat;
    float: left;
    display: block;
    color: #fff;
    border-radius: 0;
    background: #d90b18;
    border: 0;
    position: absolute;
    right: 0px;
    top: 0px;
}

.logo_btn div {
    width: 80px;
    text-align: center;
    /* border-radius: 20px; */
    padding: 13px 15px;
    display: inline-block;
    font-size: 13px;
}

.logo_img {
    width: 535px;
    display: inline-block;
}

.logo_img img {
    width: 535px;
    height: 35px;
}

.public {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}

/* 导航 */
.nav_ {
    width: 100%;
    font-size: 0;
    /* margin: 0 auto; */
    /* padding: 8px 0; */
    /* background: #161819; */
}

.nav_ li {
    /* width: 200px; */
    text-align: center;
    display: inline-block;
    padding: 13px 10px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    border-bottom: 5px solid #f3f6fa;
}

.nav_tit {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

.nav_ li:hover {
    /*background: #fff;*/
    cursor: pointer;
    border-bottom: 5px solid #1f59d8;
    color: #1f59d8;
}

.gyfl {
    width: 150px;
    background-color: #ff9c00;
    color: #fff;
    /* border-radius: 20px; */
    padding: 15px 15px;
    font-size: 16px;
    text-align: center;
}

.ban_mask{
    width:1200px;
    
    position: absolute;
    right: calc((100% - 1200px)/2);
    top: 40px;
    z-index: 9999;
    
}
.ban_cont{
    width: 450px;
    font-size:0;
    float: right;
    display: inline-block;
    background: rgba(253, 253, 253, 0.9);
}
.ban_left{
    width: 50px;
    display: inline-block;
    font-size:15px;
    vertical-align: middle;
}
.ban_left div{
    padding:15px;
    font-size:17px;
}
.tjfw{
    background: #1677ff;
    writing-mode: vertical-rl;
    letter-spacing:10px;
    color: #fff;
}
.zxgg {
    background: #fff;
    writing-mode: vertical-rl;
    letter-spacing:10px;
}
.ban_right{
    width: 350px;
    margin-left:30px;
    display: inline-block;
    vertical-align: middle;
}
.ban_hi{
    width: 350px;
    display: inline-block;
    padding:15px 0;
    border-bottom:1px solid #d8d8d8;
}
.hi_{
    display: inline-block;
    margin-left:10px;
}
.hi_ h3{
    font-size:16px;
}
.hi_ h3:nth-child(1){
    /*color:#333;*/
}
.hi_ h3:nth-child(2) {
    color: #1e7bff;
}
.hi_ span{
    font-size:13px;
    color:#999;
    display: block;
    margin-top:5px;
}
.hyp{
    float: right;
    display: inline-block;
    font-size:13px;
}
.hyp span,.hyp img{
    vertical-align: middle;
    color:#666666;
}
.announ{
    margin-top:20px;
}

.announ h3{
    font-size:16px;
}
.announ li{
    width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:15px;
    height:35px;
    line-height: 35px;
    color:#666666;
}
.announ ul{
    margin-top:10px;
}
.announ li::before{
    content:'▪';
    color:#7eb3fc;
    margin-right:10px;
}



.cont {
    width: 1200px;
    margin: 0 auto;
}
.cont_ {
    width: 1260px;
    margin: 0 auto;
    position: relative;
    background: #fff;
    
}
/* 会员操作 */
.quick {
    width: 1120px;
    margin: 0 auto;
    border-radius: 13px;
    background-image: linear-gradient(to right, #2b96ff, #2e70dc);
    position: absolute;
    bottom: 5px;
    left: calc((100% - 1120px)/2);
    padding: 20px 20px;
    z-index: 9999;
}

.quick img {
    vertical-align: middle;
}

.quick_list {
    width: 830px;
    /* display: inline-block; */
    /* display: flex; */
    vertical-align: middle;
    margin-left: 80px;
}

.quick_list li {
    /* padding: */
    display: inline-block;
}

.quick_list img {
    vertical-align: middle;
}

.quick_list span {
    font-size: 15px;
    color: #fff;
    vertical-align: middle;
}
/* 推荐企业 */
.company {
    width: 1200px;
    font-size: 0;
    margin-top: 20px;
    background: #fff;
    padding: 15px 0;
}
.b_t{
    border-left: 5px solid #2b87ff;
}
.b_t h3{
    font-size: 23px;
    margin-left:15px;
}
.b_t span{
    font-size: 14px;
    margin-left: 20px;
    color:#666666;
}
/* 建筑企业 */
.comp_list_ ul {
    width: 1180px;
    padding:0 10px;
}

.comp_list_ li {
    width: 338px;
    padding: 20px 20px;
    height: 261px;
    margin-top: 20px;
    text-align: center;
    display: inline-block;
    background-image: url(./img/comp_b.jpg);
    background-repeat: no-repeat;
    border-radius: 10px;
}

.comp_img_ {
    width: 64px;
    display: inline-block;
}

.comp_img_ img {
    width: 64px;
    border-radius: 50%;
    height: 64px;
}

.comp_name_ {
    width: 338px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 0;
}

.comp_shop ul {
    width: 282px;
    margin-top: 10px;
}

.comp_shop img {
    width: 84px;
    height: 84px;
}

.jd {
    width: 40px;
    font-size: 14px;
    color: #de0000;
    padding: 8px 15px;
    border: 1px solid #de0000;
    border-radius: 5px;
    margin-top: 20px;
    margin: 20px 110px 0 130px;
}
/* 特惠机械 */
.sell_{
    width: 1200px;
    margin-top:20px;
    font-size:0;
}
.sell_top_{
    background: #2b87ff;
    padding:8px 10px;
    border-radius: 10px 10px 0 0;
}
.sell_top_ h3{
    color:#fff;
    font-size:22px;
}
.sell_top_ span{
    color:#44a3ff;
    font-size:17px;
    margin-left:10px;
}
.sell_list_{
    width: 1181px;
    border-left:10px solid #73b0ff;
    border-right: 10px solid #73b0ff;
    border-bottom: 10px solid #73b0ff;
    background: #fff;
}
.sell_list_ li{
    width: 200px;
    display: inline-block;
    padding:15px 17px;
    border-bottom:1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
.sell_list_ img{
    width: 170px;
    height: 170px;
}
.sell_list_ ul{
    width:1182px;
    flex-wrap: wrap;
}
.sell_name_{
    width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:15px;
    margin-top:5px;
}
.sell_price_{
    font-size:15px;
    color:#c92636;
    margin-top:15px;
    font-size:16px;
}
/* 工程招标 */
.project{
    width: 1200px;
    margin-top:20px;
    font-size:0;
}
.pro_cont{
    width: 1200px;
    /* margin-top:20px; */
}
.pro{
    width: 341px;
    height: 448px;
    padding:20px;
    display: inline-block;
    background: #fff;
}
.pro_t{
    width: 298px;
    height: 46px;
    background: #f1f7ff;
    padding:10px 20px;
}
.pro_t img{
    margin-right:10px;
    vertical-align: middle;
}
.pro_t span{
    font-size:18px;
    vertical-align: middle;
}
.pro_list li {
    width:330px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* border-bottom: 1px solid #ececec; */
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    position: relative;
    left: 0;
    /* margin-left: 10px; */
    font-family: "Lato", sans;
}

.pro_list a {
    margin-left: 27px;
}
.pro_list ol {
    width: 338px;
    counter-reset: li;
    margin: 0;
    padding: 11px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pro_list li::before {
    background-image: linear-gradient(to top right, #fff,#dddfe2);
    color: #455272;
    /* content: '1'; */
    content: counter(li);
    counter-increment: li;
    font-family: "Bree Serif", serif;
    font-size: 15px;
    line-height: 14px;
    padding: 3px 7px;
    position: absolute;
    top:12px;
    left: 0px;
    text-align: center;
    border-radius:20px;
    font-weight: bold;
}

.pro_list li:nth-child(1)::before {
    background-image: linear-gradient(to top right, #fff, #d3ebff);
    color: #0281fa;
}
.pro_list li:nth-child(2)::before {
    background-image: linear-gradient(to top right, #fff, #d3ebff);
    color: #0281fa;
}
.pro_list li:nth-child(3)::before {
    background-image: linear-gradient(to top right, #fff, #d3ebff);
    color:#0281fa;
}
/* 机械出售 */
.sell{
    width: 1200px;
    background: #fff;
    margin-top: 20px;
    font-size: 0;
}
.sell_top{
    padding:10px 20px;
}
.sell_top span{
    color:#496deb;
    font-size:24px;
}
.sell_class{
    display: inline-block;
    float: right;
    margin-top:10px;
}
.sell_class li{
    padding: 0 5px;
    display: inline-block;
    font-size:13px;
    color:#747474;
}
.sell_cont{
    width: 1200px;
    border-top:1px solid #242e49;
}
.sell_left{
    width:200px;
    display: inline-block;
}
.sell_left img{
    width: 200px;
    height: 560px;
}
.sell_cont_{
    width: 768px;
    padding:0 16px;
    display: inline-block;
    position: relative;
}
.sell_ad{
    width:400px;
    display: inline-block;
    position: absolute;
    left:0;
    top:-1px;
}
.sell_ad img{
    width: 400px;
    height: 280px;
}
.sell_list{
    width: 768px;
    display: inline-block;
}


.sell_list ul{
    width: 768px;
    height: 558.8px;
    flex-wrap: wrap;
}
.sell_list li{
    width: 170px;
    padding:15px 0;
    display: inline-block;
}
.sell_list img{
    width: 170px;
    height: 170px;
}
.sell_name{
    width: 170px;
    margin-top:8px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 21px;
    color:#333;
    font-size:14px;
}
.sell_price{
    font-size:15px;
    font-weight: 700;
    color:#ff464e;
    margin-top:10px;
}

.sell_right{
    width: 164px;
    height: 524px;
    display: inline-block;
    background: #dcdce4;
    padding:18px;
}
.comp_t{
    margin-top:10px;
    text-align: center;
}
.comp_t span:nth-child(1){
    font-size:14px;
    color:#333333;
    display: block;
}
.comp_t span:nth-child(2){
    font-size:13px;
    color:#df2930;
    display: block;
    margin-top:5px;

}
.comp_list li{
    width: 164px;
}
.comp_img{
    width: 60px;
    display: inline-block;
}
.comp_img img{
    width: 60px;
    height: 50px;
}
.comp_name{
    width: 90px;
    display: inline-block;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 21px;
    font-size:14px;
    color:#333;
}
.comp_list li{
    margin-top: 15px;
}
.sell_hot{
    width: 163px;
    /* padding: 7px 0; */
    height: 320px;
}
.sell_hot li{
    width: 150px;
    text-align: center;
    border-radius:8px;
    padding:15px 7px;
    background: #fff;
    position: relative;
    margin-top:15px;
}
.p{
    position: absolute;
    top:2px;
    left:5px;
}
.sell_give{
    height: 136px;
}
.shop_name{
    width:144px;
    padding: 0 10px;
    font-size:14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top:10px;
}
.sell_give li{
    width: 164px;
    margin-top:18px;
}
.give_img{
    width: 51px;
    display: inline-block;
}
.give_img img{
    width: 51px;
    height: 50px;
    border-radius: 5px;
}
.give_name{
    width: 104px;
    display: inline-block;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 21px;
    font-size:13px;
    color:#333;
}
/* 广告位 */
.ad_{
    width: 1200px;
    margin-top: 20px;
    font-size:0;
}