* { box-sizing: border-box; }
a { text-decoration: none; }
a:hover{
  text-decoration: none;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.jjy_ul{
	overflow:hidden;
	margin-left:-9%;
	margin-top:6px;
	}
.jjy_ul>li{
	width:50%;
	float:left;
	}
.jjy_ul>li>div:first-of-type>img{
	width:100%;
	}

.jjy_ul>li>div:last-of-type{
	font-size:14px;
	text-align:center;
	margin-top:5px;
	}
/*============== Service style ==============*/

.single_service{  
  margin-top: 50px;
  margin-bottom: 50px;
}
.single_service i{
  position: relative;
  overflow: hidden;
}

.single_service .ico{
  margin: 0 auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  font-size: 30px;
  padding-top:20px;
  color: #0c84d3;
  line-height: 76px;
  background: rgba(195, 185, 185, 0.21);
  width: 80px;
  height: 80px;
  text-align: center;
  border: solid 4px #fff;
  outline: 1px solid #dddddd;
  }

  .single_service:hover .ico{
  color:#F3F1F1;
  background: #0c84d3;  
  cursor:pointer;
  -webkit-transition:  ease-out .5s;
  -moz-transition:  ease-out .5s;
  -o-transition:  ease-out .5s;
  transition: ease-out .5s;  
  }

  .single_service .ico:hover{
  color:#F3F1F1;
  background: #0c84d3;  
  cursor:pointer;
  -webkit-transition:  ease-out .5s;
  -moz-transition:  ease-out .5s;
  -o-transition:  ease-out .5s;
  transition: ease-out .5s;  
  }


.single_service .ico i{
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}



/* #Tablet (Portrait) */
@media only screen and (min-width: 1000px){
  .container {
    width: 1000px; 
	margin: 0 auto;
  }
}