body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,div,a,p,input,form,fieldset,textarea,blockquote{ margin:0;padding:0; font:14px/24px Arial,"Microsoft Yahei";}
body{ position: relative;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none;outline:none; color: #0d1265;}
a:hover{text-decoration:none; color: #ffa000;}
a:focus{outline: none; text-decoration: none;}
img{ display: block; margin:0; vertical-align: middle;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fl{ float: left; }
.fr{ float: right; }
.clearfix:before, .clearfix:after{ content: ""; display: table;}
.clearfix:after{ clear:both;}
.clearfix{ *zoom:1;}

.sel_box{overflow: auto; position: absolute; width: 100%; height: 100%; }
.bg_box{width: 100%; height: 100%;background: url(../images/b24_bg.jpg) center center no-repeat;
   background-size: 100% 100%; overflow-x: auto;}
.content_box{padding-top: 150px;}
.content_title h1{font-size: 32px; color: #fff; line-height: 100px; text-align: center; font-weight: bold;}
.content_warper{width: 850px; margin: 0 auto; background-color: #fff; border-radius: 15px; min-height: 470px;} 
.company_tab{ padding:30px 52px 20px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px;}
.company_tab ul li{  float: left; margin-right: 20px; cursor: pointer;}
.company_tab ul li a{display: block; font-size: 14px; color: #858eab; line-height: 32px; padding: 0 20px;border-radius: 17px; border: 1px solid #858eab;}
.company_tab ul li a:hover{color: #fff; border: 1px solid #031345; background-color: #031345;}
.cur_company{background-color: #031345!important; border: 1px solid #031345!important; color: #fff!important;}

.company_box{padding-bottom: 10px; width: 796px; margin: 0 auto;}
.company_box li{background-color: #f9fafe; border-radius: 10px; border: 1px solid #e3e7ee; width: 348px; 
  height: 60px; margin:0 25px 15px; cursor: pointer;}
.company_box li:hover{border-color: #031345; box-shadow: 1px 0 10px rgba(3,19,69,0.3);}
.company_box li a{display: block; width: 100%; height: 100%;}
.company_box li .logo_box{padding: 10px;} 
.company_box li p{font-size: 16px; color: #031345; line-height: 60px;}
.edit-date { 
  padding:  12px 20px 12px 0; 
  font-size: 12px;
  color: #787878;
  transform: scale(0.8);
}
.edit-date div {
  text-align:center;
  line-height: 18px;

}


@media (max-width: 800px){
  .content_box{padding-top: 15px;}
  .content_warper{width: auto; margin: 0 10px 50px; border-radius: 15px;}
  .content_title  h1{font-size: 24px; line-height: 60px;}
  .company_tab{padding:15px 0px 0px; border-bottom: 1px solid #e6e6e6;}
  .company_tab ul{margin-bottom: -1px;}
  .company_tab ul li{ width: 16%; margin-right: 0;text-align:center;}
  .company_tab ul li a{line-height: 30px; font-size: 13px; border: unset;padding: 0px; padding-bottom: 10px; text-align: center; border-radius: 0;} 
  .cur_company{border-bottom: 2px solid #031345!important; background-color: unset!important;border-top:unset!important;border-left:unset!important;border-right:unset!important;
     color: #031345!important;}
  .company_box{padding: 0 20px 20px; width: unset;}
  .company_box li{border-radius: 10px; width: 100%; height: 50px; margin:0 0px 10px;}
  .company_box li .logo_box{padding: 10px;}
  .logo_box img{display: block; height: 30px;} 
  .company_box li p{font-size: 14px; line-height: 50px;}
  .edit-date { 
    padding:  6px 20px 6px 0; 
  }
}
@media (max-width:360px) {
  .company_tab ul li a{
    font-size:12px;
  }
  .company_box li p{font-size: 12px;}
}