ul,li, h1,h2,h3,h4,h5,h6,dl,dt,dd,p { padding: 0; margin: 0; list-style: none;}
body { font-size: 14px; font-family:"宋体";}
a { text-decoration: none; color: #000;}
a:hover { color: #FF0000;}
.w1000{ width: 1000px; margin: 0 auto;}
.warp { margin: 15px auto; width: 1000px;}
.clear { clear: both;}
.pd30 { padding:30px;}
.pd5 { padding: 5px;}
.pd10 { padding: 10px;}
.pt5 { padding-top: 5px;}
.mt10 { margin-top: 10px;}
.w30 { width: 30px;}
.w60 { width: 60px;}
.w80 { width: 80px;}
.w100 { width: 100px;}
.w120 { width: 120px;}
.w150 { width: 150px!important;}
.w180 { width: 180px!important;}
.float-left { float: left;}
.big_dot { font-size: 18px;}


#div_head{}
#div_head .div_top { height: 30px; line-height: 30px; background: #FAFAFA; border-bottom: 1px solid #CCC;}
#div_head .div_top .l { float: left}
#div_head .div_top .r { float: right}

#div_head .div_middle { height: 70px; overflow: hidden;}
#div_head .div_middle .logo a { width: 385px; height: 70px; background: url(images/logo.gif); float: left;}
#div_head .div_middle .search { float: right; margin-top: 25px;}

#div_head .div_bottom { height: 40px; background: #006699; color: #FFF; font-weight: bold; overflow: hidden;}
#div_head .div_bottom a { color: #FFF;}
#div_head .div_bottom ul { margin-left: 15px;}
#div_head .div_bottom li { float:left; padding: 0 30px; height: 40px; line-height: 40px;}


#div_foot { border-top: 3px solid #D3CFD1; background: #F7F7F7; padding: 30px 0;}
#div_foot p { line-height: 20px;}

#div_index .l { float: left; width: 770px;}
#div_index .r { float: right; width: 220px;}

#div_index h3.title { background: #F3F3F3; font-size: 14px; line-height: 30px; border-bottom: 1px solid #E3E3E3; width: 100%; text-align: center;}

#div_index .vocation { float: left; width: 273px; border: 1px solid #E3E3E3;}
#div_index .vocation .fl2 p { line-height: 21px; float: left; display: block; width: 130px; }
#div_index .vocation .fl3 p { line-height: 21px; float: left; display: block; width: 87px; }
#div_index .vocation p span { color: #FF9900;}

#div_index .slide { float: right; width: 485px; height: 140px;}



#div_index h4.title { height: 30px; line-height: 30px; background: url(images/huangbiao.jpg) 0 50% no-repeat; padding-left: 10px; border-bottom: 1px solid #E3E3E3;}

#div_index .collaborate_firm { float: right; margin-top: 4px; width: 485px; overflow: hidden; }
#div_index .collaborate_firm ul { margin-left: 7px;}
#div_index .collaborate_firm li { float: left; width: 110px; height: 126px; margin:0 4px; margin-top: 8px;}
#div_index .collaborate_firm li img { width: 110px; height: 100px; border:none;}
#div_index .collaborate_firm li p { text-align: center; line-height: 25px;}

#div_index .banner { width: 770px; height: 90px; }

#div_index .commend_firm {}
#div_index .commend_firm li { float: left; width: 180px; margin-left: 10px; margin-top: 10px; overflow: hidden;}

#div_index .commend_product ul { margin-left: 7px; margin-top: 6px;}
#div_index .commend_product li { float: left; width: 110px; height: 126px; margin:0 8px; margin-top: 8px; overflow: hidden;}
#div_index .commend_product li img { width: 108px; height: 98px; border: 1px solid #E3E3E3; }
#div_index .commend_product li p { text-align: center; line-height: 26px;}

#div_index .r .account { border: 1px solid #E3E3E3;}
#div_index .account p { line-height: 20px;}
#div_index .account form p { margin-top:5px;}



#div_index .r .newest_firm { border: 1px solid #E3E3E3;}
#div_index .newest_firm p { line-height: 20px; width: 200px; display: block; height: 20px; overflow: hidden;}

#div_index .link { line-height: 20px;}
#div_index .link a { margin-right: 10px;}


.box { width:auto; border: 1px solid #E3E3E3;}
.box .title  { height: 35px; line-height: 35px; background: #F3F3F3; border-bottom: 1px solid #E3E3E3; font-size:14px; padding:0 10px;}
.box .title b { float: left;}
.box .title em { float:left; margin-left: 10px; color:red;}
.box .title span { float: right;}
.box .title span a { color: blue;}

.form dl { width: 100%; clear:both; padding: 10px 0;}
.form dt, .form dd { float: left;}
.form dt { width: 170px;}
.form dt.bit { width: 30px; color: red;}
.form h4 { font-size: 14px; margin-top: 10px;}

.left_menu { float: left; width: 180px;}
.left_menu dl { border: 1px solid #DEDEDE; margin-bottom: 15px;}
.left_menu dt { font-weight: bold; line-height: 30px; background: #F5F5F5; font-size: 14px; padding-left: 5px;}
.left_menu dd { margin:0!important; padding-left: 5px; line-height: 30px;border-top: 1px solid #DEDEDE; font-size: 14px;}


.right_context { float: right; width: 770px; border: 1px solid #DEDEDE; padding: 15px; }

.help .left_menu { width: 230px!important;}
.help .right_context { width: 720px!important;}

.right_context, .content { line-height: 25px;} 



.breadcrumb .page{ float: right;}
.page * { float: left; margin-left: 3px; }
.page .current {display: block;  border: 1px solid #CCC; width: 20px; text-align: center; background: #DDD;}
.page .num {display: block; border: 1px solid #CCC; width: 20px; text-align: center;}
.page .next, .page .prev {display: block; border: 1px solid #CCC; padding: 0 3px;}

.button_login { width: 110px; height: 23px; background: url(images/denglu.jpg) no-repeat; border:none; cursor: pointer; }
.button_reg { width: 118px; height: 30px; background: url(images/reg2.gif) no-repeat; border: none; cursor: pointer; }
.text-center { text-align: center;}



#div_firm {}
#div_firm .l { width: 220px; background: #F7F7F7; vertical-align: top;}
#div_firm .c { width: 10px;}
#div_firm .r {  width: 770px; vertical-align: top;}

#div_firm h2.title { color:#CC0000; font-size: 35px; padding: 10px 0; font-family:"黑体";}
#div_firm h3.title { background: url(images/xingxing.jpg) 0 50% no-repeat; padding-left: 30px; height: 34px; line-height: 34px; border-bottom: 2px solid #DDD; font-size: 14px;}
#div_firm .l p {  line-height: 20px;}
#div_firm .l p b { color: #006699;}
#div_firm .ico_vip { float: right; clear: left; background: url(images/vip.gif) no-repeat; width: 34px; height: 18px; margin-top: 6px; margin-right: 5px;}

#div_firm .content { border:1px solid #E3E3E3;}

#div_firm .content .menu { height: 35px; background: url(images/lb3.gif) repeat-x 0 0;}
#div_firm .content .menu li { float: left; background: url(images/d2.gif) no-repeat 0 50%; padding-left: 20px; height: 34px; line-height: 34px; margin-left: 30px; font-weight: bold;}
#div_firm h4.title { height: 30px; line-height: 30px; background: url(images/huangbiao.jpg) 0 50% no-repeat; padding-left: 10px;}

#div_firm .code { text-align: center; padding: 20px 0; }
#div_firm .code img { width: 150px; height: 150px;}


#div_firm .productlist ul { margin-left: 15px;}
#div_firm .productlist li { float: left; width: 160px; height: 190px; margin:0 10px; margin-top: 15px; overflow: hidden;}
#div_firm .productlist li img { width: 158px; height: 158px; border: 1px solid #E3E3E3;}
#div_firm .productlist li p { text-align: center; line-height: 30px;}

#div_firm .newslist  {}
#div_firm .newslist li { line-height: 25px; }
#div_firm .newslist li span { float: right; clear: left;}
#div_firm .article { width: 750px; overflow: hidden;}
#div_firm .article .image { max-width: 300px; max-height: 300px;}

#div_firm .info p { line-height: 25px; padding-left: 30px;}
#div_firm .info p.img img { width: 150px; height: 150px;}

#div_firm .keyword span { margin-right: 20px;}




#div_recommend { border:1px solid #FF9900; background: #FFFFCC;}
#div_recommend a { margin-right: 10px;}

#div_vocation .vocation { border: 1px solid #E3E3E3;}
#div_vocation .vocation h3.title { font-size: 14px; 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: #006699; 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 .l { float: left; width: 770px; }
#div_search .r { float: right; width: 220px;}

#div_search h3.title { background: #F3F3F3; font-size: 14px; line-height: 30px; border-bottom: 1px solid #E3E3E3; width: 100%; text-align: center;}
#div_search .r .vocation { float: left; width: 218px; border: 1px solid #E3E3E3;}
#div_search .r .vocation p { line-height: 20px;}
#div_search .r .vocation p span { color: #FF9900;}

#div_search  .l .nav { border-top:1px solid #33CCFF; background: #F7FCFF;}
#div_search  .l .nav dl {}
#div_search  .l .nav dt { font-weight: bold; float: left; padding: 5px 0; width: 80px; }
#div_search  .l .nav dd { float: left; padding: 3px 5px; 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 .record span { float: right; clear: left;}

#div_search  .l .content li { border-bottom: 1px solid #E3E3E3; padding: 20px 0;}
#div_search  .l .content li div.image { float: left; width: 120px;}
#div_search  .l .content li div.image img { border:1px solid #E3E3E3; padding: 3px; width: 100px; height: 100px;}
#div_search  .l .content li div.text { float: left; width: 650px; }
#div_search  .l .content li div.text p { line-height: 20px; font-size: 12px; color: #666;}

#div_search  .l .content li div.text div.title { line-height: 25px; color: #000; width: 650px; height: 25px; }
#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;}

#ul_choseimage li { float: left; border: 1px solid #EDEDED; padding: 3px; margin-right: 10px; margin-bottom: 10px; cursor: pointer; }
#ul_choseimage li:hover { border: 1px solid #FF9900;}
#ul_choseimage .image img { width: 140px; height: 100px;}
#ul_choseimage .title { font-size: 12px; text-align: center; width: 140px; overflow: hidden; height: 20px; line-height: 20px;}


#div_vocation .vocation .content ul { margin-left: 7px; margin-top: 6px;}
#div_vocation .vocation .content li { float: left; width: 110px; height: 140px; margin:0 14px; margin-top: 8px; overflow: hidden;}
#div_vocation .vocation .content li img { width: 108px; height: 98px; border: 1px solid #E3E3E3; }
#div_vocation .vocation .content li p { text-align: center; line-height: 26px;}

#div_vocation .vocation .text a {   line-height: 26px; margin-right: 10px;}
#div_vocation .vocation .text a:hover {  text-decoration: underline;}

.guoqi{ width: 95%; height:100px; line-height: 100px; text-align: center; border: 1px solid #CCC; background: #E5E5E5; margin: 0 auto;}


.btn-default {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.div_jump { border: 1px solid #E3E3E3; }
.div_jump h4 { border-bottom: 1px solid #E3E3E3; background: #F3F3F3; line-height: 30px; padding-left: 10px;}
.div_jump .info { text-align: center; padding: 50px; line-height: 25px;}
.jump_success .info { padding-top: 100px; background: url(images/succeed_big.png) center 20px no-repeat; }
.jump_error .info { padding-top: 100px; background: url(images/error_big.png) center 20px no-repeat; }
.div_jump .text { font-size: 20px; font-family: "微软雅黑","黑体";}
.div_jump .jump { color: #999;}
.div_jump .jump a{ color: #999;}