/*------------------------------------------
Author: Kiefer
Design Corp: TOG
E-mail: Kiefering@Gmail.com
------------------------------------------*/
@charset "utf-8";
/*all*/
body,ul,form,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,img{
padding: 0;
margin: 0;
border: 0;
list-style: none;
}
body {
color: #333;
font-family: Arial, Helvetica, sans-serif;
line-height: 140%;
font-size: 12px;
margin:0;
margin-bottom:10px;
text-align: center;
background:#fff;
}
a {
text-decoration:none;
color:#666;
}
.clear {
	clear: both;
	height: 0;
	overflow:hidden;
}
/*all end*/
#lng{right:10px;top:10px;position:absolute;}
/*basic layout start*/
#header{
width:100%;
height:110px;
background:url(images/topBg.jpg) repeat-x
}
#top{
width:854px;
height:110px;
margin:0 auto;
text-align:left
}
h1{
width:640px;
height:45px;
padding-top:25px;
padding-left:60px;
background:url(images/toplogo.jpg) no-repeat 5px 0;
color:#000;
font-size:26px;
font-family:Verdana;
font-weight:normal
}
/** html h1 {height:43px;}IE6*/
#nav{float:left;height:40px;width:560px}
#nav ul li{
float:left;
margin-right:5px;
text-align:center
}
#nav ul li a{
display:block;
width:107px;
height:25px;
padding-top:9px;
background:url(images/btnoff.jpg) no-repeat;
font-size:14px;
color:#000;
font-weight:bold
}
#nav ul li a.active{
display:block;
width:107px;
height:25px;
padding-top:9px;
background:url(images/btnon.jpg) no-repeat;
font-size:14px;
color:#fff;
font-weight:bold
}
#nav ul li a:hover{color:#fff}
#search{float:left;margin-left:20px}
#search label{font-size:14px;color:#000; font-weight:bold}
#search input{margin-left:8px;border:1px solid #C8DFFF;}
#search .bt{
width:35px;
height:20px;
background:url(images/searchbtn.jpg) no-repeat;
border:0}
#content{
width:854px;
height:auto;
margin:18px auto;
margin-bottom:10px;
text-align:left
}
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*closing floats*/
#sidebar{
float:right;
width:281px;
height:auto;
margin-left:23px;}
#con{
float:left;
width:550px;
height:auto;
color:#5D8AC5}
#footer{
width:824px;
height:21px;
padding:14px 15px;
margin:0 auto;
margin-top:15px;
text-align:left;
background:url(images/footBg.jpg) no-repeat
}
#footer ul li{float:left;margin-right:6px;}
#footer ul li a{color:#1F5BA4}
#footer p{float:right;color:#999}
/*basic layout end*/
/*index con*/
/*intro*/
#intro{
width:510px;
height:143px;
padding:10px 20px;
background:url(images/intro.jpg) no-repeat
}
#intro h2{
float:left;
width:400px;
color:#5E8BC6;
height:32px;
margin-bottom:5px;
font-size:20px;
font-weight:normal
}
* html #intro h2 {margin-bottom:-5px;}/*IE6*/
#intro span{float:right;}
#intro p{color:#2158A8;clear:both;line-height:20px}
/*product*/
#product{
width:550px;
height:auto;
margin-top:12px;
}
#pcls1{
width:550px;
height:9px;
overflow:hidden;
background:url(images/pCls1.jpg) no-repeat
}
#productClass{
width:540px;
padding-left:10px;
padding-bottom:10px;
background:#CEE1FF
}
#productList{
width:548px;
height:auto;
border:1px solid #ddd;
border-top:0;
border-bottom:0
}
#productBottom{
width:550px;
height:8px;
background:url(images/pB.jpg) no-repeat
}
.pclass li{
float:left;
height:13px;
padding:4px 8px;
margin-right:8px;
margin-bottom:5px;
background:#EFF6FF
}
.pclass li a,.pclass1 li a{color:#000}
.pclass li a:hover,.pclass1 li a:hover{text-decoration:underline}

.pclass1 li{
float:left;
height:13px;
padding:4px 9px;
margin-left:5px;
background:#EFF6FF
}

.plist li{float:left;margin:11px 5px 0 8px}
.plist li a img{border:1px solid #CEE1FF;}
.plist li p{text-align:center}
/*index sidebar*/
#msg{
width:261px;
height:209px;
padding:10px;
background:url(images/msg.jpg) no-repeat;
margin-top:14px;
}
#link{
width:261px;
height:220px;
padding:10px;
background:url(images/link.jpg) no-repeat;
margin-top:14px;
}
/*msg*/
#msg h3,#stop h3{
float:left;
color:#5D89C6;
font-size:14px}
#msg .bt{
float:right;
width:73px;
height:19px;
background:url(images/bt.jpg) no-repeat;
border:0;
color:#fff;
font-weight:bold}
#msg #msgcon{
clear:both}
#msg .fs{border:1px solid #ddd;margin-top:8px;margin-left:12px;width:234px;font-family: Arial;}
#msg input{height:22px}
#msg textarea{overflow-y:hidden;height:120px}
/*link*/
#demo{
overflow:hidden;
width:261px;
height:220px;
}
/*other550*/
#contop{
width:535px;
height:38px;
padding-top:12px;
padding-left:15px;
background:url(images/contop.jpg) no-repeat
}
#conmiddle{
width:514px;
height:570px;
padding:18px;
padding-top:8px;
background:url(images/conmiddle.jpg) repeat-y
}
#conmiddle1{
width:530px;
height:auto;
padding:10px;
padding-top:8px;
background:url(images/conmiddle.jpg) repeat-y
}
#conbottom{
width:550px;
height:15px;
background:url(images/conbottom.jpg) no-repeat
}
#contop h3{color:#5E8AC5}
#conmiddle h2{
color:#4275B9;
font-weight:normal;
border-bottom:1px solid #5E8AC5;
padding-bottom:10px;
margin-bottom:10px
}
#conmiddle p{
text-indent: 22px;
line-height: 22px;}
/*contact */
.contact{
border-left:3px solid #4275B9;
margin-left:30px;
margin-bottom:20px;
padding:10px;
}
.contact .ct{font-weight: bold}
/*gb*/
#gb input,#gb textarea{border:1px solid #4275B9}
/*pro*/
#psidebar{
float:left;
width:181px;
height:auto;
margin-right:23px;}
#pcon{
float:right;
width:650px;
height:auto;
color:#5D8AC5
}
#ptop{
width:630px;
height:40px;
padding-top:10px;
padding-left:20px;
background:url(images/ptop.jpg) no-repeat
}
#ptop h3{fong-size:20px;}
#pmiddle{
width:610px;
height:auto;
padding:20px;
padding-top:8px;
background:url(images/pmiddle.jpg) repeat-y
}
#pbottom{
width:650px;
height:15px;
background:url(images/pbottom.jpg) no-repeat
}
/*sidebar*/
#stop{
width:166px;
height:31px;
padding-top:4px;
padding-left:15px;
background:url(images/stop.jpg) no-repeat
}
#smiddle{
width:151px;
height:auto;
padding:15px;
padding-top:8px;
background:url(images/smiddle.jpg) repeat-y
}
#sbottom{
width:181px;
height:15px;
background:url(images/sbottom.jpg) no-repeat
}
#stop h3{}
.pcls li{
background: url(images/dot.gif) no-repeat;
padding-top:1px;
padding-left:20px;
margin-bottom:5px}
.pcls li a{color:#2468C4;font-size:14px}
.pcls li a:hover{border-bottom:2px solid #2468C4}

.plist1 li a img{display:block;border:1px solid #CEE1FF;margin:10px 10px 10px 25px}
.plist1 li{float:left;}
.plist1 li p{text-align:center;}
/*pages*/
#page{clear:left;text-align: center;margin-top:20px}
#JPages{font-size: 14px;}
#JPages input{
font-size: 12px;
border:1px solid #333;
padding:0px;
margin:0;
width:25px;
height:18px;
line-height:1.4;
}
/*show*/
#show {text-align:center}
#showtit {
font-size:14px;
color:#358001;
font-weight:bold;
margin:20px 0;
}
#showimg {
margin-bottom:20px;
width:500px;
height:auto;
overflow:auto;
overflow-x:hidden;
}
#xx {font-size:12px;color:#358001;margin-bottom:10px}
#showinfo {width:90%;text-align:left;margin-bottom:20px;}
.xz {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 180%;
	color: #800080;
	text-decoration: none;
}

.xz1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 180%;
	color: #0000FF;
	text-decoration: none;
}