*{ padding:0px; margin:0px;}
body{ background:#fff url(../images/top_bg.jpg) repeat-x; font:normal 11px Arial, Helvetica, sans-serif ; color:#333333;}
p, h1, h2, h3, h4, h5, h6{margin:0px;padding:0px;}
ul,ol{ list-style:none;margin:0px;padding:0px;}
img{ border:none;}
:-moz-any-link:focus{outline:none;}
a{ color:#666666;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.maincontainer{ width:986px; margin:0 auto;}
.topwrapper{ width:100%; float:left; background:url(../images/main_bg.jpg) no-repeat center 44px;}
.wrapmenu{ width:100%; float:left; background:url(../images/menu/nav_mainbg.gif) no-repeat center 9px; }
.flash_1{margin:44px auto 0px;width:986px;}
.tpmenu{height:44px; background:url(../images/menu/nav_bg.gif) repeat; width:986px;float:left;position:absolute;left:0;top:-44px;#top:0px;}
.menu_left{float:left;width:7px;height:44px;background:url('../images/menu/nav_lft.gif') no-repeat;}
.menu_right{float:right;width:7px;height:44px;background:url('../images/menu/nav_rht.gif') no-repeat;}
/*.menulft{width:654px; float:left; margin:4px 0 0 14px;display:inline;}*/
.menulft{width:660px; float:left; margin:4px 0 0 10px;display:inline;}
.menulft ul{ margin:10px 5px 0 5px; float:left;}
/*.menulft ul{ margin:10px 7px 0 7px; float:left; }*/
.menulft li{ float:left; height:8px; }
.menulft li a{ text-decoration:none;text-indent:-99999px;display:block;}
.menurht{ width:301px; background: url(../images/menu/rhtmenu_bg.jpg) no-repeat; height:26px; float:left; margin:7px 0 0 0;}
/*.menurht{ width:301px; background: url(../images/menu/rhtmenu_bg.jpg) no-repeat; height:27px; float:left; margin:6px 0 0 0;}*/
.menurht ul{ margin:10px 5px 0 12px; display:inline;float:left;}
.menurht li{ float:left; height:12px; }
.menurht li a{ text-decoration:none;text-indent:-99999px;display:block;height:12px;}
.company a{ background:url(../images/menu/company.gif) no-repeat 0px 1px;width:48px;}
.investor a{ background:url(../images/menu/investors.gif) no-repeat 0px 1px;width:53px;}
.product a{ background:url(../images/menu/products.gif) no-repeat 0px 1px;width:51px;}
.client a{ background:url(../images/menu/Certification_01.gif) no-repeat 0px 2px;width:72px;}
/*.client a{ background:url(../images/menu/quality.gif) no-repeat 0px 0px;width:42px;}*/
.newroom a{ background:url(../images/menu/newsroom.gif) no-repeat 0px 1px;width:57px;}
.village a{ background:url(../images/menu/hatsun_village.gif) no-repeat 0px 1px;width:76px;}
.fungame a{ background:url(../images/menu/fun_game.gif) no-repeat 0px 1px;width:65px;}

.drop_menu{margin:-42px 0 0 192px;#margin:1px 0 0 192px;_margin:1px 0 0 198px; position:absolute;}

/* Product Drop-down menu */
.menu_block{float:left;width:986px;position:relative;}
.product_menu{float:left;position:absolute;left:0;top:-44px;#top:0px;margin:2px 0px 0px 192px;_margin-left:197px;}
ul.menu_1 {list-style:none; margin:0; padding:0;cursor:pointer;}
ul.menu_1 * {margin:0; padding:0;cursor:pointer;}
ul.menu_1 a {display:block; color:#000; text-decoration:none;cursor:pointer;}
ul.menu_1 li {position:relative; float:left; margin-right:2px}
ul.menu_1 ul {position:absolute; top:42px; left:0;display:none; opacity:0; list-style:none;cursor:pointer;}
ul.menu_1 ul li {position:relative;border-top:none;width:128px;margin:0;cursor:pointer;}
ul.menu_1 ul li a {display:block; padding:8px 0px 0px 10px;background-color:#FFF;height:20px;white-space:nowrap;cursor:pointer;}
ul.menu_1 ul li a:hover {color:#2f758d;cursor:pointer;}
ul.menu_1 ul ul {left:128px; top:-3px;cursor:pointer;}
ul.menu_1 .menulink {font-weight:bold;  background:url('../images/p_normal.gif');height:41px; width:72px;text-indent:-99999px;cursor:pointer;}
ul.menu_1 .menulink:hover, ul.menu_1 .menuhover {background:url('../images/p_over.gif');cursor:pointer;}
ul.menu_1 li.sub, ul.menu_1 li.sub:hover, ul.menu_1 li.subhover {width:auto;height:auto;display:block;cursor:pointer;}
ul.menu_1 .sub, ul.menu_1 .sub:hover, ul.menu_1 .subhover {background:#FFF url('../images/menu_arrow.gif') 105px 8px no-repeat;cursor:pointer;}
ul.menu_1 .topline {cursor:pointer;}
ul.menu_1 li ul li ul.inner_sub li a{background:#b0d5e1;color:#508698;cursor:pointer;}
.div{float:left;width:105px;height:1px;background:#FFF url('../images/div_1.gif') no-repeat 0px 0px;overflow:hidden;cursor:pointer;}
.div_1{float:left;width:105px;height:1px;background:#FFF url('../images/div_2.gif') no-repeat center;overflow:hidden;cursor:pointer;}
/* Product Drop-down menu */

.home a{ background:url(../images/menu/home.jpg) no-repeat 0px 0px;width:28px;}
.career a{ background:url(../images/menu/career.jpg) no-repeat 0px 0px;width:40px;}
.feedback a{ background:url(../images/menu/feedback.jpg) no-repeat 0px 0px;width:45px;}
.contact a{ background:url(../images/menu/contact.jpg) no-repeat 0px 0px;width:54px;}
.divider_1{background:url('../images/menu/bullet.gif') no-repeat center 0px; padding:0 18px 0 18px;}
.divider{background:url('../images/menu/bullet.gif') no-repeat center 0px;margin:4px 16px;width:5px;height:5px;display:inline;}

.content{ width:980px; display:table; margin:0 auto; border:0px solid red; margin-bottom:20px; }
.content_tpbg{ background:url(../images/mid_bg.jpg) no-repeat; width:980px; float:left;}
.center_bg{ background:url(../images/content_bg.gif) repeat-y; float:left; width:980px;   /*border-left:7px solid #dbf3ff;border-right:7px solid #dbf3ff; width:966px; margin:62px 0 0 0; display:inline; */}
.brand{ width:873px; height:34px; margin:0 auto;}
.brandlft{ width:20px; float:left; margin:10px 0 0 0;}
.brandrht{ width:20px; float:right; margin:10px 0 0 0;}
.brand ul{ margin:0px;}
.brand li{ float:left; width:90px; margin:0 25px 0 20px;  text-align:center;}
.contentpart{ width:980px;  line-height:22px; margin:0px 0 0 0; margin:50px 0 0 0;  float:left; font:normal 11px Arial, Helvetica, sans-serif ; color:#000;}
.contentlft{width:336px;float:left;padding:0 20px 0 55px;}
.contentlft h2{ background:url(../images/welcometxt.gif) no-repeat; width:269px; margin:11px 0 27px 0; height:90px; text-indent:-99999px;display:block;}
.contentlft p{ line-height:22px; margin:0 0 28px 0;}
.contentmid{ width:208px; float:left;  }
.vilage{ background:url(../images/village.jpg) no-repeat; width:156px; height:194px; margin:140px 0 0 20px;}
.villageclick{   margin:118px 0 0 30px; float:left; display:inline;}
.contentrht{ width:279px; float:left; padding:0 0 0 30px;  }
.newsroom{ width:269px;}
.topimg{ background:url(../images/newroomtxt.gif) no-repeat; width:269px; height:49px;} 
.midbrd{  width:252px; line-height:18px;border-right:1px solid #e5e5e5; padding:5px 0 0 15px; margin-top:-10px;  border-left:1px solid #e5e5e5;}
.midbrd h3{ color:#009cc9; font:normal 11px Arial, Helvetica, sans-serif; background:url(../images/icon/arrow.gif) no-repeat 0 5px; padding:0px 0px 0 10px;}
.midbrd p{ margin:0 0 0 10px;}
.btmimg{ background:url(../images/newroombtm.gif) no-repeat; width:269px; height:37px;}
.more{ margin:18px 45px 0 0;  float:right; display:inline;  }
.kid{ background:url(../images/kid.jpg) no-repeat; width:295px; height:115px; margin:5px 0 0 0;}
.kidclick{ width:100px; height:20px;  margin:73px 0 0 30px; float:left; display:inline;}
.underconstruction{}
.di_banner a{float:left;width:336px;height:83px;background:url('../images/hatsun_di.gif') no-repeat;text-indent:-99999px;}

.footer{ background:url(../images/footer_bg.gif) no-repeat; width:980px; height:145px; font:normal 11px Arial, Helvetica, sans-serif ; color:#3577a1;margin:-40px 0px 0px 2px;#margin:-50px 0px 0px 2px;_margin:-45px 0px 0px 1px; }
.footerlink{  margin:58px 42px 0 80px; float:left;display:inline; }
.footerlink span{ padding:0 13px 0 13px; float:left;}
.footerlink a{ font:normal 11px Arial, Helvetica, sans-serif ; color:#3577a1;  float:left; text-decoration:underline; }
.footerlink a:hover{ text-decoration:none;}
.copy{float:left;width:980px;text-align:center; margin:20px 0 0 0px;height:20px;  float:left;}
.copy a{ text-decoration:none; color:#3577a1;}.copy a:hover{text-decoration:underline;}.copy img{ vertical-align:middle;}