@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:11px; background:url(../Images/bg.jpg) repeat-x #FFF;}
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:#606060; text-decoration:none;}
a:visited{color:#606060; 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:991px; height:130px; background:url(../Images/Top_bg.jpg) 300px 0 no-repeat; margin:0 auto; position:relative; overflow:hidden;}
#Top Img.LogoPic {display:block; left:0px; top:12px; position:absolute;}
#Top P.TopContact {display:block; left:470px; top:10px; position:absolute; font-weight:bold; font-size:12px; line-height:18px; background:url(../Images/Top_icon.gif) 0 5px no-repeat; padding: 0 0 0 20px;}
#Top P.TopContact a {color:#bb1111; font-size:12px;}
#Search form {display:block; width:300px; height:110px; display:block; background:url(../images/label_search.gif) 0 40px no-repeat; position:relative; float:right;}
#Search form input.txtBox{
	display:block;
	width:165px;
	height:23px;
	border:0px;
	background:url(../images/bg_search_input.gif) no-repeat;
	font:normal 12px/23px Arial, Helvetica, sans-serif;
	color:#555555;
	text-indent:8px;
	overflow:hidden;
	background-color:#ffffff;
	top:40px; left:75px; position:absolute;
}
#Search form input.go{
	display:block;
	width:45px;
	height:25px;
	background:url(../images/btn_search_go.gif) no-repeat;
	font:bold 11px/25px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	cursor:pointer;
	border:none;
	background-color:transparent;
	text-indent:-2000px;
	top:40px; left:250px; position:absolute;
}
/*---Menu-----------------------------------------------------------*/
#Top ul.nav {display:block; width:991px; height:50px; line-height:50px; padding:0 0 0 0; left:0px; top:80px; position:absolute; background:url(../Images/Menu_bg.jpg) 0 0 no-repeat; overflow:hidden;}
#Top ul.nav li {float:left; padding:0px; margin:0 0 0 0;}
#Top ul.nav li a{color:#ffffff; text-decoration:none; padding:15px 30px 30px 25px; font-size:14px; font-weight:bold;}
#Top ul.nav li a:hover{color:#ff0000; text-decoration:none;}
#Top ul.nav li a.over{color:#ffffff; text-decoration:none; background:url(../Images/Menu_line.jpg) 0 0 no-repeat;}
#Top ul.nav li a.over:hover{color:#888877; text-decoration:none; background:url(../Images/Menu_line.jpg) 0 0 no-repeat;}
#Top ul.nav li a.out{color:#ffffff; text-decoration:none;) right 15px no-repeat;}
#Top ul.nav li a.out:hover{color:#004488; text-decoration:none;}
#Top ul.nav li a.out2{color:#ffffff; text-decoration:none;}
#Top ul.nav li a.out2:hover{color:#004488; text-decoration:none;}

#BodyMain {width:1003px; background-color:#FFFFFF; margin:0 auto;}
#Main {width:991px; background-color:#FFFFFF; margin:0 auto; position:relative; overflow:hidden; padding:0 0 8px 0;}
#Main P.MainLine {width:991px; height:10px; border-top:#666666 solid 10px; margin:0 auto;}
#MainLeft {display:block; width:195px; float:left;}
#MainLeft P.QuickCate {width:183px; height:33px; border-top:#004488 solid 1px; border-left:#004488 solid 1px; border-right:#004488 solid 1px; line-height:33px; color:#000000; font-size:15px; font-weight:bold; position:relative; background:url(../Images/Category_bg.jpg) 0 0 repeat-x; padding:0 0 0 10px;}
.CategoryC {display:block;width:193px; padding:0 0 0 0; border-bottom:#004488 solid 1px; border-left:#004488 solid 1px; border-right:#004488 solid 1px; background-color:#004488;}
.CategoryC ul{margin:0 auto;list-style-type: none;width: 193px;text-align:left; padding:10px 0 5px 0;}
.CategoryC ul li{
	margin:0 auto;
	width:193px;
	vertical-align:middle;
	text-align:left;
	text-indent:25px;
	line-height:22px;
	background:url(../Images/Icon01.jpg) 12px center no-repeat;
	color:#ffffff;
}
.CategoryC ul li a{
font-size:11px;
text-decoration: none;
text-align:left;
color:#ffffff;
}
.CategoryC ul li a:visited{
font-size:11px;
text-decoration: none;
text-align:left;
color:#ffffff;
}
.CategoryC ul li a:hover{
color:#ff0000;
font-size:11px;
text-align:left;
text-decoration:none;
}
.CategoryC P.CatePic {margin:0 auto; width:191px; padding:0 0 2px 0;}
.CategoryC P.CatePicContact {margin:0 auto; width:191px; padding:0 0 2px 0; font-size:11px; color:#FFFFFF; line-height:1.5em;}
.CategoryC P.CatePicContact a{color:#FFFFFF;text-decoration: none;
}

#MainLeft P.QuickContact {width:183px; height:33px; border-top:#004488 solid 1px; border-left:#004488 solid 1px; border-right:#004488 solid 1px; line-height:33px; color:#000000; font-size:15px; font-weight:bold; position:relative; background:url(../Images/Category_bg.jpg) 0 0 repeat-x; padding:0 0 0 10px; margin:10px 0 0 0;}
#MainLeft P.QuickContact02 {width:183px; height:70px; border-bottom:#004488 solid 1px; border-left:#004488 solid 1px; border-right:#004488 solid 1px; line-height:20px; background-color:#004488; color:#FFFFFF; padding:8px 0 8px 10px;}
#MainLeft P.QuickContact02 a {color:#FFFFFF; text-decoration:underline;}
#MainRight {display:block; width:790px; float:right;}
#IndexBanner {display:block;width:790px; float:left;}
#IndexAbout {display:block; width:450px; height:200px; overflow:hidden; float:left; line-height:19px; padding:10px 0 0 5px;}
#IndexAbout P.Aboutus01 {display:block; width:460px; height:30px; overflow:hidden; background:url(../Images/Aboutus_icon.jpg) 0 0 no-repeat; font-size:14px; color:#004488; font-weight:bold; line-height:30px; text-indent:40px;}
#IndexAbout a {color:#606060;}
#IndexNews {display:block; width:320px; height:200px; overflow:hidden; float:left; padding:10px 0 0 10px;}
#IndexNews P.News01 {display:block; width:320px; height:30px; overflow:hidden; background:url(../Images/Aboutus_icon.jpg) 0 0 no-repeat; font-size:14px; color:#004488; font-weight:bold; line-height:30px; text-indent:40px;}
.IndexNewsList {width:320px; height:85px; overflow:hidden;}
.IndexNewsList P.NewsTitle {text-align:left; width:320px; line-height:25px;}
.IndexNewsList P.NewsTitle a {color:#990000;}
.IndexNewsList P.NewsC {width:307px; height:30px; padding:5px; border:dashed #cccccc 1px;}
.IndexNewsList P.NewsDate {width:320px; line-height:20px;}
.IndexNewsList P.NewsDate span {line-height:20px; text-align:right; padding:0 0 0 210px;}
#IndexCate {width:991px; height:300px; padding:0 0 10px 0; margin:0 auto; overflow:hidden;}
#IndexCate ul {width:1000px;}
#IndexCate ul li {float:left; width:200px;}
#IndexCate ul li img {width:189px; height:170px; overflow:hidden; border:#cccccc solid 1px;}
#IndexCate ul li p.CateName {border:#cccccc solid 1px; height:30px; line-height:30px; text-align:center; width:189px; background-color:#f2f2f2;}
#IndexCate ul li p.CateName a{color:#004488; font-weight:bold;}
#IndexCate ul li p.CateCon {width:189px; height:95px; padding:5px 0 0 0;}
#IndexCate ul li p.CateCon span {font-weight:bold; color:#990000;}

#MainRight h2.QuickMiddle {display:block; width:790px; height:30px; line-height:30px; font-size:14px; position:relative; padding:0 0 0 0px; overflow:hidden; border-bottom:solid #CCCCCC 1px; float:left;}
#MainRight h2.QuickMiddle span {color:#004488;}
#MainRight .MainContent {width:790px; padding:10px 0 0 0; float:left;}
.tdAboutus {line-height:200%; text-align:justify;}
.tdnewsLine {border-bottom:#cccccc solid 1px;}
.tdnewsContent {line-height:200%;}
.tdnewsTitle {line-height:30px; background-color:#eeeeee;}
.tdContact {background:url(../Images/content_photo.jpg) 200px 50px no-repeat;}
/*--ProShow-----------------------------*/
.ProMain {width:790px; overflow:hidden; margin:0 auto; }
.ProMainContent {width:800px; overflow:hidden; margin:0 auto; padding:0 0 0 0;}
.ProMainSort {width:250px; overflow:hidden; line-height:150%; float:left; margin:0 6px 10px 0; background-color:#f5f5f5; position:relative; padding:3px;}
.ProMainSort h2 {font-size:15px; font-weight:bold; padding:5px 0 5px 0; text-indent:5px;}
.ProMainSort img {
	margin: 0 5px 0 5px;
	width:126px;
	height:114px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.table01 {width:100%;}
.td01{background-color:#efefef; color:#003388; line-height:21px;}
.td01 H2 {font-size:14px; color:#003388;}
.td02{border:#f6f6f6 1px solid; background-color:#ffffff; line-height:200%; font-size:12px;}

.ProShowTop {width:788px; 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:600px; position:absolute;}

.ProShow {display:block;width:790px; margin:10px 0 0 0; overflow:hidden;}

.ProImages {width:150px;height:150px;overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle; border:#CCCCCC solid 1px;}
.ProImages p {position:static;+position:absolute;top:50%}
.ProImages img {position:static;+position:relative;top:-50%;left:-50%; }

.ProShow ul {width:800px; }
.ProShow ul li {float:left; width:150px; margin:0 7px 0px 0;}
.ProShow ul li.ProShowLine {width:800px; height:1px; padding:0; margin:0px;}
.ProShow ul li img {width:150px; height:150px;}
.ProShow ul li p.ProName {width:150px; padding:8px 0 0 0; text-align:center; height:40px;}

.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
}

.ProShowName {font-size:14px;}
.ProShowimg {width:230px; overflow:hidden; padding:10px 0 0 3px; float:left;}
.ProShowimgOne {width:680px; overflow:hidden; padding:10px 0 0 0px; margin:0 auto;}
.ProShow00 { background-color:#f1f1f1; height:40px;}
.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:60px; margin:0 auto; position:relative;background:url(../images/Foot_bg.jpg) left bottom repeat-x;}
#MainFoot P.Copyright {float:left;display:block;top:10px;left:10px;position:relative;font-size:11px;line-height:20px;}
#MainFoot P.Links {float:right;display:block;top:10px;right:10px;position:relative;font-size:11px;line-height:20px;}
#MainFoot P.Links a{padding:0 3px 0 2px;}

