*{
margin:0;
padding:0;
letter-spacing: 1px;/*英文字符间距*/
word-spacing: 1px;/*中文字符间距*/
}
body{
font:12px/22px 宋体,MS Sans Serif;
text-align:center;
}
a{
text-decoration:none;
color:#195462;
}
a:hover{
color:#7aa501;
}
#Container{
width:900px;
text-align:left;
padding:0 5px 40px 5px;
margin:10px auto 0 auto;
background:url('../Images/BG.gif') repeat-y;
}
.Banner{
clear:left;
float:left;
display:inline;
width:900px;
height:180px;
background:url('../Images/Banner.gif');
}
.Path{
float:left;
display:inline;
width:858px;
height:40px;
margin:0 1px;
padding:0 20px;
line-height:40px;
background:url('../Images/Path_Bg.gif') repeat-x center center;
}
.Nav{
float:left;
display:inline;
list-style:none;
width:880px;
height:40px;
margin:0 1px;
padding:0 9px;
text-align:right;
border-top:5px #000 solid;
background:url('../Images/Nav_Bg.gif') repeat-x;
}
.Nav li{
display:inline;
height:40px;
background:url('../Images/Nav_Bg_Left.gif') no-repeat right bottom;
}
.Nav li a{
display:inline-block;
height:40px;
line-height:40px;
cursor:pointer;
font-weight:bold;
}
.Nav li a:hover{
background:url('../Images/Nav_Bg_Center.gif') no-repeat center bottom;
}
.Nav li a .NavL1{
display:inline-block;
}
.Nav li a .NavR1{
display:inline-block;
padding:0 28px 0 30px;
}
.Nav li .NavOn .NavL{
display:inline-block;
height:40px;
background:url('../Images/Nav_On_Left.gif') no-repeat left;
}
.Nav li .NavOn .NavR{
display:inline-block;
height:40px;
padding:0 30px;
background:url('../Images/Nav_On_Right.gif') no-repeat Right;
}
.Nav li .NavOn,.Nav li .NavOn:hover{
height:40px;
color:#fff;
font-weight:bold;
background:url('../Images/Nav_On_Center.gif') center;
}.Left{
float:left;
display:inline;
width:250px;
padding:15px 0 0 0;
}
.Search_Title{
float:left;
display:inline;
width:215px;
height:25px;
color:#fff;
font-size:12px;
font-weight:normal;
padding-left:35px;
background:#195462 url('../Images/Title_Icon.gif') no-repeat left;
}
.Search_Title a{
float:left;
display:inline;
color:#fff;
line-height:25px;
}
.Search_Title span{
float:right;
display:inline;
width:50px;
height:10px;
margin:7px 15px 0 0;
background:url('../Images/Search.gif');
}
.Search_Con{
float:left;
display:inline;
width:230px;
padding-left:20px;
list-style:none;
}
.Search_Con li{
float:left;
display:inline;
line-height:30px;
}
.Search_Con li h6{
float:left;
display:inline;
font-size:12px;
width:210px;
color:#195462;
border-bottom:1px #99a3ac dashed;
}
.Search_Con li span{
float:left;
display:inline;
width:10px;
height:30px;
}
.Search_Drop{
float:left;
display:inline;
width:155px;
font-size:12px;
color:#195462;
margin-top:5px;
}
.Search_Text{
float:left;
display:inline;
width:145px;
height:18px;
line-height:18px;
border:1px #99a3ac solid;
color:#195462;
margin-top:5px;
padding:0 5px;
}
.Search_Buttom{
float:left;
display:inline;
width:30px;
height:20px;
margin:5px 0 0 5px;
border:0;
background:url('../Images/Search_Buttom.gif');
}
.Pru_Title{
margin:15px 0 0 0;
}
.Pru_Title span{
background:url('../Images/PRODUCTS.gif');
}
.ProductSort_Con{
float:left;
display:inline;
width:230px;
padding:5px 0 0 20px;
}
.ProductSort_Con dl{
width:230px;
float:left;
display:inline;
}
.ProductSort_Con dl dt span{
float:left;
display:inline;
width:10px;
}
.ProductSort_Con dl dt{
float:left;
display:inline;
width:230px;
height:30px;
}
.ProductSort_Con dl dt a{
float:left;
display:inline;
width:210px;
border-bottom:1px #99a3ac dashed;
}
.ProductSort_Con dl dt a:hover{
font-weight:bold;
}
.ProductSort_On{
font-weight:bold;
color:#7aa501;
}
.ProductSort_Sub_On{
font-weight:bold;
color:#7aa501;
}
.ProductSort_Con dl dd{
float:left;
display:inline;
width:200px;
height:25px;
padding-left:30px;
}
.ProductSort_Con dl dd span{
float:left;
display:inline;
width:10px;
}
.ProductSort_Con dl dd a{
float:left;
display:inline;
width:180px;
}
.ProductSort_Con dl dd a:hover{
font-weight:bold;
}
.Right{
float:right;
display:inline;
width:620px;
}
.News{
float:left;
display:inline;
width:320px;
margin-top:10px;
}
.News_Title{
float:left;
display:inline;
font-size:14px;
height:45px;
width:310px;
background:url('../Images/News_BG.gif') no-repeat;
}
.News_Title a{
float:left;
display:inline;
color:#fff;
line-height:35px;
padding-left:10px;
}
.News_Title span{
float:left;
display:inline;
width:30px;
height:35px;
background:url('../Images/News.gif') no-repeat center center;
}
.News_Con{
float:left;
display:inline;
list-style:none;
width:300px;
padding:5px 0 0 5px;
}
.News_Con li{
float:left;
display:inline;
width:300px;
height:40px;
position:relative;
}
.News_Con li a{
clear:both;
float:left;
display:inline;
width:300px;
position:absolute;
top:15px;
}
.News_Con li span{
float:left;
display:inline;
color:#94a9ae;
font-size:12px;
height:15px;
position:absolute;
top:0;
}
.News .More{
float:right;
display:inline;
margin:5px 20px 0 0;
}
.News .More a{
color:#7aa501;
}
.News .More a:hover{
text-decoration:underline;
}
.Company{
float:right;
display:inline;
width:280px;
margin-top:15px;
}
.Company .Company_Title{
width:245px;
}
.Company .Company_Title a{
float:left;
display:inline;
color:#fff;
}
.Company .Company_Title span{
float:right;
display:inline;
width:100px;
height:10px;
margin:7px 15px 0 0;
background:url('../Images/PROFILE-OR-COMPANY.gif') no-repeat;
}
.Company_Con{
float:left;
display:inline;
padding:20px 25px;
width:230px;
}
.Company_Con a{
color:#195462;
}
.Company_Con .More{
display:inline;
}
.Company_Con .More a{
color:#7aa501;
}
.Company_Con .More a:hover{
text-decoration:underline;
}
.Contact{
float:left;
display:inline;
width:280px;
}
.Contact_Title{
width:245px;
}
.Contact_Title span{
float:right;
display:inline;
width:60px;
height:10px;
margin:7px 15px 0 0;
background:url('../Images/Contact_us.gif') no-repeat ;
}
.Contact_Con{
float:left;
display:inline;
width:270px;
padding-left:20px;
list-style:none;
}
.Contact_Con li{
width:270px;
float:left;
display:inline;
height:30px;
}
.Contact_Con li a{
float:left;
display:inline;
font-size:12px;
width:250px;
color:#195462;
line-height:29px;
border-bottom:1px #99a3ac dashed;
}
.Contact_Con li span{
float:left;
display:block;
width:10px;
height:27px;
padding-top:3px;
}
.Product_Title{
float:right;
display:inline;
width:590px;
height:40px;
margin:20px 0 0 0;
font-size:14px;
line-height:40px;
padding-left:30px;
background:url('../Images/Product_Title.gif') no-repeat left;
}
.Product_Title a{
float:left;
display:inline;
color:#959595;
}
.Product_Title span{
float:right;
display:inline;
font-size:12px;
font-weight:normal;
padding:0 20px 0 0;
}
.Product_Title span a{
color:#7aa501;
}
.Product_Title span a:hover{
text-decoration:underline;
}
.Product{
float:right;
display:inline;
width:600px;
list-style:none;
padding-left:25px;
}
.Product li{
float:left;
display:inline;
width:150px;
height:130px;
border:1px #d1d9e1 solid;
margin:10px 30px 10px 5px;
padding:4px;
}
.Product li span {
width:150px;
height:100px;
line-height:100px;
text-align:center;
display:table-cell;
vertical-align:middle;
*font-family:Arial;
*display:block;
*font-size:88px;
}
.Product li span a{
background:none;
padding:0;
width:150px;
line-height:100px;
margin:0;
overflow:hidden;
}
.Product li span a img{
vertical-align:middle;
}
.Product li a{
float:left;
display:inline;
margin-top:5px;
padding-left:20px;
line-height:25px;
width:130px;
background:#f7f7f7 url('../Images/Product_Icon.gif') no-repeat left;
}
#FriendLink{
text-align:left;
width:870px;
list-style:none;
padding:20px 20px 10px 20px;
white-space:nowrap;
margin:0 auto;
background:url('../Images/FriendLink.gif') no-repeat top;
}
#FriendLink li{
float:left;
display:inline;
}
#FriendLink li a{
padding:0 10px;
border-right:1px #99a3ac solid;
}
#FriendLink li a:hover{
text-decoration:underline;
}
#CopyRight{
border-top:1px #99a3ac dashed;
width:800px;
color:#3b444d;
padding:10px 50px 20px 50px;
margin:0 auto;
}
.Clear{
clear:both;
}