body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0}    
fieldset,img{border:0}    
table{border-collapse:collapse;border-spacing:0}    
ol,ul{list-style:none}    
h1,h2,h3,h4,h5,h6{font-size:100%}   

body{background:url(i/bg.png) repeat-x #fff;text-align:center;font:12px/150% "Arial","Helvetica","sans-serif","宋体";behavior:url("/newEbiz1/750jin-heres/css/common/FG/csshover.css");color:#333}
img{border:0}
input[type=submit],input[type=reset],input[type=button]{background:#fff;border:1px solid #999;color:#555}
ul{list-style:none}
a{color:#333;text-decoration:none}
a:hover{color:#000}
.fl{float:left}
.fr{float:right}
.border{padding:1px;border:1px solid #b61918}
.red{color:red}
.f14{font-size:14px;line-height:200%}

.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clear{display:inline-block}/* Hides from IE-mac \*/*html .clear{height:1%} .clear{display:block}/* End hide from IE-mac */

#wrapper{position:relative;margin:0 auto;width:1002px}
#header{position:relative;height:137px;background:url(i/bg_header.jpg) no-repeat}
.logo{position:absolute;top:40px;left:4px;z-index:2}
.logo a{display:block;width:702px;height:86px;text-indent:-999em}
#logo{position:absolute;top:40px;left:4px}
.headnav{position:absolute;top:16px;right:26px}
.headnav a{margin:0 10px}
#menunav{height:38px;background:url(i/bg_menunav.png) repeat-x}
#menunav ul{padding-left:242px;height:38px;background:url(i/bg_menunav_li.png) 0 -532px no-repeat}
#menunav li{float:left;width:105px}
#menunav a{display:block;text-indent:-999em;height:38px;background:url(i/bg_menunav_li.png) no-repeat;overflow:hidden}
#menunav a.home:hover{background-position:0 -38px}
#menunav a.about{background-position:0 -76px}
#menunav a.about:hover{background-position:0 -114px}
#menunav a.product{background-position:0 -152px}
#menunav a.product:hover{background-position:0 -190px}
#menunav a.news{background-position:0 -228px}
#menunav a.news:hover{background-position:0 -266px}
#menunav a.job{background-position:0 -304px}
#menunav a.job:hover{background-position:0 -342px}
#menunav a.contact{background-position:0 -380px}
#menunav a.contact:hover{background-position:0 -418px}
#menunav a.eng{background-position:0 -456px}
#menunav a.eng:hover{background-position:0 -494px}

#searchbar{background:url(i/bg_searchbar.png) repeat-x}
.sidetitle{position:relative;float:left;width:228px;height:57px;background:url(i/bg_sidetitle.png) no-repeat}
.sidetitle h3{position:absolute;top:16px;left:40px;width:86px;height:27px;text-indent:-999em;background:url(i/h3_sidetitle.png) no-repeat}
.sidetitle h3.about{background-position:0 -27px}
.sidetitle h3.news{background-position:0 -54px}
.sidetitle h3.contact{background-position:0 -81px}
.sidetitle h3.job{background-position:0 -108px}
.search{float:right;padding-top:8px;width:774px;height:40px;background:url(i/bg_search.png) 33px 0 no-repeat;color:#fff}

#content{position:relative;padding-left:21px;text-align:left;background:url(i/bg_content.png) repeat-y}
.leftside{float:left;padding-bottom:100px;width:202px}
.rightside{float:right;padding-bottom:68px;width:760px}

.leftside .title{margin-bottom:8px;height:39px;background:url(i/bg_ltitle.png) no-repeat}
.rightside .title{margin-bottom:8px;height:33px;background:url(i/bg_rtitle.png) 0 100% no-repeat}

.rightside h3{height:27px;text-indent:-999em;background:url(i/h3_rtitle.png) no-repeat}
.rightside h3.pcata{background-position:0 -27px}
.rightside h3.work{background-position:0 -54px}
.rightside h3.honor{background-position:0 -81px}
.rightside h3.job{background-position:0 -108px}
.rightside h3.contact{background-position:0 -135px}
.rightside h3.dev{background-position:0 -162px}

.more{text-align:right}
.more a{display:block;width:79px;height:16px;text-indent:-999em;text-align:left;background:url(i/ico_more.png) no-repeat;overflow:hidden}

.pcata{margin:10px 15px}
.pcata li{position:relative;padding-left:13px;height:28px;line-height:28px;background:#f9f9f9;border-bottom:1px solid #dcdcdc}
.pcata li ul{display:none}
.pcata li:hover{background:#eaeaea}
*html .pcata li ul{position:absolute;width:100px;top:0;left:172px;z-index:2}
.pcata li:hover ul{position:absolute;display:inline-block;width:100px;top:0;left:172px;z-index:2}
.pcata li a{color:#cf3f48}
.pcata li a:hover{color:#922229}

.rcontext h1{font-size:20px;color:#ff6a12}
.rcontext p{margin-bottom:5px;font-size:14px;line-height:180%;text-indent:2em}

#contact{}
#contact .title{position:relative}
#contact h3{position:absolute;top:6px;left:20px;width:86px;height:27px;text-indent:-999em;background:url(i/h3_sidetitle.png) 0 -81px no-repeat}
#contact .context{padding:0 14px;line-height:180%}

#iabout{margin-bottom:15px;padding-bottom:24px;line-height:180%;background:url(i/bg_iabout.png) 0 100% repeat-x}
#iabout p{margin:10px 0}

#pcataflash{margin-bottom:25px;width:756px;text-align:center}
#flashpcata{width:712px;border:2px solid #b61918}

.flower{position:absolute;bottom:0;left:21px;width:202px;height:233px;background:url(i/bg_leftside_bottom.png) no-repeat;z-index:-1}
#footer{position:absolute;padding:27px 0 11px 0;right:0;bottom:0;width:779px;background:url(i/bg_footer.png) no-repeat}