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{text-align:center;font:12px/180% Verdana,Geneva,sans-serif;background:#f5f5f5;color:#555}
img{border:0}
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 #ddd}
.red{color:red}

h1{margin-bottom:20px;font-size:2em;color:#2f5095}

.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 */

.caption{position:relative}
.more{position:absolute;top:10px;right:10px;width:32px;height:7px;text-indent:-999em;overflow:hidden;background:url(i/ico_more.png) no-repeat}

#wrapper{margin:0 auto;width:1002px;background:#fff}
#header{position:relative;height:123px;background:url(i/bg_header.png) 0 100% repeat-x}
.logo{position:absolute;top:17px;left:50px;width:217px;height:143px;background:url(i/logo.png) no-repeat}
.logo a{display:block;width:191px;height:111px;text-indent:-999em;overflow:hidden}
.headnav{position:absolute;top:10px;right:15px;width:215px;height:24px;line-height:24px;color:#999;background:url(i/bg_headnav.png) no-repeat}
.headnav a{margin:0 10px;color:#555}
.headnav a:hover{text-decoration:underline}
#menu{position:absolute;right:0;bottom:10px}
#menunav{position:relative;width:720px;height:59px;z-index:1000;background:url(i/bg_menunav.png) no-repeat}
#menunav ul{margin-left:30px;height:59px;}
#menunav li{display:inline-block;position:relative;float:left;width:112px;height:39px}
#menunav a{display:block;height:36px;line-height:36px;color:#fff}
#menunav a:hover{background:url(i/bg_menunav_li_hover.png) repeat-x}
#menunav li ul{visibility:hidden;position:absolute;top:36px;bottom:-60px;width:600px}
#menunav li.m1 ul{left:0}
#menunav li.m2 ul{left:-112px}
#menunav li.m3 ul{left:-212px}
#menunav li.m4 ul{width:300px;left:-112px}
#menunav li.m5 ul{width:300px;left:-112px}
#menunav li.m6 ul{width:160px;right:0px}

#menunav li:hover ul,#menunav a:hover ul{visibility:visible}
#menunav ul a:hover{border:0}
#menunav li ul li{display:inline-block;float:left;height:25px;line-height:25px;width:auto;background:#da251e;text-align:center}
#menunav li ul a{display:block;_display:inline-block;padding:0 15px;zoom:1;height:25px;line-height:25px;background:none;text-indent:0}
#menunav li ul a:hover{color:#f25920;background:#eee;}


h4{margin-bottom:10px;height:26px;text-indent:-999em;overflow:hidden;background:url(i/bg_h4.png) no-repeat}
h4.show{background-position:0 0}
h4.contact{background-position:0 -26px}
h4.profile{background-position:0 -52px}
h4.newp{background-position:0 -78px}
h4.product{background-position:0 -104px}
h4.coop{background-position:0 -130px}
h4.about{background-position:0 -156px}
h4.cate{background-position:0 -182px}
h4.tech{background-position:0 -208px}
h4.quality{background-position:0 -234px}
h4.service{background-position:0 -260px}


#content{background:url(i/bg_content.png) 0 100% no-repeat}
.leftside{float:left;padding:7px 0;width:277px;background:url(i/bg_leftside.png) 100% 0 no-repeat}
.rightside{float:left;width:715px;text-align:left}
.layout{padding:5px 10px 20px 10px}

.leftside h4{width:237px}
.rightside h4{width:691px}

#banner{padding-bottom:18px;background:url(i/bg_banner.png) 0 100% repeat-x}

#show{margin:0 20px 15px}

#contact{margin:0 20px;text-align:left}
#contact h4{height:26px;text-indent:-999em;background:url(i/bg_contact_h4.png) no-repeat}
#contact .cc{padding:0 10px}

#brand{margin:50px auto}

#about{margin-bottom:15px}

#newp{position:relative;margin-bottom:15px;border:5px solid #dce5ec}
#newp h4{position:absolute;left:-10px;}
#recomm{margin-top:28px;text-align:center}
#recomm #demo{margin:0 auto}
#recomm td{text-align:center}
#recomm img{border:2px solid #e3e3e3}
#recomm .new{border:none}
#recomm a{color:#017fcb}

#picate{margin-bottom:15px;background:url(i/bg_pcate.png) 0 27px no-repeat}
#picate h4{margin-bottom:15px}
#picate li{float:left;width:228px;height:167px;text-align:center}
#picate img{width:170px;height:140px;border:2px solid #e3e3e3}

#coop{margin-bottom:15px}
#coop li{float:left;margin:3px;width:130px;height:70px;font-size:0;border:1px solid #ddd}

#smenu{margin:0 20px 15px}
.sidemenu{margin:0 auto;width:180px}
.sidemenu li{height:29px;line-height:29px;font-size:14px;background:url(i/bg_armenu_li.gif) no-repeat}
.sidemenu a{color:#0e70c9}
.sidemenu a:hover{color:#e38113}

#pcate{margin:0 20px 15px;color:#000;text-align:left;background:url(i/bg_leftcol.png) 0 -449px no-repeat}
#pcate ul{margin:0 25px;padding-bottom:10px}
#pcate ul li{position:relative;padding-left:32px;height:29px;line-height:29px;font-size:14px;text-align:left;background:url(i/bg_armenu_li.gif) no-repeat}
#pcate ul li ul,#pcate ul a ul{visibility:hidden;position:absolute;top:0;left:100px;z-index:2000;width:170px;}
#pcate ul a{_display:block;color:#0e70c9}
#pcate ul a:hover{border:0;color:#e38113}
#pcate ul li:hover ul,#pcate ul a:hover ul{visibility:visible}
#pcate ul li ul li{padding-left:30px;height:37px;line-height:40px;background:url(i/bg_sidemenu_li.gif) no-repeat}

#detail{text-align:left;line-height:250%}
.rtitle{margin-bottom:15px;padding-left:20px;height:28px;line-height:28px;font-size:20px;color:#172c76;font-weight:bold;border-bottom:1px solid #ddd;background:url(i/ico_arrow.gif) 5px 45% no-repeat}

.psearch{display:none}

#footer{padding:15px 30px;color:#333;background:url(i/bg_footer.png) repeat-x}
#footer a{color:#333}
#footer a:hover{text-decoration:underline}