html {
  font-size: 100px;
}
body {
  font-family: oft YaHei-Regular, Microsoft Y;
  background-color: #f5f5f5;
}
img {
  vertical-align: middle;
}

.hover_a:hover {
  box-sizing: border-box;
  color: #003abc;
  font-weight: 700;
  border-bottom: 0.04rem solid #003abc;
}

table,
tr,
th,
td {
  border: 0.01rem #b2c0df solid;
  height: 0.6rem;
}
.number {
  display: flex;
  justify-content: center;
}
.number .num_item {
  margin-bottom: 0.8rem;
  margin-left: 0.1rem;
  width: 0.3rem;
  height: 0.3rem;
  font-size: 0.16rem;
  text-align: center;
  line-height: 0.3rem;
  background-color: #f5f5f5;
  color: #999999;
  border: 1px dashed #ccc;
  border-radius: 0.15rem;
  box-sizing: border-box;
}
.centre {
  width: 14rem !important;
  margin: 0 auto;
}
.centre .centre_h3 {
  padding-top: 0.8rem;
  font-size: 0.3rem;
  line-height: 0.4rem;
  text-align: center;
}

.centre .line {
  margin: 0.3rem auto 0.6rem;
  width: 1.2rem;
  height: 0.04rem;
  margin: 0 auto;
  background: #003abc;
}
.centre p {
  font-size: 0.18rem;
  color: #333333;
}

.wrap .banner {
  width: 100%;
  height: 6rem;
}

.banner .b_img {
  width: 100%;
  height: 6rem;
}

.content {
  background-color: #fff;
}
.content .centre {
  display: flex;
  justify-content: space-between;
  /*height: 0.8rem;*/
  font-size: 0.18rem;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  color: #666666;

  line-height: 0.8rem;
  padding-bottom: 0!important;
  height: 0.8rem;
}

.content .left .content_span {
  float: left;
  height: 100%;
  font-size: 0.18rem;
  line-height: 0.8rem;
  color: #666666;
}
.content .left .active {
  font-weight: bold;
  color: #666666;
}
.content .left img {
  float: left;
  margin: 0.2rem 0.1rem 0.2rem 0;
}
.content .right {
  display: flex;
  margin: auto 0;
  height: 100%;
  font-size: 0.18rem;
}
.content .right a {
  line-height: 0.8rem;
  margin-left: 0.8rem;
}

.introduce {
  background-color: #f5f5f5;
}
.introduce h2 {
  padding-top: 0.8rem;
  text-align: center;
  font-size: 0.52rem;
  line-height: 1;
}
.introduce .line {
  margin: 0.3rem auto 0.43rem;
  width: 1.06rem;
  height: 0.04rem;
  margin: 0 auto;
  background: #003abc;
}



@media only screen and (max-width: 1024px){
    .wrap .banner, 
    .banner .b_img{
    height: auto !important;
}

.content .centre .left{
    display: flex;
    align-items: center;
}

.content .left img{
    width:20px !important;
}
.centre{
    width: 100% !important;
}
.centre{
    padding: 15px;
}
.content .right{
    overflow: auto;
    width:100%;
    padding-bottom: 10px;
}
.flex_box .f_top, 
.content .centre{
    flex-wrap: wrap;
        flex-direction: column;
        height: auto;
        padding-top: 0px;
}
.content .right .content_a{
    margin-left: 0px !important;
    white-space: nowrap;
    padding: 0 10px;
}
.cooperation_box{
    padding-bottom: 10px;
}
.centre .centre_h3, 
.honor .honor_h3, 
.introduce h2{
    padding-top: 15px;
    font-size: 20px !important;
}
.develop_line, 
.company .company_line, 
.honor .line{
    margin:15px auto !important;
}
.introduce .line{
    margin: 10px auto !important;
}
.flex_box .f_top .f_t_left{
    width: auto;
    height: auto;
}
.centre{
    padding-top:0px !important;
    padding-bottom: 0px !important;
}
.cooperation_box, 
.honor{
    padding-bottom: 0px !important;
}
.flex_box .f_top{
        row-gap: 10px;
}
.introduce .centre{
justify-content: space-between;
    
}

.in_margin{
    width: 49% !important;
}
.number .num_item{
    width: 20px;
    height: 20px;
    margin-bottom: 15px;
}
.content .centre .left{
    display: none;
}

}