.section .icon {width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden}
.section .title {margin-bottom:80px;line-height:1.5;color:#313B53;text-align:center}
.section .sub-title {margin-top:-60px;margin-bottom:80px;color:#313B53;text-align:center}
.section .head {color:#313B53}
.section .sub-head {color:#313B53}
.section p {color:#576e91}
.section ul li {color:#576e91}

.transition {transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s}

.solution .title {text-align: center}
.solution .owl-carousel .owl-item img { transform-style: unset; -webkit-transform-style: unset; }
.solution .owl-nav [class*=owl-] { position: absolute; top: 40%; height: 60px; font-size: 42px; line-height: 62px; width: 60px; border-radius: 30px; font-family: iconfont; font-weight: bold; color: #c3cdda; padding: 0; text-align: center; background-color: transparent; }
.solution .owl-nav [class*=owl-]:hover { background: transparent; color: #fff; text-decoration: none; }
.solution .owl-nav .disabled[class*=owl-]:hover { background: transparent; color: #c3cdda; text-decoration: none; }
.solution .owl-nav .disabled { opacity: .3; }
.solution .owl-prev { left: -80px; }
.solution .owl-next { right: -80px; }
.solution .item .wrap {background-color: #fff; width: 302px; margin: 0 auto 30px;box-shadow: 0 2px 4px 0 rgba(175,169,169,0.5)}
.solution .item ul { padding-left: 15px; color: #7a7a7a; }
.solution .item .text-wrap { padding: 10px 25px; }
.solution .item .text-wrap .head { font-weight: bold; margin-bottom: 20px; }
.solution .item .text-wrap p { line-height: 24px; color: #614f4f; letter-spacing: -0.6px; font-size: 13px; }
.solution .action {padding:20px 40px 40px;text-align:center;margin-top:0}
.solution .action .btn {width:150px}

.case .item {text-align:center}
.case .item img {width:64px;height:64px;border-radius:64px}
.case .item p {margin-top:10px;margin-bottom:40px}
.case .action {text-align:center}
@media (max-width:767px){
    .case .row > div:last-child {display:none}
}
@media (min-width: 768px) {}
@media (min-width: 992px) {
    .case .row > div {width:12.5%}
}
@media (min-width: 1200px) {
    .solution .container {width:1010px}
    .case .container {width:1010px}
}