﻿/*左侧菜单栏*/
.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(/file__jdzj__com/jdzjcity/jdzjstyle/images/cp_view2016/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(/file__jdzj__com/jdzjcity/jdzjstyle/images/cp_view2016/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";white-space: nowrap;width: 150px;overflow:hidden}
#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;min-height: 418px;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: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;}
#nav .mod_subcate dl dd{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:#db2242;}
#nav .mod_subcate dl dd a:hover{color:#db2242;}

#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:-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;}

.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(/file__jdzj__com/jdzjcity/jdzjstyle/images/cp_view2016/ico.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(/file__jdzj__com/jdzjcity/jdzjstyle/images/cp_view2016/ico.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; }
.category .more{ background: url(/file__jdzj__com/jdzjcity/jdzjstyle/images/cp_view2016/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; }

/*小图列表样式*/
.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;}
.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; 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(/file__jdzj__com/jdzjcity/jdzjstyle/images/cp_view2016/ico.png) no-repeat; display:block; cursor:pointer; }
.btn-tel1{ height:28px;width: 28px; line-height:28px; padding-left:26px; background:url(/file__jdzj__com/jdzjcity/jdzjstyle/images/cp_view2016/ico.png) no-repeat; padding-top:8px; cursor:pointer;margin-left:10px }
.btn-qq{ background-position:-236px -647px; }
.btn-msg{ background-position:-128px -647px; }
.btn-tel{ background-position:2px -647px; }
.btn-tel1{ 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;}
.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; }
.leftbox .product .small p img { vertical-align:middle; max-height:32px !important; max-width:32px !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; }

/*最新产品*/
.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 }
.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:table-cell; 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);width:280px\0; /* ie8支持 */ }

/*产品展示*/
.prodetail .roll .cpjyms { width:265px; background-color:#f5f5f5; border-top:1px dotted #dfdfdf; margin-top:15px; padding:10px 0 10px 15px; }

.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:518px; line-height:26px; }

.prodetail .explain  .ico1{ background:url(/file__jdzj__com/jdzjcity/jdzjstyle/images/cp_view2016/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; }
.prodetail .explain .union{ background:url(/file__jdzj__com/jdzjcity/jdzjstyle/images/cp_view2016/ico.png) no-repeat -238px -683px; width:14px; height:15px; display:block; float:left; margin:5px 0 0 5px; }

/*商品详情*/
.bdetail { width: 941px; border: 1px solid #dfdfdf; float: left;  overflow:hidden; }
.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; }
.bdetail .cscontent { line-height: 30px; font-size: 14px; padding: 20px 0 20px 30px; width: 884px; overflow: hidden; }
.bdetail .cscontent dl{  }
.bdetail .cscontent dl dt{ width:170px; float:left;border-bottom:1px solid #f1f1f1;border-left: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;  }
.bdetail .cscontent dl dt strong{ margin-left:10px  }
.bdetail .cscontent dl dd{ width:255px; float:left;padding-left: 10px;border-bottom:1px solid #f1f1f1;border-left:1px solid #f1f1f1;border-top: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;  }

/*诚信档案*/
.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(/file__jdzj__com/jdzjcity/jdzjstyle/images/cp_view2016/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; }

/*热门推荐*/
.hcscroll{width:1198px;overflow:hidden;position:relative;border:#e4e4e4 solid 1px;;margin:20px auto 0px auto;padding-bottom:10px;}
.hcscroll h2{font:14px/30px "微软雅黑";border-bottom:#e4e4e4 solid 1px;background-color:#f1f1f1;padding-left:15px}
.hcscroll .prev,.hcscroll .next{width:17px;height:30px;position:absolute;top:120px;text-align:center;display:inline-block;background:url(/file__jdzj__com/jdzjcity/jdzjstyle/images/cp_view2016/scrollbtn.png) no-repeat scroll;z-index:99;}
.hcscroll .prev{left:5px;background-position:0px 0px;}
.hcscroll .next{right:5px;background-position:-23px 0px;}
.hcscroll .prevstop,.hcscroll .nextstop{color:#f3f3f3;}
.hcscroll .tempwrap{width:1140px !important;height:210px !important;padding-top:10px !important;margin-left:20px !important;margin-right:20px !important;}		
.hcscroll ul{overflow:hidden;zoom:1;position:relative;}
.hcscroll ul li{width:172px;height:200px;position:relative;float:left;display:inline;text-align:center;margin-right:20px;}
.hcscroll ul li img{width:170px;height:170px;border:#e4e4e4 solid 1px;}
.hcscroll a:hover{text-decoration:none;}
.tempwrap{ line-height:37px}
/*相关产品推荐*/
.procomend{width:242px;overflow:hidden;border:#dfdfdf solid 1px;height:auto;margin-top:24px}
.procomend h2{ height: 30px; background-color: #f1f1f1; font: 14px/30px "微软雅黑";padding-left:12px;}
.proimg{ float: left; border: #dfdfdf 1px solid;}
.procomend ul{ height: auto; overflow: hidden;}
.procomend ul li{ height:84px;margin: 12px 6px; border-bottom: #aaa 1px dashed;}
.procon{ width:144px;float: right;}
.procon h3{ font: 12px/18px "微软雅黑"; color: #333; height: 18px; overflow: hidden;}
.procon span{font: 12px/18px "微软雅黑"; color: #333;}
.procon span font{ color: #dc2043;}
.procon p{font: 12px/18px "微软雅黑"; color: #a3a5a4;}
.procon:hover{ text-decoration: none;}
/*您是不是在找*/
.userinterest{width:1198px;overflow:hidden;position:relative;border:#e4e4e4 solid 1px;height:auto;margin:20px auto 20px auto;}
.userinterest h2{font:14px/30px "微软雅黑";border-bottom:#e4e4e4 solid 1px;background-color:#f1f1f1;padding-left:15px}
.userinterest ul{height:auto;overflow:hidden;padding:10px 4px 10px 4px;}
.userinterest ul li{width:132px;float:left;padding:0px 10px 0px 28px;height:30px;overflow:hidden;font:12px/30px "微软雅黑";}
.userinterest ul li a{color:#3b3b3b;}
.userinterest ul li a:hover{color:#ff5a00}
/*诚信认证提示*/
.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; }
.baidudgg { width: 1200px;overflow: hidden;border: #e4e4e4 solid 1px;margin: 20px auto 0px auto;padding: 0;}
.baiduleft{width: 589px; margin: 0; float: left;padding-left: 10px;}
.pagel{width: 943px;text-align: center;padding-top:10px}

.detail_vip6_content ul{width: 930px;height: 220px;}
.detail_vip6_content ul li{width: 465px;height: 35px;line-height: 35px;float: left;}
.detail_vip6_content ul li input[type=text]{border: 1px solid #ccc;border-radius: 2px;color: #000;font-family: 'open sans', sans-serif;font-size: 1em;height: 25px;transition: background 0.3s ease-in-out;}
.detail_vip6_content ul li input:focus[type=text]{outline: none;border-color: #9ecaed;box-shadow: 0 0 10px #9ecaed;}
.detail_vip6_content .subann{width: 300px;text-align: center;}
.detail_vip6_content .subann input[type="submit"]{border:none;cursor:pointer;}
.detail_vip6_content .subann input{display: inline-block;zoom: 1;/* zoom and *display = ie7 hack for display:inline-block*/*display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% arial, helvetica, sans-serif;padding: .5em 2em .55em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em;-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);background-color: #f1f1f1;}
.detail_vip6_content .subann input:hover{text-decoration: none;}
.detail_vip6_content .subann input:active{position: relative;top: 1px;}