@charset "utf-8";
body{ font-size:12px; margin:0px; padding:0px; line-height:23px;background-image:url(../images/bg1.jpg); background-repeat:repeat-x;  color:#393939;text-align:center;}

form{ margin:0px; padding:0px;}
table,tr,td{font-size:12px; }
/*div{ word-wrap:break-word;  word-break:break-all; font-size:12px; overflow:hidden }*/ 
*{ margin:0; padding:0; }
a:link{color:#000;text-decoration: none;}
a:visited{color:#000; text-decoration: none;}
a:hover {color:#f00; text-decoration: underline;}
img, img a, img a:hover{border:0;}
.clear {clear: both; FONT-SIZE: 1px; VISIBILITY: hidden; WIDTH: 1px; height:1px; line-height:1px;}

H6 {font-size:14px; font-weight:bold; color:#000000; letter-spacing:0.2em;padding-left:30px; }
H5 {font-size:12px; font-weight:bold; color:#A88126; letter-spacing:0.2em;padding-left:30px; }
H4 {font-size:16px; font-weight:bold; letter-spacing:0.1em;padding-left:15px;color:#848484; }
H3 {font-size:15px; font-weight:bold; letter-spacing:0.1em;color:#000099; }

.h {font-size:13px; letter-spacing:0.1em;padding-left:18px; margin:0px;color:#000000;}
H1 {font-size:12px; font-weight:bold; letter-spacing:0.2em;padding-left:20px;color:#ffffff; }
H2 {font-size:12px; font-weight:bold; letter-spacing:0.2em;color:#000099; }
/* css */
.box2 {border:2px solid #CFB578; border-left-style:none;border-right-style:none;}
.box {border:1px solid   #CECECE;}
.box3 {border:1px solid #cccccc;}
.box1 {border:2px solid #0000FF;}
.box-b {border-bottom:1px dashed #848484;}
.box-r {border-right:1px dashed #B2B2B2;}
.box-t {border-top:1px dashed #848484;}
.box-pro {border:1px solid #0068b4; }
.box-img {border:1px solid #91b78e; }
.box-product {border:1px dashed #295821; }
.news {border-bottom:1px solid #ccc;}
.new {border-bottom:1px dashed #ccc;}
.case {border:1px solid #c7c7c7;}
.box-happy {border:1px solid #ccc; }
.box-link {border:1px solid #a9c9e2; }
.box-bk {border:1px solid #000;}
.F {font-size:14px;  font-weight: lighter;letter-spacing:0.2em;}
.bc {color:##375169;font-weight:bold;}
 
/*margin and padding*/
.p1{padding:1px;}
.p5 {padding:5px;}
.pt2 {padding-top:2px;}
.pt4 {padding-top:4px;}
.pt8 {padding-top:8px;}
.pt13{padding-top:13px;}
.pt11{padding-top:11px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.pr5 {padding-right:5px;}
.pr15 {padding-right:15px;}
.pl10 {padding-left:10px;}
.pl18 {padding-left:18px;}
.pl25 {padding-left:25px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl50 {padding-left:50px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:80px;}
.pb10 {padding-bottom:10px;}
.pb5 {padding-bottom:3px;}
.mt1 {margin-top:1px;}
.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt8 {margin-top:8px;}
.mt10 {margin-top:10px;}
.mt12 {margin-top:11px;}
.mt15 {margin-top:15px;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px;}
.mt22 {margin-top:22px;}
.mt24 {margin-top:24px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}
.mb5 {margin-bottom:5px;}
.lh {line-height:26px}
.pl214 {padding-left:214px;}
 /* color and font-color */
 .ch {color:#490000;}
.cBlue {color:#993300;}
.cYellow {color:#C2804E;}
.cRed {color:#CC0000;}
.cGray {color:#1c699c;}
.cGreen {color:#417603;}
.cGreens {color:#209f07;}
.cWhite {color:#FFFFFF;}
.bold {font-weight:bold;}
.td {text-indent:2em;}
.ws {word-spacing:1.8em;}
.ws1 {word-spacing:0.5em;}
.ls {letter-spacing:0.6mm;}
.huese {color:#84878C;}

.f14   {font-size:14px;color:#FFFFFF;letter-spacing:0.6mm;word-spacing:2.4em;font-weight:bold;}
.f13   {font-size:13px;color:#FFFFFF;letter-spacing:0.6mm;word-spacing:2.9em;font-weight:bold;}
.f12   {font-size:12px;color:#FFFFFF;letter-spacing:0.6mm;word-spacing:3.2em;font-weight:bold;}
.pl6 {padding-left:6px;}
.box-b1 {border-bottom:1px solid #D8D7DC;}
.box-b2 {border-bottom:1px dashed #CCCCCC;}

/*bgcolor*/
.bgnoness { background-repeat:no-repeat; background-position:left;}
.bgnones { background-repeat:repeat-x; background-position:top;}
.bgcolor1 {background:url(../images/index_6.jpg) repeat-x top;}
.bgcolor2 {background:url(../images/main_04.jpg) repeat-x top;}
.bgcolor3 {background:url(../images/main_07.jpg) repeat-x top;}
.bgcolor4 {background:url(../images/index_42.jpg) no-repeat bottom;}
.bgcolor5 {background:url(../images/index_34.jpg) no-repeat bottom;}


.bb{ background-color:#fff; color:#000 }
.cc{ background-color:#000; color:#fff; font-size:13px; }
.dd{ background-color:#fff; color:#000; font-size:13px; }

/* link */
.aa:link, .aa:visited{color:#FFFFFF; font-size:13px;font-weight:bold; letter-spacing:0.6mm;word-spacing:2.9em;text-decoration:none;}
.aa:hover{color:#FFFFFF; font-size:13px;font-weight:bold;letter-spacing:0.6mm;word-spacing:2.9em; text-decoration:underline;}

.aaa:link, .aaa:visited{color:#FFFFFF; font-size:12px;font-weight:bold; letter-spacing:0.6mm;word-spacing:3.2em;text-decoration:none;}
.aaa:hover{color:#FFFFFF; font-size:12px;font-weight:bold;letter-spacing:0.6mm;word-spacing:3.2em; text-decoration:none;}


.a2:link, .a2:visited{color:#FFFFFF; font-size:12px;text-decoration:none;}
.a2:hover{color:FFFFFF; font-size:12px;text-decoration:none;}

.b:link, .b:visited{color:#fff;  text-decoration:none;}
.b:hover{color:#fff;   text-decoration:underline;}

.bb:link, .bb:visited{color:#4D81BE;  text-decoration:none;}
.bb:hover{color:#4D81BE;  text-decoration:underline;}

.c:link, .c:visited{color:#fff;   text-decoration:none;}
.c:hover{color:#fff;  text-decoration:underline;}

.d:link{color:#555555;  font-weight:bold;    font-size:13px;  text-decoration:none;}
.d:visited{color:#FF9205;  font-weight:bold;    font-size:13px;  text-decoration:none;}
.d:hover{color:#FF9205;  font-weight:bold; font-size:13px; text-decoration:none;}

.e:link, .e:visited{color:#175689; font-weight:bold; text-decoration:none;}
.e:hover{color:#f00; font-weight:bold; text-decoration:underline;}
 
.f:link, .f:visited{color:#000099; text-decoration:none;}
.f:hover{color:#f00; text-decoration:underline;}

.ff:link, .ff:visited{color:#F87600;  font-weight:bold; text-decoration:none;}
.ff:hover{color:#F87600;  font-weight:bold; text-decoration:underline;}

.j:link, .j:visited{color:#b3c1a8; font-weight:bold; text-decoration:none;}
.j:hover{color:#b3c1a8; font-weight:bold; text-decoration:underline;}

.bor_b
{
	border-left:solid 1px #ccc;
	border-top:solid 1px #ccc;
}
.bor_b td
{
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}
	
.jj:link, .jj:visited{ font-weight:bold; color:#A88126; letter-spacing:0.2em;padding-left:30px;
 text-decoration:none;}
.jj:hover{ font-weight:bold; color:#A88126; letter-spacing:0.2em; padding-left:30px;
 text-decoration:underline;}


.qq{height:auto; overflow:hidden; margin:auto; float:right; text-align:center;  position:fixed; z-index:2; top:30%; right:10px;}
.qq ul li {height: auto; overflow:hidden; margin:auto;}

