﻿.tem68-service{background-color: #f5f5f5;}
.tem68-service .wrap,
.tem68-service .wrap .col-xs-6{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.tem68-service .wrap .item{margin:8px 0;}
.tem68-service .wrap .icon,
.tem68-service .wrap .box .title{width: 100%;}
.tem68-service .wrap .text .title{font-size: 30px;font-weight: 700;color:#444;position: relative;padding-bottom: 10px;}
.tem68-service .wrap .text .title::after{position: absolute;content: "";left:0;bottom:0;border-color: inherit;;width: 30px;height: 2px;border-top:2px solid;border-color: inherit;}
.tem68-service .wrap .text .description{margin-top: 20px;color:#999;line-height: 180%;}
.tem68-service .wrap .icon{font-size:40px;}
.tem68-service .wrap .box {background: #fff;padding: 10%;border-radius: 6px;transition: .35s ease;color:#444;width: 100%;}
.tem68-service .wrap .box .title{font-size:16px;margin: 20px 0 40px;line-height: 170%;color:inherit;}
.tem68-service .wrap .box .more{font-size:24px;color:inherit;opacity: .7;position: absolute;bottom:10%;}
.tem68-service .wrap .box2 {color:#fff;background-size: cover;}
.tem68-service .wrap .box2 .title{margin: 0 0 20px;color:inherit;}
.tem68-service .wrap .box2 .more{color:inherit;}
@media (min-width: 769px){
    .tem68-service .wrap .box:hover{box-shadow: 0 0 10px rgba(0,0,0,.05);transform: translateY(-5px);}
}
@media (max-width: 768px){
    .tem68-service .container,
    .tem68-service.full-screen-spacing .item2{padding-left: 3%!important;padding-right: 3%!important}
    .tem68-service.full-screen-spacing .container.full-screen{padding-left: 0!important;padding-right: 0!important}
    .tem68-service .wrap .box{padding: 5%;}
    .tem68-service .wrap .icon{font-size: 26px;}
    .tem68-service .wrap .box .more{font-size:20px;}
    .tem68-service .wrap .box .title{margin:10px 0 30px;}
    .tem68-service .wrap .box .more{bottom:5%;}
}
@media (max-width: 480px){
    .tem68-service .wrap .item{width: 100%;max-width: 100%;}
}
@media (max-width: 360px){
    .tem68-service .wrap .item{width: 100%;margin:8px 0;}
    .tem68-service .wrap .text .description{margin-top: 10px;}
    .tem68-service .wrap .box2 .title{margin:0 0 25px;}
}