@charset "utf-8";
/**
*相约酸奶设备有限公司
*作者:胡海
*编写日期:2009年2月16日
*版本号:V0.1
*/

/***全局***/

*{
padding:0px;
margin:0px;
}
body{
font-size:12px;
font-family:Arial, Helvetica, sans-serif,"微软雅黑","宋体";
}
ul,li{
list-style:none;
}
img{
border:0px;
}
a{
color:#666666;
text-decoration:none;
}
a:hover{
color:#333333;
text-decoration:underline;
}
/****通用***/

.logo{
width:200px;
height:70px;
float:left;
}
.logo img{
width:200px;
height:70px;
}
.TopImg{
width:1000px;
height:190px;
float:left;
background:url(../images/top_img_01.png) no-repeat;
}
body .menu{
width:684px;
height:50px;
float:left;
position:relative;
z-index:6;
margin:0px 30px 0px 16px;
padding-left:70px;
font-size:14px;
font-weight:bold;
background:url(../images/mn.gif) no-repeat;
}
.menu li{
float:left;
width:90px;
text-align:center;
font-size:10px;
color:#FFFFFF;
position:relative;
}
.menu li a{
color:#FFFFFF;
text-decoration:none;
}
.menu li a:hover{
color:#A2A8F0;
text-decoration:none;
}
.nav{
width:800px;
height:20px;
line-height:20px;
float:left;
}
.top{
width:1000px;
height:510px;
position:relative;
margin:0px auto;
background:url(../images/top.jpg) 0px -90px no-repeat;
}
#entop{
width:1000px;
height:510px;
margin:0px auto;
background:url(../images/topen.jpg) 0px -90px no-repeat;
}
.toptext{
width:950px;
padding-right:50px;
height:30px;
font-weight:bold;
line-height:30px;
text-align:right;
}
.toptext a{
color:#666666;
text-decoration:none;
}
.toptext a:hover{
color:#7D97C8;
text-decoration:underline;
}
.main,#indexMain{
position:relative;
z-index:5;
}
.main{
width:1000px;
margin:0px auto;
margin-top:-220px;
}

.mainleft{
width:215px;
float:left;
}
.mainright{
width:747px;
float:left;
margin-left:15px;
}
.mainrighttop{
width:717px;
height:51px;
font-size:14px;
color:#3F518F;
padding:20px 0px 0px 30px;
background-image:url(../images/bian_top.png);
}
.mainrighttop h3{
font-size:14px;
height:30px;
line-height:30px;
width:680px;
}
.mainrighttop h4{
font-size:10px;
height:20px;
line-height:20px;
width:680px;
position:relative;
}
#mainRTEn{
width:300px;
height:20px;
float:left;
color:#999999;
}
#mainRTMap{
width:380px;
float:left;
height:20px;
right:10px;
font-size:12px;
text-align:right;
position:absolute;
}
#mainRTMap a{
color:#999999;
text-decoration:none;
font-weight:normal;
}
#mainRTMap a:hover{
color:#7D97C8;
text-decoration:underline;
}
.mainrightfoot{
width:747px;
height:32px;
background-image:url(../images/bian_foot.png);
}
.mainleft img{
float:left;
margin-left:20px;
}
.mainlist{
width:195px;
margin-left:20px;
background-image:url(../images/listbg.gif);
}
.mainlist h3{
width:195px;
height:40px;
padding:30px 0px 0px 0px;
text-align:center;
font-size:16px;
color:#FFFFFF;
background-image:url(../images/list_top.gif);
}
.mainlist ul{
width:164px;
padding-left:13px;
padding-right:18px;
padding-bottom:5px;
background:url(../images/list_bg.png) no-repeat;
}
.mainlistfoot{
width:195px;
height:20px;
background-image:url(../images/list_foot.gif);
}
.mainlist ul li{
height:23px;
line-height:23px;
}
.mainlist ul li a{
width:144px;
height:23px;
padding-left:20px;
display:block;
color:#999999;
font-weight:bold;
text-decoration:none;
}
.mainlist ul li a:hover,#mainliston ul li .manliston{
background:url(../images/list_menu.gif) no-repeat;
color:#FFFFFF;
}

.maintext{
width:747px;
background-image:url(../images/bian_in.gif);
}
#mainliston table
{
 margin:0px;
 margin-left:0px !important;
 margin-left:-16px;
}
#about{
overflow:auto;
height:100%;
}
#abouttopleft{
width:230px;
height:280px;
padding-left:30px;
float:left;
}
#abouttopright{
width:447px;
line-height:24px;
float:left;
font-size:14px;
text-indent:2em;
margin-right:10px;
padding-top:5px;
color:#999999;
}
#aboutfoot{
width:447px;
float:left;
line-height:20px;
color:#666666;
font-size:14px;
padding:0px 40px 0px 260px;
}
#aboutfoot span{
color:#999999;
font-size:12px;
}
/***************/
#zshangtopleft{
width:300px;
height:255px;
float:left;
padding-left:30px;
}
#zshangtopright{
width:377px;
float:left;
height:255px;
line-height:20px;
padding:0px 30px 0px 10px;
color:#999999;
}
#zshangtopright strong{
color:#666666;
}
#zshangtopright span{
color:#7D97C8;
}
#zshangfoot{
width:657px;
float:left;
line-height:20px;
padding-left:50px;
padding-right:40px;
color:#999999;
}
#zshangfoot strong{
color:#666666;
}
#bzhun{
border:#CCCCCC 1px solid;
border-left:0px;
width:540px;
height:105px;
margin-right:88px;
border-bottom:0px;
margin-bottom:10px;
}
#bzhun dt{
border-left:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
width:179px;
height:20px;
text-align:center;
font-weight:bold;
line-height:20px;
float:left;
color:#666666;
}
#bzhun dd{
border-left:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
width:179px;
text-align:center;
height:20px;
line-height:20px;
float:left;
}
#shebei{
border:#CCCCCC 1px solid;
border-left:0px;
width:609px;
height:206px;
margin-right:5px;
border-bottom:0px;
}
#shebei dt{
border-left:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
width:86px;
text-align:center;
font-weight:bold;
line-height:20px;
float:left;
color:#666666;
}
#shebei dd{
border-left:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
width:86px;
text-align:center;
line-height:20px;
float:left;
}
/*copy*/
.copy{
width:1000px;
clear:both;
height:49px;
margin:0px auto;
color:#FFFFFF;
background-image:url(../images/footBg.gif);
}
.copy ul{
width:790px;
height:44px;
float:left;
padding-top:5px;
text-align:right;
padding-right:10px;
}
.copy ul li{
height:20px;
line-height:20px;
}
.copy ul li a{
color:#FFFFFF;
text-decoration:none;
}
.copy ul li a:hover{
color:#6699FF;
text-decoration:underline;
}
#FootLogo{
width:200px;
height:44px;
padding-top:5px;
float:left;
}
#FootLogo img{
width:200px;
height:40px;
}
.copy span{
font-size:10px;
}
/**************/
#contacttop{
width:1000px;
height:190px;
background-image:url(../images/top_img_02.png);
}
#zshangtop{
background-image:url(../images/top_img_04.png);
}
#abouttop{
background-image:url(../images/top_img_05.png);
}
#qianjtop{
background-image:url(../images/top_img_03.png);
}
top_img_03.png

/*************************/
#contactttop{
width:672px;
margin:0px 35px 0px 30px;
height:22px;
background-image:url(../images/small_top.jpg);
}
#contact{
padding-top:40px;
height:365px;
}
#contactttop{
width:672px;
margin:0px 35px 0px 30px;
height:22px;
background-image:url(../images/small_top.jpg);
}
#contacttext
{
width:672px;
margin:0px 35px 0px 30px;
background-image:url(../images/small_in.jpg);
}
#contacttext ul{
width:632px;
padding:30px 0px 0px 40px;
color:#999999;
height:280px;
background:url(../images/contact_bg_img.gif) no-repeat 310px 0px;
}
#contacttext ul li{
width:632px;
height:20px;
line-height:20px;
float:left;
}
#contacttext ul li span{
color:#FF3300;
font-size:14px;
font-weight:bold;
}
#contactfoot
{
width:672px;
margin:0px 35px 0px 30px;
height:22px;
background-image:url(../images/small_foot.jpg);
}
/**************************/
#spanone{
position:absolute;
top:75px;
font-size:14px;
font-weight:bold;
left:260px;
color:#666666;
}
#spantwo{
position:absolute;
top:132px;
left:290px;
color:#999999;
font-weight:bold;
}
#spantwo a{
color:#999999;
text-decoration:none;
}
.hide{
display:none;
}
#spantwotext{
position:absolute;
top:150px;
left:20px;
background-image:url(../images/px.png);
color:#666666;
line-height:16px;
}
#spanthreetext{
position:absolute;
top:145px;
left:20px;
background-image:url(../images/px.png);
color:#666666;
line-height:16px;
}
#spanthree{
position:absolute;
top:322px;
color:#999999;
left:410px;
font-weight:bold;
}
#spanthree a{
color:#999999;
text-decoration:none;
}
#qianjtext{
width:680px;
margin:0px 33px 0px 34px;
height:449px;
position:relative;
background:url(../images/qianj_bg.gif) no-repeat 10px;
}
/*********************************/
#newstop{
text-align:center;
}
#news h3{
width:680px;
height:38px;
text-align:center;
font-size:12px;
line-height:38px;
background-image:url(../images/Station_tiao.gif);
margin:0px 37px 0px 30px;
}
#news table
{
	margin:0px;
	margin-left:0px !important;
	margin-left:-16px;
}
#news ul{
width:680px;
color:#666666;
text-align:center;
margin:0px 37px 0px 30px;
position:relative;
}
#news ul li{
height:38px;
line-height:39px;
border-bottom:1px #EAEAEA solid;
}
#news ul li a{
color:#666666;
text-decoration:none;
}
#news ul li a:hover{
color:#666666;
text-decoration:underline;
}
.newsNum{
display:block;
width:30px;
float:left;
height:38px;
padding-left:10px;
line-height:38px;
}
.newsTitle{
display:block;
width:490px;
float:left;
height:38px;
line-height:38px;
}
.newsDate{
display:block;
width:100px;
float:left;
height:38px;
line-height:38px;
}
.newVolume{
display:block;
width:50px;
float:left;
height:38px;
line-height:38px;
}
.newsTitlefloat{
text-align:left;
padding-left:10px;
width:480px;
}
#newspage{
height:25px;
line-height:25px;
width:680px;
text-align:center;
margin:0px 37px 0px 30px;
margin-top:10px;
}
.alt {background:#EFEFEF; /*这行将给所有偶数行加上背景色*/}
.over{background:#CCCCFF;/*这个将是鼠标高亮行的背景色*/}
/***********************************/
#newsShow h3{
width:680px;
height:38px;
text-align:center;
font-size:12px;
line-height:38px;
background-image:url(../images/Station_tiao.gif);
margin:0px 37px 0px 30px;
}
#newsShowText{
width:660px;
line-height:20px;
margin:0px 47px 0px 40px;
margin-top:5px;
font-size:14px;
color:#999999;
}
/***********************/
#product{
position:relative;
overflow:auto;
height:100%;
}
#product h3{
height:30px;
width:680px;
font-size:18px;
line-height:30px;
margin:0px 40px 0px 27px;
}
#product h3 img{
width:20px;
height:25px;
margin-bottom:-7px;
}
#product h4 {
height:30px;
line-height:30px;
width:680px;
font-size:18px;
margin:0px 40px 0px 27px;
}

#product h4 img{
width:20px;
height:25px;
margin-bottom:-7px;
}
.PSImg{
width:680px;
margin:0px 40px 0px 27px;
}
.productsshow{
width:747px;
margin-top:10px;
display:none;
}

.productsshow img{
width:680px;
height:289px;
}
#productJslist{
width:680px;
height:30px;
margin:0px 40px 0px 27px;
}


.PShowText{
width:640px;
line-height:20px;
padding:0px 20px;
margin:0px 40px 0px 27px;
}
#ps1{
display:block;
}
/***************************/
#ppage{
height:25px;
line-height:25px;
text-align:center;}
#productShowJs{
width:630px;
margin:0px 60px 0px 57px;
overflow:auto;
height:100%;
margin-top:20px;
}
#productShowJs ul{
width:630px;
overflow:auto;
height:100%;
}

#productShowJs li{
width:210px;
height:145px;
float:left;
line-height:22px;
color:#999999;
text-align:center;
}
#productShowJs li a{
width:170px;
height:110px;
padding:4px;
border:1px #FF9900 solid;
display:block;
}
#productShowJs li a:hover{
width:170px;
height:110px;
padding:4px;
border:1px #666666 solid;
}
#productShowJs li a img{
width:170px;
height:110px;
display:block;
}
#productShowJs li span{
display:block;
text-align:center;
width:180px;
height:22px;
line-height:22px;
color:#666666;
}


body .ptext
{
	overflow:auto;
height:100%;}

#product .ph4{
font-size:14px;
text-align:center;
}
#product .ptext img{
width:400px;
height:259px;
border:1px #FF9900 solid;
padding:5px;
display:block;
margin:0px auto;
}
.pcon{
width:600px;
margin:0px auto;
border:1px #CCCCCC dashed;
margin-top:10px;
line-height:22px;
font-size:14px;
overflow:auto;
height:100%;
color:#999999;
padding:10px;
}
/************************/
#viewer {height:110px; width:630px; overflow:hidden; float:left;}

#viewerFrame a{
width:210px;
height:110px;
display:block;
background:url(../images/product_03.gif) no-repeat;
}
/*#viewerFrame table{
float:left;
}*/
#viewerFrame a:hover{
width:210px;
height:110px;
background:url(../images/product_07.gif) no-repeat;
}
#viewerFrame a img{
margin-top:14px;
margin-left:17px;
}

#productShows{
width:670px;
height:120px;
margin:0px 04px 0px 33px;
}
.JsProduct{
width:630px;
height:110px;
float:left;
}
.JsProduct a{
float:left;
display:block;
width:210px;
height:110px;
}

.Jsleft{
width:20px;
height:25px;
padding-top:40px;
float:left;
}
.Jsright{
width:20px;
height:25px;
float:left;
padding-top:40px;
}
/******************/

#s_top{
position:relative;
top:30px;
left:-15px !important;
left:-18px;
}
/*************首页**********************/
#indexMainleft ul li{
position:relative;
}
.INtitle{
display:block;
float:left;
width:220px;
height:20px;
}
.INdate{
position:absolute;
width:80px;
right:0px;
height:20px;
line-height:20px;
}
#indexbg{
width:1000px;
height:510px;
margin:0px auto;
background-image:url(../images/index_bg.jpg);
}
#indexMain{
width:1000px;
margin:0px auto;
margin-top:-230px;
height:440px;
}

#MainTextTop{
width:945px;
background:url(../images/main_top01.gif) no-repeat;
margin:0px auto;
height:20px;
}
#indexMaintext{
width:945px;
margin:0px auto;
height:280px;
background-image:url(../images/main_in01.gif);
}
#indexMainleft{
width:345px;
float:left;
height:230px;
}
#indexMainleft table
{
	margin:0px !important;
	margin-left:-16px;
}
#indexMainleft h3{
font-size:12px;
height:20px;
line-height:20px;
padding:5px 0px 0px 20px;
}
#indexMainleft h3 img{
margin-right:10px;
margin-bottom:-3px;
}
#indexmore{
margin-left:180px;
margin-bottom:0px;
}
#indexMainleft ul li{
width:300px;
margin:0px 30px 0px 15px;
height:20px;
line-height:20px;
}

#indexMainF{
width:355px;
height:26px;
background-image:url(../images/main_s_foot.gif);
}

#indexMainright{
width:245px;
float:left;
height:230px;
text-align:center;
}
#indexMainright img{
margin-top:5px;}
.IPshow{
width:355px;
height:170px;
background-image:url(../images/main_s_in.gif);
}

#indexMainleft  a{
color:#666666;
text-decoration:none;
}
#indexMainleft a:hover{
color:#666666;
text-decoration:underline;
}

.indexshow{
width:300px;
height:170px;
margin:0px auto;
padding-top:5px;
display:none;
}
#showpone{
display:block;
}
#mu{
width:90px;
height:24px;
position:absolute;
margin-top:-220px !important;
margin-top:-225px;
margin-left:230px;
}
#mu a{
display:block;
width:24px;
height:24px;
float:left;
margin-left:3px;
}
#muone a{
background-image:url(../images/main_q01.gif);
}
#muone a:hover{
background-image:url(../images/main_t01.gif);
}
#mutwo a{
background-image:url(../images/main_q02.gif);
}
#mutwo a:hover{
background-image:url(../images/main_t02.gif);
}
#muthree a{
background-image:url(../images/main_q03.gif);
}
#muthree a:hover{
background-image:url(../images/main_t03.gif);
}
/*********/
#SfMessWrap{
z-index:3;
}
#indexProductList{
width:945px;
float:left;
background:#FFF;
}
#indexProductList h3{
background:url(../images/main_top011.gif) repeat-x;
width:925px;
font-size:12px;
line-height:40px;
float:left;
padding-left:20px;
}
#indexProductList span{
display:block;
width:24px;
height:50px;
float:left;
margin-top:10px;
padding-top:40px;
cursor:pointer;
}
#indexShowImg{
width:870px;
height:126px;
float:left;
overflow:hidden;
margin-top:10px;
margin-left:10px;
display:inline;
}
#btn1{
margin-left:10px;
}
#indexProductList ul{
width:870px;
height:126px;
}
#indexProductList ul li{
width:145px;
text-align:center;
float:left;
line-height:20px;
}
#indexProductList ul li img{
width:130px;
height:100px;
border:#FF9900 1px solid;
padding:2px;
}
#indexProductList ul li a{
display:block;
}
/************************/
#bbs{
width:595px;
margin:0px auto;

}
#addbbs{
width:550px;
height:320px;
padding:10px;
color:#999999;
font-size:14px;
border:1px #F60 dashed;
margin-bottom:10px;
}
#addbbs label{
display:block;
width:275px;
height:20px;
line-height:20px;
}
#addbbs li{
	float:left;
	width:275px;
	line-height:20px;
	padding-top:10px;
	}
#bbsc{
	padding-top:10px;
	}
#addbbs .input_text{
	font-size:14px;
	border:1px #C30 solid;
	height:20px;
	width:200px;
	}
	#addbbs .input_text:hover{
		background-color:#FF9;
		border:1px #F90 solid;
		}
#bbs .bbstext{
	width:500px;
	}
#context{
	width:500px;
	height:150px;
	border:1px #C30 solid;
	}
	
	
#huifubbs{
margin-top:10px;
overflow:auto;
height:100%;
}
.huifu{
margin-top:10px;
width:570px;
line-height:20px;
border:1px #CCCCCC solid;
}
.huifutitle{
height:20px;
width:570px;
}
.huiAddName{
width:450px;
display:block;
height:30px;
line-height:30px;
padding-left:20px;
background-color:#CCCCCC;
float:left;
}
.huiAddDate{
width:100px;
display:block;
height:30px;
line-height:30px;
background-color:#CCCCCC;
float:left;
text-align:center;
}
.huifutext{
padding:10px;
}
.adminhuifu{
padding:10px;
background-color:#F5F5F5;
}
#Panel1{
}
body .toptext,body .toptext a{
color:#FFFFFF;
font-size:12px;
font-weight:normal;
}
body .toptext a:hover{
color:#0066CC;
text-decoration:underline;
}
body .menu a{
font-size:12px;
display:block;
width:80px;
padding-top:8px;
margin-top:8px;
}
body .menu a:hover,#menuHome .navHome,#menuNews .navNews,#menuProduct .navProduct,#menuAbout .navAbout,#menuContact .navContact,#menuBBS .navBBS,#menuJob .navJob{
color:#FFFFFF;
height:40px;
width:80px;
display:block;
margin-top:10px;
background:url(../images/menu_on.gif) no-repeat 35px 0px;
}
body .menu a span{
font-size:10px;
display:block;
}
#enmenu a{
font-size:12px;
margin-top:8px;
}
#dataNone{
text-align:center;
color:#999999;
}
#flashShow{
position:absolute;
width:1000px;
top:76px;
height:195px;
z-index:5;
}
/**************导航判断*********/


#indexMainM{
	width:355px;
	height:230px;
	position:relative;
	float:left;
	background:url(../images/change_b.gif) no-repeat;}

	#indexMainM h3{
		font-size:12px;
		position:absolute;
		top:7px;
		left:42px;}
	
	/*数字部分*/
	#indexMainM ul.num{
		position:absolute;
		top:0px;
		right:5px;}
	
	#indexMainM ul.num li{
		cursor:pointer;
		font-weight:bold;
		color:#ff9529;
		width:24px;
		height:24px;
		line-height:24px;
		text-align:center;
		float:left;
		padding-right:7px;
		background:url(../images/num.gif) no-repeat;}
		
		#indexMainM ul.num li.num_on{
			cursor:pointer;
			background:url(../images/num_on.gif) no-repeat;
			color:#FFF;}
		
	/*数字部分end*/
	
	/*图片部分*/
	#indexMainM ol.photo{
		width:300px;
		height:170px;
		position:absolute;
		top:45px;
		left:25px;}
		
		#indexMainM ol.photo li{
			display:none;}
			
			#indexMainM ol.photo li.show{
				display:block;}
	/*图片部分 end*/