@charset "utf-8";

/* CSS Document */

/*导航*/

.navx { width: 100%; height: 40px; background-color: #ff6200; font: 16px/1.5 "Microsoft YaHei", "宋体b8b\4f53", sans-serif; }

.navx #prod { width: 185px; height: 40px; float: left; position: relative; z-index: 9998; }

.navx #prod .cate { width: 185px; height: 40px; line-height: 40px; background-color: #ff500b; padding-left: 15px; color: #fff; }

.navx #prod .cate a, .navx .cate a:hover { color: #fff; text-decoration: none; }

.navx #prod .cate .ico { width: 18px; height: 18px; background: url(../images/ico.png) no-repeat -266px -229px; margin: 5px 10px 0 0; _margin-top: 10px; display: inline-block; }



/*左侧菜单栏*/

.nav-sub { width: 198px; height: 450px; border: 1px solid #dfdfdf; background-color: #f5f5f5; position: absolute; z-index: 9999; left: 0; top: 40px; display: none; }

.nav-sub ul .icon { background: url(../images/ico.png) no-repeat; padding-left: 25px; float: left; }

.nav-sub ul .icon1 { background-position: 5px -50px; }

.nav-sub ul .icon2 { background-position: 5px -83px; }

.nav-sub ul .icon3 { background-position: 5px -115px; }

.nav-sub ul .icon4 { background-position: 4px -148px; }

.nav-sub ul .icon5 { background-position: 2px -180px; }

.nav-sub ul .icon6 { background-position: 3px -215px; }

.nav-sub ul .icon7 { background-position: 0 -246px; }

.nav-sub ul .icon8 { background-position: 0 -279px; }

.nav-sub ul .icon9 { background-position: 0 -313px; }

.nav-sub ul .icon10 { background-position: 3px -344px; }



#navx .mod_cate, #navx .mod_cate2 { width: 184px; height: 45px; line-height: 45px; padding: 0 7px; background: url(../images/line.gif) repeat-x bottom; float: left; }

#navx .mod_cate h2, #navx .mod_cate2 h2 { font-size: 14px; font-weight: normal; font-family: "Microsoft Yahei"; }

#navx .mod_cate h2 a, #navx .mod_cate2 h2 a { color: #444; }

#navx .mod_cate h2 a:hover, #navx .mod_cate2 h2 a:hover { text-decoration: none; }

#navx .mod_subcate { display: none; width: 520px; height: 418px; border: 1px solid #dfdfdf; padding: 15px 15px 15px 20px; background: #fff; position: absolute; top: 6px; z-index: 99999; left: 198px; overflow: hidden; }

#navx .mod_subcate dl { width: 500px; padding: 7px 0 7px 15px; border-bottom: 1px #e5e5e5 solid; float: left; overflow: hidden; }

#navx .mod_subcate dl dt { width: 65px; font-size: 12px; color: #1d7ad9; line-height: 22px; font-style: normal; font-variant: normal; font-weight: 700; float: left; font-size-adjust: none; font-stretch: normal; }

#navx .mod_subcate dl dd { line-height: 22px; float: left; overflow: hidden; }

#navx .mod_subcate dl dd a { color: #666; font-size: 12px; margin: 0 10px 0 0; float: left; display: inline; white-space: nowrap; }

#navx .mod_subcate dl dd a.orange { color: #ff7300; }

#navx .mod_subcate dl dd a:hover { color: #ff7300; }



#navx .on { background: #ff6200; }

#navx .on h2 a { color: #fff; }

#navx .on h2.icon1 { background-position: -302px 14px; }

#navx .on h2.icon2 { background-position: -300px -19px; }

#navx .on h2.icon3 { background-position: -300px -51px; }

#navx .on h2.icon4 { background-position: -301px -84px; }

#navx .on h2.icon5 { background-position: -302px -116px; }

#navx .on h2.icon6 { background-position: -302px -150px; }

#navx .on h2.icon7 { background-position: -301px -183px; }

#navx .on h2.icon8 { background-position: -297px -215px; }

#navx .on h2.icon9 { background-position: -299px -249px; }

#navx .on h2.icon10 { background-position: -301px -278px; }

#navx .on .mod_subcate { display: block !important;/* !important 强制显示，否则会闪烁*/ }

#navx .on .mod_cate_r a { color: #666; }



.navx .nav-mid { width: 820px; margin-left: 20px; float: left; }

.navx .nav-mid li { width: 72px; margin-right: 10px; height: 40px; line-height: 40px; text-align: center; float: left; }

.navx .nav-mid li a { color: #fff; display: block; }

.navx .nav-mid li a:hover { color: #ffcc66; text-decoration: none; }

.navx .nav-mid li.active a { font-weight: bold; color: #fe5f00; text-decoration: none; height: 40px; line-height: 40px; background: url(../images/ico.png) no-repeat -213px -184px; }

.navx .nav-right { width: 160px; padding-top: 11px; background: url(../images/ico.png) no-repeat 0 -531px; float: right; font-size: 12px; }

.navx .nav-right li { float: right; padding-left: 20px; }



/*面包屑*/

.crumbs { height: 27px; line-height: 27px; background: #f1f1f1; border: 1px solid #e4e4e4; padding-left: 12px; width: 1186px; }

.crumbs .mr10 { margin-right: 10px; }

.crumbs .key { font-size: 12px; display: inline; }



/*类目*/

.category { width: 1178px; border: 1px solid #e4e4e4; border-top: 2px solid #ff6600; padding: 10px 10px 7px 10px; overflow: hidden; }

.category h2 { width: 48px; height: 24px; line-height: 26px; text-align: center; background-color: #ff6600; color: #fff; float: left; }

.category ul { float: left; width: 1050px; line-height: 28px; padding-bottom: 4px; overflow: hidden; }

.category ul li { float: left; padding: 0 15px; white-space: nowrap; word-break: break-all; }

.category .more { background: url(../images/ico.png) no-repeat; display: block; width: 32px; height: 18px; line-height: 20px; margin: 5px 10px 0 0; padding-left: 16px; float: right; }

.category .more { background-position: -191px -523px; }

.category .more:hover { background-position: -240px -523px; text-decoration: none; color: #ff6600; }

.category .show { background-position: -191px -542px; }

.category .show:hover { background-position: -240px -542px; }



/*筛选条件*/

.select { width: 1180px; height: 40px; background-color: #f5f5f5; padding: 0 10px; }

.select li { float: left; padding: 0 10px; margin: 7px 0 0 10px; }

.select .txt { width: 95px; height: 22px; line-height: 22px; border: 1px solid #d6d5d5; border-right: 0; }

.select .select-btn { width: 45px; height: 22px; line-height: 22px; text-align: center; background-color: #eaeaea; border: 1px solid #d6d5d5; display: block; float: left; }



/*企业列表产品展示*/

.leftbox{ width:943px; float:left; overflow:hidden; }

.leftbox .listx { width: 943px; padding: 5px 0 10px 0; border-bottom: 1px dashed #dcdcdc; line-height:26px; overflow: hidden; }

.leftbox .listx:hover{ background-color:#f5f5f5; cursor:pointer; }

.leftbox .listx .inform { float: right; display: inline; margin-left: 10px; margin-right: 36px; width: 770px; }

.leftbox .listx .inform ul { float: left; }

.leftbox .btn { margin: 12px 0 0 0; _margin: 20px 0 0 10px; height: 22px; line-height: 22px; cursor: pointer; }

.leftbox .pro { float: left; }



.leftbox .listx .inform .round a:link, .leftbox .listx .inform .round a:visited { color: #fff; background: #BBBBBB; display: inline-block; position: relative; padding: 0 6px; padding: 2px 6px 0 6px \9; margin: 2px; word-break: keep-all; text-align: center; text-decoration: none; font: normal 12px/16px Arial, sans-serif; border-radius: 5px; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; }

.leftbox .listx .inform .round a:hover { text-decoration: none; background: #ff5a00; position: relative; padding: 0 6px; padding: 2px 6px 0 6px \9; margin: 2px; word-break: keep-all; text-align: center; text-decoration: none; font: normal 12px/16px Arial, sans-serif; border-radius: 5px; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; }



.leftbox .listx .proshow { width: 110px; margin: 10px 0 0 0; }

.leftbox .listx .proshow li { width: 103px; float: left; padding: 5px 5px 10px 5px; }

.leftbox .listx .proshow dt { width: 95px; height: 95px; border: 1px solid #ddd; padding: 3px; overflow: hidden }

.leftbox .listx .proshow dt:hover { width: 95px; height: 95px; border: 1px solid #ff5a00; }

.leftbox .listx .proshow dd { margin-top: 5px; text-align: center; }



.leftbox .listx .com-code{ height:130px; padding-left:10px; border-left:1px solid #ececec; margin-left:5px; display:inline; }

.leftbox .listx .com-code dt{ margin:8px 0 0 8px; display:inline; }

.leftbox .listx .ac{ width:100px; text-align:center; }

 

 /*列表页左侧内容*/

.rightbox { width:242px; float:right; overflow:hidden; }

.rightbox .tjhot{ width:240px; border:1px solid #dfdfdf; }

.rightbox .tjhot .rtitle{ height:39px; line-height:39px; background-color:#f5f5f5; padding-left:10px; border-bottom:1px solid #dfdfdf; }

.rightbox .tjhot .bk{ width:240px; border-top:0;}

.rightbox .tjhot .bk li{ padding:5px 0 15px 0; height:227px; }

.rightbox .tjhot .bk li dt{ overflow:hidden; width:180px; height:180px; line-height:178px; *line-height:182px; text-align:center; margin:8px 30px 8px 30px; border:1px solid #dfdfdf; }

.rightbox .tjhot .bk li dd{ overflow:hidden; width:180px;text-align:center; margin:10px 30px 10px 30px; }

.rightbox .tjhot .bk li dt a{ height:100%; vertical-align:middle\9; _writing-mode: tb-rl; }

.rightbox .tjhot .bk li dt img { vertical-align:middle; max-height:180px !important; max-width:180px !important; }



/*相关热词推荐*/

.rightbox{ width:242px; float:right; }

.rightbox .recommend{ width:240px; border:1px solid #dfdfdf; float:left; overflow:hidden; }

.rightbox .com-tit{ height:30px; line-height:30px; background:#f1f1f1; border-bottom:1px solid #d2d2d2; padding-left:10px; }

.rightbox .recommend ul{ padding:10px; line-height:24px; }

.rightbox .recommend ul li{ width:222px; line-height:30px; border-bottom:1px dotted #dfdfdf; float:left; }

.rightbox .recommend ul li a{ width:100px; padding-right:10px; float:left; display:block; }



/*企业详情左侧*/

.com_left { border: 1px solid #dfdfdf; width: 940px; float: left; padding-bottom:30px; }

.com_left .summary .title{ height:30px; border-bottom:1px solid #eee; background:#f1f1f1; padding-top:9px; }

.com_left .summary .title span{ border-left:5px solid #d51013; color:#d51013; font-weight:bold; height:20px; display:block; padding-left:15px; font-size:14px; }

.com_left .summary .con{ padding:15px 25px; line-height:26px; }



/*详细页---推荐产品*/

.leftbox .com_left .recom .title { height: 30px; border-bottom: 1px solid #eee; background: #f1f1f1; padding-top: 9px; }

.leftbox .com_left .recom .title .tit-left { border-left: 5px solid #d51013; color: #d51013; font-weight: bold; height: 20px; display: block; padding-left: 15px; font-size: 14px; float: left; }

.leftbox .com_left .recom .title .more { float: right; margin-right: 10px; }



.leftbox .com_left .product-recommend{ width:920px; padding:10px; float:left; }

.leftbox .com_left .product-recommend li{ width:130px; float:left; padding:5px 16px; margin:7px 9px 0 12px; _margin:7px 9px 0 9px; }

.leftbox .com_left .product-recommend dt{ width:128px; height:128px; line-height:128px; text-align:center; overflow:hidden; border:1px solid #ddd; }

.leftbox .com_left .product-recommend dt a { height:100%; vertical-align:middle\9; _writing-mode: tb-rl; }

.leftbox .com_left .product-recommend dt a img { vertical-align: middle; max-height: 128px !important; max-width: 128px !important; }

.leftbox .com_left .product-recommend dt:hover{ width:128px; height:128px; border:1px solid #ff5a00;}

.leftbox .com_left .product-recommend dd{ margin-top:10px; width:128px; }

.leftbox .com_left .product-recommend li:hover{ background-color:#f5f5f5;}

/*兼容谷歌浏览器*/

 @media screen and (-webkit-min-device-pixel-ratio:0) {

.leftbox .com_left .product-recommend dt {

overflow:hidden;

width:128px;

height:128px;

line-height:128px;

border:1px solid #ddd;

text-align:center;

display:table-cell;

vertical-align: middle;

}}

#content1{ height:150px;}

#content2{ display:none; min-height:150px;  _height:150px; }



.leftbox .com_left .contact .title { height: 30px; border-bottom: 1px solid #eee; background: #f1f1f1; padding-top: 9px; }

.leftbox .com_left .contact .title span { border-left: 5px solid #d51013; color: #d51013; font-weight: bold; height: 20px; display: block; padding-left: 15px; font-size: 14px; float: left; }



.leftbox .com_left .contact .con{ padding:20px 0; }

.leftbox .contact p { width: 430px; float: left; margin:0 20px 0 10px; line-height: 28px; *line-height:!important; font-size: 14px; display:inline; }

.leftbox .contact p span { display: block; float: left; width: 70px; color: #666; }

.leftbox .com_left .liuyan .title { height: 30px; border-bottom: 1px solid #eee; background: #f1f1f1; padding-top: 9px; }

.leftbox .com_left .liuyan .title span { border-left: 5px solid #d51013; color: #d51013; font-weight: bold; height: 20px; display: block; padding-left: 15px; font-size: 14px; float: left; }



/*详细页---留言*/

.leftbox .com_left .liuyan input{ width:200px; height:26px; line-height:26px; border:1px solid #dfdfdf; }

.leftbox .com_left .liuyan .con { width:720px; margin:50px 0 0 80px; }

.leftbox .com_left .liuyan .con h1 { font-size: 12px; line-height: 26px; background: #eaedf4; padding: 0 10px; }

.leftbox .com_left .liuyan .con p { margin: 20px; }

.leftbox .com_left .liuyan .con p input { width: 170px; }

.leftbox .com_left .liuyan .con p .inp { width: 480px; height: 100px; }

.leftbox .com_left .liuyan .con p span { color:#444; font-weight: bold; display: block; float: left; width: 70px; text-align: right; }

.leftbox .com_left .liuyan .con p font { color: #999; font-size:12px; background:url(../images/ico.png) no-repeat -150px -609px; padding-left:15px; }

.leftbox .com_left .liuyan .con p font img{ margin-right:3px; }

.button { background: url(../images/btn01.jpg) no-repeat 0 0; width: 120px; height: 30px; line-height: 30px; text-align: center; margin-left: 90px; color: #fff; font-family: "微软雅黑"; }

.button a { display: block; color: #fff; text-decoration: none; }



/*诚信档案*/

.honor{ width:240px; border:1px solid #dfdfdf; overflow:hidden; zoom:1; }

.honor .title{ height:32px; line-height:32px; padding-left:10px; border-bottom:1px solid #dfdfdf; background-color:#f6f6f6; }

.honor .company-name{ width:240px; text-align:center; line-height:24px; padding-top:15px; float:left; }

.honor .company-name li{ width:240px; float:left; }

.honor .company-name .year{ width:130px; height:18px; line-height:18px; background-color:#ea0f1f; border-radius:2px; color:#fff; margin:15px 0 0 55px; display:inline; }

.honor .company-name .year .vip{ width:25px; height:20px; background:url(../images/ico.png) -212px -254px; display:block; float:left; }



.honor .company-honor{ padding:0 0 15px 25px; line-height:26px; float:left; }

.honor .company-honor .company-code{ margin:10px 0 0 50px; }



/*诚信认证提示*/

.tip { width: 192px; height: 30px; line-height: 30px; text-align: center; margin: 30px 0 0 20px; *margin:10px 0 0 0; border: 1px solid #9e4b2b; background-color: #fbf9a6; position: relative; color: #9e4b2b; }

.tip .arrow1, .tip .arrow2 { position: absolute; overflow: hidden; font-family: "SimSun"; display: block; }

.tip .arrow1 { z-index: 2; left: 95px; top: -15px; color: #9e4b2b; font-size: 14px; }

.tip .arrow2 { z-index: 3; left: 96px; top: -14px; color: #fbf9a6; font-size: 12px; }