/*
  // +----------------------------------------------------------------------
  // | Support (c) LanchTech
  // +----------------------------------------------------------------------
*/
body{
  background-color:#fafafa;
}
/*service*/
.service{
  margin:30px auto;
  font-size:1.16667rem;
}
.service .content{
  padding: 10px;
  background-color: #fff;
}
.service .descdiv{
  display: flex;
  flex-wrap: nowrap;
  margin-bottom:40px;
}
.service .descdiv .mtitle{
  margin-top:0 !important;
}
.service .descdiv .descbody{
  margin-left:10px;
}
.service .descdiv .description{
  display: inline-block;
  margin-top:30px;
  line-height: 30px;
}

.service .items{
  margin:20px auto;
}
.items li:first-child label {
    background: url(../images/icon/icon_service_class1.png) top center no-repeat;
    background-size: auto 80px;
}
.items li:nth-child(2) label {
    background: url(../images/icon/icon_service_class2.png) top center no-repeat;
    background-size: auto 80px;
}
.items li:nth-child(3) label {
    background: url(../images/icon/icon_service_class3.png) top center no-repeat;
    background-size: auto 80px;
}
.items li:nth-child(4) label {
    background: url(../images/icon/icon_service_class4.png) top center no-repeat;
    background-size: auto 80px;
}
.items ul {
    display: flex;
    flex-wrap: wrap;
}
.items li {
    width: 25%;
    border-bottom: unset;
    padding: unset;
    margin-bottom:30px;
}
.items li:last-child{
  border-right:unset;
}
.items li div {
  display: unset;
  text-align: center;
}
.items li div label {
    font-size: 1.3333rem;
    height: 30px;
    line-height: 30px;
    display: block;
    padding-top: 100px;
}
.items li div span {
    font-size: 1.1667rem;
    margin: 15px 30px;
    text-align: center;
    display: block;
    color: #666;
}
.contacts{
  color:#fff;
  padding:30px;
  background-color:#4E9D8C;
}
.contacts .phonemail{
  display: flex;
  flex-direction: column;

  justify-content: center;
  align-items: center;
  margin-bottom:20px;
}
.contacts .phonemail .phonediv{
  height:90px;
  padding-left:110px;
  background:url(../images/icon/icon_service_phone.png) center left no-repeat;
  background-size:90px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}
.contacts  label{
  display: block;
  width:100%;
  font-size:1.3333rem;
}
.contacts .phonemail span{
  width:100%;
}
.contacts .phonemail .phonediv span{
  font-size:2rem;
}
.contacts .phonemail .maildiv{
  margin-top:10px;
  margin-left:0;
  height:45px;
  padding-left:50px;
  background:url(../images/icon/icon_service_mail.png) center left no-repeat;
  background-size:37px;
}
.contacts .contactper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    font-size: 1.1667rem;
    line-height: 40px;
    padding-top:20px;
    border-top: 1px solid rgba(255,255,255,0.5);
}
.contactper div strong {
    display: block;
    font-size: 1.3333rem;
    margin-bottom: 10px;
}

.service .content .mtitle{
  margin-top:2rem;
}
.process {
  padding:20px 0;
}
.process ul{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.process ul li{
  margin-bottom:10px;
}
.process li div{
  border:1px solid #4E9D8C;
  border-radius: 100%;
  height:144px;
  width:144px;
  background-color:#fafafa;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.process li div span{
  font-size:1.3333rem;
  color:#4E9D8C;
}
.process li div span b{
  font-size:3.5rem;
  font-weight: normal;
}
.process li div p{
  font-size:1.1667rem;
  margin-top:4px;
}

/*响应式//////////*/
@media (min-width: 576px) {

}
@media (min-width: 768px) {
  .service .content{
    padding: 30px;
  }
  .contacts .phonemail {
    flex-direction: row;
  }
  .contacts .phonemail .maildiv{
    margin-top: unset;
    margin-left:50px;
  }
}
@media (min-width: 992px) {
  .service .descdiv .descbody{
    margin-left:30px;
  }
  .items ul{
    flex-wrap: nowrap;
  }
  .items li {
    border-right: 1px solid #eaeaea;
    margin-bottom:unset;
  }
  .process ul{
    flex-wrap: nowrap;
  }
  .process li div p {
    font-size: 1.1667rem;
  }
}
@media (min-width: 1200px) {
  .process li div{
    height:170px;
    width:170px;
  }
  .process li div p {
    font-size: 1.3333rem;
  }
}
@media (min-width: 1400px) {
  .process li div{
    height:190px;
    width:190px;
  }
}
@media (min-width: 1920px) {

}