* { padding: 0; margin: 0; list-style: none;}
.clear { clear: both;}
.mt10 { margin-top: 10px;}

#logo img { max-width:100%; }

#nav { height: 40px; background: #006699; color: #FFF; font-weight: bold; overflow: hidden;}
#nav a { color: #FFF; text-decoration: none;}
#nav ul { text-align: center;}
#nav li { display: inline; padding: 0 3px; height: 40px; line-height: 40px;}

#div_vocation .vocation { border: 1px solid #E3E3E3; border-color: #E3E3E3; width: 95%; margin: 0 auto;}
#div_vocation .vocation h3.title { font-size: 110%; height: 30px; line-height: 30px; background: #F3F3F3; border-bottom: 1px solid #E3E3E3; padding-left: 5px;}
#div_vocation .vocation .content { padding: 10px;}
#div_vocation .vocation .content h4,#div_vocation .vocation .content h4 a { color: #000; font-size: 14px; margin-top: 5px;}
#div_vocation .vocation .content p { line-height: 25px; margin-top: 5px; margin-bottom: 10px;}
#div_vocation .vocation .content p a { margin-right: 8px;}




#div_search { width: 95%; margin: 0 auto;font-size: 90%; }
#div_search h3.title { background: #F3F3F3; font-size: 14px; line-height: 30px; border-bottom: 1px solid #E3E3E3; width: 100%; text-align: center;}
#div_search  .l .nav { background: #F7FCFF;}
#div_search  .l .nav dl { word-break: break-all;}
#div_search  .l .nav dt {  float: left; padding: 2px 0; }
#div_search  .l .nav dd { float: left; padding: 2px 2px; color: #666; cursor: pointer; }
#div_search  .l .nav dd:hover, #div_search  .l .nav dd.onbg { background: #FF9900; color: #FFF;}
#div_search  .l .content .record {border: 1px solid #E3E3E3; background: #F3F3F3; padding: 8px;}
#div_search  .l .content .record b { color: #FF6600;}
#div_search  .l .content li { border-bottom: 1px solid #E3E3E3; padding: 2% 0;}
#div_search  .l .content li div.image { float: left; width: 15%;}
#div_search  .l .content li div.image img { border:1px solid #E3E3E3; padding: 1%; width: 100%; }
#div_search  .l .content li div.text { float: left; width: 80%; margin-left: 1%; }
#div_search  .l .content li div.text p { font-size: 80%; color: #666;}
#div_search  .l .content li div.text div.title { color: #000; }
#div_search  .l .content li div.text div.title b { float: left;}
#div_search  .l .content li div.text div.title .ico_vip { float: left; background: url(images/vip.gif) no-repeat; width: 34px; height: 18px; margin-left: 10px;}
#div_search  .l .content li div.text div.title .r { float: right; font-size: 12px; color: #0099CC;}
#div_search  .l .content .page { margin-top: 10px;}
#div_search .content .title .fr { float: right; width: auto; margin-left: 10px;}

#div_firm { border: 1px solid #E3E3E3; border-color: #E3E3E3; width: 98%; margin: 0 auto;}
#div_firm h2.title { font-size: 150%; background: #F3F3F3; border-bottom: 1px solid #E3E3E3; padding: 10px;}
#div_firm h4.title { font-size: 110%; color: #0066CC; }
#div_firm .content { padding: 10px 0;}
#div_firm .content a { margin-right: 5px;}

#div_firm .content .menu { padding-bottom: 10px; text-align: center;}
#div_firm .content .menu a { text-decoration: none;}


#div_firm .content .code img { width:60%;}


#div_firm .content .article * { max-width: 90%!important;}

#div_firm .content .newlist p { line-height: 25px; padding-left: 5%;}
#div_firm .content .newlist p  a { text-decoration: none; color: #000;}

#div_firm .productlist li { width: 40%; float: left; margin-left: 5%; padding:0; list-style: none; overflow: hidden;}
#div_firm .productlist li a { text-decoration: none; color: #000;}
#div_firm .productlist img { width:98%; height: 100px; border: none; border: 1px solid #E3E3E3;}

#foot { border-top:3px solid #CCC; background: #E3E3E3; padding: 20px 0; text-align: center; font-size: 90%;}