.tem62-service a{color:#333;display:block;}
.tem62-service .item{padding:2% 4%;}
.tem62-service .icon{display:inline-block;position:relative;padding:5px 15px;color:#3770d6;border-color:#E7F2FE;}
.tem62-service .icon > em{width:40px;height:40px;line-height:40px;font-size:20px;border:1px solid;border-color:inherit;display:block;border-radius:50%;background-color:#fff;position:relative;z-index:2;position:absolute;top:0;left:0;}
.tem62-service .icon > i{width:100px;height:100px;line-height:100px;font-size:50px;display:block;border-radius:50%;position:relative;border-color:inherit;overflow:hidden;z-index:1;}
.tem62-service .icon > i:after{content:"";width:100%;border-top:100px solid;border-color:inherit;position:absolute;top:0;left:0;border-radius:inherit;}
.tem62-service .icon > i:before{position:relative;z-index:1;}
.tem62-service .icon > section{width:auto!important;display:inline-block;position:absolute;top:50%;left:100%;transform:translate(-30px,-50%);}
.tem62-service .icon > section,
.tem62-service .icon > section span{font-size:80px!important;color:#F5F5F5;}
.tem62-service .text .title{font-size:20px;padding-top:5%;}
.tem62-service .text .description{color:#999;}
@media(max-width:991px){
    .tem62-service .item{padding:5%;}
}
@media(max-width:768px){
    .tem62-service .container{padding-left: 2%!important;padding-right: 2%!important}
    .tem62-service.full-screen-spacing .container.full-screen{padding-left: 0!important;padding-right: 0!important}
}
@media(max-width:480px){
    .tem62-service .icon > i{width:80px;height:80px;line-height:80px;font-size:40px;}
    .tem62-service .icon > i:after{border-top-width:80px;}
    .tem62-service .icon > section{transform:translate(-20px,-50%);}
    .tem62-service .icon > section,
    .tem62-service .icon > section span{font-size:50px!important;}
    .tem62-service a{display: flex;display: -webkit-flex;align-items: center;}
    .tem62-service .item{width: 100%;max-width: 100%;}
    .tem62-service .text {padding-left: 5%;}
    .tem62-service .text .title,
    .tem62-service .text .description{text-align: left!important;}
    .tem62-service .text .title{padding-top: 0;}
    .tem62-service .icon > i{font-size: 30px;width: 60px;height: 60px;line-height: 60px;}
    .tem62-service .icon > em{width: 30px;height: 30px;line-height: 30px;}
    .tem62-service .icon{padding:5px 10px;}
}
@media(max-width:359px){
    .tem62-service .icon > section{display:none;}
    .tem62-service .text{padding:0;}
}