@charset "utf-8";

.service{position: relative; z-index: 2; background: #fff; min-height: 600px;}
.service .wrap{padding-top: 120px;}
.service .wrap>.tit{font-size: 4rem; color: #323232; text-align: center;}
.service .wrap>.desc{color: #707070; font-size: 1.4rem; text-align: center; max-width: 860px; margin: 30px auto auto auto; line-height: 2;}

@media (max-width:1199px){
  .service .wrap{padding-top: 50px;}
  .service .wrap>.tit{font-size: 3rem;}
}

.service .contact{display: flex; margin-top: 75px;}
.service .contact:after{display: none;}
.service .contact .item{width: 400px; border-right: 1px solid #ededed; padding: 10px 0 40px 0; box-sizing: border-box; text-align: center; flex: none;}
.service .contact .item:last-child{border-right: 0px none;}
.service .contact .item .ico{height: 35px; line-height: 35px;}
.service .contact .item .tit{font-size: 1.8rem; color: #323232; margin-top: 20px;}
.service .contact .item .con{font-size: 2rem; color: #707070; margin-top: 28px;}
.service .contact .item .con a:hover{text-decoration: underline;}

@media (max-width:1199px){
  .service .contact{margin-top: 50px; flex-wrap: wrap;}
  .service .contact .item{width: 100%; border-right: 0px none; padding: 0; margin-bottom: 35px;}
  .service .contact .item .con{margin-top: 18px;}
}

.service .allmap-container{padding: 0;}
#allmap{height: 580px; background: #eee; margin-top: 60px;}

@media (max-width:1199px){
  .allmap-container{width: 100%; padding: 0;}
  #allmap{height: 300px; margin-top: 50px;}
}


.service .project-tit{height: 200px; background: url('../img/service@project.jpg') no-repeat center/cover; margin-top: 100px; font-size: 4rem; color: #fff; text-align: center; line-height: 196px;}
.service .project{display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 50px;}
.service .project:after{display: none;}
.service .project .item{width: 30%; display: flex; margin-bottom: 50px;}
.service .project .item .ico{flex: none; width: 108px;}
.service .project .item .tit{line-height: 90px; color: #707070; font-size: 2.4rem;}

@media (max-width:1199px){
  .service .project{padding-bottom: 10px;}
  .service .project-tit{margin-top: 80px; font-size: 3rem;}
  .service .project .item{width: 100%; margin-bottom: 30px; justify-content: center;}
  .service .project .item .ico{width: 64px; margin-right: 20px;}
  .service .project .item .tit{line-height: 60px; font-size: 2rem; width: 150px;}
}