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

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

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

.head {
    width: 100%;
    background: #fff;
}
.head_ {
    width: 100%;
    height: 36px;
    background: #ededee;
    /* border-bottom: #e5e5e5 1px solid; */
    position: relative;
    z-index: 9;
    left: 0;
}
.nav_header {
    width: 1200px;
    margin: 0 auto;
}

.logo_se {
    width: 100%;
}

.logo_seach {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 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: #ff8f1f;
    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: 395px;
    display: inline-block;
}

.logo_img img {
    width: 395px;
    height: 49px;
}
.tel{
    width:207px;
    display: inline-block;

}
.tel img{
    width:207px;
    height:46px;
}

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


.gyfl{
    width:240px;
    display: inline-block;
    background: #162876;
    padding: 16px 10px;
    font-size: 17px;
    /* font-weight: bold; */
    color: #fff;
    text-align: center;
    vertical-align: middle;
    
}

.ban_mask {
    width: 1200px;
    margin: 0 auto;
    position: absolute;
    left: calc((100% - 1200px)/2);
    top: 0px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    z-index: 99;
}
.ban_left {
    width: 230px;
    height: 499px;
    background: #0f1421;
    display: inline-block;
    padding: 0 15px;
}

.icon_ {
    display: inline-block;
    vertical-align: middle;

}

.b_ {
    /* width: 100px; */
    font-weight: bold;
    font-size: 16px;
    /* margin-left: 5px; */
    vertical-align: middle;
    /* display: inline-block; */
}

.ban_class>ul {
    padding: 15px 0;
     border-bottom: 1px solid #272c38; 
}
.ban_class{
    /* height:340px; */
    overflow: hidden;
}
.ban_issue {
    padding: 20px 0;
}

.small_class {
    flex-wrap: wrap;
    font-size: 13px;
    margin-top: 5px;
    /* margin-left: 21px; */
    display: inline-block;
}

.small_class li {
    /* width: ; */
    margin:7px 7px 0 0;
    display: inline-block;
}

.fbxx {
    padding: 3px 5px;
    background: #e6a424;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    border-radius: 3px;
}

.ban_issue>span {
    font-size: 14px;
    font-style: italic;
    color: #888888;
    margin-left: 10px;
}
.ban_right{
    width: 235px;
    height: 303px;
    padding: 20px;
    display: inline-block;
    float: right;

    background: #fff;

}
.btn_ div{
    width: 85px;
    text-align: center;
    padding: 8px 15px;
    font-size:17px;
    color:#fff;
    margin-top: 20px;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 1px;
}
.login_btn{
    background: #162876;
}
.regis_btn{
    background: #73abf1;
}
.announ{
    margin-top: 20px;
}
.ann_top{
    font-size:0;
}
.ann_top h3{
    font-size:17px;
    color:#3a7fda;
    padding: 10px 27px;
}
.gd{
    display: inline-block;
    float: right;
    color:#3a7fda;
    font-size:13px;
    margin-top: 13px;
}
.announ_list{
    margin-top:10px;
}
.announ_list li{
    width:215px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 37px;
    line-height: 37px;
    font-size:14px;
    border-bottom: 1px solid #dcdcdc;
}
.announ_list li::before{
}


.cont {
    width: 1200px;
    margin: 0 auto;
}
.ad_{
    width: 1200px;
    margin-top: 20px;
    font-size:0;
}
/* 头条 */
.info_hot{
    width: 1140px;
    padding: 0 30px;
    margin-top: 20px;

}
.info_img{
    width:121px;
    display: inline-block;
    vertical-align: middle;

}
.info_cont{
    width: 1000px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
}
.info_tit{
    width: 980px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 38px;
    color:#333;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    color:#162876;
}

/* 网站公告 */
/*.announ{*/
/*    width: 1120px;*/
/*    border: 1px solid #e5e5e5;*/
/*    padding:10px 40px;*/
/*    margin-top: 20px;*/
/*}*/
/*.announ_list {*/
/*    width:980px;*/
/*    margin-left: 30px;*/
/*    display: inline-block;*/
/*}*/
/*.announ h3{*/
/*    color:#d40000;*/


/*}*/
/*.announ ul{*/
/*    width:980px;*/
    
/*}*/
/*.announ_list li{*/
/*    width: 225px;*/
/*    display: inline-block;*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    font-size:15px;*/

/*}*/

/*.announ_list li::before{*/
/*    content:'▪';*/
/*    color:#333;*/
/*    margin-right: 5px;*/
/*}*/

/* 今日要闻 */
.news{
    width: 1200px;
    margin-top: 20px;
    font-size:0;
}
.news_ad{
    width:716px;
    display: inline-block;
}
.news_ad img{
    width: 716px;
    height: 400px;
}
.news_right{
    width: 450px;

}
.n_top{
    font-size:25px;
    color:#d40000;
    font-weight: bold;
    border-left: 5px solid #d40000;
}

.news_list{
    /* margin-top: 20px; */
    /* padding: 10px 0; */
    /* border-top: 1px dashed #d40000; */
}
.news_list li{
    width: 460px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:15px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}
/*.news_list li{}*/
.news_list li::nth-child(1){
    background: #162876;
}

/* 建筑材料 */
.sell{
    width: 1200px;
    background: #fff;
    margin-top: 20px;
    font-size: 0;
}
.sell_top{
    padding:10px 0px;
}
.sell_top span{
    color:#354182;
    font-size:22px;
}
.sell_class{
    display: inline-block;
    float: right;
    margin-top:5px;
}
.sell_class li{
    padding: 0 5px;
    display: inline-block;
    font-size:13px;
    color:#747474;
}
.sell_cont{
    width: 1200px;
    border-top:1px solid #e11921;
}
.sell_cont_{
    width: 800px;
    /* 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: 800px;
    height: 558.8px;
    flex-wrap: wrap;
}
.sell_list li{
    width: 170px;
    padding:15px 15px;
    display: inline-block;
}
.sell_list img{
    width: 170px;
    height: 170px;
}
.sell_name{
    width: 170px;
    height: 42px;
    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: #f8dcdd;
    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;
}
/* 行业资讯 */
.news {
    width: 1200px;
    margin-top: 20px;
    /* display: inline-flex;
      justify-content: space-between;
      align-items: center; */
    background: #fff;
}

.news_cont {
    width: 1200px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.info_exhib {
    vertical-align: top;
}

.in_ex {
    width: 280px;
    display: inline-block;
    padding: 10px;
    padding-top: 0;
    background: #f7f7f7;
    font-size: 0;
}

.exhib_top {
    padding: 3px 0;
    margin-left: 4px;
}

.exhib-h3 {
    padding: 5px 10px 3px 10px;
    border-top: 3px solid #162876;
    display: inline-block;
}

.exhib_zl,
.exhib_hy {
    padding: 2px 3px;
    font-size: 20px;
    font-weight: 800;
    display: inline-block;
}

.exhib_zl {
    color: #f7f7f7;
    background: #ff9c00;
}

.exhib_hy {
    color: #333;
}

.exhib_ad {
    padding-top: 10px;
}

.exhib_ad img {
    width: 280px;
    height: 152px;
}

.exhib_list {
    font-size: 0;
    margin-top: 5px;
}

.exhib_list li {
    width: 285px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px 0;
    font-size: 15px;
}

.exhib_quote {
    width: 300px;
    margin-top: 10px;
    padding: 3px 0;
}

.quote_top {
    border-bottom: 1px solid #e5e5e5;
}

.quote_top h3 {
    font-size: 20px;
    padding: 3px 10px;
    border-bottom: 3px solid #162876;
}

.quote_list ul {
    margin-top: 10px;
}

.quote_list li {
    width: 290px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 5px 0;
    font-size: 15px;
}

.info_news {
    width: 564px;
    display: inline-block;
    vertical-align: top;
}

.news_r_top_ {
    width: 566px;
    font-size: 0;
    background: #f7f7f7;
}

.news_r_top_ li {
    width: 120px;
    height: 26px;
    display: inline-block;
    padding: 13px 30px;
    font-weight: 800;
    cursor: pointer;
    font-size: 20px;
    color: #333333;
    text-align: center;
    border-top: 3px solid #f7f7f7;
}


/* .news_r_top_ li:first-child {
    width: 50px;
    color: white;
    color: #009237;
    padding: 10.3px 55px;
    border-top: 3px solid #009237;
  } */

.news_r_top_ li:hover {
    width: 120px;
    height: 26px;
    background: #fff;
    color: #162876;
    padding: 13px 30px;
    border-top: 3px solid #162876;
}

.news_h_hot {
    width: 534px;
    padding: 10px 15px;
    border-bottom: 1px dashed #cccccc;
}

.news_hh_name {
    width: 534px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #e82235;
    padding: 10px 0;
    font-size: 19px;
    font-weight: 700;
}

.news_hh_inte {
    width: 534px;
    font-size: 13.5px;
    color: #666666;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 21px;
}

.news_r_list ul {
    width: 560px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 15px;
}

.news_r_list li {
    width: 265px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px 0;
    font-size: 15px;
}

.news_r_list li::before {
    content: "•";
    margin-right: 5px;
    color: #e82235;
}

.news_top li {
    width: 85px;
    background: #f4f4f4;
    text-align: center;
    font-weight: 700;
    padding: 10px 11px;
    display: inline-block;
    border: 1px solid #e0e0e0;
}

.news_top li:hover {
    background: #ffffff;
}

.news_h_list {
    width: 560px;
    /*margin-top: 10px;*/
}

.news_h_list li {
    width: 560px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
}

.news_h_img {
    width: 160px;
    display: inline-block;
    vertical-align: middle;
}

.news_h_img img {
    width: 160px;
    height: 110px;
    border-radius: 8px;
}

.news_h_des {
    width: 375px;
    display: inline-block;
    vertical-align: middle;
}

.news_h_name {
    width: 370px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 15px;
    margin-bottom: 5px;
}

.news_h_intro {
    width: 370px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 22px;
    font-size: 13.5px;
    color: #666666;
}

.info_video {
    width: 280px;
    vertical-align: top;
    padding: 10px;
    display: inline-block;
}

.info_t {
    width: 280px;
    padding: 10px;
    padding-top: 0;
    background: #f7f7f7;
}

.in_video_top h3,
.more_ {
    display: inline-block;
}

.more_ {
    float: right;
    font-size: 13px;
    margin-top: 8px;
}

.in_video_top h3 {
    border-top: 3px solid #162876;
    padding: 0 10px;
    font-size: 20px;
}

.in_video_hot {
    margin-top: 10px;
}

.in_video_hot img {
    width: 280px;
    height: 162px;
}

.video_hot {
    width: 280px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px 0;
}

.video_cont ul {
    width: 280px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.video_cont img {
    width: 135px;
    height: 100px;
}

.video_name {
    width: 135px;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.video_cont li {
    display: inline-block;
}

.job_right {
    margin-top: 15px;
}

.job_top h3 {
    padding: 0 10px;
    border-bottom: 3px solid #0066cc;
}

.job_top {
    border-bottom: 1px solid #e5e5e5;
}