@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; }



/*左侧*/ 

.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: 14px; height: 14px; font-family: Arial; cursor: pointer; overflow: hidden; margin: 3px 5px; border: 1px solid #fff; }

.center .focus .num li.on { width: 18px; height: 18px; 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: 456px; float: left; margin-right: 65px; }

.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; }



/*类目*/

.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; }

.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; }



/*列表-右侧*/

.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; }

.purretit span{38px; line-height: 38px; padding-right: 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; }

.purreshowx { border: 1px solid #dfdfdf; line-height: 24px; border-top: none; width:940px; float: left; }

.purreshowx li { width: 166px; float: left; margin: 10px 11px; text-align: center; }

.purreshowx 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(../images/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; }