@import url('../product.css');

.section .title {margin-top:0}
.intro .title {margin-bottom:0;line-height:1.6}
.advantage {text-align:center}
.advantage h2 {text-align:center}
.advantage p {line-height:1.4}
.advantage .special p {color:#aaa}
.advantage .item {padding-top:4px}
.advantage .item-left {text-align:left}
.advantage .item-right .item {text-align:left}
.framework h2 {color:#fff;margin-bottom:30px}
.framework .inside {background-color:#fff;padding:30px}
.framework .industry {background-color:#fff;border-radius:5px;box-shadow:0 2px 5px 1px #eee;margin:90px auto 0}
.framework .industry .head {padding:30px 0;background-color:#67B92F;color:#fff;font-size:18px;border-radius:5px 5px 0 0}
.framework .industry .body {padding:15px 30px}
.framework .industry .body .item {background-color:#F2F5FA;margin-bottom:15px;padding:8px}
.pricing .function {margin:30px 0 70px;position:relative}
.pricing .function::after {content:"";border:1px solid#4EB1F4;position:absolute;display:block;border-radius:10px;top:45px;left:50%}
.pricing .divider {border-right:1px solid #4EB1F4}
.pricing .vertical-divider {border-top:1px solid #e4e4e4;margin:0px 0 50px}
.pricing .column .text-wrap {padding:15px;min-height:180px;text-align:left}
.pricing .column .fa {color:#4EB1F4}
.pricing .column h5 {color:#4EB1F4;font-weight:bold}
.pricing .column hr {border-top:1px solid #4EB1F4;margin-top:20px;margin-bottom:3px}
.pricing .column li {line-height:30px}
.pricing .column .btn {width:130px;margin-bottom:20px}
@media (max-width: 767px) {
    .intro .title {padding-left:30px;padding-right:30px}
    .framework .industry {width:100%}
}
@media (min-width: 768px) {
    .framework .industry {width:80%}
    .framework h2 {margin-bottom:80px}
    .pricing {padding-bottom:130px}
    .pricing .column {margin-bottom:50px}
}
@media (max-width:991px){
    .pricing .column {margin-bottom:50px}
    .pricing .column .text-wrap {text-align:center}
    .pricing .column ul {padding:0}
    .pricing .column li {list-style:none}
    .pricing .divider-sm-hidden {border-right:none}
}
@media (min-width:992px) and (max-width:1200px) {
    .pricing .column ul {padding-left:16px}
}
@media (min-width: 992px) {
    .advantage img {margin-top:80px}
    .advantage .item-left .item {margin-top:100px;padding-left:70px;text-align:right}
    .advantage .item-left .item:first-child {margin-top:120px}
    .advantage .item-right .item {margin-top:100px;padding-right:70px}
    .advantage .item-right .item:first-child {margin-top:120px}
    .pricing .column {margin-bottom:0}
    .pricing .function::after {width:880px;height:400px;margin-left:-440px}
}
@media (min-width: 1200px) {
    .pricing .function::after {width:1000px;height:400px;margin-left:-500px}
}