.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:40px 100px;
}
.serve_li{
   width: 50%;
   margin-top: 60px;
   float: left;
}

.serve_li a{
  display: block;
  width: 250px;
  height: 50px;
  margin: 0 auto;
}
.li_wrapper{
  width: 250px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  border:4px solid #24a7e1;
  transition: all 0.5s;
}
.serve_li .li_wrapper:hover {
  background:#24a7e1;
  color: #fff;
}
@media only screen and (max-width: 768px)
{

  .pl10{ padding-left:0px;}
  .video_list li{width:48%;float:left;margin:0 1%;} 
  .video_list li img{ width:100%; height:auto;}
  .video_img{ height:90%;}
  .mrg {display:none;}
  .H244 {height: auto;}
  .article_img li{ height:auto;}
  .zzfw img{ width:100%; height:auto;}
  .pr10{ padding-right:0;}
  .ts img{ display:block; margin-top:8px; width:100%; height:auto}
  ul.hot_list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
ul.hot_list li { float:left; width:50%}

.serve_wrapper {
 width: 100%;
 height: 100%;
}
.serve_con{
   width: 100%;
   padding: 0 10px;
   overflow: hidden;
}
.serve_li{
   width: 48%;
   margin-bottom: 20px;
   margin-top: 30px;
}
.serve_ul{
  padding: 30px;
}
.serve_li:nth-child(even){
  float: right;
}
}

@media only screen and (max-width:640px)
{
  .SwitchImage{ display:none;} 
  .img_left img{display:none;}
  .H286{height:auto;}

}
@media only screen and (max-width: 560px)
{
ul.hot_list li { float:none; width:100%}
.serve_wrapper{
   padding-top: 150px;
  }
  .serve_ul{
 padding: 15px;
  }
  .serve_li {
 width: 46%;
 margin-top: 20px;
  }
  .li_wrapper{
 width: 100%;
  }
  .serve_li a{
 width: 100%;
  }
  .li_wrapper{
 width: 100%;
  }
} 
@media only screen and (max-width: 435px)
{
ul.hot_list li { float:none; width:100%}
.video_list li{ width:80%; margin:0 10%;}
} 
@media only screen and (max-width: 320px)
{
.article_img li img{ display:none;}
}