@charset "utf-8";
/* CSS Document */

/* reset */
html,body,div,span,applet,object,h1,p,a,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: "Microsoft YaHei";
   vertical-align: baseline;
}

body {
   line-height: 1;
   color: black;
   /*background: white;*/}

ol,ul {
   list-style: none;}

/* reset end */

.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }


/* =Typography
--------------------------------------------------------------------------------------------------------*/
body { font: 14px "Microsoft YaHei"; color:#363636; }
.bold {font-size:11px; font-weight:700; }
strong { font-weight:700; }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1 { }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Branding
--------------------------------------------------------------------------------------------------------*/
p { padding:4px 0 5px 0; line-height:20px; }
p a { color:#0073bf; text-decoration:none; border-bottom:1px dotted #0073bf; }
p a:hover { text-decoration:none; border-bottom:1px solid #0073bf; }
#wrapper { width:100%; }
#header { background:#fff url(../images/header-bg.jpg) top repeat-x; border-bottom:#d2d2d2 0px solid; position:fixed; top:0px; left:0px; width:100%; z-index:109; }
#header-bottom { background:url(../images/bg-header-bottom.png) bottom repeat-x; height:4px; top:4px; position:relative; }
h1#logo { display:inline-block; padding-bottom:16px; margin-top:-7px; }
h1#logo a { display:block; width:235px; height:71px; text-indent:-9999px; text-decoration:none; background:url(../images/logo.png) left top no-repeat; }
/* End Branding
--------------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/
.header-content { width:980px; margin:0 auto; padding:0 10px; }
.topnavbar { padding-bottom:20px; background: url(../images/header-bg.jpg) top repeat-x; }
.topnavbar a { line-height:32px; color:#fff; font-size:11px; font-family:"Microsoft YaHei"; text-decoration:none; padding-bottom:10px; }
.topnavbar a.padding-left { padding-right:20px; }
.topnavbar .padding { padding:0 13px; }
.topnavbar a.active { font-weight:700; }
.topnavbar a:hover { color:#56b547; text-decoration:none; }
.content { width:980px; }
.content h2 { padding-bottom:24px; }
.content h2.no-subtext { padding-bottom:0px; }
.content h2.second { padding-top:41px; display:inline-block; position:relative; width:100%; font-size:60px; line-height:60px; }
.content h3 { padding:41px 0 17px 0; }
.content h3 a { text-decoration:none; color:#000; }
.content h3 a:hover { text-decoration:none; color:#363636; }
.content h4 { padding:5px 0 4px 0; }
.content h4 a { text-decoration:none; color:#000; }
.content h4 a:hover { text-decoration:none; color:#0073bf; }
.content p { line-height:20px; width:auto; }
.content p.large { line-height:24px; font-size:14px; }
.content p a.button { display:inline-block; padding:4px 16px 6px 15px; padding:5px 16px 5px 15px\9; background:url(../images/buttons/bg-button.jpg) repeat-x; border-bottom:0px; border:1px solid #206d9e; color:#fff; margin:5px 0 4px 0; }
.content p a.button:hover { background:url(../images/buttons/bg-buttonHover.jpg) repeat-x; }
ul.list, ul.check, ul.normal { padding:3px 0 2px 0; }
.normal li { display:block; line-height:20px; padding:2px 0; }
.list li { background:url(../images/list-bullet.png) 10px 10px no-repeat; display:block; padding:2px 0; padding-left:27px; line-height:20px; }
.check li { background:url(../images/list-check.png) 9px 9px no-repeat; display:block; padding:2px 0; padding-left:27px; line-height:20px; }
.list li a, .check li a, .normal li a { color:#0073bf; text-decoration:none; border-bottom:1px dotted #0073bf; }
.no-deco li a { color:#363636; text-decoration:none; border-bottom:0px dotted #0073bf; }
.list li a:hover, .check li a:hover, .normal li a:hover { text-decoration:none; border-bottom:1px solid #0073bf; }
.no-deco li a:hover { color:#0073bf; text-decoration:none; border-bottom:0px dotted #0073bf; }
.pics { background:#fff; border:#d2d2d2 1px solid; padding:4px; margin:10px 0px 10px 0; }
.infobox { background:#fff; border:#d2d2d2 1px solid; padding:20px; margin:10px 0px 10px 0; }
/* End Secondary Content
--------------------------------------------------------------------------------------------------------*/


/* =Custom Navi
--------------------------------------------------------------------------------------------------------*/
ul.topnav li { float:left; padding:0px 0 0 0px; margin: 0; margin-left:28px; position:relative; }
ul.topnav li.first { padding-left:0px; }
ul.topnav li a { color:#828282; font-size:18px; font-weight:normal; line-height:40px; text-decoration:none; text-transform:uppercase; font-family:"Microsoft YaHei"; }
ul.topnav li:hover a, ul.topnav li.active a { color:#56b547; }
ul.topnav li:hover a.cursor { cursor:default; }
ul.topnav li .subnav { position:relative; display: none; }
ul.topnav li .subnav1 { height:155px; }
ul.topnav li .subnav2 { height:85px; }
ul.topnav li .subnav3 { height:50px; }
ul.topnav li .subnav4 { height:135px; }
ul.topnav li .subnav5 { height:405px; }
ul.topnav li .subnav6 { height:35px; }
ul.topnav li .subnav div { position:absolute; width:160px; }
ul.topnav li .subnav div#home { height:90px; }
ul.topnav li .subnav div#services { height:169px; }
ul.topnav li .subnav div#portfolio { height:110px; }
ul.topnav li .subnav div#blog { height:90px; }
ul.topnav li .subnav div#company { height:90px; }
ul.topnav li dt { color:#828282; font-size:11px; text-transform:uppercase; font-weight:bold; padding-bottom:8px; padding-left:0px; font-family:"Microsoft YaHei"; }
ul.topnav li dl { position:absolute; top:3px; }
ul.topnav li dl.right { position:absolute; left:160px; top:3px; }
ul.topnav li .subnav dd { display:block; }
ul.topnav li .subnav dd a { font-size:14px; color:#828282; line-height:25px; background:url(../images/arrow.png) 1px 5px no-repeat; padding-left:16px; text-transform:none; font-family:"Microsoft YaHei"; }
ul.topnav li .subnav dd a:hover { color:#56b547; background:url(../images/arrow-hover.png) 0px 4px no-repeat; }
ul.topnav li dt.head { padding-top:15px; }
/* End Custom Navi
--------------------------------------------------------------------------------------------------------*/

/* bottom */
#mybottom { width:100%; height:43px;}
.bottomnavbar { background: url(../images/bottom-bg.jpg) top repeat-x; }
.bottom-content { width:980px; margin:0 auto; padding:0 10px; text-align:center;}
.bottomnavbar a { line-height:43px; color:#fff; font-size:11px; font-family:"Microsoft YaHei"; text-decoration:none; }
.bottomnavbar a.padding-left { padding-right:20px; }
.bottomnavbar a.active { font-weight:700; }
.bottomnavbar a:hover { color:#56b547; text-decoration:none; }
/* bottom */