@charset "utf-8";
/*
[MBKFW Template] Copyright (c) 2010-2023 www.mbkfw.com
This is not a free template. Please buy the authentic license.
Author: Xiaohei, QQ:2909458585. Version: S05_v9, time: 2018-2023.
Special note: do not modify this document without permission.
*/
/* focus */
#focus-xh{width:910px;height:300px;overflow:hidden;position:relative;}
#focus-xh .bd{border:0}
#focus-xh .bd ul{height:300px;position:absolute;}
#focus-xh .bd ul li{overflow:hidden;position:relative;background:#000;}
#focus-xh .bd ul li div{position:absolute;overflow:hidden;}
#focus-xh .bd ul li p{display: block;position: absolute;bottom: 40px;font-size: 24px;color: #fff;font-weight: bold;height: 30px;line-height: 30px;padding-left: 30px;}
#focus-xh .btnBg{position:absolute;width: 910px;height:20px;left:0;bottom:0;}
#focus-xh .hd{position:absolute;width: 100%;height:10px;line-height: 10px;bottom:12px;text-align: center;}
#focus-xh .hd li{display:inline-block;_display:inline;_zoom:1;width: 8px;height: 8px;_font-size:0;margin-right:5px;cursor:pointer;background:#fff;border-radius: 50px;text-indent: -9999px;}
#focus-xh .hd li.on{background:#fff;width: 16px;}
#focus-xh .prev,#focus-xh .next{width: 22px;height: 50px;position:absolute;top: 41%;background:url(images/sprite.png) no-repeat 0 0;cursor:pointer;display: none;}
#focus-xh:hover .prev,#focus-xh:hover .next{display:block;opacity:.5;filter:alpha(opacity=50);}
#focus-xh .prev:hover,#focus-xh .next:hover{display:block;opacity:1;filter:alpha(opacity=100);}
#focus-xh .prev{left:0;}
#focus-xh .next{right:0;background-position:right top;}
/*hui*/
.user-info {height:64px;padding:18px;background: #ffffff;border-radius:5px;color: #333333;}
.user-info a{color: #333333;}
.user-info a.b:link,.user-info a.b:visited,.user-info a.b:active {color:#333333;text-decoration:none;}
.user-info a.b:hover {color:#0F69DC;}
.user-info img {width:64px;height:64px;border-radius:50%;float:left;margin-right:20px;}
.user-info ul {float:right;width:175px;margin-top:4px;}
.user-info li {height:28px;line-height:28px;overflow:hidden;}
.user-info strong {font-size:16px;}
.user-info em {font-size:14px;font-style:normal;float:right;}
.user-info em a{color:#e60000}
.user-info i {font-style:normal;color: #0F69DC;padding:0 6px;}

/*升级页面横幅图*/
.banner_me {width: 100%;text-align: center;overflow: hidden;}
.banner_me img {display: block;width: 100%;max-width: 1920px;margin: 0 auto;}
/*升级页面项目*/
.project {width: 1220px;margin: 30px auto 10px auto;position: relative;font-size: 12px;}
.project .title{padding-top: 16px;padding-bottom: 45px;}
.project .title h3{position: relative;display: inline-block;font-size:24px;}
.project .title i{position: absolute;width: 55px;height: 5px;background: url(images/line.png) 0 0 no-repeat;left: 50%;top: 55px;margin-left: -27px;}
/**/
.hidetop{display: none;position: fixed;top: 0px;left: 50%;width: 1220px;margin-left: -610px;height: 60px;line-height: 60px;border-left: 1px solid #e4e4e4;border-top: 1px solid #e4e4e4;font-size: 16px;color: #526069;z-index: 9;}
.hidetop li{border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center;font-size: 16px;}
.hidetop li.back1{width:339px;background:#f5f5f5;}
.hidetop li.back5{width:216px;background:#e25630;color:#fff}
.hidetop li.back6{width:214px;background:#ffc36d;color:#fff}
.hidetop li.back7{width:214px;background:#56a8fc;color:#fff}
.hidetop li.back8{width:214px;background:#61ddad;color:#fff}
.hidetop li.back9{width:214px;background:#475975;color:#fff}
.hidetop li.back10{width:214px;background:#475975;color:#fff}
.hidetop li.back11{width:214px;background:#475975;color:#fff}
.hidetop li.back12{width:214px;background:#475975;color:#fff}
.hidetop li.back13{width:214px;background:#475975;color:#fff}
.hidetop li.back14{width:214px;background:#475975;color:#fff}
.hidetop li.back15{width:214px;background:#475975;color:#fff}
/**/
.project table{background-color: #fff;margin-top: 0px;border-collapse: collapse;border-spacing: 0;width: 1220px;word-wrap: break-word;word-break: break-all;table-layout: fixed;}
.project table.tablemt10{margin-top: -1px;}
.project table th.up1{width:172px!important;}
.project table th.up2{width:222px!important;}
.project table th span{color: #fff;font: bold 18px/30px "microsoft yahei";}
.project table th{height: 95px;font: normal 14px/30px "microsoft yahei";}
.project table th strong{font: bold 16px/30px "microsoft yahei";}
.project table th p{font: bold 18px/30px "microsoft yahei";color: #ff6600;}
.project table th i{font: normal 18px/30px "microsoft yahei";color: #eb201d;}
.project table th b{font: normal 24px/30px "microsoft yahei";color: #eb201d;}
.project table td{height: 59px;text-align: center;}
.project table th a.btn{width: 110px;height: 32px;letter-spacing: 0;border-radius: 3px;display: block;font:bold 16px/32px "microsoft yahei";text-indent: 10px;color: #fff;margin: 0 auto;text-align: left;background: url(images/finger.png) 80px 5px no-repeat #FF6600;}
.project table .serviceleft{background-color: #fff4eb;font: bold 18px/30px "microsoft yahei";color: #ff6600;}
.project table .serviceright{background-color: #f3f9ff;font: bold 15px/30px "microsoft yahei";}
.project table .serviceright img{vertical-align:middle;margin-top:-5px}
.project table .serviceright a{color: #666666;}
.project table tr td{font: normal 14px/16px "microsoft yahei";}
.project table tr td a.btn{font: normal 14px/32px "microsoft yahei";width: 98px;height: 32px;display: inline-block;color: #fff;background-color: #f54a47;border-radius: 2px;}

.project table tr td.fb_name{text-align:left}
.project table tr td.fb_name a{display:inline-table;width: 33.33%;line-height: 25px;}

.project table.hidetop{margin-top:0}
.project table.hidetop td{font-size: 16px;overflow: hidden;}
.project table.hidetop td:nth-child(3){background:#e25630;color:#fff;}
.project table.hidetop td:nth-child(4){background:#ffc36d;color:#fff;}
.project table.hidetop td:nth-child(5){background:#56a8fc;color:#fff;}
.project table.hidetop td:nth-child(6){background:#61ddad;color:#fff;}
.project table.hidetop td:nth-child(7){background:#475975;color:#fff;}
.project table.hidetop td:nth-child(8){background:#475975;color:#fff;}

/*按行业找采购,按地区找采购*/
.com-cat{overflow:hidden;}
.com-cat h3{font-size: 18px;height:45px;line-height:45px;background: #f2f2f2;}
.com-cat h3 b{font-size:14px;padding-left:20px;font-weight:500;color:#888888}
.com-div{overflow:hidden;background: #ffffff;}
.com-list{padding: 15px;overflow: hidden;font-size: 14px;width: 1200px;}
.com-list li{float:left;width: 113px;height:35px;line-height:35px;overflow: hidden;text-align: center;margin: 5px 10px 5px 0;background: #f5f5f5;padding: 0 5px;border-radius:3px;}
.com-list li:hover{background: #0F69DC;}
.com-list li:hover a{color: #ffffff;display:block;}
/**/
.hotproduct{width: 1220px;height:auto;background:#fff;}
.hotproductT{height:49px;padding: 0 15px;}
.hotproductT h2{font-size: 18px;line-height:50px;color:#333;float:left;}
.hotproductT h2 b{font-size:14px;padding-left:20px;font-weight:500;}
.hotproductT h2 b a{color:#888888}
.hotproductT_Al{width:28px;height:20px;float:right;margin-top:14px;border:1px solid #eee;background:url(images/hotproductT_Al1.png) center top #fff no-repeat;cursor: pointer;}
.hotproductT_Ar{width:28px;height:20px;float:right;margin-top:14px;border-top:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;background:url(images/hotproductT_Ar1.png) center top #fff no-repeat;cursor: pointer;}
.hotproductT_Al:hover{ background:url(images/hotproductT_Al2.png) center top #ec3901 no-repeat; border:1px solid #ec3901;}
.hotproductT_Ar:hover{ background:url(images/hotproductT_Ar2.png) center top #ec3901 no-repeat; border-top:1px solid #ec3901; border-right:1px solid #ec3901; border-bottom:1px solid #ec3901;}
/**/
.hotproductC{width: 1180px;height: 310px;position:relative;margin: 15px;margin-left: 20px;overflow: hidden;}
.hotproductC ul{position:absolute;left:0px;top:0px;}
.hotproductC ul li{width: 218px;height:auto;padding:0px;float:left;position:relative;border: 1px solid #eee;margin-right: 20px;}
.hotproductC ul li .li_img{width: 218px;height: 218px;display: table-cell;vertical-align: middle;text-align: center; overflow: hidden}
.hotproductC ul li .li_img img{max-height:218px;max-width:218px;_height:218px;_width:218px; border:none; }
.hotproductC ul li p {
    padding: 0 10px;
}
.newborder_price{width:100%;font-size:14px;color: #F44336; margin: 10px 0 0px}
.hotproductC ul li p.newborder_price i.sign,.hotproductC ul li p.newborder_price i.unit{/* color:#888888; */font-size:12px;}
.hotproductC ul li p.newborder_text{height: 24px;line-height: 24px;margin:0px 0 5px;font-size:14px;color:#333;overflow: hidden;}
.hotproductC ul li:hover a{ color:#ec3901;}
.hotproductC ul li .li_img img{width:218px; height:218px;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;}
.hotproductC ul li:hover .li_img img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
/*资料二维码*/
.a-qrcode{position: relative;z-index: 10;}
.a-qrcode>img{vertical-align: middle;}
.a-qrcode .com-qrcode{border-radius: 5px;box-shadow: 1px 5px 15px 0px hsl(0deg 0% 42% / 22%);width:150px;text-align:center;padding:10px;position: absolute;background: #ffffff;bottom: 35px;right: -70px;display: none;}
.a-qrcode .com-qrcode img{}
.a-qrcode .com-qrcode p{font-size: 12px;font-weight: normal;line-height: 16px;text-align: left;margin-top: 3px;padding: 0;}
.a-qrcode:hover .com-qrcode{display:block}
.title_trade .a-qrcode .com-qrcode, .mall-title .a-qrcode .com-qrcode{width:100px;top: 45px;right: -17px;bottom: auto;}
.mall_tab  .a-qrcode{position:absolute;top:12px;right:15px}
.mall_tab  .a-qrcode .com-qrcode{width:100px;top: 30px;right:0;bottom: auto;}
.title_trade .a-qrcode .com-qrcode p, .mall-title .a-qrcode .com-qrcode p{text-align:center;}
/**/
#big_div{z-index:10}
/*city*/
.m-city{border-radius:5px;overflow:hidden;margin-top:10px;box-shadow:0px 4px 10px 0px rgb(0 0 0 / 3%);}
.m-city a:hover{font-weight:bold}
.ad-city {position:relative;padding: 30px 25px 20px 25px;}
.ad-city .search-city-wrapper {line-height: 42px;font-size:18px;}
.ad-city .search-city-wrapper .current-city-head {height: 42px;line-height: 42px;}
.ad-city .search-city-wrapper span.f_r {font-size:16px;font-weight:500;}
.ad-city .current-city-link {display:block;height:32px;line-height:32px;padding:0 15px;border:1px solid #D42725;background:#EE4341;box-sizing:content-box;font-size:16px;color:#FFFFFF;text-align:center;margin-left:18px;margin-top: 4px;border-radius:4px;}
.ad-city .qh-city-link{font-size:14px;margin-left:10px;height: 42px;line-height: 42px;color:#1844a7;}
/**/
.ad-city .hot-city-wrapper {box-sizing: border-box;padding: 15px 0 0;margin: 0 auto;}
.ad-city .hot-city-head {height: 52px;line-height: 52px;}
.ad-city .head-text{font-size: 18px;font-weight: bold;}
.ad-city .hot-city-list .hot-city-item {padding: 5px 8px;}
.ad-city .hot-city-list .hot-city-item .hot-city-link {display: block;font-size: 16px;line-height: 42px;padding: 0 10px;color: #ff6600;}
/**/
.ad-city .letter-city-wrapper {font-size:14px;}
.ad-city .letter-city-wrapper h3 {padding:20px 0 15px 0;font-size: 18px;font-weight: bold;}
.ad-city .letter-city-wrapper h3 span{font-size:16px;font-weight:normal;margin-left: 18px;}
.ad-city .letter-city-wrapper h3 em{font-size:14px;margin-left:5px;font-weight:normal}
.ad-city .letter-city-wrapper h3 em b{color: #FF3300;font-weight:normal}
.search-city-box-content {height:40px;line-height:40px;border:1px solid #DCDCDC;border-radius:4px;margin-left:18px;margin-top:-9px;}
.search-city-input-wrapper {position:relative;}
.search-input {display:block;width:270px;height:40px;font-size:14px;line-height:14px;border:none;outline:none;border-radius:6px;box-sizing:content-box;color:#999;padding:0;padding-left:10px;}
.submiter {display:block;width:70px;height:40px;line-height:40px;font-size:14px;color:#333333;border:none;outline:none;cursor:pointer;background:#DCDCDC;padding:0;}
/**/
.ad-city .letter-city-wrapper .hd{width:100%;margin:20px 0;background-image: linear-gradient(237deg, #efefef 0%, #f7f7f7 100%);border-bottom: 1px solid #DDD;height: 46px;line-height: 46px;}
.ad-city .letter-city-wrapper .hd ul{display: flex;align-items: center;justify-content: space-between;width: 300px;float: left;}
.ad-city .letter-city-wrapper .hd li{text-align:center;width: 100%;margin-left: 10px;padding: 0 10px;height: 35px;line-height: 35px;margin-top: 10px;cursor: pointer;}
.ad-city .letter-city-wrapper .hd li.on{color: #FF3300;border: 1px solid #DDD;padding: 0 10px;border-bottom: 1px solid #FFF;background-color: #FFF;border-radius: 5px 5px 0 0;}
.ad-city .letter-city-wrapper .hd .f_r{margin-right:10px;color: #868686;font-size: 12px;}
.ad-city .letter-city-wrapper .bd{border: 0;}
.ad-city .letter-city-wrapper dl {font-size:14px;overflow:hidden;margin-bottom:18px;}
.ad-city .letter-city-wrapper dl dt {width: 55px;height: 42px;line-height: 42px;font-size:16px;font-weight:bold;}
.ad-city .letter-city-wrapper dl dt span {padding-left:10px;}
.ad-city .letter-city-wrapper dl dd {line-height: 33px;font-size:16px;width: calc(100% - 80px);}
.ad-city .letter-city-wrapper dl dd a {display: block;background: #f2f2f2;border: 1px solid #EAEAEA;float: left;border-radius: 6px;padding: 0 10px;margin: 5px;font-size: 14px;}
.ad-city .letter-city-wrapper dl dd a.h-city-style {color: #F76D4E;text-decoration: underline;}
.ad-city .letter-city-wrapper dl dd a:hover,.ad-city .letter-city-wrapper dl dd a.f_b {color: #FFFFFF !important;background-color: #F76D4E; border: 1px solid #F76D4E;}
.ad-city .letter-city-wrapper dl dd a:hover span,.ad-city .letter-city-wrapper dl dd a.f_b span{color: #FFFFFF !important}
.ad-city .letter-city-wrapper .name-city{}
.ad-city .letter-city-wrapper .name-city dt {width: 75px;height: 42px;line-height: 42px;}
.ad-city .letter-city-wrapper .name-city dt span{}
.ad-city .letter-city-wrapper.name-city dd {width: calc(100% - 100px);}
.ad-city .so-cityli{width:50%;margin-left:50%;background:#f5f5f5;border-radius:8px;}
.ad-city .so-cityli em{color: #FF3300;}
.ad-city .list-set{padding:15px;padding-top: 0;font-size:16px;line-height: 35px;overflow:hidden;}
.ad-city .list-set li{}
.ad-city .list-set li a {display: block;background: #f2f2f2;border: 1px solid #EAEAEA;float: left;border-radius: 6px;padding: 0 10px;margin: 5px;font-size: 14px;background:#ffffff}
/**/
.sort {line-height: initial;padding: 0;width: 100%;border-bottom: 1px solid #f5f5f5;}
.sort-f {}
.sort-k {padding-left: 0;font-weight: normal;width: 70px;color: #999;line-height: 60px;text-align: right;padding-right: 20px;}
.sort-v {width: calc(100% - 100px);}
.sort-v ul{display: inline-block;margin: 12px 0 12px 0;/* height: 35px; *//* overflow: hidden; */}
.sort-v li {padding: 0;margin: 0;height: 30px;line-height: 30px;float: left;margin-top: 6px;}
.sort-v li a {height:24px;line-height:24px;padding:0 10px;float:left;margin-right:10px;color:#666;white-space:nowrap;display:inline-block;border-radius:3px;}
.sort-v li.on a, .sort-v li:hover a, .sort-v li.on1:hover a {color:#fff;background:#0F69DC;}
.sort-v li.on1 a{padding:0 10px;float:left;margin-right:10px;height:26px;line-height:26px;font-size:14px;color:#666;text-align:center;border-radius:3px;background:#eeeeee;}
.sort-v .on {background: none;border-radius: 0;}
.sort-v i {}
.sort-v b {padding:0 20px;}

.sf {line-height:32px;padding:24px 0 0 0;font-size:14px;overflow:hidden;}
.sf-k {width:104px;padding-left:64px;font-weight:bold;float:left;overflow:hidden;}
.sf-v {width:780px;float:left;overflow:hidden;}
.sf-v b {padding:0 24px;}
.sf-v input, .sf-v select {padding:6px;}
.sf-v .kw {width:480px;height:24px;line-height:24px;border:#666666 1px solid;padding:6px 6px 6px 32px;border-radius:6px;background:#FFFFFF url('ico-search.png') no-repeat 10px center;font-size:14px;outline:none;}
.sf-v .btn-blue {padding:0;line-height:30px;width:96px;margin:0 20px 32px 0;border-radius:16px;}
/**/
.imgbox{position:relative;display: inline-block;width: 200px;height: 150px;}
.imgbox_noimg img{display:none}
.imgbox_noimg{background: #3F51B5;background: url(image/nopic290.png);background-size: cover;}
.imgbox.imgbox_noimg .no_thumb{position:absolute;top: 33%;left: 15%;width: 70%;color: #FFFFFF;line-height: 28px;height: 56px;overflow: hidden;font-weight:bold;font-size:18px;z-index:10;}

.info-project-list .imgbox{width: 288px;height: 180px;}
/**/
.panel {overflow:hidden;background: #F6F6F6}
.panel .title {height: 40px;line-height: 40px;padding: 0;font-weight: normal;text-align: left;}
.panel .title h2 {font-size:23px;float:left;font-weight:bold;}
.panel .title a {display:block;float:left;width:100px;text-align:center;line-height: 24px;height:27px;font-weight:bold;border:2px solid #A6A5A5;border-radius:15px;margin-left:20px;margin-top: 7px;font-size:14px;color:#A6A5A5;}
.panel ul{margin-left:-10px}
.panel ul li {width: 303px;height: 395px;background:#FFFFFF;box-shadow: 0px 5px 7px rgb(0 0 0 / 2%);opacity:0.9;border-radius: 5px;margin:10px;float:left;}
.panel ul li .cca {overflow: hidden;width: 100%;display: inline-block;}
.panel ul li .cca img {position:relative;top:0px;left:0px;z-index:90;border-radius: 5px 5px 0 0;height: 150px;transition: all .3s;vertical-align: middle;}
.panel ul li .cca img:hover {transform: scale(1.05);}
.panel ul li .cca span {z-index:99;position:absolute;right:10px;top:-220px;display:block;text-align:center;width:50px;height:25px;line-height:25px;background:#5A79F4;opacity:1;border-radius:15px;color:#fff;font-size:14px;}
.panel ul li div {margin: 5px 10px 0px 15px;}
.panel ul li .tit {margin-top: 15px;font-size: 16px;font-weight:bold;line-height:25px;height: auto;color:#1D1D1D;margin-bottom: 10px;}
.panel ul li .tim {line-height: 22px;height: 22px;color:#959597;}
.panel ul li .pri {font-size: 18px;font-weight:bold;line-height:27px;color:#FF0707;}
.panel ul li .pri span {font-size:12px;font-weight:normal;}
.panel ul li .b1.btnas{background:#FF5722;}
.panel ul li .b1 {width: 125px;height: 33px;background:#605C5D;opacity:1;border-radius:21px;float:left;margin: 20px 0px 20px 20px;display:block;line-height: 33px;color:#fff;text-align:center;font-size: 14px;}
.panel ul li .b1:hover {background:#D33131;}
.panel ul li .b2 {width: 125px;height: 33px;background:#fff;border:1px solid #D0D0D0;border-radius:21px;float:left;margin: 20px 15px 20px 15px;display:block;line-height: 33px;color:#605C5D;text-align:center;font-size: 14px;}
.panel ul li .b2:hover {border:1px solid #D33131;}