@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}

body  {
	margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
	color: #000;
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "宋体", "新宋体";
	font-size: 12px;
	line-height: 18px;
}

.fltrt { /* 此类可用来使页面中的元素向右浮动。浮动元素必须位于页面上要与之相邻的元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用来使页面上的元素向左浮动 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}

p {
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	
}

h2 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}



a , a:visited{
	color: #AD3781;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #471635;
}
.container  {
	width: 980px; /* 自动边距（与宽度一起）会将页面居中 */
	border: 0px solid #111;
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
} 
.header {
	height: 140px;
	margin: 0px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	overflow: hidden;
	background-color: #F09ABD;
	background-image: url(../images/header_bg.jpg);
} 
.header_en {
	height: 140px;
	margin: 0px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	overflow: hidden;
	background-color: #F09ABD;
	background-image: url(../images/header_bg_en.jpg);
} 
.version  , .version:visited{
	font-size: 14px;
	color: #FFF;
	background-image: url(../images/version_bg.gif);
	background-repeat: repeat-x;
	display: block;
	height: 20px;
	border: 1px solid #B13E79;
	float: right;
	margin: 10px;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}

.main {
	background-image: url(../images/main_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100%;
}


.main .topbar {
	height: 140px;
	overflow: hidden;
}
.main .sidebar {
	float: left;
	width: 240px;
	padding-top: 35px;
}
.main .sidebar .menubar {
	padding-left: 81px;
	padding-right: 25px;
	height: 280px;
	padding-top: 0px;
}
.main .contentbar {
	background-image: url(../images/content_bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: left;
	width: 738px;
	overflow: hidden;
}
.footer {
	padding: 0;
	text-align: center;
	margin-top: 20px;
	clear: both;
} 
.footer .footLink {
	height: 10px;
	background-color: #EAE9E9;
	line-height: 5px;
}
.footer .copyRight {
	font-size: 12px;
	color: #666;
	padding: 0px;
	height: 41px;
	text-align: right;
}
.topbar .hotSpotPanel {
	float: left;
	width: 200px;
	height: 90px;
	overflow: hidden;
	padding-top: 40px;
	padding-left: 100px;
	padding-bottom: 5px;
	padding-right: 10px;
}
.topbar .hotSpotPanel .tab {
	visibility: hidden;
	font-size: 1px;
	line-height: 1px;
	position: absolute;
}

.topbar .newsPanel {
	float: left;
	height: 95px;
	overflow: hidden;
	width: 500px;
	padding-top: 35px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 50px;
}
.topbar .newsPanel .tab {
	visibility: hidden;
	font-size: 1px;
	line-height: 1px;
	position: absolute;
}
.topbar .newsPanel a, .topbar .newsPanel a:visited {
	color: #B73F7D;
	text-decoration: none;
	font-size: 12px;
}
.topbar .newsPanel a:hover {
	color: #742750;
	text-decoration: underline;
}
.contentbar .slidePanel {
	padding-top: 25px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 20px;
}
.contentbar .slidePanel .tab {
	position: absolute;
	visibility: hidden;
}
.location  {
	font-size: 14px;
	text-align: right;
	color: #AD3781;
	padding: 10px;
}
.location a ,.location
a:visited{
	color: #AD3781;
	text-decoration: none;
}
.location a:hover {
	text-decoration: underline;
	color: #471635;
}
.topbar .title{
	height: 90px;
	padding-left: 350px;
	padding-top: 40px;
	font-size: 36px;
	color: #AD3781;
	font-weight: bold;
	float: left;	
	line-height: 50px;
}
.content  {
	padding: 20px;
}

.product {
	padding: 0px;
	margin: 0px;
}
.product-brief   {
	margin-left: 290px;
	padding: 10px;
	clear: right;

}
.product-brief-title   {
	font-size: 24px;
	font-weight: bold;
	color: #B93F7C;
	text-align: left;
	padding: 10px;
	line-height: normal;
}
.product-property {
	clear: both;
}

.product-image {
	float: left;
	width: 264px;
	padding: 10px;
	text-align: center;

}
.product-image img {
	width: 250px;
	height: 188px;
	border: 2px solid #FCADCD;
	padding: 5px;
}


.news {
}
.news .title {
	font-size: 28px;
	color: #AD3781;
	line-height: normal;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}
.news .info {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
}
.news .content {
	font-size: 12px;
	line-height: 20px;
	color: #000;
	padding-top: 10px;
	padding-bottom: 20px;
}

