body{ text-align:center;margin:0px; background:#D1D1D1;}
body,div,p,span,td{font-size:12px; font-family:Verdana ,Arial ;color:#555;}
h1{margin:10px 0px;padding:0px;font-size:16px;margin-top:20px;}
h2{margin:5px 0px;padding:0px;font-size:14px;color:#1A75BB;margin-top:20px;}
h3{font-size:12px;margin:15px 0px 10px 0px;}
a{ color:#008eba;text-decoration:none;}
a:hover{color:#1A75BB; text-decoration:underline;}
img{border-width:0px;}
p{line-height:20px;margin:5px 0px;}
ul,ol{margin:0px;padding:0px;}
li{margin:0px;padding:0px; list-style-type:none; line-height:22px;}
ol li{ list-style-type:decimal ; list-style-position:inside ;}


.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.indent{ text-indent:30px;}
.pic{padding:10px; text-align:center ; line-height:25px;}
.picArticle{padding:10px; text-align:center ; line-height:25px;width:500px;}
.picleft{margin-right:10px;margin-bottom:10px;}
.date{color:#999;font-size:11px;}
.bor{border:1px solid #ccc;}
.tel{color:#071B8B;font-size:18px;font-weight:bold;}
.note{ background:#FDF3C7;border:1px solid #EED24E;padding:5px;margin-bottom:10px;}
.msg{padding:10px ;font-size:14pt; padding:20px;border:1px solid #46d68a;background:#e3fbee url(../images/ok.gif) 10px center no-repeat;padding-left:50px;color:#000; margin:10px 0px;}

#container{width:1000px;margin:auto;text-align:left;background:#fff;}
#header{margin:auto;text-align:left;background:#fff url(../images/headerbg.gif) repeat-x right top;}
#content{margin:auto;padding:5px;}
#footer{margin:auto;margin-top:10px;}

.iPage{}
.iBanner{height:140px;}
.iBanner h1{display:none;}

#hrPage{}
#sidebar{float:left;width:196px; height:400px;padding-top:80px; background:url(../images/sidebar.gif) 11px 22px no-repeat;}
#main{float:left;padding-left:20px;width:750px;padding-bottom:30px;}
#clientsPage{ background:url(../images/bClient.png) left top no-repeat;}
#productPage{background:url(../images/bProduct.png) left top no-repeat;}
#servicePage{background:url(../images/bserive.png) left top no-repeat;}
#aboutPage{background:url(../images/babout.png) left top no-repeat;}
#newsPage{background:url(../images/bNews.png) left top no-repeat;}
#hrPage{background:url(../images/bHr.png) left top no-repeat;}



/*Header*/
#header a:hover,#header a{text-decoration:none;}
#header #logo{float:left;width:310px;height:50px;background:url(../images/logo.gif) left center no-repeat;margin:5px 10px 5px 20px;}
#header #logo h1{display:none}
#header #logo h2{display:none}
#header #topmenu{float:right;margin:20px 10px 0px 0px;}
#header #topmenu li{float:left; background:url(../images/dotcir.gif) left center no-repeat;padding-left:10px;padding-right:20px;}
#header #topmenu li a{color:#999;}

#mainmenubar{clear:both;background:url(../images/mainmenubg.gif) repeat-x left top;}
#mainmenu{margin-left:10px;float:left;}
#mainmenu li {display:inline ;list-style-type:none;}
#mainmenu li a{float:left;font-weight:bold;padding-left:10px; }
#mainmenu li a span{color:#fff;float:left;cursor:hand;line-height:29px;padding:0px 10px 0px 0px;width:80px; text-align:center;}
#mainmenu li.selected a,#mainmenu li a:hover{font-weight:bold;background:url(../images/mainmenu.gif) left top no-repeat;}
#mainmenu li.selected a span,#mainmenu li a:hover span{color:#0e59b4;background:url(../images/mainmenu.gif) right -30px no-repeat; }

#quicklink{float:right;margin-right:15px;margin-top:5px; position:relative;}
#quicklink li a{float:left;padding-left:30px;color:#021a64;background:url(../images/quicklink.gif) no-repeat left top;}
#quicklink li span{float:left;color:#021a64; line-height:18px; padding:0px 40px 0px 0px;background:url(../images/quicklink.gif) no-repeat right top;}
#quicklink li.selected a{background:url(../images/quicklink_over.gif) no-repeat left top;}
#quicklink li.selected a span{background:url(../images/quicklink_over.gif) no-repeat right top;}
#quicklink li ul{display:none;position:absolute;padding-top:5px;width:116px;top:15px;left:0px;background:#fffeff;border:1px solid #4079bf;border-top-width:0px;}
#quicklink li ul li{float:none;}
#quicklink li ul li a{float:none;display:block;padding:0px 4px;color:#666; background-image:none;}
#quicklink li ul li a:hover{ background:#fff369; }
#quicklink li.selected ul{}
#quicklink li.selected ul li a{ background:none;}

/*SideBar*/
#sidebar a:hover,#sidebar a{text-decoration:none;}
.sidemenu{margin-left:40px;}
.sidemenu li a{color:#0254a6; line-height:29px;height:29px;display:block ;}
.sidemenu li.selected a{ background:url(../images/sidemenu_on.gif) right top no-repeat;font-weight:bold;}

/*Content*/
.tabMenu ul{margin-left:10px;}
.tabMenu li {display:inline ;list-style-type:none;}
.tabMenu li a{float:left;font-weight:bold;padding-left:5px;background:url(../images/tab.gif) left top no-repeat;margin-right:2px;}
.tabMenu li a span{float:left;color:#4b4b4b;cursor:hand;line-height:29px;padding:0px 30px 0px 25px;text-align:center;background:url(../images/tab.gif) right -30px no-repeat;}
.tabMenu li.selected a{font-weight:bold;background:url(../images/tab.gif) left -60px no-repeat;}
.tabMenu li.selected a span{color:#fff;background:url(../images/tab.gif) right -90px no-repeat; }
.tabFrame{clear:both;border:5px solid #1a75bb;height:220px; overflow:hidden;width:720px;margin-bottom:10px;}
.tabContent{height:240px;margin:10px;}
.tabContent li a{color:#666;}

/*Index*/
#index_main{float:left;width:730px;}
#index_client{float:right;margin-right:40px;}
#index_client h2{background:url(../images/icoClient.gif) left center no-repeat; font-size:14px;padding-left:25px;color:#4c4c4c;}
#index_client li{padding:0px 0px; text-align :center ;}
#index_client img{border:1px solid #ccc;margin-bottom:2px;margin-right:10px;}

.box{width:330px;float:left;margin-right:20px;}
.boxTitle{background:url(../images/boxTitle.gif) left center no-repeat;padding:4px 10px;}
.boxTitle h2{float:left;font-size:12px;margin:0px;padding:0px; }
.boxTitle .more{}
.boxContent{padding:5px; line-height:20px;color:#666;}
.boxContent a{}

.box2{float:left;margin-right:10px;height:200px;padding-right:10px;}
.box2 h2{font-size:14px;color:#1A75BB;margin:5px 0px;}
.dashedH{border-right:1px dashed #ccc;}

.more{float:right;background:url(../images/more.gif) left center no-repeat;padding-left:10px;color:#008eba;}

.case{float:left;width:168px; background:url(../images/bg2.gif) left top repeat-x;padding:1px;margin-right:5px;}
.case h2 a{display:block ;width:100%; text-align:center ;font-size:14px;color:#000;}
.case p{ text-align:center ;padding:5px;height:150px;}
.case p img{margin-bottom:10px;}
/*End Index*/

/*main*/

#path{float:right;background:url(../images/arr_path.gif) left center no-repeat;padding-left:10px;color:#999;}
#path a{color:#999;font-size:12px;}
#path span{font-size:9px; font-family:Verdana ;color:#999;font-size:12px;}
.nav{clear:both;width:180px;margin-bottom:10px;background:url(../images/dotH1.gif) left center no-repeat;padding:0px 0px 0px 20px;}
.nav H1{color:#001f6c;font-size:16px;}

#main h2{}
#main p{margin-bottom:10px;}
#main a{ text-decoration:underline;}
#main p,#main td,#main span,#main li,#main a,#main b{font-size:12px; line-height:25px;}

.feature{float:left;width:350px;margin-right:5px;margin-bottom:5px; background:#e0e3e0;height:130px;padding:5px;}
.feature .icon{float:left;width:40px;margin:5px;}
.feature .desc{float:left;width:250px;padding:5px;}
.feature h3{margin:3px 0px;}

.clientlist{}
.clientlist li{float:left;width:48%; text-align:left ;margin-bottom:0px;}
.clientlist li img{border:1px solid #ccc;}

.certlist{width:580px;}
.certlist li{float:left;width:50%; text-align:center ;margin-bottom:10px;}
.certlist li .pic{ text-align:center ;}
.certlist li img{border:1px solid #ccc;}

.list li{margin-left:20px; list-style-image:url(../images/arrow.gif);}
.listSqu{}
.listSqu li{color:#666;padding:4px 0px; line-height:18px ; padding-left:15px; background:url(../images/dotSqu.gif) 5px center no-repeat;}

.tblData{ background:#ccc;margin:0px 5px;width:600px;}
.tblData td{padding:4px; background:#fff;}
.tblData th{padding:4px; background:#f7f7f7;width:80px; text-align:center ;}

.articleTitle{width:100%; text-align:center ;font-size:14px;padding:5px;margin:10px;font-weight:bold;}
.articleContent{padding:0px 30px;width:700px;}
.articleContent,.articleContent p{ font-size:14px; line-height:25px;}

.pagebar{ text-align:right ;padding:10px;color:Red;border-top:1px dotted #ccc;}
.pagebar a,.pagebar span{padding:5px 5px;}
.pagebar span{color:#999;}
.pageinfo{background:#E8F5FD; border:1px solid #CEEAFB;padding:5px 10px;color:#5E5E5E; font-family:Verdana ;margin-bottom:5px;}

.newsList li{ line-height:30px;  background:url(../images/dotSqu.gif) left center no-repeat;padding-left:15px;}

.form{width:600px;}
.field{float:left;width:50%;padding:5px 0px;}
.field .lbl{}
.field .val{}
.field i{color:Red;font-size:20px;font-weight:bold;}
.submit{clear:both;}
.txt{border:1px solid #ccc;padding:2px 1px;width:200px;}
.txt_focus{border:1px solid #00286D; background:#E3F7FF;}
.btn{padding:3px 10px;}
/*End MAIN*/


/*footer*/
#footer{clear:both;color:#999999;border-top:1px solid #ccc;padding:10px;}
#footer a,#footer a:hover{ text-decoration:none;}
#footerLogo{float:left;padding:5px 10px;}
#footerAddress{float:left;padding:0px 10px;}
#footerAddress p{margin:0px;}
#footerTel{float:right;padding:0px 20px;}