/*导航*/

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

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

.select .tablink{ padding:12px 10px 0 0; float:right; }

.select .tablink .select_img,.select .tablink .select_noimg,.select .tablink .select_img1,.select .tablink .select_noimg1{ background:url(../images/ico.png) no-repeat; padding-left:15px; }

.select .tablink .select_img{ background-position:-238px -432px; }

.select .tablink .select_noimg{ background-position: -238px -403px; }

.select .tablink .select_img1{ background-position:-238px -370px; }

.select .tablink .select_noimg1{ background-position: -238px -463px; }



/*小图列表样式*/

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

.leftbox .list{ width:943px; height:122px; padding-top:8px; border-bottom:1px dotted #dcdcdc;float:left;}

.leftbox .list li{ float:left; }

.leftbox .list .img{ overflow:hidden; width:102px; height:102px; line-height:100px; *height:104px; border:1px solid #d2d2d2; text-align:center; margin-bottom:5px; }

.leftbox .list .img a{ height:100%; vertical-align:middle\9; _writing-mode: tb-rl;}

.leftbox .list .img img { vertical-align:middle; max-height:102px !important; max-width:102px !important; }

.leftbox .list .inform{ width:490px; table-layout:fixed; word-break: break-all; margin-left:10px; }

.leftbox .list .inform .text{ width:490px; height:40px; margin-top:10px; overflow:hidden; }

.leftbox .price{ width: 140px; margin:45px 0 0 70px; }

.leftbox .btn{ padding: 20px 0 0 35px; cursor:pointer; }

.btn-qq,.btn-msg,.btn-tel{ height:28px; line-height:28px; padding-left:26px; background:url(../images/ico.png) no-repeat; display:block; cursor:pointer; }

.btn-qq{ background-position:-236px -647px; }

.btn-msg{ background-position:-128px -647px; }

.btn-tel{ background-position:2px -647px; }



/*大图产品列表*/

.leftbox .product{ width:963px; }

.leftbox .product dl{ width:192px; height:356px; border-bottom:1px dotted #dfdfdf; margin:10px 0 15px 0; float:left; overflow:hidden; }

.leftbox .product dl dt { width:160px; height:160px; line-height:160px; text-align:center; border:1px solid #dfdfdf; float:left; overflow:hidden; }

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

.leftbox .product dl dt img { vertical-align:middle; max-height:160px !important; max-width:160px !important; }

.leftbox .product dl dd{ width:160px; float:left; overflow:hidden; }

.leftbox .product dl .text{ width:160px; height:24px; overflow:hidden; }

.leftbox .product .small{ width:180px; }

.leftbox .product .small p{ width:32px; height:32px; line-height:30px; border:1px solid #dfdfdf; text-align:center; float:left; padding:1px; margin:8px 5px 0 0; overflow:hidden; }

.leftbox .product .small p:hover{ border:1px solid #ff0000; }

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

.leftbox .product .small p img { vertical-align:middle; max-height:32px !important; max-width:32px !important; }



/*底部热门推荐*/

.leftbox .top-reconmmend{ width:941px; border:1px solid #dfdfdf; overflow:auto; zoom:1; }

.leftbox .top-reconmmend .hottit{ height:30px; line-height:30px; background:#f1f1f1; border-bottom:1px solid #d2d2d2; padding:0 10px; }

.leftbox .top-reconmmend ul li{ float:left; margin:20px 10px 30px 10px; }

.leftbox .top-reconmmend ul li dt{ overflow:hidden; width:160px; height:160px; line-height:158px; *height:162px; border:1px solid #d2d2d2; text-align:center; margin-bottom:5px; }

.leftbox .top-reconmmend ul li dt a{ height:100%; vertical-align:middle\9; _writing-mode: tb-rl; }

.leftbox .top-reconmmend ul li dt a img{ vertical-align:middle; max-height:160px !important; max-width:160px !important; }

.leftbox .top-reconmmend ul li dd{ width:160px; _padding-bottom:15px; text-align:center;}



/*相关热词推荐*/

.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:100px; line-height:30px; border-bottom:1px dotted #dfdfdf; float:left; }

.rightbox .recommend ul li a{ width:100px; padding-right:10px; text-align:center; display:block; }



/*最新产品*/

.rightbox .news-pro{ width:240px; border:1px solid #dfdfdf; float:left; }

.rightbox .news-pro dl{ width:230px; border-bottom:1px dotted #aaa; margin:12px 0 0 7px; _margin-left:3px; padding-bottom:10px; line-height:20px; float:left; }

.rightbox .news-pro dl dt { width:70px; height:70px; line-height:68px; border:1px solid #dfdfdf; text-align:center; float:left; margin:3px 7px 0 0; overflow:hidden; }

.rightbox .news-pro dl dt a { height:100%; vertical-align:middle\9; _writing-mode: tb-rl; }

.rightbox .news-pro dl dt img { vertical-align:middle; max-height:70px !important; max-width:70px !important; }



/*产品详细页*/

.prodetail { width: 919px; padding: 16px 0 20px 22px; float: left; }

.prodetail .roll { width: 300px; float: left; margin-left: 15px; }

.prodetail .roll .datu { width: 282px; height: 282px; }

.prodetail .roll .datu .proimg1 { width: 280px; height: 280px; border: 1px solid #ddd; text-align: center; overflow: hidden; display: inline-block; text-align: center; vertical-align: middle; }

.prodetail .roll .datu .proimg1 img { vertical-align: middle; max-height: 280px !important; max-width: 280px !important; width: expression(this.width > 280 && this.width > this.height ? 280 :true);

height:expression(this.height >280 ? 280: true); }



/*产品展示*/

.prodetail .roll .xiaotu li { width:62px; height:62px; line-height:60px; *height:64px;

border:1px solid #ddd; text-align:center; margin:20px 6px 0 0; float:left; overflow:hidden; } 

.prodetail .roll .xiaotu li:hover{ border:1px solid #ff0000; }

.prodetail .roll .xiaotu li a { height:100%; vertical-align:middle\9; _writing-mode: tb-rl; }

.prodetail .roll .xiaotu li img  { vertical-align:middle; max-height:62px !important; max-width:62px !important; }



.state { width: 860px; border:1px solid #ffd980; background:#fffbd8; float: left; margin-left:14px; color: #666; padding:5px 0 5px 10px; overflow: hidden; }

.prodetail .explain { width: 560px; margin-left: 22px; font-size:14px; float: left; line-height: 24px; }

.prodetail .explain li{ float:left; width:528px; line-height:26px; }



.prodetail .explain  .ico1{ background:url(../images/ico.png) no-repeat; padding-left:20px; margin-left:15px; }

.prodetail .explain  .ico1{ background-position:0 -679px; }

.prodetail .explain  .ico2{ background-position:-130px -679px; }



.prodetail .explain .procontact { width: 456px; border: 1px solid #dedede; padding-bottom: 10px; }

.prodetail .explain .procontact li { padding-left: 10px; line-height: 22px; width: 306px; float:left; overflow: hidden; }

.prodetail .explain .attribute{ width:530px; background-color:#f5f5f5; border-top:1px dotted #dfdfdf; margin-top:15px; padding:10px 0 10px 15px; float:left; position:relative; }



/*诚信认证提示*/

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

.tip1 { width: 160px; height: 28px; line-height: 28px; left:10px; top:-10px; text-align: center; margin-top: 5px; border: 1px solid #9e4b2b; background-color: #fbf9a6; position: relative; color: #9e4b2b; }

.tip1 .arrow1, .tip1 .arrow2 { position: absolute; overflow: hidden; font-family: "SimSun"; display: block; top: 2px; }

.tip1 .arrow1 { z-index: 2; color: #9e4b2b; font-size: 14px; left: -8px; }

.tip1 .arrow2 { z-index: 3; color: #fbf9a6; font-size: 12px; left: -6px; }



/*商品详情*/

.bdetail { width: 941px; border: 1px solid #dfdfdf; float: left; }

.bdetail .btitle { height: 31px; line-height: 31px; border-bottom: 1px solid #dfdfdf; background: #f1f1f1; padding-left: 10px; }

.bdetail .content { line-height: 30px; font-size: 14px; padding: 20px 0 20px 30px; width: 884px; overflow: hidden; }



/*诚信档案*/

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

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



/*2015.5.13添加最新产品列表*/

.pleftit { background: #f5f5f5; border: 1px solid #dfdfdf; padding: 10px; float: left; width: 920px; }

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

.fz { text-align:center;}
.xiaotu { width:300px;margin-left:38px}