@charset "utf-8";
/* 简单流媒体
   注意: 流媒体要求您删除 HTML 中媒体的高度和宽度属性
   http://www.alistapart.com/articles/fluid-images/ 
*/
/* border-radius 圆角 */ 



/*
	Dreamweaver 流体网格属性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	灵感来自于 Ethan Marcotte 的“具有响应的 Web 设计” 
	http://www.alistapart.com/articles/responsive-web-design
	
	和 Joni Korpi 的“黄金网格系统”
	http://goldengridsystem.com/
*/

/* 移动设备布局: 480px 及更低。 */


/*  .qrcode 二维码区域  */
#header .qrcode{
    display:none;
}



/* ====== 产品列表页 ====== */

section .productList{
	padding:1.2% 0 0 0;
	background:none;
	
}
section .productClass{
	width:50%;
	margin:0 auto 20px auto ;
	
	border-top:1px solid #CCC;
	text-align:center;
}
section .productClass .title{
	
}



section .productList .product .title{
	position:relative;
	z-index:99;
	height:35px; 
	line-height:35px;
	margin-top:-35px;	
	text-align:center;
	color:#000; /* #D1160A */	
	background: url(/templet/anges/image/productBg.png); 
	/*border-radius:0 0 10px 10px;*/
	overflow:hidden;	
}

section .productList .product{
	
	margin:1% 4% 3.5% 4%;	
	width:25.33%;
	height:auto;
	float:left;	
	background:none;
}

section .productList .product img{
	width:100%;
	height:auto;
	border-radius:10px;
}

/* ====== 产品内容页 ====== */
.productList h1{ margin-bottom:20px; }
.productList .albumTab{ /* 图册 */
	
	margin-bottom:2%; 
}
#main1 div{
	display:none;
}
#main1 div.block{
	display:block;
	
}
#menu1{ margin-top:3%; }
#menu1 li{
	float:left;
	width:19%;
	margin:0.5%;
	cursor:pointer;
	text-align:center;
	
}
#menu1 li img{ width:100%; }
.productList .property{ /* 属性 */
	margin-right:3.125%;
	margin-bottom:2%;
	
	height:auto;
	
	border-top: 3px solid #D1160A;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	
	
	
}

.productList .property h3{ 
	line-height:40px; 
	padding-left:5%; 
	font-weight:bold; 
	color:#FF4500;
	background:#F3F3F3;
}
.productList .property span{ margin-left:3%;}
.productList .property .attribute{
	padding:0 4%;
	
}
.productList .property .attribute dd{ margin-top:2%; }

/* 产品属性简介 */



.productList .property .attribute table{ 
	width:98%;
	margin:0 auto;
	padding:2%; 
	border:none; 
	background:none;
}
.productList .property .attribute tr{ border-top:1px dashed #CCC; }
.productList .property .attribute td{ padding:1% 0%; text-align:left ;}
.productList .property .attribute td.className{
	width:18%;
	text-align:center;
	white-space:nowrap; /* 强制显示完整文本 */
	
}
/* === 产品详细描述 === */ 
.productList .describe{ /* 产品描述 */ 
	width:97%;
	
	
}
/* 属性 TAB模块 */
.productList .describeTab{
	width:97%;
	height:auto;	
	margin-bottom:3%;
	border-top: 1px solid #D1160A;
	
}
#menu2{ 
	padding:1% 2%; 
	margin-bottom:1%;
	background:#F3F3F3 ;
}
#menu2 li{ float:left; margin-right:2%; cursor:pointer;  }
#menu2 li.hover{ color:#FF4500; }
#main2 .block{ display:block; }
#main2 div{
	min-height:500px;
	clear:both;
	display:none;
	
}

#main2 div table{
	width:100%;
	/* border-collapse:separate;
	border-spacing:0px; */
	border:1px solid #CCC;
	text-align:center;
	background:#F3F3F3;
	
}
#main2 div caption{ margin-bottom:1%; font-weight:bold; font-size:1em; }
#main2 div table tr{ border-bottom:1px dashed #CCC;  }
#main2 div table td{ padding:0.8%; border-left:1px dashed #CCC;}
#main2 div .className{width:18%;
	text-align:center;
	background:#FFC;
	/*white-space:nowrap;  强制显示完整文本 */
}
#main2 div .className-2{ background:#FFC; }
#main2 ul,ol{}




/* 右则列表 */
section .listGroup{padding-bottom:10px; }
section .listGroup li{ text-align:center; padding:10px 0; margin-bottom:0px; }
section .listGroup li:hover{ background:#CCC}
section .listGroup li.name{margin-bottom:10px;}
section .listGroup li.name:hover{ color:#000; }