.new_hidden {
 display: none;
}
.header_new{
  display: block;
}
.header_right li .friendImg,.logo .friendImg{
  display: inline-block;
}
.mainImg{
  display: none;
}

.header_new .main_header .header_right li a{
  color:#008dd6;
}
.header_new .main_header li .line_1 {
   color:#008dd6;
}
.linkmap{
  display: none;
}
.serve_wrapper{
  width: 100%;
  height: 100vh;
  padding-top: 15%;
  box-sizing: border-box;
}
.serve_con{
  width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
  box-sizing: border-box;
}
.serve_title{
  width: 200px;
  font-size: 28px;
  font-weight: 600;
  margin: 0 auto;
  text-align: center;
  color: #595757;
  position: relative;
}
.serve_title::before{
  content: "";
  position: absolute;
  left: -468px;
  top: 50%;
  transform:translateY(-50%);
  width: 468px;
  height: 3px;
  background:#595757;
}
.serve_title::after{
  content: "";
  position: absolute;
  right: -468px;
  top: 50%;
  transform:translateY(-50%);
  width: 468px;
  height: 3px;
  background:#595757;
}
.serve_ul{
  padding:60px 0px;
}
.serve_li{
  float: left;
  width: 25%;
  margin-bottom: 45px;
  
}

.serve_li a{
  display: block;
  width: 128px;
  height: 128px;
  margin: 0 auto;
}
.li_wrapper{
  width: 112px;
  height: 112px;
  line-height: 112px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  border-radius: 50%;
  border: 8px solid #2fa7e0;
  transition: all 0.5s;
}
.serve_li:hover .li_wrapper{
  background:#24a7e1;
  color: #fff;
}

@media only screen and (max-width: 1400px){
  .serve_wrapper{
 width: 100%;
 height: 100%;
  }
}



@media only screen and (max-width: 768px){
.pr10{ padding-right:0;}  
.pl10{ padding-left:0px;}
.W390{ width:100%;}
.col-sm-12{ margin-bottom:0;}
.article_box img{ display:none;}
.Cont_box .mailbox_search_btn, .Cont_box .JianYi {margin: 50px 0 0 30px;}
.Cont_box .JianYi { margin-top: 20px;}
.yw_img img{ width:100%; display:block;}

.serve_con{
   width: 100%;
   padding: 0 10px;
   overflow: hidden;
}
.serve_li{
   width: 50%;
   margin-bottom: 20px;
}
}
@media only screen and (max-width: 500px){

  .Cont_box .mailbox_search_tx {width: 140px;}
  .Cont_box .mailbox_search_btn, .Cont_box .JianYi {margin: 20px 0 0 30px;}
  .serve_wrapper{
   padding-top: 150px;
  }
  .serve_ul{
   padding: 30px 0;
  }
}
@media only screen and (max-width: 400px){

}