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


.section {color:#96A0B2}
.section .title {margin-top:0;color:#6F7E95}
.technology .iconfont {color:#96A0B2;font-size:65px;margin-bottom:20px}
.technology h6 {margin-top:25px;line-height:1.3}
.technology p {color:#96A0B2;line-height:1.4}
.practice .number {background-color:#368BE5;display:inline-block;color:#FFF;text-align:center;width:38px;height:38px;border-radius:38px;font-size:24px;border:3px solid #FFF;line-height:35px;margin:0}
.practice h4 {line-height:1.4;margin-top:5px;font-weight:600;margin-bottom:30px}
.practice .text {color:#96A0B2}
.practice .iconfont {color:#F5F6F7;margin-left:15px}
.practice .iconfont.rotate {transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);display:inline-block;margin-left:0;margin-right:15px}
.form .sub-title {margin:0 50px 20px;font-size:12px;line-height:1.4;color:#96A0B2}
.form .form-title {margin:0 0 20px 25px;font-size:12px;line-height:1.4;color:#96A0B2}
.form hr {margin-top:25px;margin-bottom:40px}
.form .item {margin-bottom:35px}
.form .form-group {margin-bottom:20px}
.form .form-control {box-shadow:none;background-color:transparent;border-radius:0}
.form .input-group-addon {padding:0}
.form .loading {padding-top:5px}
.form .loading .sk-cube-grid {margin:0 auto}
.form .loading .sk-cube {background-color:#4EB1F4}
.form .success {color:rgb(167, 227, 52)}
.form .submit {width:200px}
@media (max-width: 767px) {
    .section {padding:80px 0}
    .technology .item {margin-bottom:30px}
    .practice .title {margin-bottom:30px}
    .practice .number {float:none !important;display:block}
    .practice p {font-size:18px;line-height:1.6;float:none !important;text-align:left}
    .practice h4 {float:none !important;text-align:left;font-size:16px}
    .practice .title {margin-bottom:70px}
    .practice .text-wrap {margin-bottom:50px}
    .form form {padding:0 15px}
    .form .item {padding:0 10px}
    .form .title {margin-bottom:50px}
    .form .image {margin-bottom:40px}
}
@media (min-width: 768px) {
    .section {padding:100px 0}
    .technology .title {line-height:1.6;margin-bottom:60px}
    .technology h6 {margin-bottom:30px}
    .technology .last h6 {margin-top:-12px}
    .practice p {font-size:15px;line-height:1.5}
    .practice h4 {font-size:18px}
    .practice .title {margin-bottom:70px}
    .practice .im {margin-top:100px;margin-right:-40px}
    .practice .line1 img {width:400px}
    .practice .voc {margin-top:-60px;width:345px}
    .practice .voc .text {width:240px}
    .practice .line2 img {width:400px;margin-top:-30px}
    .practice .vca {margin-top:20px;margin-right:30px}
    .practice .iconfont {font-size:90px;line-height:95px}
    .form .title {margin-bottom:50px}
    .form .image {margin-bottom:40px}
}
@media (min-width: 992px) {
    .section {padding:120px 0}
    .technology .title {margin-bottom:100px}
    .practice p {font-size:18px;line-height:1.6}
    .practice .im {margin-top:80px;margin-right:-80px}
    .practice .line1 img {width:500px}
    .practice .voc {margin-top:20px;width:460px}
    .practice .voc .text {width:310px}
    .practice .line2 img {width:500px;margin-top:-55px}
    .practice .vca {margin-top:50px;margin-right:30px}
    .practice .iconfont {font-size:130px;line-height:120px}
    .form form {padding:0 110px}
    .form .item {padding:0 20px}
    .form .title {margin-bottom:70px}
    .form .image {margin-bottom:60px}
}
@media (min-width: 1200px) {
    .section {padding:140px 0}
    .technology .title {margin-bottom:120px}
    .practice .im {margin-top:80px;margin-right:-80px}
    .practice .line1 img {width:656px}
    .practice .voc {margin-top:20px;width:470px;margin-left:-10px}
    .practice .voc .text {width:325px}
    .practice .line2 img {width:656px;margin-top:-15px}
    .practice .vca {margin-top:50px;margin-right:30px}
    .form .item {padding:0 40px}
    .form .title {margin-bottom:95px}
    .form .image {margin-bottom:85px}
}