@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;
}

/****通用***/

.logo{
width:200px;
height:70px;
float:left;
}
.logo img{
width:200px;
height:70px;
}
.TopImg{
width:1000px;
height:190px;
float:left;
}
.menu{
width:684px;
height:50px;
float:left;
margin:0px 30px 0px 16px;
padding-left:70px;
font-size:14px;
font-weight:bold;
background:url(../images/mn.png) no-repeat;
}
.menu li{
float:left;
width:90px;
line-height:50px;
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;
margin:0px auto;
background-image:url(../images/top.jpg);
}
.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{
width:1000px;
margin:0px auto;
overflow:auto;
height:100%;
margin-top:-220px;
}

.mainleft{
width:215px;
overflow:auto;
height:100%;
float:left;
}
.mainright{
width:747px;
overflow:auto;
height:100%;
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;
}
#mainRTEn{
width:300px;
height:20px;
float:left;
color:#999999;
}
#mainRTMap{
width:380px;
float:left;
height:20px;
float:left;
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.gif) 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;
overflow:auto;
height:100%;
background-image:url(../images/bian_in.gif);
}
#mainliston table
{
 margin:0px;
 /*margin-left:0px !important;*/
 margin-left:-16px;
}
/*#about{
}*/
#abouttopleft{
width:230px;
height:390px;
padding-left:30px;
float:left;
}
#abouttopright{
width:447px;
height:385px;
line-height:20px;
float:left;
margin-right:10px;
padding-top:5px;
color:#999999;
}
#aboutfoot{
width:487px;
float:left;
line-height:20px;
color:#666666;
font-size:14px;
padding:0px 0px 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;
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;
height:153px;
padding:30px 0px 0px 40px;
color:#999999;
background:url(../images/contact_bg_img.gif) no-repeat 310px 0px;
}
#contacttext ul li{
width:632px;
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;
}
/***********************/
#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;
height:400px;
margin-top:20px;
}
#productShowJs ul{
width:630px;
height:400px;
position:absolute;
}

#productShowJs li{
width:210px;
height:130px;
float:left;
line-height:20px;
color:#999999;
}
#productShowJs li a{
width:210px;
height:110px;
display:block;
background:url(../images/product_03.gif) no-repeat;
}
#productShowJs li a:hover{
width:210px;
height:110px;
background:url(../images/product_07.gif) no-repeat;
}
#productShowJs li a img{
margin-top:14px;
margin-left:17px;
}

#productShowJs li span{
display:block;
height:20px;
line-height:20px;
text-align:center;
}
/************************/
#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;
}
/*************首页**********************/
.INtitle{
display:block;
float:left;
width:220px;
height:20px;
}
.INdate{
display:block;
float:left;
width:80px;
height:20px;
text-align:center;
}
#indexbg{
width:1000px;
height:510px;
margin:0px auto;
background-image:url(../images/index_bg.jpg);
}
#indexMain{
width:1000px;
margin:0px auto;
/*margin-top:-50px;*/
height:250px;
}

#MainTextTop{
width:945px;
background:url(../images/main_top01.gif) no-repeat;
margin:0px auto;
height:20px;
}
#indexMaintext{
width:945px;
margin:0px auto;
height:230px;
background-image:url(../images/main_in01.gif);
}
#indexMainleft{
width:345px;
float:left;
}
#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;
}
#indexMainM{
width:355px;
height:100px;
float:left;
}
#indexMainM h3{
width:310px;
background-image:url(../images/main_s_top.gif);
height:18px;
font-size:12px;
padding:7px 0px 0px 45px;
}
#indexMainF{
width:355px;
height:26px;
background-image:url(../images/main_s_foot.gif);
}

#indexMainright{
width:245px;
float:left;
height:100px;
text-align:center;
}
#indexMainright img{
margin-top:5px;}
.IPshow{
width:355px;
height:170px;
background-image:url(../images/main_s_in.gif);
}
.indexshow{
width:300px;
height:170px;
margin:0px auto;
padding-top:5px;
}
#indexMainleft  a{
color:#666666;
text-decoration:none;
}
#indexMainleft a:hover{
color:#666666;
text-decoration:underline;
}
#indexMainright img{
margin-top:5px;}
.IPshow{
width:355px;
height:170px;
background-image:url(../images/main_s_in.gif);
}
.indexshow{
width:300px;
height:170px;
margin:0px auto;
padding-top:5px;
display:none;
}
#showp{
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;
}