﻿/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font: 12px Tahoma,Arial;
	text-align:center;
	color:#3B3B3B;
	background:url(body_bg.jpg) top repeat-x;
	background-color:#FFFFFF;
	line-height:200%;
}
form,ul,li,h1,h2,h3,h4,h5{ margin:0px;padding:0px;border:none;}
input,textarea,p{ font: 12px Tahoma,Arial; }
li{ list-style:none; }
img {border:none;}
a{ color:#3B3B3B;text-decoration:none; }
a:hover{ text-decoration:underline; }
a.MenuA{padding:0px 30px; color:#FFFFFF;font-size:13px; text-decoration:none;font-weight:bold;}

#wrapper{ width:954px;padding:0px 9px 0px 0px;margin:0px auto; background:url(body_shadow_right.jpg) top right no-repeat;background-color:#FFFFFF; text-align:left; }
.WrapperInner{ width:945px;padding-left:9px;padding-top:15px;background:url(body_shadow_left.jpg) top left no-repeat; }

/*dialog css*/
.DialogTitle1{ background:url(1_title_2.gif) right;height:24px; }
.DialogTitle2{ padding-left:10px;font-size:13px;font-weight:bold;color:#1B679C;background:url(1_title_1.gif) left no-repeat;padding-top:4px;height:20px; }
.DialogTitle1 a,.DialogTitle2 a {color:#1B679C;}
.DialogContent1{ padding-right:6px;background:url(1_shadow_right.gif) right repeat-y; }
.DialogContent2{ background:url(1_content.gif) bottom repeat-x; }
.DialogBottom1{ background:url(1_bottom_2.gif) right;height:12px; }
.DialogBottom2{ background:url(1_bottom_1.gif);height:12px;width:6px;font-size:1px; }

/*dialog2 css*/
.Dialog2{ float:left;width:690px;border:1px solid #CCCCCC;padding-bottom:10px;margin-bottom:10px; }
.Dialog2Title{ height:19px;padding-top:3px;padding-left:15px;background:url(aboutus_title_bg.jpg);font-weight:bold; }

.BigTitle{ font-size:30px;border-bottom:1px dotted #333333;margin-bottom:20px; }

/*head.html*/
#Head{ width:100%; }
#Head #HeadLogo{ width:170px;height:65px;float:left;padding-left:30px;background:url(head_bg.jpg) bottom repeat-x; }
#Head #HeadRight{ width:730px;float:right;height:80px; } 
#Head #HeadRight #HeadSeacrh{ height:38px;text-align:right;padding-right:15px; }
#Head #HeadRight #HeadSeacrh #InputSearch{ border:none;margin:0px;padding:2px 0px 0px 17px;width:140px;height:16px;font-size:12px;color:#999999;background:url(search_input.gif); }
#Head #HeadRight #HeadNav{ width:730px;height:35px;background:#B40003;}
#HeadNav a {color:white;}

#nav a { display:block;float:left;margin:0px;padding:0px 32px;color:#fff;float:left;list-style-type: none;text-decoration: none;line-height:35px; height:35px; font-weight:bold; font-size:14px;}

#nav a:hover {color:#3F4A52; background:#CED7E0;}
#nav a.on1  {color:#3F4A52; background:#CED7E0;}

ul#navmenu li { 
margin: 0; 
border: 0 none; 
padding: 0; 
float: left; /*For Gecko*/ 
display: inline; 
list-style: none; 
position: relative; 

} 
ul#navmenu ul { 
margin: 0; 
border: 0 none; 
padding: 0; 
width: 200px; 
list-style: none; 
display: none; 
position: absolute; 
top: 27px; 
left: 0; 
background:url(navmenu_bg.png) repeat-y left top;
_background:#0087ce;
} 
ul#navmenu ul li { 
line-height:28px;
float: none; /*For Gecko*/ 
display: block !important; 
display: inline; /*For IE*/ 

} 

/* 2nd Menu */ 
ul#navmenu li:hover li a, 
ul#navmenu li.iehover li a { 
float: none; 
color: #FFF; 
font-size:12px;
height:22px;
line-height:22px;
font-weight:normal;
margin:0px 10px 6px;
border-bottom:1px solid #555;
} 
/* 2nd Menu Hover Persistence */ 
ul#navmenu li:hover li a:hover, 
ul#navmenu li:hover li:hover a, 
ul#navmenu li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover a { 
color: #FFF; 
background:none;
} 
/* 3rd Menu */ 
ul#navmenu li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li a { 
color: #FFF; 
} 
/* 3rd Menu Hover Persistence */ 
ul#navmenu li:hover li:hover li a:hover, 
ul#navmenu li:hover li:hover li:hover a, 
ul#navmenu li.iehover li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover a { 
color: #FFF; 
} 
/* 4th Menu */ 
ul#navmenu li:hover li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li.iehover li a { 
color: #FFF; 
} 
/* 4th Menu Hover */ 
ul#navmenu li:hover li:hover li:hover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover li a:hover { 
color: #FFF; 
} 
ul#navmenu ul ul, 
ul#navmenu ul ul ul { 
display: none; 
position: absolute; 
top: 0; 
left: 200px; 
} 
/* Do Not Move - Must Come Before display:block for Gecko */ 
ul#navmenu li:hover ul ul, 
ul#navmenu li:hover ul ul ul, 
ul#navmenu li.iehover ul ul, 
ul#navmenu li.iehover ul ul ul { 
display: none; 
} 
ul#navmenu li:hover ul, 
ul#navmenu ul li:hover ul, 
ul#navmenu ul ul li:hover ul, 
ul#navmenu li.iehover ul, 
ul#navmenu ul li.iehover ul, 
ul#navmenu ul ul li.iehover ul { 
display: block; 
} 

/*index.html#ced7e0*/
#HomeBanner{ clear:both;width:100%;height:277px; padding-top:0px; }
#HomeMain{ width:919px;background:#ced7e0;padding:8px 10px 5px 16px;overflow:hidden;}
#HomeNewPic{ width:58px;height:46px;float:left;padding:10px 10px 10px 20px; }
#HomeNewsList{ clear:both;height:76px;padding-left:22px; }
#HomeNewsList li{height:25px;}
#HomeNewsList a{color:#585757;text-decoration:none;}
#protype{ height:98px;padding-left:20px;width:210px; }
#protype li{ padding-top:8px; }
#protype li a{ color:#585757;text-decoration:none;font-weight:bold; }

#main{ width:100%;overflow:hidden;}
#MainLeftNav{ float:left;width:202px;background:#D0DAE3;padding-bottom:3000px;margin-bottom:-3000px;padding-top:15px; }

#MainRight{ float:left;width:743px;overflow:hidden;}
.LeftNavList li{ padding:3px 15px;background:url(line_bg.gif) bottom repeat-x;color:#06416B;font-weight:bold; }
.LeftNavList li a{ color:#1A669C;font-weight:bold;text-decoration:none; }

#guide{ padding:5px 20px;background:#E9E9E9;color:#000;font-size:14px; font-weight:bold; } 
#guide a{ color:#000; }

/*about.php*/
#WhoWeArePic{ float:left;width:90px;text-align:center;padding:10px; }
#WhoWeAreContent{ float:left;width:560px;text-align:left;padding:10px; }

/*news.php*/
.newsTitle{ color:#1A669C;font-size:13px;font-weight:bold; }
#LatestNewsContent .postdate{ color:#3B3B3B;font-size:13px;font-weight:bold; }
#LatestNewsContent td{ vertical-align:top;line-height:20px;font:12px Arial,Tahoma; }
#LatestNewsContent td p{ margin:0px;line-height:18px;}

/*products.php*/
.ProductPic{ 
	width:100px;
	height:100px;
	border:1px solid #CCCCCC;
	float:left;
	text-align:center;
}
.ProductPic img{ width:94px;height:94px;margin:3px; }
.ProductIntro{ width:190px;padding:0px 10px 0px 20px;float:left;height:100px;line-height:17px;color:#000;}
.ProductIntro h1{ font-size:14px;font-weight:bold; }

/*product.php*/
.BigProductPic{ border:1px solid #999999;vertical-align:middle; text-align:center; }
.OtherProduct{ width:100px;height:120px;float:left;padding:18px 18px 0px;}
.OtherProductPic{ width:100px;height:100px;border:1px solid #CCCCCC; }
.OtherProductPic img{ width:100px;height:100px;border:0px; }
.OtherProductName{ height:20px;text-align:center;font-size:10px;color:#32517F;}
#ProductContent p{ margin:0px;padding:0px;line-height:20px;}

#footer a {color:#05336F;}

/************* ҳ #949ea5; */

.pages {
  clear:both;
  width:650px;
  margin:20px;
}

.pages strong {
  color:#468DC1;
  display:block;
  float:left;
  height:18px;
  line-height:18px;
  float:left;
  padding:0px 8px;
  background:#F5FAFF;
  border:1px solid #468DC1;
  margin: 0px 3px 0px 0px;
}
.pages a,.pages a:hover {
  display:block;
  float:left;
  height:18px;
  line-height:18px;
  float:left;
  padding:0px 8px;
  border:1px solid #CCC;
  text-decoration:none;
  margin: 0px 3px 0px 0px;
  color:#468DC1;
}

.pages span {
  float:right;
  padding:0px 10px;
  height:18px;
  line-height:18px;
  background:#F5FAFF;
  border:1px solid #468DC1;
}

/* 
  --------------------------------------
  *****  9. assist ()   *****
  --------------------------------------
*/
.p5 {
  padding:5px;
}

.p10 {
  padding:10px;
}

.blank5 {
  clear:both;
  height:5px;
  overflow:hidden;
}

.blank10,.blank30 {
  clear:both;
  height:10px;
  overflow:hidden;
}

.blank20 {
  height:20px;
}

.blank30 {
  height:30px;
}

.padding10 {
  padding:10px;
}

.margin5 {
  margin:5px;
}

.padding5 {
  padding:5px;
}

.blank5 {
  clear:both;
  height:5px;
  overflow:hidden;
}

.hr {
  clear:both;
  height:1px;
  background:url(point.gif) repeat-x;
}

#list-view{overflow:auto;}
#list-view li{float:left;margin:0 10px 10px;width:150px;height:162px;overflow:hidden;text-align:center;display:block;position:relative;line-height:1em;}
#list-view .img-wrap{position:static;width:150px;height:134px;text-align:center;display:table-cell;vertical-align:middle;*display:block;*font-size:124px;*font-family:Arial;overflow:hidden;_border:none;}
#list-view img{max-width:130px;max-height:124px;vertical-align:middle;padding:5px;border:1px solid #ccc;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;_border:none;}
#list-view img:hover,#list-view .highlight{border-color:#ff8015;_border:none;}
#list-view h5 a {
clear:both;
  width:142px;
  overflow:hidden;
  height:18px;
  line-height:18px;
  margin-top:10px;
  font-size:12px;
   text-align:center;
  font-weight:normal;
}