@charset "utf-8";
/* CSS Document */ 
/*导航*/




.navx{ width:100%; min-width:1200px;height:45px; background-color:#0076db; font:14px/1.5 "Microsoft YaHei","b8b\4f53",sans-serif; }
.navx #prod{ position: relative; z-index: 9998; }
.navx #prod .cate{ width:185px; height:45px; line-height:45px; background-color:#0164b8; padding-left:15px; float:left; color:#fff; position:relative; z-index:1000; }
.navx #prod .cate a,.navx .cate a:hover{color:#fff;font:14px/1.5 "Microsoft YaHei","b8b\4f53",sans-serif; padding-top:5px; display:block; }
.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: 45px; 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; }

#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 .mod_subcate{ display:none; width:520px;  border:1px solid #dfdfdf; padding:15px 15px 15px 20px; background:#fff; position:absolute; top:6px; z-index:99999; left:198px; overflow:hidden; }
#nav .mod_subcate dl{ width:500px; padding:7px 0 7px 15px; border-bottom:1px #e5e5e5 solid; float:left; overflow:hidden; }
#nav .mod_subcate dl dt { width: 80px; font-size: 13px; color: #1d7ad9; line-height: 22px; height: 22px; font-style: normal; font-variant: normal; font-weight: 700; float: left; font-size-adjust: none; font-stretch: normal; overflow:hidden; }
#nav .mod_subcate dl dt a { color: #1d7ad9;}
#nav .mod_subcate dl dd{ width:370px; margin-left:10px; line-height:22px; float:left; overflow:hidden; }
#nav .mod_subcate dl dd a{ color:#666; font-size:12px; margin:0 10px 0 0; float:left; display:inline; white-space:nowrap; }
#nav .mod_subcate dl dd a.orange{ color:#ff7300; }
#nav .mod_subcate dl dd a:hover{ color:#ff7300; }
#nav .mod_subcate dl dt h3{font-size:16px; color:#ff7300; width:500px; border-bottom:1px #e5e5e5 solid; }

#nav .on { background: #ff6200; }
#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: -300px -51px; }
#nav .on h2.icon4 { background-position: -301px -84px; }
#nav .on h2.icon5 { background-position: -302px -116px; }
#nav .on h2.icon6 { background-position: -302px -150px; }
#nav .on h2.icon7 { background-position: -301px -183px; }
#nav .on h2.icon8 { background-position: -297px -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; }



/*左侧*/ 
.purleft { width: 200px; float: left; }
.purleft .purtit { background: #f9f9f9; border: 1px solid #dfdfdf; height: 38px; line-height: 38px; color: #ff5a00; padding-left: 10px; }
.purleft .purshow { width: 182px; border: 1px solid #dfdfdf; border-top: none; padding: 8px; line-height: 24px; overflow: hidden; }
.purleft .purshow .purtime { width: 14px; height: 14px; background: url(../images/purico.png) no-repeat 0 -30px; display: block; margin: 5px 5px 0 0; }
.purleft .purshow dl { border-bottom: 1px solid #ededed; line-height: 24px; padding: 10px 5px; line-height: 28px; }
.purleft .purshow li { height: 24px; line-height: 24px; background: url(../images/purico.png) 0 -44px no-repeat; padding-left: 10px; width: 200px; overflow: hidden; }

/*轮播图*/
.center{ width:728px; margin:15px 0 0 15px; float:left; }
.center .focus{ width:728px; height:285px; overflow:hidden; position:relative; }
.center .focus .slider img{ width:728px; height:285px; display:block; }
.center .focus .slider{ width:25000px;position:absolute; }
.center .focus .slider li{ float:left; }
.center .focus .num{ position:absolute; right:5px; bottom:7px; }
.center .focus .num li{ float: left; width: 12px; height: 12px; font-family: Arial; cursor: pointer; overflow: hidden; margin: 3px 5px; border: 1px solid #fff; }
.center .focus .num li.on{ width:14px; height:14px; margin: 2px 1px; border: 0; background-color: #ff7300; }
.center .special { width: 706px; height: 142px; border: 1px solid #dfdfdf; padding: 13px 10px; }
.center .special .spetit { width: 70px; height: 110px; text-align: right; padding: 30px 30px 0 0; background: url(../images/purbg.jpg) no-repeat right; font-size: 24px; line-height: 32px; font-family: "微软雅黑"; }
.center .special .spelist li { width: 150px; float: left; text-align: center; line-height: 34px; }
.center .special .spelist img { max-height: 100px !important; max-width: 100px !important; width:expression(this.width > 100 && this.width > this.height ? 100 :true);
height:expression(this.height >100 ? 100:true);
vertical-align: middle; overflow: hidden; }

/*右侧登陆*/
.purright { width: 242px; float: right; overflow: hidden; }
.purright .operation { height: 46px; font: 14px/1.5 "Microsoft YaHei", "宋体b8b\4f53", sans-serif; line-height: 46px; background-color: #f5f5f5; border: 1px solid #dfdfdf; }
.purright .operation .login-btn { width: 120px; background:url(../images/ico.png) no-repeat 32px 14px; text-align: center; border-right: 1px solid #dfdfdf; }
.purright .operation .regist-btn { width: 119px; background: url(../images/ico.png) no-repeat 14px -18px; text-align: center; }

.purright .purarea { width: 220px; border: 1px solid #dfdfdf; border-top: 0; padding: 5px 10px; line-height: 30px; }
.purright .purarea .purname { border: 1px dotted #ff5a00; color: #ff5a00; padding: 3px; }
.purright .purarea li a{ padding:0 3px; }
.purright .purgent { border: 1px solid #dfdfdf; border-top: 0; }
.purright .purgent .purgetit { height: 27px; line-height: 27px; border-bottom: 1px solid #e9e9e9; background: url(../images/purico.png) no-repeat 10px -62px #f8f8f8; padding-left: 25px; }
.purright .purgent ul { padding: 8px 10px; line-height: 24px; }
.purright .purgent ul li { background: url(../images/purico.png) no-repeat 0 -92px; padding-left: 25px; }

/*采购内容*/
.purchtit { height: 30px; line-height: 30px; background: url(../images/purico.png) repeat-x 0 0; padding-right: 15px; }
.purchtit .purchname { width: 125px; float: left; background: #fff; display: block; font-size: 20px; font-family: "微软雅黑"; }
.purchtit .purchname b { width: 30px; height: 30px; text-align: center; float: left; background: #ff5a00; color: #fff; display: block; font-size: 20px; font-family: "微软雅黑"; font-weight: normal; margin-right: 5px; }
.purchtit .more { width: 80px; background: #fff; display: block; float: right; text-align: center; }
.listleft { width: 220px; height: 392px; border: 1px solid #dfdfdf; float: left; }
.listleft .listtop { height: 220px; border-bottom: 1px solid #dfdfdf; background: #fafafa; }
.listleft .listtop li { width: 80px; height: 26px; line-height: 24px; float: left; text-align: center; font-size: 14px; padding: 6px 0 6px 20px; }
.listleft .listtop li a, .listleft .listtop li a:link { width: 78px; height: 24px; display: block; color: #ff620c; background: #fdf7f4; border: 1px dotted #fdae83; text-decoration: none; }
.listleft .listtop li a:hover { color: #fff; background: #ff5a00; border: 1px solid #fdae83; font-weight: bold; }
.listleft .listtop p { height: 40px; line-height: 40px; text-align: center; font-size: 14px; font-family: "微软雅黑"; }
.listleft .listbottom { text-align: center; }
.listmid { width: 742px; height: 392px; float: left; border-top: 1px solid #dfdfdf; }
.listmid li { width: 350px; height: 115px; line-height: 24px; padding: 15px 0 0 20px; float: left; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; background: #fff; }
.listmid li:hover { background: #f7f7f7; }
.listmid dt { width: 100px; height: 100px; float: left; margin-right: 15px; }
.listmid dt img { max-height: 100px !important; max-width: 100px !important; width:expression(this.width > 100 && this.width > this.height ? 100 :true);
height:expression(this.height >100 ? 100:true);
vertical-align: middle; overflow: hidden; }
.listright { width: 235px; height: 392px; float: left; border: 1px solid #dfdfdf; border-left: none; }
.listright .lrtit { height: 40px; line-height: 40px; padding-left: 14px; font-size: 14px; font-family: "微软雅黑"; }
.listright ul { line-height: 30px; background: url(../images/purico.png) 0 -129px no-repeat; margin-left: 14px; padding-left: 22px; }

/*库存*/
.ml12 { margin-left: 12px; }
.stocktab { width: 390px; border: 1px solid #eaeaea; }
.stocktab .stocktit { height: 20px; line-height: 20px; padding: 10px; background: #f4f4f4; }
.stocktab .stocktit .stockname { background:url(../images/ico.png) no-repeat -74px -510px; padding-left: 10px; font-family: "微软雅黑"; }
.stocktab dl { height: 70px; padding: 20px 20px 0 14px; line-height: 22px; }
.stocktab dt { float: left; margin-right: 10px; }
.stocktab dl .name{ width:270px; height:25px; overflow:hidden; }
.stocktab dl .text{ width: 270px; height:43px; line-height:22px; overflow:hidden; margin-left: 55px; }
.stocktab dt img { max-height: 70px !important; max-width: 70px !important; width:expression(this.width > 70 && this.width > this.height ? 70 :true);
height:expression(this.height >70 ? 70:true);
vertical-align: middle; overflow: hidden; }
.stocktab ul { padding: 14px; }
.stocktab ul li { height: 24px; line-height: 24px; background: url(../images/purico.png) 0 -44px no-repeat; padding-left: 10px; overflow: hidden; }
.stocktab .gray { color: #9a9a9a; }

/*友情链接*/
.friendlink li { padding: 8px 10px 0 10px; word-break: keep-all; float: left; }
.friendlink .ftitle { height: 40px; border-bottom: 2px solid #dfdfdf; font: 18px/2.5 "Microsoft YaHei"; }

/*面包屑*/
.crumbs { height: 27px; line-height: 27px; background: #f1f1f1; border: 1px solid #e4e4e4; padding-left: 12px; width: 1186px; }
.crumbs .mr10 { margin-right: 10px; }

/*列表-左侧*/
.pleftbar { width: 942px; float: left; }
.pleftbar .pleftit { background: #f5f5f5; border: 1px solid #dfdfdf; padding: 10px; float: left; width: 920px; }
.pleftbar .pleftshow { width: 900px; line-height: 24px; border: 1px solid #dfdfdf; border-top: none; padding: 10px 20px 20px 20px; float: left; }
.pleftbar .pleftshow .plshow { height: 100px; border-bottom: 1px dotted #c8c8c8; padding: 15px 10px; }
.pleftbar .pleftshow .plshow .pldetail { width: 386px; float: left; margin-right: 135px; }
.pleftbar .pleftshow .plshow .plarea { width: 130px; float: left; margin: 20px 115px 0 0; }
.pleftbar .pleftshow .plshow .plicon { width: 100px; float: left; margin-top: 20px; }
.pleftbar .pleftshow .plshow .plicon a{ float:left; }
.pleftbar .pleftshow .plshow .plicon2 { background: url(../images/purico.png) no-repeat 0 -92px; padding-left: 25px; }
a.purbtn { width: 56px; height: 22px; line-height: 22px; text-align: center; background: #ff5c01; display: block; color: #fff; }
.pinput { border: 1px solid #dcdcdc; height: 22px; line-height: 22px; padding: 0 3px; }

/*联系我们、在线议价*/
.btn-msg,.btn-tel{ height:28px; padding-left:26px; background:url(../images/ico.png) no-repeat; display:block; cursor:pointer; }
.btn-msg{ background-position:-128px -649px; }
.btn-tel{ background-position:2px -650px; }

/*类目*/
.category1 { width: 1178px; border: 1px solid #e4e4e4; border-top: 2px solid #ff6600; padding: 10px 10px 7px 10px; overflow: hidden; }
.category1 h2 { width: 48px; height: 24px; line-height: 26px; text-align: center; background-color: #ff6600; color: #fff; float: left; }
.category1 ul { float: left; width: 1050px; line-height: 28px; padding-bottom: 4px; overflow: hidden; }
.category1 ul li { float: left; padding: 0 15px; white-space: nowrap; }
.category1 .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; }
.category1 .more { background-position: -191px -523px; }
.category1 .more:hover { background-position: -240px -523px; text-decoration: none; color: #ff6600; }
.category1 .show { background-position: -191px -542px; }
.category1 .show:hover { background-position: -240px -542px; }

/*列表-右侧*/
.prightbar { width: 242px; float: right; }
.prightbar .purtit { background: #f9f9f9; border: 1px solid #dfdfdf; height: 38px; line-height: 38px; padding-left: 10px; }
.prightbar .purshow { border: 1px solid #dfdfdf; border-top: none; padding: 10px 16px; line-height: 28px; }
.purretit { background: #f9f9f9; border: 1px solid #dfdfdf; height: 38px; line-height: 38px; padding-left: 10px; }
.purreshow { border: 1px solid #dfdfdf; line-height: 24px; border-top: none; width: 1198px; float: left; }
.purreshow li { width: 166px; float: left; margin: 10px 15px; text-align: center; }
.purreshow li img { max-height: 164px !important; max-width: 164px !important; width:expression(this.width > 164 && this.width > this.height ? 164 :true);
height:expression(this.height >164 ? 164:true);
vertical-align: middle; overflow: hidden; border: 1px solid #e0e0e0; padding: 1px; }

/*详情页*/
.purdetail { width:904px; border: 1px solid #dfdfdf; line-height: 24px; border-top: none; padding: 18px; float: left; }
.purdetail .detailtit { border-bottom: 1px solid #e5e5e5; height: 28px; position: relative; width: 900px; float: left; font-size: 14px; }
.purdetail .detailtit span { background: #fff; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-top: 2px solid #fc7a2f; display: block; width: 92px; text-align: center; line-height: 28px; position: absolute; top: -1px; z-index: 999; color: #fc7a2f; font-weight: bold; }
.purdetail .m20 { margin: 20px; }
.rocembar { border: 1px solid #dfdfdf; border-top: none; width: 940px; float: left; }
.rocomtab { width: 880px; padding: 0 20px; margin: 12px 0; }
.rocomtab ul li { width:350px; height: 24px; line-height: 24px; background: url(../images/purico.png) 0 -44px no-repeat; padding-left: 10px; margin:0 40px 0 20px; overflow: hidden; float:left; 　
}
.rocomtab .gray { color: #9a9a9a; }

/*产品详细页*/
.purchshow { border-bottom: 1px solid #f0f0f0; height: 340px; margin-bottom: 30px; }
.purchshow .bigimg { width: 400px; height: 340px; float: left; }
.purchshow .bigimg dt { width: 312px; height: 312px; }
.purchshow .bigimg .proimg1 { display: table-cell; width: 310px; height: 310px; font-size: 118px; *font-size:140px;
text-align: center; vertical-align: middle; overflow: hidden; border: 1px solid #e3e3e3; }
.purchshow .bigimg .proimg1:hover { border: 1px solid #ff5a00; }
.purchshow .bigimg .proimg1 img { max-height: 310px !important; max-width: 310px !important; width:expression(this.width >310 && this.width > this.height ? 310 :true);
height:expression(this.height >310 ? 310:true);
vertical-align: middle; overflow: hidden; }
.purchshow .bigimg dd { float: left; margin: 0 0 14px 12px; overflow: hidden; width: 61px; height: 61px; line-height: 59px; *height:63px;
border: 1px solid #e3e3e3; text-align: center; padding: 1px; }
.purchshow .bigimg dd a { height: 100%; vertical-align: middle\9; _writing-mode: tb-rl; }
.purchshow .bigimg dd a img { vertical-align: middle; max-height: 61px !important; max-width: 61px !important; }
.purchshow .explain { width: 448px; float: left; }
.purchshow .explain ul { width: 408px; background: #fafafa; border-top: 1px dotted #bfbfbf; border-bottom: 1px dotted #bfbfbf; margin-left: 22px; line-height: 30px; padding: 20px; margin-top: 10px; }
.purchshow .explain .procontact { width: 316px; height: 94px; }
.purchshow .explain .procontact a, .prodetail .explain .procontact a:hover { cursor: pointer; }
/*2015.5.13添加最新采购列表*/
.newarea{ width:940px; border:1px solid #ffcdcd; border-top:0; height:34px; background:#fffbfb; }
.newarea li{ float:left; padding:0 10px; margin:7px 0 0 10px; }
.newarea .biztype{ background:url(../../../image/prolist/ico1.gif) no-repeat 0 0; width:58px; height:22px; line-height:22px; }
.newarea .txt{ width:65px; height:22px; line-height:22px; border:1px solid #d6d5d5; }