@charset "gb2312";
/* JYuan 流媒�?V1.0 注意: 流媒体要求您删除 HTML 中媒体的高度和宽度属�?http://www.alistapart.com/articles/fluid-images/
*/
img, object, embed, video {
	max-width: 100%;
}
body{
	background-color: #FFF6E7;
}
/* IE 6 不支持最大宽度，因此默认�?100% 宽度 */
.ie6 img {
	width: 100%;
}
/*Dreamweaver 流体网格属�?---------------------------------dw-num-cols-mobile:4;dw-num-cols-tablet:8;dw-num-cols-desktop:12;dw-gutter-percentage:25;灵感来自�?Ethan Marcotte 的“具有响应的 Web 设计”http://www.alistapart.com/articles/responsive-web-design�?Joni Korpi 的“黄金网格系统”http://goldengridsystem.com/
*/
.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}
.fluidList {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
/*公共CSS定义*/
.wrap {
	margin: 0 auto;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	width: 960px;
}
/*footer*/
#footer {
	text-align: center;
	line-height: 250%;
	color: #fff;
	margin-top: 0px;
	font-family: "微软雅黑";
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #f7b150;
	background-image: url(../images/bg_btm.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#footer-info {
	float: left;
	margin-left: 23.8%;
	line-height: 22px;
	color: #FFF;
	text-decoration: none;
	padding-top: 25px;
	padding-bottom: 25px;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #fff;
}
#header {
	background-image: url(../images/bg_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.head_tools {
	font-size: 12px;
	line-height: 30px;
	color: #FFF;
	text-decoration: none;
	float: right;
	height: 30px;
	margin-right: 25px;
}
.head_nav {
	float: left;
	height: 56px;
	width: 770px;
	margin-left: 185px;
}
.head_tools a {
	color: #FFF;
	text-decoration: none;
}
.head_tools a:hover {
	color: #FFF;
	text-decoration: underline;
}
.nav {
	margin-top: 10px;
	margin-bottom: 10px;
}
.nav li {
	float: left;
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 96px;
}
.nav li a {
	height: 40px;
	width: 96px;
	font-size: 14px;
	line-height: 40px;
	color: #000;
	text-decoration: none;
	display: block;
	font-weight: bold;
}
.nav li a:hover {
	color: #CC0033;
	text-decoration: none;
	background-image: url(../images/menu_hover.gif);
	height: 40px;
	width: 96px;
	background-repeat: no-repeat;
	background-position: center center;
}
.nav li sz {
}
.head_flash {
	clear: both;
	float: none;
	height: 100px;
	width: 960px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.left {
	background-color: #FFF;
	padding: 15px;
}
.left_dot2 {
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}
.left_dot {
	clear: both;
	height: 62px;
	width: 192px;
}
.left ul {
	margin-top: 10px;
	margin-bottom: 20px;
}
.left ul li {
	margin-bottom: 5px;
	height: 28px;
	background-image: url(../images/bg_leftnav.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: 8px;
	padding-left: 28px;
}
.left ul li a {
	margin: 0;
	display: block;
	line-height: 28px;
	padding: 0;
}
.left ul li a:hover {
	color: #CC3300;
}
.title {
	font-family: "΢���ź�";
	font-size: 18px;
	padding: 0 10px;
	background: url(../images/bg_dot.gif) repeat-x 0 bottom;
}
.title span {
	font-size: 12px;
	padding-left: 10px;
	text-transform: uppercase;
}
.title .more {
	float: right;
	line-height: normal;
}
.search {
	font-family: "����";
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	background: transparent;
	border: 0px;
	padding-left: 10px;
	line-height: 20px;
	padding-top: 5px;
}
#cp{  }
#cp .title{
	width: 710px;
	border-bottom: 1px solid #FF6600;
	text-align: right;
	height: 45px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(../images/cpzs.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#cpen{  }
#cpen .title{
	width: 710px;
	border-bottom: 1px solid #FF6600;
	text-align: right;
	height: 45px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(../images/cpzsen.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#rl{ margin-top:3px;width:710px;}
.list {
	height: 100%
}
.list_scroll .goleft {
	width: 15px; background: url(../images/jiantou1.png) no-repeat 0px center; height: 190px; cursor: pointer
}
.list_scroll .goright {
	width: 15px; background: url(../images/jiantou.png) no-repeat 0px center; height: 190px; cursor: pointer
}
.list_scroll .goright {
	background-position: right center
}
.list_scroll .scroll_con {
	position: relative; width: 660px; display: inline; height: 190px; margin-left: 10px; overflow: hidden
}
.list_scroll .scroll_con_list {
	position: absolute; width: 2000em
}
.list_scroll .scroll_con_list li {
	width: 165px; float: left
}

.scrollImgList1 {
	MARGIN: 0px 0px 0px 0px; 
	OVERFLOW: hidden; 
	WIDTH: 450px; 
	ZOOM: 1
}
.scrollImgList1 .LeftBotton { background:url(../images/jiantou1.png) no-repeat;
	FLOAT: left; 
	VERTICAL-ALIGN: middle; 
	background-position:center; 
	WIDTH:25px;
	
	CURSOR: pointer; 
	HEIGHT: 130px;
}
.scrollImgList1 .RightBotton { background:url(../images/jiantou.png) no-repeat;
	FLOAT: left;
	VERTICAL-ALIGN: middle;
	background-position:center;
	WIDTH: 25px;
	CURSOR: pointer;
	HEIGHT: 130px;
}
.scrollImgList1 .Cont {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	OVERFLOW: hidden; 
	WIDTH: 400px; 
	PADDING-TOP: 0px;
}
.scrollImgList1 .ScrCont {
	OVERFLOW: hidden; 
	WIDTH: 32766px; 
	ZOOM: 1;
}
#List1_1 {
	FLOAT: left;
}
#List2_1 {
	FLOAT: left;
}

.scrollImgList1 a{ text-decoration:none; color:#FF6600}

#img{}
#img img{ width:195px;height:83px;margin-top:10px;}


.Sl_img {
	height: 150px;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
}
.Sl_img img{
	height: 150px;
	width: 150px;
}
.Sl_info {
	font-size: 12px;
	line-height: 35px;
	height: 35px;
	width: 150px;
	margin-right: auto;
	margin-left: auto; text-align:center;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
	
}
.mb {
	height: 30px;
	background-image: url(../images/ico_2.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #666;
	width: 710px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;

}
.mb a{
	color: #666;
	text-decoration: none;
}
.mb a:hover{
	color: #000;
	text-decoration: underline;
}
.mb_left {	line-height: 30px;

	font-size: 14px;
	float: left;
	margin-left: 30px;
}
.mb_right {
	font-size: 12px;
	line-height: 20px;
	float: right;
	height: 20px;
	padding-top: 10px;
}
.zw04{}
.zw04 ul{}
.zw04 li{font-size: 12px;line-height: 30px;background-image: url(../images/marker1.png);float: left;height: 30px;width: 19.8%;margin-left: 1.6%;background-repeat: no-repeat;background-position: left center;padding-right: 1.5%;padding-left: 1.5%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.zw04 li a{color: #000;text-decoration: none;margin-left: 10px;}
.zw04 li a:hover{color: #090;text-decoration: none;}
.zw2{margin: auto;width: 660px;}
.zw3{margin: auto;width: 99%;}
.zw4{line-height: 35px;margin: auto;height: 35px;width: 100%;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 1px;border-left-width: 0px;border-top-style: none;border-right-style: none;border-bottom-style: dotted;border-left-style: none;border-bottom-color: #039;background-image: url(/images/dot04.jpg);background-repeat: no-repeat;background-position: left center;}
.zw6{font-size: 12px;line-height: 35px;float: right;height: 35px;width: 16%;text-align: center;}
.zw5{font-size: 12px;line-height: 35px;float: left;height: 35px;width: 80%;margin-left: 3%;}
.zw7{font-size: 12px;line-height: 25px;text-align: right;margin: auto;height: 25px;width: 650px;}
.news-title{
	background-image: url(../images/dot03_r1_c2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 30px;
	width: 100%;
}
.news-title-left{float: left;text-align: left;width: 50%;}
.news-title-right{float: right;text-align: right;width: 50%;}
.zw8{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCC;}
.zw8 li{float: left;height: 36px;width: 165px;}
.zw8 li a{line-height: 26px;height: 26px;width: 155px;margin-top: 4px;margin-right: auto;margin-bottom: 4px;margin-left: auto;display: block;border: 1px solid #FFF;font-family: "΢���ź�", "��Բ", "������", "����";font-size: 14px;}
.zw8 li a:hover{color: #069;border: 1px solid #069;text-decoration: none;}
.zw09{line-height: 25px;width: 95%;margin-right: auto;margin-left: auto;}
.zw09 h2{line-height: 30px;font-family: "΢���ź�", "��Բ", "������", "����";font-size: 16px;font-weight: bold;}
.news-view{
	display: block;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
.news-view-main{
	border-right-width: 0px;
	border-right-style: none;
	min-height: 500px;
	font-size: 12px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 26px;
}
.news-view-main-title{line-height: 40px;height: 40px;display: block;}
.news-view-main-title h2{
	font-size: 20px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}
.news-view-main-img{text-align: center;padding-top: 10px;padding-bottom: 10px; margin-bottom:20px;}
.prev{
	width: auto;
	display: block;
	font-size: 12px;
	margin-left: 15px;
}
.next{
	width: auto;
	display: block;
	font-size: 12px;
	margin-left: 15px;
}
.Nt1{height: auto;width: 96%;margin: auto;text-align: center;}
.nt2{font-size: 16px;line-height: 28px;height: 28px;font-family: "΢���ź�", "����", "������";text-align: left;text-decoration: none;width: 96%;margin: auto;}
.Nt3{line-height: 22px;margin: auto;width: 96%;}
.prod {
	margin: auto;
	width: 706px;
}
.prod_lm {
	border: 1px solid #FC9;
}
.prod_title {
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	background-image: url(/images/prod-bg.gif);
	background-repeat: repeat;
	background-position: left top;
	display: block;
}
.prod-title3 {
	font-weight: normal;
	text-decoration: none;
	float: right;
	padding-right: 10px;
}
.Prod_sb {
	float: left;
	width: 175px;
}


.prod_title2 {
	background-image: url(/images/icon_3.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding-left: 25px;
	float: left;
}
.prod_sb2 {
	height: 162px;
	width: 160px;
	margin-top: 7.5px;
	margin-right: auto;
	margin-bottom: 7.5px;
	margin-left: auto;
	display: block;
	border: 1px solid #FFF;
}
.prod_sb2:hover {
	border: 1px solid #F60;
	height: 162px;
	width: 160px;
}


.prod_sb2 img{	height: 160px;
	width: 160px;
}
.prod_sb3 {
	font-size: 12px;
	line-height: 30px;
	color: #000;
	text-decoration: none;
	height: 30px;
	width: 160px;
	margin-right: auto;
	margin-left: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;

}
.pageNav {
	margin-top: 10px;
	margin-bottom: 40px;
	text-decoration: none;
	text-align: right;
	margin-right: 10px;
	margin-left: 10px;
}
.pageNav a{
	line-height: 25px;
	padding: 3px;
	height: 25px;
	border: 1px solid #999;
	margin: 3px;
}
.pageNav a:hover{
	background-color: #FCC;
	border: 1px solid #F60;
	color: #F30;
	text-decoration: none;
}
.pageNav a:active {
	background-color: #FCC;
	border: 1px solid #F60;
	color: #F30;
	text-decoration: none;
}
.pageNav2:hover{
	line-height: 25px;
	padding: 3px;
	height: 25px;
	border: 1px solid #999;
	margin: 3px;
	background-color: #FFF;
}
.pageNav2 {
	background-color: #FCC;
	border: 1px solid #F30;
	color: #F30;
	text-decoration: none;
}
.pv_left {
	float: left;
	width: 390px;
	padding-left: 10px;
}
.pv_right {
	float: right;
	width: 280px;
	margin-right: 10px;
	font-size: 12px;
	line-height: 25px;
	text-decoration: none;
}
.Pv_order {
	text-align: center;
}

/*��Ʒ���ݶ���*/
.product-veiw-top{border: 1px solid #ddd;padding: 2.5%;}
.product-veiw-top-left{margin: 0px;padding: 0px;width: 100%;}
.product-veiw-top-left img{
	width: 97%;
	border: 1px solid #F60;
}
.product-veiw-top-left-subimg{float: left;width: 17.8%;margin-top: 2%;margin-right: 2%;margin-bottom: 2%;margin-left: 0%;}
.fb1{line-height: 30px;height: 30px;width: 560px;margin-right: auto;margin-left: auto;margin-top: 5px;clear: both;}
.fb5{line-height: 30px;width: 560px;margin-right: auto;margin-left: auto;margin-top: 10px;}
.fb2{
	float: left;
	width: 80px;
	font-size: 12px;
}
.fb3{text-align: left;float: left;vertical-align: middle;}
.fb4{
	font-size: 12px;
	color: #B50000;
	text-decoration: none;
	float: left;
	font-family: "������", "����";
	width: 66px;
}
.fb6{border: 1px solid #999;}
/* ����Ŵ�*/
/* Style of the small image link*/
.MagicThumb, .MagicThumb:hover{cursor: url(/graphics/zoomin.cur), pointer;outline: 0 !important;}
/* Style of the small image when the large image is expanded*/.MagicThumb-expanded-thumbnail{cursor: default;}
/* Style of the span inside the small image link*/.MagicThumb span{display: none !important;}
/* Style of the small image*/.MagicThumb img{border: 0;outline: 0;}
/* Style of the expanded image*/.MagicThumb-expanded{cursor: url(/graphics/zoomout.cur), pointer;background: transparent;border: 1px solid #ccc;outline: 0;padding: 0;}
/* Style of the caption for the expanded image*/.MagicThumb-caption{color: #333;font: normal 10pt Verdana, Helvetica;background: #ccc;text-align: left;padding: 8px;border: 0 !important;outline: 0 !important;}
/* Style of the close/next/previous buttons*/.MagicThumb-buttons{background: transparent url(/graphics/buttons1.png) no-repeat 0 0;height: 24px;display: block;}
.MagicThumb-buttons a{width: 24px;height: 24px;margin: 0px 1px !important;overflow: hidden;}
/* Style of the loading message box*/.MagicThumb-loader{font: normal 12pt sans-serif;border: 1px solid #000;background: #fff url(/graphics/loader.gif) no-repeat 2px 50%;padding: 2px 2px 2px 22px;margin: 0;text-decoration: none;text-align: left;}
/* Style of the small images which swap the main image*/.MagicThumb-swap{}
/* Style to hide caption on page. Only needed for #id method.*/.MagicThumb-external-caption{display: none;}