/* tem02-service */
.tem02-service{text-align:center;}
.tem02-service .interval{padding:0 10px;}
.tem02-service h1,
.tem02-service .h1{font-size:30px;padding-bottom:30px;}
.tem02-service li{width:25%;height:220px;overflow:hidden;padding:4px;float:left;}
.tem02-service li .box{width:100%;height:100%;padding:20px 15px;}
.tem02-service li .icon{width:100px;height:100px;overflow:hidden;border-radius:50%;margin:0 auto;border-style:solid;border-width:1px;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.tem02-service li .icon span{line-height:100px;font-size:50px;}
.tem02-service li:hover .icon{transform:rotate(20deg);-ms-transform:rotate(20deg);-moz-transform:rotate(20deg);-webkit-transform:rotate(20deg);-o-transform:rotate(20deg);}
.tem02-service li h3,
.tem02-service li .h3{font-size:14px;height:25px;line-height:25px;overflow:hidden;margin:15px 0 0;text-overflow:ellipsis;white-space:nowrap;}
.tem02-service li h3 a,
.tem02-service li .h3 a{color:#666;}
@media(max-width:991px){
    .tem02-service li{width:50%;}
}
@media (max-width: 768px){
    .tem02-service .container,
    .tem02-service.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important}
    .tem02-service li .box{padding-left: 3%;padding-right: 3%;display: flex;display: -webkit-flex;align-items: center;}
    .tem02-service .interval{padding: 0;}
    .tem02-service li .icon{width: 60px;height: 60px;margin:0;flex-shrink: 0;}
    .tem02-service li .icon span{line-height: 60px;font-size: 24px;}
    .tem02-service li .icon span{font-size: 30px;}
    .tem02-service li{width: 100%;height: auto;}
    .tem02-service li h3,
    .tem02-service li .h3{white-space: normal;height: auto;font-size: 14px!important;margin:0;padding-left: 5%;text-align: left;}
}
@media (max-width: 480px){
    .tem02-service li h3, .tem02-service li .h3{white-space: normal;}
    .tem02-service li .icon span{font-size: 1.75rem;}
}