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

h1,
h2,
h3,
h4,
h5 {
    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: rgba(253,253,253,0.7);
    padding: 8px 0;
    font-size: 13px;
    display: block;
    color: #333;
    z-index: 99;
}

.head_ {
    /* width: 1200px; */
    /* background: #ffffff; */
}

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

.logo_se {

    /* background: #f7f7f7; */
}

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

.logo_img {
    display: inline-block;
}

.logo_img img {
    width: 372px;
    height:73px;
}
.search_l {
    width: 440px;
    height: 37px;
    float: left;
    border: 1px solid #414141;
    /* 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: 360px;
    background: #fff;
    float: left;
    height: 34px;
    display: block;
    /* border-radius: 5px; */
    border: 0;
    color: #808080;
    font-size: 13px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.search_l .btn {
    width: 75px;
    height: 40px;
    background-repeat: no-repeat;
    float: left;
    display: block;
    color: #fff;
    border-radius: 0;
    background: #414141;
    border: 0;
    position: absolute;
    right: -1px;
    top: -2px;
}
.logo_er{
    width:100px;
    display: inline-block;
}
.logo_er img{
    width: 100px;
    height: 100px;
}
.tel{
    width:210px;
    font-size:20px;
    font-weight: bold;
}

/* 导航 */
.nav_ {
    width: 100%;
    background: #ff6905;
}

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

.nav_tit li:hover {
    background: #004994;
}

.nav_ li {
    /* width:100px; */
    display: inline-block;
    /* margin:5px 0; */
    padding: 0px 10px;
    font-size: 16px;
    color: white;
    line-height: 45px;
    text-align: center;
    /* border-right: 1px solid #004994; */
}
/*.nav_ li:*/
.nav_ li:hover{
    background: #ffc49d;
    color: #343434;
}
.kysc {
    width:230px;
    text-align: center;
    padding: 12px 0;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    background: #ffc49d;
}

.ban_mask {
    width: 1200px;
    height: 500px;
    position: absolute;
    left: calc((100% - 1200px)/2);
    top: 0px;
    z-index: 999;
}

.ban_left {
    width: 230px;
    height: 500px;
    display: inline-block;
    color: #fff;
    background:rgba(255,105,5,0.65); 
    /* color: #fff; */
    /* border: 1px solid #e5e5e5; */
}

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

.big_class {
    /*height:95px;*/
}

.big_li {
    height: 100px;
    padding: 10px 20px;
    border-bottom: 1px solid #fff;
}

.big_li span {
    vertical-align: middle;
    font-size: 16px;
}

.small_class {
    flex-wrap: wrap;
    font-size: 13px;
    margin-top: 8px;
}

.small_class li {
    /* width: ; */
    padding: 3px 0x;
    margin-right: 10px;
    display: inline-block;
}
.ban_right {
    width: 210px;
    padding: 10px 5px;
    display: inline-block;
    float: right;
    background: #fff;
    z-index: 99;
    position: relative;
}

.now_time {
    height: 49px;
    background-image: url(./img/t.jpg);
    background-repeat: no-repeat;

}

.now_time span {
    position: absolute;
    top: 39px;
    left: 32px;
    font-size: 15px;

}

.ban_ad {
    margin-top: 10px;
}

.ban_btn {
    width: 210px;
    margin-top: 10px;
}

.ban_btn div {
    width: 75px;
    display: inline-block;
    padding: 8px 10px;
    text-align: center;
    
}

.dl_btn {
    background: #ff6905;
    color: #fff;
}

.zc_btn {
    border: 1px solid #ff6905;
    color: #ff6905;
}

.announ {
    width: 200px;
    padding: 0 5px;
    margin-top: 10px;
}

.ann_top {
    font-size: 0;
}

.ann_top span {
    font-size: 18px;
    margin-left: 5px;
}

.ann_list {
    margin-top: 5px;
}

.ann_list li {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    height: 33px;
    line-height: 33px;
}
.public {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}

.cont {
    width: 1200px;
    /* margin-top:30px; */
    margin: 0 auto;
}

/* 广告位 */
.ad_ {
    width: 1200px;
    margin-top: 20px;
    font-size: 0;
}
.cont{
    width: 1200px;
    margin-top:20px;
}
/* 建筑头条 */
.main { 
    width:1200px; 
    height:auto; 
    overflow: hidden; 
    margin:0px auto; 
    background:#fff;
}

.main-ad { 
    width:100%; 
    height:auto; 
    overflow:hidden;
    margin:10px 0px; 
    float:left;
}
.main-ad img { 
    width:100%; 
    height:auto; 
    border:none;
}

.news_pic li{ 
    float:left; 
    width:185px; 
    height:110px; 
    position:relative; 
    margin-top:10px; 
    margin-right:10px; 
}
.news_pic img{ 
    float:left; 
    width:185px; 
    height:110px;
}  
.news_pic p{ 
    float:left; 
    width:185px; 
    height:30px; 
    line-height:30px; 
    text-align:center; 
    position:absolute; 
    bottom:-14px; 
    left:0px; 
    background: rgba(0,0,0,0.9); 
    color:#fff;
} 
.news_pic li:nth-child(2n){ 
    float:right; 
    margin-right:0px;
}

.main-box-info { 
    width:1200px; 
    height:auto; 
    float:left; 
    overflow:hidden; 
    margin:0 auto; 
}
.main-box-info-tit { 
    width:1200px; 
    height:40px; 
    line-height:40px; 
    float:left; 
    border-bottom:1px solid #ccc;
}
.main-box-info-tit span {
    width:auto; 
    height:40px; 
    line-height:40px; 
    padding-left:20px; 
    font-size:20px; 
    font-weight:bold; 
    color:#333; 
    float:left; 
    text-align:left; 
    display:block; 
    overflow:hidden;
}
.main .main-box-info .main-box-info-tit a.more { 
    width:auto; 
    height:40px; 
    line-height:40px; 
    padding:0px 20px; 
    text-align:center; 
    float:right; 
    color:#333;
}
.main-box-info-con { 
    width:1200px; 
    height:auto; 
    float:left; 
    overflow:hidden; 
    margin-top:15px;
}
.main-box-info-con-left { 
    width:380px; 
    height:auto; 
    overflow:hidden; 
    float:left;
}
.main-box-info-con-left  img{ 
    float:left; 
    width:185px; 
    height:110px;
} 
.main-box-info-con-left  p{} 
.main-box-info   .tit { 
    width:100%; 
    height:30px; 
    line-height:30px; 
    padding-bottom: 5px;
    float:left; 
    font-size:20px; 
    font-weight: bold;
    color:#ff6905;
     border-bottom:2px solid #ff6905;
}
.con_pt10 {
    margin-top: 20px;
}
.con_pt10 li{
    line-height: 31px;
    font-size: 16px;
}
.new_hot1 ul li a{
    font-size: 20px;
    font-weight: bold;
    color: #ff6905;
    
}
.main .main-box-info .main-box-info-con .main-box-info-con-left ul {}  
.main .main-box-info .main-box-info-con .main-box-info-con-mid { width:380px;  float:left; overflow:hidden; margin:0px 20px;}
.main .main-box-info .main-box-info-con .main-box-info-con-mid .main-box-info-con-mid-left { width:380px;  margin-right:20px; float:left; overflow:hidden;}
.main .main-box-info .main-box-info-con .main-box-info-con-mid .main-box-info-con-mid-left .tit { width:285px; height:40px; line-height:40px; margin-bottom:8px; font-size:16px; color:#333; border-bottom:1px solid #ccc;}
.main .main-box-info .main-box-info-con .main-box-info-con-mid .main-box-info-con-mid-left ul{}
/* .main .main-box-info .main-box-info-con .main-box-info-con-mid .main-box-info-con-mid-left li { width:285px; height:35px; line-height:35px; float:left; overflow:hidden;} */
.main .main-box-info .main-box-info-con .main-box-info-con-mid .main-box-info-con-mid-left li.big a{ color:#FF0000; font-size:16px; margin-top:40px;}
.main .main-box-info .main-box-info-con .main-box-info-con-mid .main-box-info-con-mid-left li a {  height:30px; line-height:30px;   color:#333; font-size:14px;}

.main .main-box-info .main-box-info-con .main-box-info-con-mid .main-box-info-con-mid-left li.hover i {  background:#5fa61c;}
.main .main-box-info .main-box-info-con .main-box-info-con-mid .main-box-info-con-mid-left li.hover a { color:#5fa61c;}

 
.main .main-box-info .main-box-info-con .main-box-info-con-right { width:400px; height:auto; overflow:hidden; float:left;}
.main .main-box-info .main-box-info-con .main-box-info-con-right .img { width:400px; height:138px; overflow:hidden; float:left;} 
.main .main-box-info .main-box-info-con .main-box-info-con-right ul { clear:both;}
/* .main .main-box-info .main-box-info-con .main-box-info-con-right li {   height:30px; line-height:36px;  overflow:hidden;} */
.main .main-box-info .main-box-info-con .main-box-info-con-right li a {   font-size: 16px; line-height:36px;  overflow:hidden; }
/* 广告位 */
.ad_{
    width: 1200px;
    margin-top:20px;
}
/* 推荐企业 */

.company {
    width: 1200px;
    margin-top: 5px;
}

.comp_list {
    width: 860px;
    display: inline-block;
}

.comp_top {
    font-size: 0;
}

.comp_top h3 {
    font-size: 28px;
    padding: 15px 0;
    font-weight: bold;
}
.prod_top h3{
    font-size: 20px;
    font-weight: bold;
    padding-left: 6px;
    border-left: 3px solid #ff6701;
    color: #343434
}
.more_ {
    font-size: 13px;
    display: inline-block;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

.comp_class {
    background: url(./img/c.png);
    background-repeat: no-repeat;
    /* padding: 10px 0; */
    /* background: #fcdf9d; */
    height: 55px;
    line-height: 45px;
    margin-top: 10px;
}

.comp_class li {
    width: 210px;
    text-align: center;
    display: inline-block;
    /* padding: 0 10px; */
    font-size: 18px;
    cursor: pointer;
}

.comp_class li:hover {
    font-weight: bold;
}

.comp_lists ul {
    width: 860px;
    height: 393px;
    flex-wrap: wrap;
    font-size: 0;
}

.comp_lists li {
    width: 200px;
    margin-top: 15px;
    display: inline-block;
    overflow: hidden;
}

.comp_lists img {
    width: 200px;
    height: 160px;
     transition: all 0.6s;
}
.comp_lists img:hover{
    transform: scale(1.1);  
    background-size:110%;
}
.comp_name {
    width: 200px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    margin-top: 3px;
}


/* 最新入驻 */

.new_comp {
    width: 300px;
    display: inline-block;
    margin-top: 24px;
}

.n_comp h3 {
    font-size: 18px;
    padding: 5px 0;
}

.n_comp {
    border-bottom: 4px solid #e9e9e9;
}

.wyz {
    width: 300px;
    /* padding:0 20px; */
    background-image: linear-gradient(to right, #ff6600, #ff8f45);
    /* background: #ed704a; */
    color: #fff;
    font-size: 15px;
    padding: 10px 0;
    margin-top: 15px;
}

.n_comp_lists {
    height: 380px;
   border:1px solid #e0e0e0;
    background: #fff;
    padding: 7px 0;
}

.n_comp_lists li {
    width: 280px;
    line-height: 38px;
    height: 38px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    margin-left: 20px;
}
/* 工程找队伍 */
.info_ {
    width: 1200px;
    padding: 10px 0;
    font-size: 0;
    flex-wrap: wrap;
}

.info_cont {
    width: 354px;
    border: 1px solid #e0e0e0;
    padding: 15px;
    margin-top: 15px;
    background: #fff;
}

.info_cont h3 {
    width: 314px;
    font-size: 20px;
    padding: 5px 20px;
    border-radius: 5px;
    color:#fff;
    background-image: linear-gradient(to right, #ff6600, #ffc9a5);
}

.info_hot {
    width: 354px;
    margin-top: 15px;
}

.info_img {
    width: 186px;
    display: inline-block;
}

.info_img img {
    width: 186px;
    height: 134px;
}

.info_des {
    width: 157px;
    display: inline-block;
}

.info_name {
    width: 157px;
    height: 42px;
    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: 16px;
    color: #333;
    font-weight: bold;

}

.info_intro {
    width: 157px;
    height: 72px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 24px;
    font-size: 14px;
    color: #808080;
    margin-top: 10px;
}

.info_list {
    height: 165px;
    margin-top: 10px;
}

.info_list li {
    width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    height: 33px;
    line-height: 33px;
    margin-left: 5px;
}

.info_list li::before {
    content: '•';
    color: #c2cdd7;
    margin-right: 10px;
}
/* 五金工具 */
.sell {
    width: 1200px;
    margin-top: 20px;
    font-size: 0;
}

.sell_cont_ {
    width: 590px;
    display: inline-block;
    background: #fff;
    /* margin-top:10px; */
}

.shop_ad {
    width: 198px;
    display: inline-block;
    vertical-align: middle;
}

.shop_ad img {
    width: 198px;
    height: 366px;
}

.sell_list {
    width: 392px;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid #f2f2f2;
}

.sell_list ul {
    width: 392px;
    flex-wrap: wrap;
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
}

.sell_list li {
    width: 100px;
    padding: 13px 30px;
    display: inline-block;
    transition: 1s;
}
.sell_list li:hover{
    box-shadow: 5px 5px 5px 5px #d2d3d9;
    transition: 1s;
}
.sell_list img {
    width: 100px;
    height: 100px;
}
.sell_top {
    border-left: 5px solid #ff6600;
    background: #f8f8f8;
}

.sell_top h3 {
    padding: 5px 0;
    font-size: 19px;
    margin-left: 5px;
    display: inline-block;
}
.shop_ad {
    width: 198px;
    display: inline-block;
    vertical-align: middle;
}

.shop_ad img {
    width: 198px;
    height: 367px;
}

.shop_list {
    width: 590px;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid #f2f2f2;
}

.shop_list ul {
    width: 590px;
    flex-wrap: wrap;
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
}

.shop_list li {
    width: 100px;
    padding: 13px 30px;
}

.shop_list img {
    width: 100px;
    height: 100px;
}

.shop_name {
    width: 100px;
    font-size: 14px;
    color: #736d76;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shop_price {
    color: #f66464;
    font-size: 14px;
    padding: 10px 0;
}
/*工程项目*/
.project {
    width: 1200px;
    margin-top: 20px;
    font-size: 0;
}

.pro_left {
    width: 830px;
    padding:10px 20px 10px 10px;
    background-color: #fff;
    display: inline-block;
}
.n_t{
    font-size:0;
}
.n_t h3{
    font-size:25px;
}
.n_t span{
    /* display: inline-block; */
    margin-top:5px;
    float: right;
    font-size:13px;
    margin-top:10px;
}
.pro_t {
    background: #fff6f0;
    border-top: 3px solid #ff6905;

}

.pro_t h3 {
    display: inline-block;
    margin-left: 30px;
    font-size: 18px;
    color: #ff6905;
    padding: 8px 0;
}

.pro_cont {
    width: 830px;
    flex-wrap: wrap;
}

.pro {
    width: 400px;
    display: inline-block;
    margin-top: 15px;
}

.pro_hot {
    width: 400px;
    padding: 10px 0;
    border-bottom: 1px dashed #cccccc;
}

.pro_img {
    width: 145px;
    display: inline-block;
}

.pro_img img {
    width: 145px;
    height: 98px;
}

.pro_des {
    width: 240px;
    /* margin-right: 20px; */
    display: inline-block;
}

.pro_name {
    width: 240px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
}

.pro_intro {
    width: 240px;
    height: 43px;
    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: #666666;
    margin-top: 15px;
}

.pro_list {
    width: 400px;
    height: 160px;
    display: inline-block
}

.pro_list li {
    width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    height: 32px;
    line-height: 32px;
    margin-left: 10px;
}

.pro_right {
    width: 315px;
    display: inline-block;
    background: #fff;
}

.buy {
    width: 315px;

}

.buy_hot {
    width: 305px;
    padding: 13px 5px;
    border-bottom: 1px solid #cccccc;
}

.buy_img {
    width: 100px;
    display: inline-block;
}

.buy_img img {
    width: 100px;
    height: 73px;
    border-radius: 2px;
}

.buy_des {
    width: 192px;
    display: inline-block;
}

.buy_name {
    width: 192px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
}

.buy_intro {
    width: 192px;
    height: 42px;
    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: #666666;

}

.buy_list {
    width: 295px;
    height: 194px;
    padding: 10px;
}

.buy_list li {
    width: 295px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    height: 32px;
    line-height: 32px;
}

.buy_list li::before {
    content: '◆';
    color: #ff6905;
    margin-right: 5px;
}
.c_t_ {
    background: #ffc49d;

}

.c_t_ h3 {
    font-size: 18px;
    background: #ff6905;
    color: #fff;
    padding: 6px;
    border-radius: 4px;
}