.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}
.section .sub-title {margin-top:-60px;margin-bottom:80px;color:#313B53}
.section .head {color:#313B53}
.section .sub-head {color:#313B53}
.section p {color:#576e91}
.section ul li {color:#576e91}

.carousel .owl-dots {position:absolute;bottom:10px;margin:0 auto;width:100%}
.owl-carousel .owl-item img {width:auto}
.banner .btn {background-color: #ff9400;border-color: #ff9400}
.banner .btn:hover {background-color: #ff6600;border-color: #ff6600;color:#fff}
.banner .icon {width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden}

.indicator {position:fixed;left:20px;z-index:2;top:40%;opacity:0}
.indicator .nav > li {margin-bottom:10px}
.indicator .nav > li > a {padding:0;width:12px;height:12px;background-color:transparent;display:block;border-radius:12px;border:2px solid #8467E6;transition:all .2s ease .1s;opacity:0.6}
.indicator .nav > li.active > a {background-color:rgba(133, 103, 230, 0.76)}

.try .input-group {margin:0px auto;width:500px}
.try .form-control {border:0px none;border-radius:0px;box-shadow:none;border:1px solid rgba(133, 103, 230, 0.8)}
.try .input-group-btn .btn {border-radius:0px;border:1px solid rgba(133, 103, 230, 0.8);padding:6px 20px;color:rgb(255, 255, 255);background-color:rgba(133, 103, 230, 0.8)}
.try .input-group-btn .btn:hover {border-color:#8467E6;background-color:#8467E6}

.core .icon {font-size:80px;background-color: #DFE6FE;border-radius:10px}
.core .item h5 {margin:20px 0 18px}
.core .item p {line-height:25px;min-height: 150px}

.bi {background-color:#0085e4}
.bi img {position: absolute;bottom:0;width:60px !important;left: 50%;margin-left: -30px}
.bi .title {color:#fff}
.bi .owl-carousel .owl-item img {transform-style:unset;-webkit-transform-style:unset}
.bi .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}
.bi .owl-nav [class*=owl-]:hover {background:transparent;color:#fff;text-decoration:none}
.bi .owl-nav .disabled[class*=owl-]:hover {background:transparent;color:#c3cdda;text-decoration:none}
.bi .owl-nav .disabled {opacity:.3}
.bi .owl-prev {left:-80px}
.bi .owl-next {right:-80px}
.bi .item {background-color:#fff}
.bi .item .btn {color: #8467E6;border-color: #8467E6;margin-bottom: 30px;width:150px}
.bi .item .btn:hover {color: rgb(255, 255, 255);background-color: #8467E6;border-color: #8467E6}
.bi .item .image-background {height:135px;line-height:135px;color: #fff;font-size: 18px;position: relative;text-align: center}
.bi .item ul {padding-left:15px;color:#7a7a7a}
.bi .item .text-wrap {padding:20px;min-height:236px}
.bi .item .text-wrap h4 {font-size:20px;font-weight:bold;margin-bottom:20px}
.bi .item .text-wrap p {line-height:22px;margin-bottom:20px}
.bi .item .text-wrap li {line-height:22px}
.bi .item .action {margin-top:25px}

.architecture img {margin-bottom: 30px}

.advantage .icon {font-size:65px}
.advantage .item h5 {margin:20px 0 18px}
.advantage .item p {line-height:25px;min-height: 150px}

.contact p {color:#fff;font-size:20px;font-weight:bold;margin-bottom:0}

@media (max-width:991px){
    .indicator {left:10px}
    .core .item {min-height:250px}
    .advantage .item {min-height:250px}
    .customer .feature .item > .row > div:first-child {text-align:left}
    .contact .btn {margin-top:40px}
}
@media (max-width:767px){
    .banner .text-box {margin-top:40px}
    .banner img {width:180px!important}
    .banner .btn {width:80px;padding:4px 0px;margin-left:5px}
    .section .title {margin-bottom:40px}
    .section .sub-title {margin-top:-20px;margin-bottom:40px}
    .indicator {left:unset;right:5px}
    .indicator .nav > li > a {width:4px;height:8px;border-radius:0;border-width:1px}
    .try {padding:10px 0}
    .try .input-group {width:100%}
    .bi .owl-nav [class*=owl-] {top:80%}
    .bi .owl-prev {left:0px}
    .bi .owl-next {right:0px}
    .bi .owl-nav [class*=owl-]:hover {color:#0085e4}
    .core .item {min-height:auto;margin-bottom:30px}
    .advantage .item {min-height:auto;margin-bottom:30px}
    .contact .wrap {margin:20px auto}
    .contact .btn {margin-top:0}
}
@media (min-width: 768px) {
    .banner .text-box {margin-top:60px}
    .banner img {width:300px!important}
    .try {padding:20px 0}
    .bi .container {width:620px}
}
@media (min-width: 992px) {
    .banner .text-box {margin-top:90px}
    .banner img {width:444px!important}
    .bi .container {width:860px}
}
@media (min-width: 1200px) {
    .banner .container {padding:0 40px}
    .banner .text-box {margin-top:140px}
    .section .container {width:1000px}
}