﻿html{
	/*position:relative;*/
	background:url(../images/bg.jpg) repeat-x top center;
	height:100%;
}
body{
	/*-position:relative;*/
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
a{
	text-decoration:none;color:#45402e;
}
a:hover{
	color:#990b73;
}
*{
	font-family:"微软雅黑",Microsoft YaHei,Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
}
form,img,h1{
	padding:0;
	margin:0;
	border:0;
}

#top,#bottom,#top #top_content ul li,#content #news_list dt label{
	background:url(../images/bg_repeat.png) repeat-x;
}
#main #main_right h2,#main #main_content h2{
	background:url(../images/title.png) no-repeat;
}
#main #main_left,#main #main_left ul,#main #main_left h3{
	background:url(../images/left_box_bg.gif) repeat-y;
}
#main #main_right #nav,#main #main_content #nav,#main #main_content #search{
	background:url(../images/no_repeat.gif) no-repeat;
}
.page a.page_ico,.tvc_content h1 span,.customer_box,.infiniteCarousel .arrow,.customer_list .arrow,.customer_list ul li,.product_list_content .product_left_box,.product_list .arrow,.product_list ul li,#main #main_content #product_menu ul li,.btn_search,.btn_setp,.text_content dd a{
	background:url(../images/ico.png) no-repeat;
}

/******************top********************/
#top{
	margin:0;
	height:62px;
}
#top #top_content{
	position:relative;
	margin:0 auto;
	width:990px;
}
	#top #top_content h1{
		position:absolute;
		top:12px;
		left:0;
		height:70px;
		width:90px;
	}
	#top #top_content h1 a{
		display:block;
		height:70px;
		width:90px;
		text-indent:-9999px;
		overflow:hidden;
		background:url(../images/logo.png) no-repeat;
	}
	
	#top #top_content ul{
		position:absolute;
		top:16px;
		*+top:27px;
		_top:27px;
		right:0;
		width:700px;
		height:20px;
		line-height:20px;
		list-style:none;
		text-align:right;
	}
	#top #top_content ul li{
		display:inline;
		padding:0 20px 0 26px;
		background-position:0 -66px;
		background-repeat:no-repeat;
	}
	#top #top_content ul li a{
		width:60px;
		height:20px;
		background-repeat:no-repeat;
		overflow:hidden;
	}
	#top #top_content ul li.select a{
		color:#990b73;
	}

/******************middle********************/
#main{
	margin:20px auto 10px auto;
	width:990px;
	min-height:680px;
	height:auto !important;
	height:680px;
	overflow:visible;

}
#main #main_left{
	float:left;
	width:213px;
	margin:20px 20px 0 0;
}
	#main #main_left h3{
		margin:0;
		padding:0;
		height:35px;
		text-indent:-9999px;
		overflow:hidden;
	}
		#main #main_left h3.bang{
			background-position:-426px 0;
			background-repeat:no-repeat;
		}
		#main #main_left h3.product{
			background-position:-639px 0;
			background-repeat:no-repeat;
		}
		#main #main_left h3.customer{
			background-position:-852px 0;
			background-repeat:no-repeat;
		}
		#main #main_left h3.info{
			background-position:-1065px 0;
			background-repeat:no-repeat;
		}
	#main #main_left ul{
		margin:0;
		padding:10px 16px 20px 16px;
		background-position:-213px bottom;
		background-repeat:no-repeat;
		list-style:none;
	}
		#main #main_left ul li{
			padding:5px 2px;
			vertical-align:middle;
		}
		#main #main_left ul li img{
			border:1px solid #CCC;
			height:45px;
			width:55px;
			padding:2px;
			vertical-align:middle;
		}
		#main #main_left ul li a{
			display:block;
			font-size:13px;
			line-height:17px;
			padding:3px 5px 3px 10px;
		}
		#main #main_left ul li a:hover{
			background-color:#ab6790;
			color:#ffffff;
		}
		#main #main_left ul li a.select{
			background-color:#ab6790;
			color:#ffffff;
		}
        #main #main_left .pro_left li a:hover{
			background:url(../images/pro_left.jpg) no-repeat left top;
			color:#990b73;
		}

#main #main_right{
	float:right;
	width:730px;
	margin:0 10px 10px 10px;
}
	#main #main_right h2{
		float:left;
		margin-top:-50px;
		height:72px;
		width:400px;
		text-indent:-9999px;
		overflow:hidden;
	}
		#main #main_right h2.band{
			background-position:0 0;
		}
		#main #main_right h2.news{
			background-position:0 -68px;
		}
		#main #main_right h2.product{
			background-position:0 -138px;
		}
		#main #main_right h2.customer{
			background-position:0 -207px;
		}
		#main #main_right h2.affiliate{
			background-position:0 -282px;
			height:88px;
		}
		#main #main_right h2.service{
			background-position:0 -371px;
			height:66px;
		}
		#main #main_right h2.info{
			background-position:0 -439px;
			height:88px;
		}
	#main #main_right #nav{
		padding-bottom:5px;
		margin:30px 0 10px 0;
		text-align:right;
		color:#afafaf;
		background-position:right bottom;
	}
	
#main #main_content{
	float:right;
	width:970px;
	margin:0 10px 10px 10px;
}
	#main #main_content h2{
		float:left;
		margin-top:-50px;
		height:72px;
		width:400px;
		text-indent:-9999px;
		overflow:hidden;
	}
		#main #main_content h2.product{
			background-position:0 -138px;
		}
	#main #main_content #search{
		padding-bottom:5px;
		margin:30px 0 10px 0;
		*+margin:30px 0 20px 0;
		_margin:30px 0 10px 0;
		text-align:right;
		color:#9c9c9c;
		background-position:right bottom;
	}
	 #search select{ background-color:#fff; color:#ccc; border:1px solid #ccc;}
		.btn_search{
			height:22px;
			line-height:20px;
			width:65px;
			padding-bottom:2px;
			color:#a14b92;
			background-position:-379px -93px;
			border:none;
		}
	#main #main_content #product_menu{
		float:right;
		width:777px;
		margin-top:-42px;
		-margin-top:-32px;
		height:100px;
		overflow:hidden;
	}
	#main #main_content #product_menu #product_sub_menu{
		clear:both;
		-padding-top:2px;
		padding-left:111px;
		color:#ccc
	}
	#main #main_content #product_menu #product_sub_menu a{ color:#999}
	#main #main_content #product_menu #product_sub_menu a:hover{color:#990b73;}
		#main #main_content #product_menu ul{
			float:right;
			list-style:none;
			padding:0;
			margin:0 0 10px 0;
		}
		#main #main_content #product_menu ul li{
			display:inline-block;
			float:left;
			width:111px;
			height:36px;
			padding:0;
			margin:0;
			background-position:-378px -4px;
		}
		#main #main_content #product_menu ul li.select{
			background-position:-379px -46px;
		}
		#main #main_content #product_menu ul li.select a{
			color:#990b73;
		}
		#main #main_content #product_menu ul li a{
			display:block;
			height:30px;
			line-height:30px;
			text-align:center;
		}
			#product_menu_1{}
			#product_menu_2{padding-left:111px;}
			#product_menu_3{padding-left:222px;}
			#product_menu_4{text-align:right;padding-right:222px;}
			#product_menu_5{text-align:right;padding-right:111px;}
			#product_menu_6{text-align:right;}
		/*
		#main #main_content #product_menu ul li:hover{
			background-position:-379px -46px;
		}
		#main #main_content #product_menu ul li:hover a{
			color:#990b73;
		}*/
		
	#main #product_nav{
		clear:both;
		display:block;
		padding:20px 0 0 20px;
		color:#afafaf;
	}
	
	
	#content{
		clear:both;
		margin:10px 0 50px 10px;
		overflow:hidden;
	}
	#content #news_list{
		border-top:2px solid #b7738f;
		border-bottom:1px solid #b7738f;
		list-style:none;
		width:720px;
		padding:0;
		margin:20px 0 0 0;
	}
	#content #news_list dt{
		clear:both;
		display:block;
		background-position:0 -92px;
		line-height:28px;
		color:#000;
	}
		#content #news_list dt label{
			background-position:0 -92px;
		}
		#content #news_list label.list_id{
			float:left;
			display:block;
			width:58px;
			text-align:center;
		}
		#content #news_list label.list_title{
			float:left;
			display:block;
			width:526px;
			padding-left:20px;
			text-align:left;
		}
		#content #news_list label.list_date{
			float:left;
			display:block;
			width:116px;
			text-align:center;
		}
	#content #news_list dd{
		clear:both;
		display:block;
		border-top:1px solid #dbe0e6;
		line-height:30px;
		height:30px;
		padding:0;
		margin:0;
		color:#888;
		overflow:hidden;
	}
	.page{
		clear:both;
		margin:20px auto 10px auto;
		text-align:center;
	}
		.page a{

			display:inline-block;
			margin:0 5px;
			font-size:11px;
		}
		.page a.select{
			font-weight:bold;
		}
			.page a.page_ico{
				*padding-top:5px;
				text-indent:-9999px;
				overflow:hidden;
			}
			.page a.home{
				width:13px;
				height:9px;
				background-position:0 0;
			}
			.page a.pre{
				width:10px;
				height:9px;
				background-position:-15px 0;
			}
			.page a.next{
				width:10px;
				height:9px;
				background-position:-27px 0;
			}
			.page a.back{
				width:13px;
				height:9px;
				background-position:-39px 0;
			}

	
	.news_content h1{
		font-size:16px;
		color:#936d6b;
		text-align:center;
		margin:20px 0 10px 0;
	}
		.news_content sub{
			display:block;
			color:#999999;
			text-align:center;
			margin-bottom:30px;
		}
		.news_content blockquote{
			line-height:24px;
			color:#666666;
			padding:0;
			margin:0;
		}
		.news_content .news_nav{
			border-top:1px solid #dcd3cf;
			border-bottom:1px solid #dcd3cf;
			color:#666666;
			margin-top:80px;
		}
		.news_content .news_nav p{
			line-height:30px;
			margin:0;
			padding:0 0 0 10px;
		}
			.news_content .news_nav p.line{
				border-bottom:1px solid #f0ece3;
			}
	.tvc_content .tvc_box{
		padding-top:20px;
		text-align:center;
		margin:0;
	}
		.tvc_content h1{
			text-align:center;
			margin-top:10px;
		}
		.tvc_content h1 span{
			background-position:-578px 0;
			line-height:20px;
			font-weight:100;
			padding-left:26px;
			font-size:13px;
			margin:0 auto;
		}
		.tvc_box{
			width:500px;
			height:400px;
			padding:0 110px;
		}
		#tvc_movie{
			width:500px;
			height:400px;
			background-color:#000000;
		}
		
	.customer_content .customer_box{
		text-align:center;
		margin:0;
		width:566px;
		height:458px;
		margin:10px 55px 10px 55px;
		background-position:0 -128px;
		padding:18px 23px 14px 17px;
	}
		.customer_content .customer_box .customer_img{
			width:566px;
			height:458px;
		}
		.customer_content .customer_box .customer_img img{
			width:566px;
			height:458px;
		}
		
	.product_list_content .product_left_box{
		float:left;
		text-align:center;
		margin:0;
		width:566px;
		height:458px;
		margin:10px;
		background-position:0 -128px;
		padding:18px 23px 14px 17px;
	}
		.product_list_content .product_left_box .product_img{
			width:566px;
			height:458px;
		}
		.product_list_content .product_left_box .product_img img{
			width:566px;
			height:458px;
		}
	.product_list_content .product_right_box{
		float:right;
		width:310px;
		-width:300px;
		text-align:left;
		height:400px;
		margin:10px;
		padding:18px 0;
		line-height:30px;
		color:#999;
		overflow:hidden;
	}
	.hidden_box{
		display:none;
	}
	.show_box{
		display:block;
	}
	.product_list_content .product_right_box p{
		padding:0;
		margin:5px 0 0 0;
		line-height:22px;
	}
	.product_list_content .product_right_box span{
		color:#666666;
	}
	.product_list_content .product_right_btn{
		clear:right;
		float:right;
		width:310px;
		-width:300px;
		text-align:left;
		height:30px;
		padding:0;
		color:#CCCCCC;
		overflow:hidden;
	}
		.btn_setp{
			display:block;
			float:left;
			height:22px;
			line-height:20px;
			text-align:center;
			width:89px;
			padding:0;
			padding-bottom:2px;
			color:#999;
			background-position:-453px -93px;
			border:none;
			cursor:pointer;
			font-family:Arial;
			margin:0 10px;
		}
		.btn_setp:hover{ color:#934e75;}
		
	.store_content{
		clear:both;
		overflow:hidden;
	}
	.store_content div{
		margin:5px 0 40px 0;		
	}
	.store_content p{
		display:block;
		width:314px;
		height:230px;
		margin:0;
		float:left;
	}
	.store_content p img{
		border:5px solid #e6e6e6;
	}
	.store_content p.right{
		float:right;
	}

/*****************coustomer_img************************/
.customer_list {
  clear:both;
  width: 700px;
  height:160px;
  margin:30px 10px;
  position:relative;
}


.customer_list .wrapper {
  width: 560px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  /*overflow: auto;*/
  overflow:hidden;
  height: 160px;
  margin: 0 70px;
  position: absolute;
  top: 0;
  color:#999;
}


.customer_list .wrapper ul {
  width: 1600px; /* single item * n */
  list-style:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.customer_list ul li{
  position:relative;
  display:block;
  float:left;
  padding: 10px 0;
  height: 100px;
  width: 142px;
  text-align:center;
  line-height:23px;
  cursor:pointer;
  padding-top:6px;
  background-position:-82px -6px;
}
.customer_list ul li p{
	position:absolute;
	top:106px;
	*+margin-top:15px;
	left:0;
	-top:115px;
	-left:0;
  	width: 140px;
	text-align:center;
}
.customer_list ul li.select{
	background-position:-229px -6px;
}

.customer_list ul li img{
	padding:2px;
	margin:3px;
}
.customer_list ul li a img {
  display:block;
}

.customer_list .arrow{
  display: block;
  height: 74px;
  width: 37px;
  text-indent: -9999px;
  position: absolute;
  top: 35px;
  cursor: pointer;
  outline: 0;
}

.customer_list .forward {
  background-position: -36px -23px;
  right: 0;
}

.customer_list .back {
  background-position: 0 -23px;
  left: 0;
}

.customer_list .forward:hover {
  background-position: -36px -23px;
}

.customer_list .back:hover {
  background-position: 0 -23px;
}
/*****************product_img************************/
.product_list {
  clear:both;
  width: 950px;
  height:160px;
  margin:30px 10px;
  position:relative;
}


.product_list .wrapper {
  width: 850px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  /*overflow: auto;*/
  overflow:hidden;
  height: 160px;
  margin: 0 50px;
  position: absolute;
  top: 0;
  color:#999;
}

.product_list .wrapper ul {
  width: 1600px; /* single item * n */
  list-style:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.product_list ul li{
  position:relative;
  display:block;
  float:left;
  padding: 10px 0;
  height: 100px;
  width: 142px;
  text-align:center;
  line-height:23px;
  cursor:pointer;
  padding-top:6px;
  background-position:-82px -6px;
}
.product_list ul li p{
	position:absolute;
	top:106px;
	*+margin-top:15px;
	left:0;
	-top:115px;
	-left:0;
  	width: 140px;
	text-align:center;
}
.product_list ul li.select{
	background-position:-229px -6px;
}

.product_list ul li img{
	padding:2px;
	margin:3px;
}
.product_list ul li a img {
  display:block;
}

.product_list .arrow{
  display: block;
  height: 74px;
  width: 37px;
  text-indent: -9999px;
  position: absolute;
  top: 35px;
  cursor: pointer;
  outline: 0;
}

.product_list .forward {
  background-position: -36px -23px;
  right: 0;
}

.product_list .back {
  background-position: 0 -23px;
  left: 0;
}

.product_list .forward:hover {
  background-position: -36px -23px;
}

.product_list .back:hover {
  background-position: 0 -23px;
}

/*****************Tvc_img************************/
.infiniteCarousel {
  clear:both;
  width: 700px;
  height:160px;
  margin:30px 10px;
  position:relative;
}

.infiniteCarousel .wrapper {
  width: 600px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  /*overflow: auto;*/
  overflow:hidden;
  height: 160px;
  margin: 0 50px;
  position: absolute;
  top: 0;
  color:#999;
}

.infiniteCarousel .wrapper ul {
  width: 1600px; /* single item * n */
  list-style:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px 20px;
  height: 140px;
  width: 158px;
  text-align:center;
  line-height:23px;
  cursor:pointer;
}

.infiniteCarousel ul li img {
	padding:1px;
	border:1px solid #efefef;
	margin:3px;
}

.infiniteCarousel ul:hover li:hover img {
	margin:0;
	border:4px solid #ab6790;
}
.infiniteCarousel ul li.select img{
	margin:0;
	border:4px solid #ab6790;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow{
  display: block;
  height: 74px;
  width: 37px;
  text-indent: -9999px;
  position: absolute;
  top: 35px;
  cursor: pointer;
  outline: 0;
}

.infiniteCarousel .forward {
  background-position: -36px -23px;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -23px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: -36px -23px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -23px;
}

/******************bottom********************/
#bottom{
	clear:both;
	width:100%;
	margin:0;
	height:100px;
	background-position:0 -120px;
	background-color:#FFF;
}
#bottom #bottom_content{
	margin:0 auto;
	padding:20px 0 5px 0;
	width:990px;
	color:#999;
}
#bottom #bottom_content p{
	margin:0 0 8px 0;
	line-height:24px;
}
	#bottom #bottom_content p.bottom_link{
		margin-bottom:16px;
	}
#online_service div{
	background:url(../images/service.png) repeat-y;
}

#online_service{
	position:absolute;
	top:100px;
	right:10px;
	width:140px;
}
#online_service #online_service_title{
	height:50px;
	text-indent:-9999px;
}
#online_service #online_service_content{
	overflow:hidden;
	padding:0 15px;
	background-position:-140px 0;
	color:#cdb9b8;
}
	#online_service #online_service_content p{
		border-bottom:1px dashed #cdcdcd;
		margin:0 0 10px 0;
		padding:0 0 10px 0;
	}
#online_service #online_service_call{
	height:50px;
	text-indent:-9999px;
	background-position:-280px 0;
}
#online_service_content img{ vertical-align:baseline}


/******************text content********************/
.text_content{
	line-height:24px;
	color:#666666;
	padding:0 10px;
}
.text_content dl{
	float:left;
	width:32%;
}
.text_content dt{
	margin:20px 0 5px 0;
}
	.text_content dt a{
		font-size:16px;
		color:#990b73;
	}
	.text_content dd a{
		background-position:-594px -58px;
		padding:0 2px 0 8px;
	}
	.text_content dd{
		clear:both;
		margin-left:0;
	}
	.text_content dl.bold dl{
		width:100%;
		margin:0 0 10px 15px;
		-margin:0 0 10px 7px;
	}
	.text_content dl.bold dd {
		margin-left:0;
	}
	.text_content dl.bold dd a{
		font-size:14px;
	}
	.text_content dl.bold dl dd a{
		font-size:12px;
		font-weight:100;
		color:#888;
	}
	.text_content dl.bold dl dd a:hover{
		color:#990b73;
	}
	
	
	
	
	
.other_siteMap{ margin:25px 12px 0px 12px;_margin:25px 10px 0px 10px; float:left; height:208px; width:147px; border:1px solid #e8e8e8;}
.other_siteMap h3{ height:21px; line-height:21px; width:146px;text-align:center; background:url(../images/sitemap_bg.jpg) no-repeat left top;margin:0; padding:0; font-size:15px; color:#fff; font-size:13px;}
.other_siteMap ul{ margin:0; padding:0; list-style:none;}
.other_siteMap ul li{ display:block;text-align:center;height:28px; line-height:28px; font-size:13px; border-bottom:1px dotted #e8e8e8;}