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

Copyright K&Jing Technology, Inc. 
*/

body { background:url(images/bodyBg.gif) center top repeat-x #e6e6e6; margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif }
div, form, img, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
a { color: #000; text-decoration: none; }
.clear { clear:both; height:0; overflow:hidden; }
.hidden { display:none }
.display { display:block }
.red{color:#F00}
.head { width:952px; height:399px; margin:0 auto; background:url(images/topBg.gif) #fff; position:relative }
.head .logo { position:absolute; top:32px; left:23px; width:307px; height:43px; }
.head .logo img { position:absolute; }
.head .nav { position:absolute; right:12px; top:46px; height:33px; width:652px; }
.head .nav li { float:right; list-style:none }
.head .nav li a { width:76px; display:block; height:20px; background:url(images/topNavBg.gif) right top no-repeat #336699; color:#fff; margin-left:5px; text-align:center; padding-top:13px; }
.head .nav li a:hover { background-position:-91px 0; color:#336699 }
.head .nav li a.focus, .nav li a.focus:hover { width:91px; background:url(images/topNavBg.gif) left top no-repeat #f5f5f5; font-weight:bold; color:#336699; text-indent:8px }
.head .business-focus { position:absolute; top:88px; color:#999; left:30px; }
.head .login { position:absolute; top:84px; right:30px; }
.head .login .input-text { height:14px; width:100px ;color:#31598a;padding:0 0 2px 2px}
.head .login .input-image { margin:0px 0 0 5px; vertical-align:top }
.head .banner { position:absolute; top:122px; left:25px; }
.head .banner .bannerNav { position:absolute; top:18px; left:26px; width:138px }
.head .banner .bannerNav h2 { color:#eee; font-size:21px; height:34px; margin-bottom:12px; }
.head .banner .bannerNav li { height:39px; margin-bottom:30px; font-size:16px; font-weight:bold; color:#CCC; list-style:none }
.head .banner .bannerNav li a { color:#CCC; }
.head .banner .bannerNav li a:hover { color:#fff }
.head .banner .bannerNav li img { vertical-align:middle; margin-right:8px }
.head .banner .bannerCon { position:absolute; top:5px; left:164px; width:738px; height:272px; overflow:hidden }
.mianCon { width:886px; margin:0 auto; background:url(images/mianConBg.gif) #fff; padding:15px 40px 0 26px }
.mianCon .left { float:left; width:615px;color:#666; }
.mianCon .left2 { float:left;color:#666; }
.mianCon h3 { background:url(images/indexH3Bg.gif) 0 10px no-repeat; padding-left:30px; font-size:25px; color:#336699 }
.mianCon  h2 { margin-left:30px; font-size:28px; color:#336699; border-bottom:solid 1px #ccc }
.mianCon h1 { padding-left:30px; padding-top:3px; font-size:14px; color:#66751f; font-weight:normal }
.mianCon h4 { padding-left:30px; padding-top:3px; font-size:14px; color:#666; }
.mianCon p { margin:15px 0 15px 30px;  }
.mianCon p a, .mianCon ul a { color:#387bcb }
.mianCon p a:hover, .mianCon ul a:hover { text-decoration:underline; color:#127dfe }
.mianCon ul { margin-left:48px; margin-bottom:10px }
.mianCon .position { width:585px; height:35px; margin:10px 0 10px 27px; background:url(images/positionBg.gif) no-repeat }
.mianCon .position a { float:left; height:25px; padding:10px 18px 0 10px; background:url(images/position-arrow.gif) right center no-repeat; color:#555 }
.mianCon .position a:hover { color:#365d8c; text-decoration:underline }
.mianCon .position .noBg { background:none }
.mianCon .contactForm input,.mianCon .contactForm textarea{color:#336699;font-weight:bold;font-family:arial}
.mianCon .right { float:right; width:232px; }
.mianCon .right .rightItem { margin-bottom:10px }
.mianCon .right .navbar { background:url(images/rightNavBg.gif); width:232px; height:31px; }
.mianCon .right .rightAboutNav { background:url(images/rightAboutNav.gif) 10px 3px no-repeat; padding:5px 0 0 38px; font-size:18px; color:#333; float:left }
.mianCon .right .rightPartnersNav { background:url(images/rightPartnersNav.gif) 10px 6px no-repeat; padding:5px 0 0 38px; font-size:18px; color:#333; float:left }
.mianCon .right .rightContactNav { padding:5px 0 0 15px; font-size:18px; color:#333; float:left }
.mianCon .right .con { border:1px solid #ccc; border-top:none; }
.mianCon .right .con p { margin:0; padding:5px 10px; }
.mianCon .right .borderBottom { height:3px; overflow:hidden; background:#e5e5e5 }
.mianCon .right .more { float:right; width:40px; height:13px; margin:9px 6px 0 0 }
.mianCon .right .more img { position:absolute }
.footBox { width:952px; margin:0 auto; background:url(images/footBoxBg.gif) #5f7692; clear:both }
.foot { width:872px; margin:0 auto; background:url(images/footBg.gif) no-repeat; padding:15px 40px 0; }
.foot .footKj { float:left; width:280px; padding-right:15px; height:230px; background:url(images/footLine.gif) right 0 no-repeat; height:230px; }
.foot .footKj p { margin:8px 0 0 20px; color:#bec5cd }
.foot .footKj a { font-weight:bold; color:#2a3b50 }
.foot .service { float:left; width:335px; height:230px; padding:5px 15px 5px 10px; background:url(images/footLine.gif) right 0 no-repeat; height:230px; }
.foot .service .nav { font-size:23px; color:#333d49 }
.foot .service ul li { line-height:1.4; margin-left:30px; list-style:none; color:#ccc; background:url(images/bottomItemBg.gif) left 6px no-repeat; padding-left:12px; }
.foot .service a { color:#CCC!important; font-weight:bold }
.foot .service a:hover { color:#fff!important }
.foot .usefulLink { float:left; width:150px; height:230px; padding:5px 15px 5px 10px; }
.foot .usefulLink ul li { line-height:1.4; margin-left:30px; list-style:none; color:#FFF; background:url(images/bottomItemBg.gif) left 6px no-repeat; padding-left:12px; }
.foot .usefulLink .nav { font-size:23px; color:#333d49 }
.foot .usefulLink a { color:#CCC!important; font-weight:bold }
.foot .usefulLink a:hover { color:#fff!important }
.copyright { text-align:center; padding:15px 0 20px 0; color:#666; clear:both }
.copyright a { color:#666; margin:0 3px; }
.copyright a:hover { text-decoration:underline }


.portfolioBoxCon{font-style:none;margin:0!important;padding:0!important;}
.portfolioBoxCon li{float:left;width:266px;height:180px;overflow:hidden;list-style:none;margin:5px 0px!important;padding:0 9px!important;}
*html .portfolioBoxCon li{padding:0 4px!important;}
.portfolioBoxCon li .title {font-weight:bold;height:14px;overflow:hidden;line-height:1;padding-top:2px}
.portfolioBoxCon li .website a{text-decoration:underline}
.portfolioBoxCon li .website a:hover{text-decoration:none}
.portfolioBoxCon li .pic{width:266px}
.portfolioBoxCon li .tag{font-size:10px}
.blank10{height:10px;clear:both;overflow:hidden}
.mainLeftMargin{margin-left:28px}
h3.h3{border:1px solid #446c9d;font-size:18px!important;border-left:none!important;border-right:none!important;padding:3px!important;clear:both;background:#fafafa!important}
