.service_mail{width: 100%; background-color: #f8fcff; padding: 50px 0;}
.service_bg1{background:url('../images/service/service_bg1.jpg') #1054a0 no-repeat; } 
.service{width: 1280px;height: auto;margin:0 auto; }
.service_title1{width: 100%;height: auto;overflow: hidden;padding: 20px 0;}
.service_title1 h4{font-size: 36px;color: #222a2e;padding-left: 15px; height: 30px;line-height: 30px; border-left: 5px solid #1f8fe8}
.service_title1 h5{font-size: 16px;color: #555;line-height: 28px;padding:20px 0 20px 0;overflow: hidden;}

.service_title2{width: 100%;height: auto;overflow: hidden;padding: 20px 0;}
.service_title2 h4{font-size: 36px;color: #fff;padding-left: 15px; height: 30px;line-height: 30px; border-left: 5px solid #1f8fe8}
.service_title2 h5{font-size: 16px;color: #fff;line-height: 28px;padding:20px 0 20px 0;overflow: hidden;}

.service_center{width: 100%;}
.service_center h6{font-size: 24px;color: #222a2e;line-height: 36px;}
.service_center h5{font-size: 24px;color: #fff;line-height: 36px;}
.service_center ul{padding-top: 10px; margin-left: -2%}
.service_center ul li{float: left;margin-left: 2%;width: 23%;margin-bottom: 2%;overflow: hidden;}
.service_center ul li .img{width: 100%;height: 229px; overflow: hidden; position: relative;}
.service_center ul li .img img{ width: 100%;height: 100%;object-fit: cover;}
.service_center ul li .img p{position: absolute;height:100%; background-color:rgba(24,141,235,0.6);padding: 40px;font-size: 14px;line-height: 26px;color: #fff;
 opacity: 0;transition: all .8s ease-in-out; top: 0;left: 0;}
.service_center ul li .img:hover p{opacity: 1 }

.service_center ul li h4{background: #fff;height: 60px;line-height: 60px;font-size: 14px;color: #777;overflow: hidden; text-align: center;}
.service_center ul li h4:hover{color: #1f8fe8;}
/* -------------------------PC端--------------------------- */

@media all and (max-width:1340px) {

.service{width: 94%;}


}

@media all and (max-width:1280px) {

}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {

    .service_title2 h5{font-size: 14px;}

  .service_title1 h4{font-size: 24px; height: auto;;}
  .service_title2 h4{font-size: 24px;height: auto;;}
  .service_title1 h5{font-size: 14px;}
  .service_title2 h5{font-size: 14px;}
  .service_center ul{margin-left: -2%}
  .service_center ul li{width: 48%;}
  .service_center ul li .img{height: auto;}
  .service_center ul li .img p{padding: 10px;font-size: 13px;line-height: 20px;}
  .service_center ul li h4{height: 40px;line-height: 40px;}
   


}