@charset "utf-8";
/* CSS Document */
.location{ margin-bottom:10px;}
.side-cate{ width:210px; border:1px solid #DEDEDE;}
.side-cate h4{ height:30px; line-height:30px; padding-left:10px; background:#f0f0f0; font-weight:700; font-family:"微软雅黑"; font-size:14px;}
.side-cate dl{ width:95%; margin:10px auto;}
.side-cate dt{ font-weight:700; color:#0582fa; line-height:27px; background:#f7f7f7; padding-left:10px;}
.side-cate dd a{ white-space:nowrap; display:inline-block; width:45%; text-align:center; line-height:27px;}
.side-cate dd a:hover{ color:#fff; background:#0582fa;}

.Hside-cate{ width:210px; border:1px solid #DEDEDE;}
.Hside-cate h4{ height:30px; line-height:30px; padding-left:10px; background:#f0f0f0; font-weight:700; font-family:"微软雅黑"; font-size:14px;}
.Hside-cate dl{ width:95%; margin:10px auto;}
.Hside-cate dt{ font-weight:700; color:#333232; line-height:27px; background:#f7f7f7; padding-left:30px;}
.Hside-cate dd a{ white-space:nowrap; display:inline-block; width:90%;  padding-left:30px; line-height:27px; color:#666 }
.Hside-cate dd a:hover{ color:#0582fa; }

.main-box{ width:986px;}
.hot_wrap{ width:984px; border:1px solid #e3e3e3; background:url(../images/bg03.gif) repeat-x; position:relative; padding-bottom:2px;}
.hot_wrap i{ width:40px; height:40px; display:block; position:absolute; top:-1px; left:-1px; background:url(../images/bg02.jpg) no-repeat 0 0;}
.hot_wrap span{ height:40px; line-height:40px; font:bold 14px/20px "Microsoft YaHei"; position:absolute; left:30px; top:8px;}
.hot_list{ margin-top:38px;}
.hot_list li{ float:left; display:inline; width:210px; text-align:center; margin:0 15px;}
.hot_img{ width:180px; height:122px; margin:0 auto;}

.category{ border:1px solid #e3e3e3; border-top:2px solid #c00; background:#fafafa; margin-top:10px;}
.category dl{ height:30px; line-height:30px; border-top:1px dotted #dbdbdb;}
.category dt{ float:left; text-align:right; width:80px; font-weight:700; padding-left:10px;}
.category dd{ float:left;}
.category dd a,.category dd span{ margin:0 5px; padding:2px 5px;}
.category dd a img{ display:inline;}
.category dl.first{ border:0 none;}
.category a:hover,.category .cur{ background:none repeat scroll 0 0 #c00; padding:2px 5px; color:#fff;}
.sort_order{ position:relative;}
.sort_order p{ position:absolute; right:20px; top:0;}
.sort_order em{ color:#e50000;}
.sort_order span{ cursor:pointer;}
.sort_order .cur{ background:none; border:0 none; color:#333;}
.sort_order .cur_bold{ font-weight:700;}
.sort_order .down{ background:url(../images/ico03.gif) no-repeat right center; padding-right:12px;}

.pro_list{ margin-top:20px;}
.pro_list li{ float:left; text-align:center; display:inline; margin:0 7px 20px; width:232px;}
.pro_img{ display:block; width:180px; height:180px; border:1px solid #f0f0f0; margin-bottom:5px; padding:1px;}
.pro_img:hover{ border:2px solid #0582fa; padding:0;}

.page{ padding:20px 0; text-align:center;}
.page a,.page span{ display: inline-block; font-size:14px;  height:38px; line-height:38px; margin-left:3px; min-width:30px; padding:0 5px; vertical-align:top; white-space:nowrap;}
.page a{ background:#fff; border:1px solid #e3e3e3; font-weight:700;}
.page a:hover{ border:1px solid #0582fa; color:#0582fa; text-decoration:none;}
.page .act{ background:#0582fa; border:1px solid #0582fa; color:#fff; font-weight:700;}
.page .prev,.page .next{ position:relative;}
.page .prev_onlinks{ padding:0 10px 0 24px;}
.page .next{ padding:0 24px 0 10px;}
.page .next i { border: 5px solid #c81623; font: 0pt/0 arial;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 14px;
    width: 0;
}
.page .prev_onlinks {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #E0E0E0;
    color: #CCCCCC;
    position: relative;
}
.page .prev_onlinks i, .page .next i {
    font: 0pt/0 arial;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 14px;
    width: 0;
}
.page .prev_onlinks i{ border: 5px solid #f2f2f2;}
.page .next i{ border: 5px solid #fff;}
.page .prev_onlinks i {
    border-right-color: #CCCCCC;
    left: 6px;
}
.page .next i {
    border-left-color: #c81623;
    right: 6px;
}


.page2{ padding:20px 0; text-align:center; }
.page2 a,.page2 span{ display: inline-block; font-size:14px; height:22px; line-height:22px; margin-left:3px; min-width:22px; padding:0 5px; vertical-align:top; white-space:nowrap;}
.page2 a{ background:#fff; border:1px solid #e3e3e3; font-weight:700;}
.page2 a:hover{ border:1px solid #0582fa; color:#0582fa; text-decoration:none;}
.page2 .act{ background:#c81623; border:1px solid #c81623; color:#fff; font-weight:700;}
.page2 .prev,.page2 .next{ position:relative;}
.page2 .prev_onlinks{ padding:0 10px 0 24px;}
.page2 .next{ padding:0 24px 0 10px;}
.page2 .next i { border: 5px solid #c81623; font: 0pt/0 arial;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 14px;
    width: 0;
}
.page2 .prev_onlinks {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #E0E0E0;
    color: #CCCCCC;
    position: relative;
}
.page2 .prev_onlinks i, .page2 .next i {
    font: 0pt/0 arial;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 14px;
    width: 0;
}
.page2 .prev_onlinks i{ border: 5px solid #f2f2f2;}
.page2 .next i{ border: 5px solid #fff;}
.page2 .prev_onlinks i {
    border-right-color: #CCCCCC;
    left: 6px;
}
.page2 .next i {
    border-left-color: #c81623;
    right: 6px;
}

/*产品详细页*/
.name{ }
.name h1{ font:700 16px/1.5 "微软雅黑"; }

.pro-tu{ width:352px; margin-right:10px;}
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; }
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:350px;height:350px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:352px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.pro-base{ margin-left:15px; width:619px;}
.pro-base ul{ width:95%; margin:10px auto 0;}
.pro-base li{ font:normal 14px/1.5 "微软雅黑"; line-height:36px; color:#666;}
.pro-base li  b{ color:#c81623; font-size:18px; font-weight:400;}
.pro-base li span{ color:#333;}

.join{ width:582px; height:120px; border:1px solid #ffe7c1; margin:15px 0 0 15px; background:#FFFCEB;}
.join h3{ font:bold 12px/36px "Sumsun"; width:95%; margin:0 auto; border-bottom:1px dotted #ccc; height:40px; line-height:40px; _padding-top:10px; _height:30px;}
.sum{ border:1px solid #ccc; width:26px; height:20px; padding-left:4px; line-height:20px;}
.join h3 em{ color:#c00;}
.add_btn{ display: block; width:137px; height:38px; text-align:center; line-height:40px; text-indent:-9999px; margin:15px 0 0 20px; background:url(../images/ico04.png) no-repeat 0 0;}
.add_btn:hover{ background-position:-157px 0;}
.add_btn2{ display: block; width:137px; height:38px; text-align:center; line-height:40px; text-indent:-9999px; margin:-38px 0 0 170px; background:url(../images/ico05.png) no-repeat 0 0;}
.add_btn2:hover{ background-position:-157px 0;}

.pro-info{ width:100%; margin-top:20px;}
.Menubox{ height:35px; line-height:35px; border-bottom:2px solid #c81623;}
.Menubox li{ float:left; display:block; cursor:pointer; width:100px; text-align:center; color:#666; height:30px; margin-top:4px; line-height:30px; background:#f2f2f2; margin-right:1px;}
.Menubox li.hover{ background:#c81623; width:100px; color:#fff; font-weight:bold; height:30px; line-height:30px; border:1px solid #c81623;}
.Contentbox{ clear:both; overflow:hidden; width:924px; border:1px solid #dedede;  padding:30px; line-height:1.8;}

/*报价单*/
.inquire{ height:24px; line-height:24px;}
.inquire li{ float:left; margin-left:20px;}
.inquire label{ margin-right:10px;}
.inquire select{ height:24px; line-height:24px; vertical-align:middle;}
.inquire .keyword{ height:24px; line-height:24px; padding:0 2px; vertical-align:middle;}
.inquire .inquire-btn{ height:26px; padding:0 10px; cursor:pointer; margin-right:15px;}
.inquire span a{ color:#c81623; padding:0 2px;}
.inquire span a:hover{ text-decoration:underline;}

.quote{ border-top:1px solid #dedede; border-left:1px solid #dedede; margin-top:20px;}
.quote th,.quote td{ border-right:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; text-align:center; line-height:30px;}
.quote th{ background:#0582fa; color:#fff;}
.add-to{ width:80px; height:24px; background:#0582fa; border:0; color:#fff; font-size:12px; cursor:pointer;}
.add-to:hover{ background:#f2ca50;}

/*快速下单*/
.side-list{ width:430px; border:1px solid #E7DB96; background:#FFFBE2;}
.side-list h4{ font:normal 24px/36px "微软雅黑"; color:#c81623; text-align:center;}
.list-box{ border:1px solid #e0e0e0; background:#fff; width:95%; margin:10px auto; padding:5px;}
.list-box table{ text-align:center;}
.list-box th{ background:#f2f2f2; line-height:27px;}
.list-box td{ line-height:3;}
.list-box tbody td{ border-bottom:1px solid #f0f0f0;}
.list-box b{ color:#E4393C;}
.list-box .num{ width:30px; height:20px; margin:0 3px; padding:0 2px;}
.list-box .btn-reduce,.list-box .btn-add{ border:1px solid #e0e0e0; padding:0 3px;}
.list-box .btn-reduce:hover,.list-box .btn-add:hover{ color:#E4393C; border:1px solid #E4393C;}
.list-box .total{ text-align:right; margin:10px 0 10px; padding-right:10px;}
.list-box .total span{ font-family:verdana; font-size:16px; font-weight:700; color:#E4393C;}
.btn-count input{ width:120px; height:33px; line-height:30px; background:#E4393C; border:1px solid #E4393C; color:#fff; font:normal 14px/1 "微软雅黑"; display:block; margin:10px auto; cursor:pointer;}
.btn-count input:hover{ background:#E54346;}

.choose{ width:760px;}
.mar10{ margin:10px 0 10px; border-bottom:1px dashed #e0e0e0; padding-bottom:10px;}
.main-list{ text-align:center; line-height:30px;}
.main-list th{ background:#FFF4E8;}
.main-list td{ border-top:1px solid #dedede; border-left:1px solid #DEDEDE; line-height:54px;}
.main-list td:first-child{ border-left:0;}
.main-list img{ margin:0 auto;}