.service {width:100%; padding:100px 0 80px 0; overflow:hidden; background:#E4E8F8}
.service .tit {max-width:1400px; margin:0 auto; padding: 0 0px 25px 0px; overflow:hidden;}
.service .tit h3{text-align:left; float:left; font-size:36px; line-height:46px; font-weight:600; color:#666; }
.service .contBox {max-width:1500px; margin:0 auto;  overflow:hidden;}
.service .flex{ margin:0 auto; display:flex; flex-wrap: wrap;  justify-content: space-between; margin:30px 0; }
.service .flex .item{ margin-bottom:40px;  width:31.33333%; padding:30px 25px 30px 160px; background:#f2f2f2;  transition:all 0.3s; position: relative;}
.service .flex .item:before {content:""; width:100px; height:100px; background-color:#fff; position:absolute; left:30px; top:50px; 
background-position: center; background-repeat:no-repeat; border-radius:50%; }
.service .flex .item1:before {background-image:url(../img/ico1.png);}
.service .flex .item2:before {background-image:url(../img/ico2.png);}
.service .flex .item3:before {background-image:url(../img/ico3.png);}
.service .flex .item4:before {background-image:url(../img/ico4.png);}
.service .flex .item5:before {background-image:url(../img/ico5.png);}
.service .flex .item6:before {background-image:url(../img/ico6.png);}
.service .flex .item:hover { background-color:#fff; box-shadow:8px 8px 13px rgba(0,0,0,0.2); transition:all 0.3s;
background-position:50px center; background-repeat:no-repeat;  }
.service .flex .item:hover:before { background-color:#F0F3FE;}
.service .flex .item .tit2{font-size:20px; font-weight:600; color:#4564F0; }
.service .flex .item .txt{font-size:14px; font-weight:500; padding-top:20px}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1550px) {
.service .contBox {max-width:calc(100% - 100px);}	
}
@media (max-width: 1023px) {
.service {width:100%; padding:60px 0 40px 0;}	
.service .contBox {max-width:calc(100% - 30px);}
.service .tit {max-width:100%; }
.service .tit h3{ font-size:22px; line-height:32px; }	

.service .flex{ margin:0 auto; display:flex; flex-wrap: wrap;  justify-content: space-between; margin:10px 0; }
.service .flex .item{ margin-bottom:20px;  width:100%; padding:20px 15px 25px 100px; background:#fff; }
.service .flex .item:before {content:""; width:60px; height:60px; background-color:#fff; left:20px; top:50px;
background-size:60%;  background-color:#F0F3FE;  }
.service .flex .item .tit2{font-size:16px;}
.service .flex .item .txt{font-size:13px;  padding-top:15px}	
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}