.pub_case {
    width: 73.1%;
    margin: 0 auto;
    max-width: 1500px;
}
@media screen and (orientation: landscape){
  .ser_con_m:nth-child(odd) {
      flex-direction: row-reverse;
  }
}
.ser_con_m {
    display: flex;
    align-items: flex-start;
    position: relative;
}
.pro_img_box {
    position: relative;
    overflow: hidden;
}
.ser_con_m .pro_img_box {
    width: 50%;
    background-color: #fff;
}
.pro_img_box::before {
    content: '';
    display: block;
    margin-top: 100%;
}
.ser_con_m .pro_img_box::before {
    margin-left: 100%;
}
.pro_img_box > .img_box {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease-in-out;
}
.ser_con_m .pro_img_box .img_box {
    transition: all .5s ease-in-out;
}
.ser_con_m .pro_img_box .iconfont {
    display: none;
}
.ser_con_m .ser_text_box {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    height: 5.65rem;
}
.ser_con_m .ser_text_box .iconfont {
    font-size: .7rem;
    color: #c52f1f;
    display: block;
    line-height: 1;
}
.ser_con_m .ser_text_box .ser_tit {
    margin: 0.7rem 0 0.6rem;
    font-size: .36rem;
    color: #01472f;
    font-weight: 700;
}
.pub_info {
    color: #666666;
    font-size: .16rem;
    line-height: 2.14;
    text-align: justify;
    margin-top: 0.7rem;
}

.ser_con_m .ser_num_box {
    position: absolute;
    width: 50%;
    bottom: calc(100 / 700 * 100%);
    left: 0;
    font-size: .16rem;
    line-height: 1;
    font-family: Futura-Light;
    color: rgba(0, 0, 0, 0.6);
}
.ser_con_m .ser_num_box .ser_btn {
    position: absolute;
    left: calc(100% - 1.54rem);
    top: 50%;
    margin-top: -0.5px;
}
.iconfont_sty_hover .iconfont_sty {
    height: 1px;
    width: 0.3rem;
    background-color: #fff;
    position: relative;
    transition: all .3s ease-in-out;
}
.ser_con_m .ser_num_box .ser_btn .iconfont_sty {
    background-color: #c52f1f;
}
.iconfont_sty_hover .iconfont_sty::before, .iconfont_sty_hover .iconfont_sty::after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 0.07rem;
    right: 0;
    top: 0;
    background-color: #fff;
    transform-origin: 100% 50%;
}
.iconfont_sty_hover .iconfont_sty::before {
    transform: rotate(45deg);
}
.iconfont_sty_hover .iconfont_sty::after {
    transform: rotate(-45deg);
}
.ser_con_m .ser_num_box .ser_btn .iconfont_sty::after, .ser_con_m .ser_num_box .ser_btn .iconfont_sty::before {
    background-color: #c52f1f;
}
@media screen and (orientation: landscape){
  .ser_con_m:hover .pro_img_box .img_box {
      transform: translate(-50%, -50%) scale(1.02);
  }
  .ser_con_m .ser_text_box .pub_info {
        line-height: 1.875;
        text-align: left;
        margin-top: 0;
    }
    .ser_con_m:nth-child(even) .ser_text_box {
        text-align: right;
    }
    .ser_con_m:nth-child(even) .ser_num_box {
        left: auto;
        right: 0;
        text-align: right;
    }
    .ser_con_m:nth-child(even) .ser_text_box .pub_info {
        line-height: 1.875;
        text-align: right;
    }
    .iconfont_sty_hover:hover .iconfont_sty {
        width: 0.8rem;
    }
    .ser_con_m:nth-child(even) .ser_num_box .ser_btn {
        right: calc(100% - 1.68rem);
        left: auto;
    }
    .ser_con_m:nth-child(even) .ser_num_box .ser_btn .iconfont_sty::before {
        left: 0;
        right: auto;
        transform: rotate(-45deg);
        transform-origin: 0 50%;
    }
    .ser_con_m:nth-child(even) .ser_num_box .ser_btn .iconfont_sty::after {
        left: 0;
        right: auto;
        transform: rotate(45deg);
        transform-origin: 0 50%;
    }
}
#mingke .kcb{height: 100%;}  
#mingke .kcb table{width:100%;position:absolute;top:.75rem;border-collapse:collapse; 
border-spacing:0;}
/* #mingke .kcb table tr th{text-align:center;font-weight:normal} */
#mingke .kcb table thead{display:inline-block;}
#mingke .kcb th.pxsj{width:1.4rem}
#mingke .kcb th.pxkc{width:1rem}
#mingke .kcb th.pxgy{width:3.91rem}
#mingke .kcb td.sxw{width:0.4rem}
#mingke .kcb td.time{width:1rem}
#mingke .kcb td.kcming{width:1rem}
#mingke .kcb td.gangyao{width:3.9rem}
#mingke .kcb table tbody{display:inline-block;width:100%;max-height:5.33rem;overflow: auto}
#mingke .kcb table th{text-align:center;font-weight:600}
#mingke .kcb table td,#mingke .kcb table th{border:1px solid #ccc;padding:.03rem;text-align: center;font-size:.13rem;}
#mingke .kcb table td:last-of-type{text-align: left}
#mingke .baoming{position: absolute; top:.5rem;left: 0;width:100%;}
#mingke .baoming li{margin-bottom:.2rem;font-size:.16rem}
#mingke .baoming label{display: inline-block;width:15%}
#mingke .baoming label em{color: #c52f1f; vertical-align: middle; padding-right: 0.05rem;}
#mingke .baoming input,#mingke .baoming select{font-size:.16rem}
#mingke .baoming input[type='radio']{margin:0 .1rem;width: 0.18rem;height: 0.18rem;font-size:.18rem}
#mingke .baoming input[type='text'],#mingke .baoming select{padding:.02rem .05rem;height:.35rem;width:75%;border:1px solid #ccc}
#mingke .baoming textarea{height:.55rem;width:75%}
#mingke .baoming select{height:.35rem;}
#mingke .baoming input[type='submit']{margin:.2rem 0;height:.55rem;width:90%;background:#01472f;border: none;color: #fff;border-radius:.1rem;font-size:.18rem;}
#mingke .baoming input[type='submit']:hover{background:#016B2F;}
#mingke .s-xl span{display: none}
@media (max-width: 1024px){
  .pub_info {
      font-size: .24rem;
      line-height: 1.8333;
      text-align: justify;
  }
  .ser_con_m {
      display: block;
  }
  .ser_con_m .ser_text_box {
      width: 100%;
      height: auto;
      padding: 0.25rem 0 0.7rem;
      text-align: center;
  }
  .ser_con_m .ser_text_box .ser_tit {
      margin: 0;
  }
  .ser_con_m .pro_img_box::before {
      margin-top: 66.66%;
  }
  .ser_con_m .pro_img_box {
      width: 100%;
  }
  .ser_con_m .pro_img_box .iconfont {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      display: block;
      font-size: 1.5rem;
      line-height: 1;
  }

  .ser_con_m .ser_num_box,.ser_con_m .ser_text_box .iconfont,.ser_con_m .ser_text_box .pub_info br {
      display: none;
  }
  .ser_con_m .ser_text_box .pub_info {
      text-align: center;
      margin-top: 0;
  }
  .iconfont_sty_hover .iconfont_sty {
      width: 0.5rem;
  }
  #zxbm .pro_img_box::before {
      margin-top: 85%;
  }
  #zxbm .ser_tit {
      display:none;
  }
  #mingke .kcb table tbody{max-height:3.5rem}
  #mingke .baoming{top: 0}
  #mingke .s-xl span{display: inline-block;position: absolute;padding: 0.15rem 0.3rem 0;}
  #mingke .baoming label{font-size: .25rem;width:20%}
  #mingke .baoming input[type='submit']{width:100%;font-size: .3rem;height: 0.75rem;}
  #mingke .baoming input[type='text'], #mingke .baoming select{font-size:.25rem;padding:0.3rem 0.2rem}
  #mingke .baoming input[type='radio']{width: 0.28rem;height: 0.28rem;font-size:.25rem}
  #mingke #zxbm .pro_img_box{height: 8.5rem;}
  #mingke .baoming textarea{height:.75rem;width:75%;font-size:.25rem}
  
}

@media (max-width:768px){
    #mingke .kcb th.pxsj {
        width: 2.05rem;
    }
    #mingke .kcb th.pxkc {
        width: 1.7rem;
    }
    #mingke .kcb th.pxgy {
        width: 4.88rem;
    }
    #mingke .kcb td.sxw {
        width: 0.8rem;
    }
    #mingke .kcb td.time {
        width: 1.25rem;
    }
    #mingke .kcb td.kcming {
        width: 1.68rem;
    }
    #mingke .kcb td.gangyao {
        width: 4.9rem;
    }
}

@media (max-width:440px){
    #mingke .kcb th.pxsj {
        width: 1.85rem;
    }
    #mingke .kcb th.pxkc {
        width: 1.5rem;
    }
    #mingke .kcb th.pxgy {
        width: 4.28rem;
    }
    #mingke .kcb td.sxw {
        width: 0.8rem;
    }
    #mingke .kcb td.time {
        width: 1.25rem;
    }
    #mingke .kcb td.kcming {
        width: 1.68rem;
    }
    #mingke .kcb td.gangyao {
        width: 4.9rem;
    }
}