body{ -moz-user-select:none;}
#main{ margin:25px auto 10px;}

#nleft{ width:200px; background-color:#198cd7; float:left; padding:0 0 20px 0;
-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    behavior: url(http://www.zzcables.com/templets/style/PIE.htc);
	}

#nleft h3{ color:#daf0fe; font:bold 18px/26px 微软雅黑,宋体,arial; margin:15px 0 0 15px; background:url(../images/bg1.png) left -323px no-repeat; padding-bottom:10px;}
#nleft ul, #Pro_cls{ width:180px; background-color:#0580d0; margin:10px 0 10px 10px; padding:10px 0;
-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(http://www.zzcables.com/templets/style/PIE.htc);}
#nleft ul li, #Pro_cls p{ line-height:30px; margin-bottom:1px;}
#nleft ul li:hover, .lmhover, #Pro_cls p:hover{background:url(../images/bg1.png) left -200px no-repeat;}
#nleft ul li:hover a, .lmhover a, #Pro_cls p:hover a{color:#016eb5 !important;}
#nleft ul li a, #Pro_cls p a, #Pro_cls div a{ color:#FFF; width:148px; padding:0 0 0 26px; display:block; font-weight:bold;}
	#Pro_cls div a{ display:block; color:#ABD6F3; font-size:13px; font-weight:normal; padding-left:32px; width:140px;overflow:hidden; white-space:nowrap; 
-o-text-overflow: ellipsis;  /* Opera */
text-overflow:ellipsis;/* IE, Safari (WebKit) */}

#nleft ol{ height:165px; overflow:hidden;}
#nleft ol li{font:13px/22px 宋体,微软雅黑,arial; color:#FFF; padding:0 0 0 20px; width:175px;overflow:hidden; white-space:nowrap; 
-o-text-overflow: ellipsis;  /* Opera */
text-overflow:ellipsis;/* IE, Safari (WebKit) */}
#nleft ol li a{ color:#FFF;}
#nleft ol li a:hover{ color:#6FF;}

#content, #content1{ float:left; margin:0 15px;_margin:0 8px; width:530px; padding:10px 0 0 0;}
#content1{ width:760px; margin:0 0 0 15px; float:right;}
#content2{ width:730px; margin:0 0 0 15px; float:left;}
#content h1, #content1 h1, #content2 h1, .gb_tit{font:bold 22px/26px 微软雅黑,arial; margin:0 0 15px 10px; color:#333;}
#content2 h1 i{ color:#F00; padding-left:10px; text-decoration:underline;}
#content1 h1{ text-align:center; margin:0 0 10px;}
.from{ text-align:center; border-bottom:1px dotted #CCC; margin-bottom:15px;color:#6e6e6e;}
.info{ color:#555; padding:5px 10px; clear:both; font-size:13px;}
.info p{ margin:10px 0 0 0; text-indent:24px; font-size:13px;}

.info a{ color:#c1560f !important; padding:0 4px}
.info a:hover{ color:#f30 !important;    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
.info ol, .info ul{margin:10px 0;}
.info li{ padding-left:0px;}
.info h3, .info h4{ margin:6px 0 10px;font-size:15px;}
.info strong{ padding:0 3px}


/* 内页右部*/
#nright{ float:right; width:220px;}

.nr_top, .nr_bottom{ background:url(../images/bg1.png) left -260px no-repeat; height:10px; margin-top:10px;}
.nr_content{ border-left:4px solid #dfdfdf; border-right:4px solid #dfdfdf; padding:12px 20px 12px; background-color:transparent; font-size:13px; color:#6e6e6e; line-height:18px;}
.nr_content h4{ font:bold 18px/32px 微软雅黑,宋体,arial; color:#004e80; padding-bottom:6px;}
.nr_bottom{ background-position:left -283px;_background-position:8px -283px; margin:0;}
.nr_top1{_background-position:8px -260px;}
.nr_bottom1{_background-position:16px -283px;}

.formInput{
	PADDING: 5px 10px; MARGIN: 5px 0px 8px; WIDTH: 155px !important; DISPLAY: block; font-size:13px; HEIGHT: 12px; COLOR: #666; BORDER: #d3d3d3 1px solid; BORDER-TOP: #5e5e5e 1px solid; BORDER-RIGHT: #5e5e5e 1px solid; -moz-border-radius: 15px; -webkit-border-radius: 15px
	}
.infoInput {
	BORDER: #d3d3d3 1px solid;padding:10px 10px 10px 10px;	
	 MARGIN: 5px 0px 15px;DISPLAY: block; font-size:13px; HEIGHT: 12px; COLOR: #666; BORDER-TOP: #5e5e5e 1px solid; BORDER-RIGHT: #5e5e5e 1px solid; PADDING-TOP: 5px; -moz-border-radius: 15px; -webkit-border-radius: 15px;WIDTH: 155px !important;  HEIGHT: 70px;
}
.msg_submit{ background:transparent url(../images/bg1.png) -131px -100px no-repeat; width:89px; height:20px; border:none; font:bold 13px/20px 微软雅黑,宋体,arial; color:#5b3c00;}

.pro_list{}
.pro_list li, .case_list li{ float:left; width:500px; margin:8px 0 10px 0; overflow:hidden; padding:5px; border:1px solid #F3F2F0;}
.pro_list li:hover, .case_list li:hover{ background-color:#F3F2F0; border:1px solid #E3E0DB;}
.pro_list img, .case_list img{float:left; margin:0 12px 0 0; width:125px; height:100px; border:1px solid #E3E0DB; padding:3px; background-color:#FFF;}
.pro_list h2, .case_list h2{ margin:2px 0 0 0;}
.pro_list h2 a, .case_list h2 a{ color:#003D65; font-size:16px; line-height:26px !important;}
.pro_list h2 a:hover, .case_list h2 a:hover{ text-decoration:underline;}
.pro_list p, .case_list p { margin:1px 0 0 0 !important; text-indent:0px !important; color:#6e6e6e;font:13px/20px 微软雅黑,宋体,arial;}

/*产品首页*/
.pro_list_index li{ float:left; padding: 3px 0 0 0; border:1px solid #F3F2F0; margin:8px 8px 10px 8px;_margin:8px 8px 10px 7px; width:150px;}
.pro_list_index li:hover{background-color:#F3F2F0; border:1px solid #E3E0DB;}
.pro_list_index img{width:121px; height:75px;border:1px solid #E3E0DB; padding:6px; background-color:#FFF; margin:4px 0 2px 4px;}
.pro_list_index h2{ text-align:center; width:140px; font-size:13px;overflow:hidden; white-space:nowrap; margin: 3px 0 5px 0;
-o-text-overflow: ellipsis;  /* Opera */
text-overflow:ellipsis;/* IE, Safari (WebKit) */}
.pro_list_index h2 a{color:#003D65; line-height:24px;}
.pro_list_index h2 a:hover{ color:#F00; text-decoration:underline;}

.news_list{ margin:0 0 15px 0;}
.news_list li{ line-height:26px; border-bottom:1px dotted #CCC; margin:3px 0; height:26px;}
.news_list li a{ color:#1F4965; display:block; float:left;}
.news_list li a:hover{ color:#F50800;}
.news_list font{ float:right; display:block; clear:right; font-size:10px;}

.case_list img{ width:100px; height:80px;}

.gblist table{ margin:15px 0 10px;}
.gblist thead tr{ background-color:#d7d6cd;}
.gblist thead tr td{ line-height:32px !important; color:#000;}
.gblist td{ padding:0 0 0 10px; line-height:24px; color:#4e4e4e;}
.gbleft{ text-align:center; white-space:nowrap; width:120px;}

/*分页部分*/
.page{ clear:both;padding: 15px 0 0 0;}
.page a{ color:#6e6e66; font-weight:bold;}
.page a:hover{ color:#198CD7;}

.list_content {margin-top: 30px;border-top: 1px dotted #ddd;border-bototm: 1px dotted #ddd;}

/*交互部分*/
#tools{ float:right; margin:25px 0 0 0;}
#tools li{ float:left; font:13px/24px "微软雅黑", "宋体", "黑体", arial;width:40px;background:url(../images/actbox-ico.gif) no-repeat 0 6px; padding:0 0 0 18px;}
#tools li a{ color:#0580D0;}
#tools li.act-pus{ background-position:0 -31px;}
#tools li.act-fav{ background-position:0 -66px;}
#tools li.act-fb{ background-position:0 -102px;}
#tools li.baidushare{ background:none; width:340px;}




/*产品展示*/
#bigpic{ text-align:center; float:left; width:366px;}
#bigpic img{ width:360px;-ms-interpolation-mode: bicubic; border:3px solid #E1E1E1;}
.prosm{ line-height:26px;  float:left; margin:0 0 0 12px;max-width: 360px;}
.prosm span{ font-weight:bold;}
.prenext{ clear:both; margin:20px 0 20px 0px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:10px 0; line-height:28px;background-color:#f8fdea;}
.prenext a{ color:#09F;}
.artContent{ margin:20px 0; clear:both;}
.artContent table{ border-collapse:collapse; border: 2px solid #B2B2B2; }
.artContent table thead td{font-weight:bold; border: 1px solid #CCC; line-height:26px;  font-size:13px; background-color:#358AC2; color:#FFF;}
.artContent table td{ border:1px dotted #D1D1D1; text-align: center; font:13px/25px arial,"微软雅黑", "宋体", "黑体" !important; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.artContent h2{ font-size:18px; margin:12px 0;}
.artContent h3{ font-size:15px; margin:8px 0;}
.artContent img {margin: 15px 0 10px;}

#view1{ display:none;}
/*相关产品*/
.xgcp{ margin-bottom:20px;}
.xgcp div{ width:360px; float:left;}
.xgcp div em{ font-style:normal; font-weight:bold; font-size:16px; color:#484848;}
.xgcp div ul{ margin:10px 0 0 0;}
.rmcp{ margin-right:20px;}
.tlcp{}
.xgcp a{ font:13px/20px "微软雅黑", "黑体", "宋体", arial; color:#555;}
.xgcp a:hover{ text-decoration:underline;color:#F60;}

/*评论及推荐*/
.fdbk{ margin:0 15px;}



/*cloud zoom 插件样式*/
.cloud-zoom-lens {background-color:#FFF;cursor:move;}/*图片上出现的白框放大区域*/
.cloud-zoom-title {background-color:#333;color:#fff;padding:5px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;font:13px "宋体", "黑体";}
.cloud-zoom-big {overflow:hidden;}
.cloud-zoom-loading {color:white;background:#fff;padding:3px;border:1px solid #000;
}

.lm_pc{ display:none;}

/*产品结构及包装部分样式*/
.title_jxjg{height:42px; padding-top:10px;}
.title_jxjg span{background-color:#BA8F46;color:#FFF;font: 20px/35px '微软雅黑', '黑体';margin:10px 0 20px;padding: 0 5px 0 10px;}
table.jiegou,table.baozhuang,table.kehu{ border:none;}
table.jiegou td,table.baozhuang td,table.kehu td{ border:none;}
table.jiegou td,table.kehu td{ text-align:center;padding:8px 0 ; font: bold 18px '微软雅黑', '黑体' !important;}
table.baozhuang td strong{ text-align:center;margin:20px 0 10px; display:block; font: bold 18px '微软雅黑', '黑体' !important;}
table.baozhuang td ul{margin:10px 0 0 25px; text-align:left;}
table.baozhuang td ul li{ list-style:disc; margin-left:25px;}
h3.pro_com_tit{text-align:center;background-color:#9F6100;color:#FFF;font:bold 20px/30px '微软雅黑', '黑体' !important;margin:30px 0 15px;padding:16px 0;}