@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:11px; background-color:#CCCCCC;}
Div,h1,h2,h3,h4,p,form,label,input,textarea,img,span{margin:0; padding:0}
Ul,dl{margin:0px; padding:0px; list-style-type:none;}
/*-----------------------------------------------------------------------*/
a:link{color:#333333; text-decoration:none;}
a:visited{color:#333333; text-decoration:none;}
a:hover{color:#ff0000; text-decoration:underline;}
.input {
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-top:#404040 solid 1px;
	border-left:#404040 solid 1px;
	}
/*---Body-----------------------------------------------------------*/
#Top {width:1003px; height:123px; background:url(../Images/Top_bg.jpg) 0 right no-repeat #FFFFFF; margin:0 auto; position:relative; overflow:hidden;}
#Top Img.LogoPic {display:block; left:5px; top:5px; position:absolute;}
#Top P.Top_Contact {display:block; position:absolute; left:750px; top:20px; color:#ffffff; font-size:12px; text-align:left; line-height:20px;}
#Top P.Top_Contact span {font-size:16px; font-weight:bold;}
#Top P.Top_Contact a {color:#FFFFFF;}
#Top P.Top_Contact1 {display:block; position:absolute; left:670px; top:20px; color:#ffffff; font-size:11px; text-align:left; line-height:20px;}
#Top P.Top_Contact1 span {font-size:16px; font-weight:bold;}
#Top P.Top_Contact1 a {color:#FFFFFF;}
#Top P.Top_left {width:240px; height:43px; display:block; position:absolute; left:0px; top:80px; line-height:43px; color:#6d6d6c; background:url(../Images/Top_left.jpg) 0 0 no-repeat; font-size:14px; font-weight:bold; text-align:center;}
/*---Menu-----------------------------------------------------------*/
#Top ul.nav {display:block; width:780px; height:43px; line-height:20px; padding:0 0 0 0; left:240px; top:80px; position:absolute; background-color:#0a5596; overflow:hidden;}
#Top ul.nav li {float:left; padding:0px; margin:12px 0 0 0; border-right:#ffffff solid 2px;}
#Top ul.nav li a{color:#ffffff; text-decoration:none; padding:0 13px 0 13px; font-size:14px; font-weight:bold;}
#Top ul.nav li a:hover{color:#ff0000; text-decoration:none;}
#Banner {width:1003px; height:163px; margin:0 auto; overflow:hidden;}
/*---Main-----------------------------------------------------------*/
#Main {width:1003px; margin:0 auto; background-color:#FFFFFF;}
#MainLeft {display:block; width:240px; float:left; background-color:#eeeeee;}
#MainLeft P.Quck01 {width:225px; line-height:40px; border-bottom:#CCCCCC solid 1px; font-size:16px; font-weight:bold; color:#005599; margin:0 auto;}
.CategoryC {display:block;width:225px; padding:0 0 0 0; margin:0 auto;}
.CategoryC ul{list-style-type: none;width: 225px;text-align:left; padding:10px 0 10px 0;}
.CategoryC ul li{
	margin:0 auto;
	width:225px;
	height:18px;
	padding:4px 0 0 0;
	vertical-align:middle;
	text-align:left;
	text-indent:5px;
	background-color:#dedede;
	border-bottom:#FFFFFF solid 1px;
}
.CategoryC ul li a{
font-size:11px;
text-decoration: none;
text-align:left;
}
.CategoryC ul li a:visited{
font-size:11px;
text-decoration: none;
text-align:left;
}
.CategoryC ul li a:hover{
color:#ff0000;
font-size:11px;
text-align:left;
text-decoration:none;
}
#Search {width:225px; height:135px; background:url(../Images/Search_bg.jpg) 0 0 no-repeat; margin:0 auto; padding:0 0 0 0;}
#Search form {display:block; width:225px; position:relative;}
#MainLeft P.SearchQuick {width:200px; line-height:40px; border-bottom:#4499ee solid 1px; font-size:14px; font-weight:bold; color:#ffffff; margin:0 auto;}
#Search form .Search01{display:block; width:200px; height:20px; left:12px; top:60px; position:absolute;font-size:11px}
#Search form input.txtBox{
	display:block;
	width:120px;
	height:18px;
	border-bottom:#d2d2d2 solid 1px;
	border-right:#d2d2d2 solid 1px;
	border-top:#808080 solid 1px;
	border-left:#808080 solid 1px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#555555;
	text-indent:8px;
	overflow:hidden;
	background-color:#ffffff;
	left:12px; top:95px; position:absolute;
}
#Search form input.go{
	display:block;
	width:70px;
	height:20px;
	background:url(../images/input_go.jpg) no-repeat;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	cursor:pointer;
	border:none;
	background-color:transparent;
	text-indent:-2000px;
	left:145px; top:95px; position:absolute;
}
.IndexNewsList {width:225px; overflow:hidden; margin: 0 auto; padding:0 0 10px 0;}
.IndexNewsList P.NewsTitle {float:right; text-align:left; width:225px; line-height:15px; padding:8px 0 8px 0;}
.IndexNewsList P Span.NewsDate {float:left;color:#990000; line-height:20px;}
.IndexNewsList P Span.ReadMore {float:right; line-height:20px;}
.IndexNewsList P Span.ReadMore a {color:#FF0000; text-decoration:underline;}
.IndexNewsList P.NewsC {width:210px; height:28px; border:#cccccc dashed 1px; padding:5px; color:#999999;}
#IndexPro {width:761px; height:395px; float:right; background:url(../Images/Quick_bg.jpg) 0 0 repeat-x;}
P.Quck02 {width:745px; line-height:40px; background:url(../Images/Icon_01.gif) 0 12px no-repeat; border-bottom:#CCCCCC solid 1px; margin:0 auto;}
P.Quck02 span.QuckFont {font-size:16px; font-weight:bold; color:#005599; margin:0 0 0 25px; float:left;}
P.Quck02 span.QuckMore {float:right;}
P.Quck02 span.QuckMore a {color:#FF0000; text-decoration:underline;}
ul.IndexProC {width:745px; overflow:hidden; margin:0 auto; padding:10px 0 0 0;}
ul.IndexProC li {float:left; width:365px; height:180px; overflow:hidden; padding:0 0 5px 0;}
ul.IndexProC li img.Pro {width:150px; height:124px; overflow:hidden; border:#e5e5e5 solid 1px; float:left;}
ul.IndexProC li p.ProName {height:30px; text-align:left; width:150px; float:left;}
ul.IndexProC li p.ProCon {width:210px; height:150px; padding:5px 0 0 0; float:right; color:#666666; line-height:18px;}
ul.IndexProC li p.ProCon span {font-weight:bold; color:#ff0000;}
#IndexAboutus {width:761px; height:210px; float:right; background:url(../Images/Quick_bg.jpg) 0 0 repeat-x; overflow:hidden;}
#IndexAboutus P.IndexAboutCon {width:745px; line-height:22px; margin:0 auto; padding:10px 0 0 0;}
/*-------MainRight-------------------*/
#MainRight {width:761px; float:right; background:url(../Images/Quick_bg.jpg) 0 0 repeat-x; overflow:hidden;}
#MainRight h2.QuickMiddle {display:block; width:745px; line-height:40px; font-size:14px; position:relative; padding:0 0 0 0px; overflow:hidden; border-bottom:solid #CCCCCC 1px; margin:0 auto;}
#MainRight h2.QuickMiddle span {color:#005599;}
#MainRight .MainContent {width:745px; padding:10px 0 0 0; margin:0 auto;}
.tdAboutus {line-height:200%; text-align:justify;}
.tdnewsLine {border-bottom:#cccccc solid 1px;}
.tdnewsContent {line-height:200%;}
.tdnewsTitle {line-height:30px; background-color:#eeeeee;}

ul.NewsList li {background:url(/Images/icon_.gif) 50px -160px no-repeat; line-height:27px; color:#7788aa;}
ul.NewsList li span {float:left;}
ul.NewsList li a {float:left; margin:0 0 0 30px;}
ul.NewsList li p {border-top:#994477 solid 1px; line-height:27px; padding:5px 0 0 0;}

ul.Video {display:block; list-style-type:none;}
ul.Video li {color:#7788aa; float:left; width:120px; margin:0 10px 0 0; padding:0;}
ul.Video li img {border:#666666 solid 1px; height:90px; width:120px;}
ul.Video li a {float:left; margin:0 0 0 0;}
/*--ProShow-----------------------------*/
.ProMain {width:750px; overflow:hidden; margin:0 auto;}
.ProMainSort {width:360px; overflow:hidden; line-height:150%; float:left; margin:0 5px 10px 0; background-color:#f5f5f5; position:relative; padding:5px;}
.ProMainSort h2 {font-size:15px; font-weight:bold; padding:5px 0 5px 0; text-indent:5px;}
.ProMainSort img {padding:0 5px 0 5px;}
.table01 {width:100%;}
.td01{background-color:#efefef; color:#003388; line-height:21px;}
.td01 H2 {font-size:14px; color:#003388;}
.td02{border:#e5e5e5 1px solid; background-color:#ffffff; line-height:200%; font-size:12px;}
.ProShowTop {width:743px; height:30px;border:#b7b7b7 1px solid; background-color:#f2f2f2; position:relative; font-size:10px; margin:0 auto;}
.ProShowTop img.ico6 {display:block; top:8px; left:10px; position:absolute;}
.ProShowTop p.AllSearch {display:block; top:8px; left:40px; position:absolute;}
.ProShowTop p.ContactNow {display:block; top:6px; left:130px; position:absolute;}
.ProShowTop p.MoreProducts {display:block; top:6px; left:250px; position:absolute;}
.ProShowTop p.PageNum {display:block; text-indent:25px; top:5px; left:550px; position:absolute;}
.ProShow {display:block;width:745px; margin:10px 0 10px 0; overflow:hidden;}
.ProShow ul {display:block; width:760px; overflow:hidden;}
.ProShow ul li {width:145px; margin:0 5px 5px 0; float:left;}
.ProShow ul li.KongLine {width:745px; float:left;}
	.ProImages {width:141px;height:120px;overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle; border:#e5e5e5 solid 1px;}
	.ProImages p {position:static;+position:absolute;top:50%}
	.ProImages img {position:static;+position:relative;top:-50%;left:-50%;}
	P.ProName {display:block; width:140px; font:11px; text-align:center;}
.PageTable {float:left; width:700px; height:30px; padding:10px 0 0 0; text-align:center;}
.PageTable a:link {
	BORDER-RIGHT: #003388 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #003388 1px solid; PADDING-LEFT: 5px; BACKGROUND: url(/images/bg_page.gif) #003388; PADDING-BOTTOM: 2px; BORDER-LEFT: #003388 1px solid; COLOR: #ffffff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #003388 1px solid; TEXT-DECORATION: none
}
.PageTable a:visited {
	BORDER-RIGHT: #003388 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #003388 1px solid; PADDING-LEFT: 5px; BACKGROUND: url(/images/bg_page.gif) #003388; PADDING-BOTTOM: 2px; BORDER-LEFT: #003388 1px solid; COLOR: #ffffff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #003388 1px solid; TEXT-DECORATION: none
}
.PageTable a:hover {
	BORDER-RIGHT: #003388 1px solid; BORDER-TOP: #003388 1px solid; BACKGROUND: url(/images/bg_page_lu.gif) #aad83e; BORDER-LEFT: #003388 1px solid; COLOR: #003388; BORDER-BOTTOM: #003388 1px solid;
}
.PageTable span.Pagecurrent {
	BORDER-RIGHT: #003388 1px solid;
	BORDER-TOP: #003388 1px solid;
	BORDER-LEFT: #003388 1px solid;
	BORDER-BOTTOM: #003388 1px solid;
	BACKGROUND: url(/images/bg_page_lu.gif) #003388; 
	COLOR: #003388; MARGIN-RIGHT: 2px;
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px;  TEXT-DECORATION: none;
}
.PageTable span.disabled {
	BORDER-RIGHT: #003388 1px solid; BORDER-TOP: #003388 1px solid; BORDER-LEFT: #003388 1px solid; BORDER-BOTTOM: #003388 1px solid;
	padding:2px 5px 2px 5px; MARGIN-RIGHT: 2px;
	BACKGROUND: url(/images/bg_page.gif) #003388;
	COLOR: #fff; TEXT-DECORATION: none
}
.ProShowTitle {font-size:16px;}
.ProShow00 { background-color:#f1f1f1; height:30px; border:#CCCCCC solid 1px;}
.Proshow01 {background:url(../images/icon_.gif) 0px -5px no-repeat; height:30px; line-height:30px; text-indent:40px; font-weight:bold; float:left;}
.Proshow02 {background:url(../images/icon_.gif) 0px -57px no-repeat; height:30px; line-height:30px; text-indent:40px; font-weight:bold; float:left;}
.Proshow03 {background:url(../images/icon_.gif) 0px -215px no-repeat; height:30px; line-height:30px; text-indent:55px; font-weight:bold; float:left; margin:0 0 0 5px;}
.Proshow04 {background:url(../images/icon_.gif) 0px -265px no-repeat; height:30px; line-height:30px; text-indent:40px; font-weight:bold; float:left;}

ul.Sitemap {width:650px;margin:0 auto;}
ul.Sitemap li{font-size:12px;padding:0;line-height:20px;}
ul.Sitemap li a{padding:0 0 0 0;font-size:12px; background-color:inherit; text-decoration:none;}
ul.Sitemap li a:hover{color:#ff0000;}
/*-------------------*/
.MainClear {clear:both;}
/*-------Foot-------------------*/
#MainFoot {width:1003px; height:70px; margin:0 auto; position:relative; background-color:#001155;}
#MainFoot P.Copyright {display:block; top:10px; float:right; font-size:11px; color:#FFFFFF; margin:0 0 0 0; text-align:right; margin:5px 2px 0 0;}
#MainFoot P.Copyright a {color:#FFFFFF;}
#MainFoot P.Links {display:block; top:2px; float:left; font-size:11px; line-height:20px; background-color:#2277cc; line-height:30px; color:#FFFFFF; padding:0px 5px;}
#MainFoot P.Links a{padding:0 2px 0 2px; color:#FFFFFF;}
#MainFoot #MainLanguage {display:block; top:45px; left:35px; position:absolute; font-size:11px; line-height:20px; color:#FFFFFF;}
#MainFoot #MainLanguage a {padding:0 5px 0 5px; color:#FFFFFF;}