@charset "utf-8";
 /******************COMMON********************/

*{
	margin:0px;
	padding:0px;
}
BODY{
	background-color:#CBF7FF;
	font-size:12px;
	font-family:Arial,Verdana,Tahoma,"Trebuchet MS";
}
a:link,a:visited{
}

a:hover,a:active{
	text-decoration:underline;
}
img{
	border:none;
}
#clear{
	line-height:0px;
	height:0px;
	font-size:12px;
	clear:both;
}
input, select,textarea { font-size:12px; vertical-align:absmiddle; font-family:Arial; }
/*****************DEFAULT*************************/
span.index{
	margin-left:10px;
	font-size:11px;
	font-family:verdana;
	color:#006172;
}
span a{
	 color:#006172;
	text-decoration:none;
	font-size:12px;
}
/*********************PUBLIC**********************/
.wrap{
	width:1002px;
	background-color:#CBF7FF;
	margin:0 auto;
}


.header{
	width:1002px;
	height:110px;
	margin:0 auto;
	
}
.banner{
	width:1002px;
	height:310px;
}
.banner.contact{
	background:url() 0 0 no-repeat;
}
.banner .nav{
	height:310px;
	
}
.banner .nav ul{
	
}
.banner .nav ul li{
	padding-top:2px;
	float:left;
	width:94px;
	list-style-type:none;
}
.banner .nav ul li.nobg{
	background:none;
}
.banner .nav ul li a{
	margin:0 auto;
	height:31px;
	width:69px;
	
	text-decoration:none;
	color:#131E20;
	font-weight:bold;
	display:block;
	text-align:center;	
	line-height:34px;
}
.banner .nav ul li a.current,
.banner .nav ul li a:hover{
	
}
.banner .nav ul{
	
	float:left;
	margin-left:110px;
	height:36px;
	line-height:36px;
	display:inline;
	
}
.banner .nav ul li a.home{
	background:url(nav.jpg) 0 0 no-repeat;
}
.banner .nav ul li a.home_current,
.banner .nav ul li a.home:hover{
	background-position:-69px 0px;
}
.banner .nav ul li a.about{
	background:url(nav.jpg) 0px -31px no-repeat;
}
.banner .nav ul li a.about:hover,
.banner .nav ul li a.about_current{
	background-position:-69px -31px;
}
.banner .nav ul li a.product{
	background:url(nav.jpg) 0px -62px no-repeat;
}
.banner .nav ul li a.product:hover,
.banner .nav ul li a.product_current{
	background-position:-69px -62px;
}
.banner .nav ul li a.news{
	background:url(nav.jpg) 0px -93px no-repeat;
}
.banner .nav ul li a.news:hover,
.banner .nav ul li a.news_current{
	background-position:-69px -93px;
}

.banner .nav ul li a.sale{
	background:url(nav.jpg) 0px -124px no-repeat;
}
.banner .nav ul li a.sale_current,
.banner .nav ul li a.sale:hover{
	background-position:-69px -124px;
}
.banner .nav ul li a.join{
	background:url(nav.jpg) 0px -155px no-repeat;
}
.banner .nav ul li a.join_current,
.banner .nav ul li a.join:hover{
	background-position:-69px -155px;
}
.banner .nav ul li a.order{
	background:url(nav.jpg) 0px -186px no-repeat;
}
.banner .nav ul li a.order_current,
.banner .nav ul li a.order:hover{
	background-position:-69px -186px;
}
.banner .nav ul li a.contact{
	background:url(nav.jpg) 0px -217px no-repeat;
}
.banner .nav ul li a.contact_current,
.banner .nav ul li a.contact:hover{
	background-position:-69px -217px;
}
.content{
	width:904px;
	margin:0 auto;
	
}
.content .top{
	height:27px;
	width:905px;
	background:url(content_top.jpg) 0 0 no-repeat;;
}
.content .middle{
	
	overflow:hidden;
	width:904px;
	background:url(content_middle_another.jpg) repeat-y;
}
.content .bottom{
	height:38px;
	width:905px;
	background:url(content_bottom.jpg) 0 0 no-repeat;
}
.content .middle .middle_left{
	
	width:209px;
	float:left;
}
/*
.content .middle .middle_left ul{
	padding-top:25px;

	padding-left:7px;
}
.content .middle .middle_left ul li{	
	margin-bottom:5px;
	width:199px;
	height:25px;
	line-height:25px;
	list-style-type:none;
}
.content .middle .middle_left ul li.label{
	margin-bottom:2px;
}
.content .middle .middle_left ul li.label{
	background:url(nav_vertical_current.jpg);
	cursor:normal;
	font-weight:bold;
	color:#FFF;
	width:175px;
	padding-left:24px;
}
.content .middle .middle_left ul li a{
	text-decoration:none;
	color:#006072;
	padding-left:22px;
	display:block;
	background:url(nav_vertical.jpg) 0 0 no-repeat;
}
.content .middle .middle_left ul li a.current,
.content .middle .middle_left ul li a:hover{
	font-weight:bold;
	padding-left:22px;
}
*/
.content .middle .middle_left dl{
	padding-top:25px;

	padding-left:7px;
}
.content .middle .middle_left dl dt{	
	margin-bottom:5px;
	width:199px;
	height:25px;
	line-height:25px;
	list-style-type:none;
}
.content .middle .middle_left dl dt.label{
	margin-bottom:2px;
}
.content .middle .middle_left dl dt.label{
	background:url(nav_vertical_current.jpg);
	cursor:normal;
	font-weight:bold;
	color:#FFF;
	width:175px;
	padding-left:24px;
}
.content .middle .middle_left dl dt a{
	text-decoration:none;
	color:#006072;
	padding-left:22px;
	display:block;
	background:url(nav_vertical.jpg) 0 0 no-repeat;
}
.content .middle .middle_left dl dt a.current,
.content .middle .middle_left dl dt a:hover{
	font-weight:bold;
	padding-left:22px;
}
.content .middle .middle_left dl dd{
	width:160px;
	margin:0 auto;
	line-height:29px;
	padding-left:40px;
	border-bottom:1px dotted #79DCEE;
}
.content .middle .middle_left dl dd a{
	padding-left:8px;
	background:url(icon_01.jpg) left center no-repeat;
	color:#006072;
	text-decoration:none;
}
.content .middle .middle_left dl dd a.current,
.content .middle .middle_left dl dd a:hover{
	color:#FF7E00;
	background:url(icon_02.jpg) left center no-repeat;
}

.content .middle .middle_right{
	padding-top:10px;
	margin-right:37px;
	float:right;
	width:629px;
	display:inline;

	
}
.content .middle .middle_right h1{
	font-weight:normal;
	font-size:12px;
	color:#007D8F;
	height:28px;
	line-height:28px;
	padding-left:3px;
	border-bottom:1px dotted #7FBEC7;
}
.content .middle .middle_right h1 span{
	padding-left:18px;
	background:url(icon_1.gif) left center no-repeat;
	color:#007D8F;
	font-weight:bold;
	font-size:12px;
}
.content .middle .middle_right h1 a{
	color:#007D8F;
	text-decoration:none;
	font-size:12px;
}
.content .middle .middle_right h2{
	width:579px;
	line-height:25px;
	height:25px;
	padding-left:27px;
	font-size:12px;
	background:url(box.gif) 0 0 no-repeat;
	margin:0px auto;
	
}
.footer{
	width:862px;
	margin:0 auto;
	padding:0px 19px;
	font-size:12px;	
	color:#006172;
}
.footer span{
	float:right;
}
.footer span a{
	color:#006172;
	text-decoration:underline;
}
.inputbox{ clear:both; width:534px; text-align:left; margin:0 auto; padding-top:33px; }
.inputbox p{ clear:both; text-align:left; font-size:12px;_height:1%;*height:1%;}
.input_01{
	border:1px solid #C6C6C6;
}
.ibl { width:69px; color:#666; text-align:right; float:left; margin-right:10px; padding-top:13px; }
.ibr { width:420px; text-align:left; float:left; padding-top:10px; +padding-top:8px; color:#666; }


.menu{
	height:30px;
	border-top:1px dotted #7FBEC7;
	line-height:30px;
	text-align:center;
}
.menu span{
	color:#007D8F;
}
.menu a{
	margin-left:4px;
	cursor:pointer;
	

}
.menu a img{
	vertical-align:middle;
}
.menu .previous{
	vertical-align:middle;
	border:none;
	height:13px;
	width:13px;
	background:url(previous.jpg);
}
.menu .back{
	vertical-align:middle;
	border:none;
	height:13px;
	width:13px;
	background:url(back.jpg);
}
.menu .last{
	vertical-align:middle;
	border:none;
	height:13px;
	width:13px;
	background:url(last.jpg);
}
.menu .next{
	vertical-align:middle;
	border:none;
	height:13px;
	width:13px;
	background:url(next.jpg);
}

/*****************CONTACT***************/
.content .middle .middle_right .innerBox.contact{
	height:600px;
	padding-top:42px;
	background:none;
}
.content .middle .middle_right .innerBox.contact .p p{
	font-size:14px;
	line-height:30px;
	margin-left:35px;
}
.content .middle .middle_right .innerBox.contact .p p.last{
	margin-bottom:15px;
}
.content .middle .middle_right .innerBox.contact .inputbox{ clear:both; width:534px; text-align:left; margin:0 auto; padding-top:33px; }
.content .middle .middle_right .innerBox.contact .inputbox p{ clear:both; text-align:left; font-size:12px;_height:1%;*height:1%;}


.content .middle .middle_right .innerBox.contact .ibl { width:69px; color:#666; text-align:right; float:left; margin-right:10px; padding-top:13px; }
.content .middle .middle_right .innerBox.contact .ibr { width:420px; text-align:left; float:left; padding-top:10px; +padding-top:8px; color:#666; }

.content .middle .middle_right .innerBox.contact .inputbox .button_confirm{
	cursor:pointer;
	border:none;
	width:45px;
	height:20px;
	background:url(button_confirm.jpg) 0 0 no-repeat;
	color:#006172;
}
.content .middle .middle_right .innerBox.contact .inputbox .button_reset{
	cursor:pointer;
	border:none;
	width:45px;
	height:20px;
	background:url(button_reset.jpg) 0 0 no-repeat;
	color:#006172;
}

/****************ABOUT*********************/
.content .middle .middle_right .innerBox.about{
	padding-left:12px;
	padding-top:20px;
	padding-bottom:30px;
}
/*.content .middle .middle_right .innerBox.about span.img{
	float:left;
	margin-right:18px;
}*/
.content .middle .middle_right .innerBox.about p{
	line-height:30px;
	font-size:14px;
	color:#000;
	/*text-indent:34px;*/
	color:#666666;
}
/****************ORDER**************/
.content .middle .middle_right .innerBox.order{
	padding-top:32px;
	padding-bottom:40px;
}
.content .middle .middle_right .innerBox.order table{
	margin:0 auto;
}
.content .middle .middle_right .innerBox.order table strong{
	color:#168295;
}
.content .middle .middle_right .innerBox.order table a img{
	border:none;
	vertical-align:middle;
}
.content .middle .middle_right .innerBox.order p.button{
	cursor:pointer;
	margin-top:30px;
	text-align:center;
	margin-bottom:30px;
}
.content .middle .middle_right .innerBox.order p.button a{
	cursor:pointer;
	margin-left:10px;
}
.content .middle .middle_right .innerBox.order p.button a img{
	border:none;
	vertical-align:middle;
}
	
.content .middle .middle_right .innerBox.order .inputbox{
	padding-top:12px;
}
.content .middle .middle_right .innerBox.order .inputbox .button_confirm{
	cursor:pointer;
	border:none;
	width:45px;
	height:20px;
	background:url(button_confirm.jpg) 0 0 no-repeat;
	color:#006172;
}
.content .middle .middle_right .innerBox.order .inputbox .button_reset{
	cursor:pointer;
	border:none;
	width:45px;
	height:20px;
	background:url(button_reset.jpg) 0 0 no-repeat;
	color:#006172;
}
	
/********************NEWS**********************/
.content .middle .middle_right .innerBox.news{
	padding-bottom:20px;
	
}
.content .middle .middle_right .innerBox.news ul{
	padding-top:40px;
	padding-left:25px;
	padding-right:16px;
}
.content .middle .middle_right .innerBox.news ul li{
	padding-right:20px;
	padding-left:9px;
	padding-top:5px;
	padding-bottom:5px;
	line-height:20px;
	font-size:12px;
	color:000;	
	list-style-type:none;
	border-bottom:1px dotted #CCCCCC; 
}
.content .middle .middle_right .innerBox.news ul li span{
	float:right;
	color:#999999;
	font-size:11px;
	font-family:Arial;
}
.content .middle .middle_right .innerBox.news ul li span.ico{
	float:left;
	width:3px;
	height:20px;
	display:block;
	background:url(dot.jpg) left center no-repeat;
}
.content .middle .middle_right .innerBox.news ul li a{
	color:#000;
	font-size:12px;
	text-decoration:none;
	padding-left:3px;
	
}
.content .middle .middle_right .innerBox.news ul li a:hover{
	color:#000;
	font-size:12px;
	text-decoration:underline;
	padding-left:3px;
	
}
.content .middle .middle_right .innerBox.news .menu.news{
	_padding-top:15px;
	margin-top:40px;
}
/******************PRODUCT***************/
.content .middle .middle_right .innerBox.product{
	padding-top:13px;
	padding-bottom:30px;
}
.content .middle .middle_right .innerBox.product ul{
	margin-top:16px;
	float:left;
}
.content .middle .middle_right .innerBox.product ul li{
	margin-right:24px;
	margin-left:30px;
	float:left;
	list-style-type:none;
	display:inline;
	width:156px;
}
.content .middle .middle_right .innerBox.product ul li.last{
	margin-right:8px;
}
.content .middle .middle_right .innerBox.product ul li div.thumb_bg{
	line-height:100px;
	text-align:center;
	text-decoration:none;
	color:#007D8F;
	width:150px;
	height:100px;
	padding-right:6px;
	background:url(thumb_bg.jpg) right center no-repeat;
	display:block;
}
.content .middle .middle_right .innerBox.product ul li a.thumb_bg.none{
	background:none;
	border:1px solid #007d8f;
	padding-right:0px;
}
.content .middle .middle_right .innerBox.product ul li span{
	color:#666666;
	line-height:25px;
	display:block;
	text-align:center;
}
.content .middle .middle_right .innerBox.product ul li span.first{
	line-height:21px;
}
.content .middle .middle_right .innerBox.product ul li span input{
	cursor:pointer;
	background:url(button_order.jpg);
	width:45px;
	height:18px;
	border:none;
	color:#007D8F;
}

.content .middle .middle_right .innerBox.product ul li span a.last{
	margin-left:13px;
}
.content .middle .middle_right .innerBox.product .menu.product{
	margin-top:10px;
}

/**********************DISPLAY***********************/
.content .middle .middle_right .innerBox.about.display h3{
		text-align:center;
		font:bold 16px/18px 'Arial';
		padding:15px 0;
		color:#000;
		border-bottom:1px dashed #7DC7EB;
}
.content .middle .middle_right .innerBox.about.display .info{
	text-align:center;
	font:12px/24px 'Verdana';
	color:#b5b5b5;
	padding:7px 0;
}

/* 图片列表 */
.pic_list_01 { margin:23px 0 0 0; padding:0 0 0 0; }
.pic_list_01 .pic_list { float:left; width:162px; text-align:center; background:url(thumb_bg.jpg) no-repeat right top;  margin:0 15px 15px 25px; display:inline;}
.pic_list_01 .pic_list .pic { width:150px; height:100px; line-height:100px; margin:0 auto; }
.pic_list_01 .pic_list .txt { width:150px; padding:4px 0; line-height:20px; margin:0 auto;}
.pic_list_01 .pic_list .txt a{text-decoration:none; color:#666666;}
.pic_list_01 .pic_list .txt a:hover{text-decoration:underline; }
.pic_list_01 .txt .btn_order{line-height:23px; text-align:center; padding:0 10px; margin-top:5px;}
.pic_list_01 .txt .btn_order span{float:right;}
.pic_list_01 .txt .btn_order a{color:#666; text-decoration:none;}
.pic_list_01 .txt .btn_order a:hover{text-decoration:underline;}