@charset "utf-8";
/* CSS Document */
/*导航*/
.nav{width:100%;height:40px;background-color:#db2242;font:14px/1.5 "Microsoft YaHei","宋体b8b\4f53",sans-serif;}
.nav #prod{width:185px;height:40px;float:left;position:relative;z-index:9998;}
.nav #prod .cate{width:185px;height:40px;line-height:40px;background-color:#c8203e;padding-left:15px;color:#fff;}
.nav #prod .cate a,.nav .cate a:hover{color:#fff;text-decoration:none;}
.nav #prod .cate .ico{width:18px;height:18px;background:url(../images/ico01.png) no-repeat -266px -231px;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/ico01.png) no-repeat;padding-left:25px;float:left;}
.nav-sub ul .icon1{background-position:3px -50px;}
.nav-sub ul .icon2{background-position:3px -83px;}
.nav-sub ul .icon3{background-position:2px -115px;}
.nav-sub ul .icon4{background-position:3px -150px;}
.nav-sub ul .icon5{background-position:3px -180px;}
.nav-sub ul .icon6{background-position:3px -215px;}
.nav-sub ul .icon7{background-position:1px -246px;}
.nav-sub ul .icon8{background-position:2px -279px;}
.nav-sub ul .icon9{background-position:0 -313px;}
.nav-sub ul .icon10{background-position:3px -344px;}

#nav .mod_cate,#nav .mod_cate2{width:184px;height:45px;line-height:45px;padding:0 7px;background:url(../images/line.gif) repeat-x bottom;float:left;}
#nav .mod_cate h2,#nav .mod_cate2 h2{font-size:14px;font-weight:normal;font-family:"Microsoft Yahei";}
#nav .mod_cate h2 a,#nav .mod_cate2 h2 a{color:#444;}
#nav .mod_cate h2 a:hover,#nav .mod_cate2 h2 a:hover{text-decoration:none;}


#nav .on{background:#db2242;}
#nav .on h2 a{color:#fff;}
#nav .on h2.icon1{background-position:-302px 14px;}
#nav .on h2.icon2{background-position:-300px -19px;}
#nav .on h2.icon3{background-position:-301px -53px;}
#nav .on h2.icon4{background-position:-301px -86px;}
#nav .on h2.icon5{background-position:-300px -118px;}
#nav .on h2.icon6{background-position:-300px -150px;}
#nav .on h2.icon7{background-position:-299px -181px;}
#nav .on h2.icon8{background-position:-299px -215px;}
#nav .on h2.icon9{background-position:-299px -249px;}
#nav .on h2.icon10{background-position:-301px -278px;}
#nav .on .mod_subcate{display:block !important;/* !important 强制显示，否则会闪烁*/ }
#nav .on .mod_cate_r a{color:#666;}

.nav .nav-mid{width:740px;margin-left:20px;float:left;}
.nav .nav-mid li{width:72px;margin-right:10px;height:40px;line-height:40px;text-align:center;float:left;}
.nav .nav-mid li a{color:#fff;display:block;}
.nav .nav-mid li a:hover{color:#ff9bac;text-decoration:none;}
.nav .nav-mid li.active a{font-weight:bold;color:#db2242;text-decoration:none;height:40px;line-height:40px;background:url(../images/ico01.png) no-repeat -213px -189px;}

.nav .nav-right{width: 240px;float:right;font-size:12px;height:40px;line-height:40px;}
.nav .nav-right i{background:url(../images/ico01.png) no-repeat 0px -531px;display:block;width:2px;float:left;height:30px;}
.nav .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 #db2242; padding: 10px 10px 7px 10px; overflow: hidden; }
.category h2 { width: 48px; height: 24px; line-height: 26px; text-align: center; background-color: #db2242; 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/ico01.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; }

.townav .navse{ width:99%; border:1px solid #db2242; padding-bottom:0px;}
.navsi li a{ font-weight:600; font-size:14px; display:block;}
.navsi li a:hover{ color: #db2242;}
.navsi li a.activ{ color: #db2242;}
.activ{ position:relative;}
.activ:after{ content: ''; display: inline-block; border: 6px solid transparent; width: 0;  height: 0; line-height: 0;  vertical-align: middle;   border-bottom-color: #db2242;  margin:0 -12px 0 -6px; vertical-align: -1px; position:absolute; bottom:-4px; left:50%;}
.townav { width:100%; overflow:hidden;}
.townav .navse li a:hover{ color:#db2242;}
.townav .navse li a.cur{color:#db2242;}

/*筛选条件*/
.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 .list { width: 943px; padding: 5px 0 10px 0; border-bottom: 1px dashed #dcdcdc; line-height:26px; overflow: hidden; }
.leftbox .list:hover{ background-color:#f5f5f5; cursor:pointer; }
.leftbox .list .inform { float: left; display: inline; margin-left: 10px; margin-right: 36px; width: 420px; }
.leftbox .list .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: right; }

.leftbox .list .inform .round a:link, .leftbox .list .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 .list .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 .list .proshow { width: 460px; margin: 10px 0 0 0; }
.leftbox .list .proshow li { width: 103px; float: left; padding: 5px 5px 10px 5px; }
.leftbox .list .proshow dt { width: 95px; height: 95px; border: 1px solid #ddd; padding: 3px; overflow: hidden }
.leftbox .list .proshow dt:hover { width: 95px; height: 95px; border: 1px solid #ff5a00; }
.leftbox .list .proshow dd { margin-top: 5px; text-align: center; }

.leftbox .list .com-code{ height:130px; padding-left:10px; border-left:1px solid #ececec; margin-left:5px; display:inline; }
.leftbox .list .com-code dt{ margin:8px 0 0 8px; display:inline; }
.leftbox .list .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:196px; border-top:0; padding:15px 0 0 30px; }
.rightbox .tjhot .bk li{ padding:5px 0 15px 0; /*height:240px;*/ }
.rightbox .tjhot .bk li dt{ overflow:hidden; width:180px; height:180px; line-height:178px; *line-height:182px; text-align:center; margin-bottom:5px; }
.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/ico01.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/ico01.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; }


/*没找到相关企业*/
.nothing { width: 780px; margin:150px auto; text-align: center; }
.nothing p { width: 278px; height: 50px; padding: 30px 0 0 40px; background: url(../images/nothing.gif) no-repeat; font-weight: bold; font-size: 15px; color: #585858; margin: 0 auto; }
.error { color:#F00;}