.layout-banner {    position: relative;    height: 610px;    background-color: #182954;    overflow: hidden;    min-width: 1200px;}.m-carousel {    position: relative;}.m-carousel .carousel_list {    position: relative;}.m-carousel .carousel_item {    position: absolute;    height: 100%;    width: 100%;    opacity: 0;    filter: alpha(opacity=0);    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);    z-index: -1;    -webkit-transition: none;    -moz-transition: none;    -ms-transition: none;    -o-transition: none;    transition: none;}.m-carousel .carousel_item.z-crt {    opacity: 1;    filter: alpha(opacity=100);    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);    z-index: auto;    -webkit-transition: opacity 1s ease-out;    -moz-transition: opacity 1s ease-out;    -ms-transition: opacity 1s ease-out;    -o-transition: opacity 1s ease-out;    transition: opacity 1s ease-out;}.m-carousel .carousel_nav {    font-size: 0;    text-align: center;}.m-carousel-banner .carousel_list {    height: 608px;}.m-carousel-banner .carousel_nav {    position: absolute;    left: 0;    bottom: 124px;    width: 100%;}.m-carousel-banner .carousel_nav li {    position: relative;    display: inline-block;    width: 58px;    height: 3px;    background-color: #50555c;    background-color: rgba(255, 255, 255, 0.3);    cursor: pointer;    -webkit-transition: 0.5s ease-out;    -moz-transition: 0.5s ease-out;    -ms-transition: 0.5s ease-out;    -o-transition: 0.5s ease-out;    transition: 0.5s ease-out;}.m-carousel-banner .carousel_nav li:after, .m-carousel-banner .carousel_nav li:before {    content: "";    position: absolute;    left: 0;}.m-carousel-banner .carousel_nav li:before {    top: -6px;    height: 15px;    width: 100%;}.m-carousel-banner .carousel_nav li:after {    top: 0;    height: 3px;    width: 0;    background-color: #fff;}.m-carousel-banner .carousel_nav li.z-crt:after {    content: ".";    width: 100%;    -webkit-animation: progressIn 5s linear both;    -moz-animation: progressIn 5s linear both;    -ms-animation: progressIn 5s linear both;    -o-animation: progressIn 5s linear both;    animation: progressIn 5s linear both;}.m-carousel-banner .carousel_nav li + li {    margin-left: 16px;}.banner {    position: relative;    top: 0px;    width: 100%;    height: 700px;    min-width: 1200px;}.banner__title, .banner__subtitle {    color: #fff;}.banner__title {    height: 67px;    font-size: 40px;    line-height: 67px;    letter-spacing: 1px;}.banner__subtitle {    margin-top: 8px;    margin-bottom: 44px;    line-height: 38px;    font-size: 17px;    letter-spacing: 1px;}.banner__content {    padding-top: 160px;}.banner__cell, .banner__action {    width: 160px;    height: 46px;    line-height: 46px;    text-align: center;    font-size: 16px;    border-radius: 1px;}.banner__cell {    margin: 241px auto 0;    color: #2a62ff;    background-color: #fff;}.banner__action {    float: left;    background-color: #2a62ff;    color: #fff;    -webkit-transition: all 0.3s ease-out;    -moz-transition: all 0.3s ease-out;    -ms-transition: all 0.3s ease-out;    -o-transition: all 0.3s ease-out;    transition: all 0.3s ease-out;}.banner__action:hover {    background-color: #4475ff;    color: #FFFFFF}.banner__call {    position: relative;    float: left;    margin-left: 42px;    padding-left: 30px;    height: 46px;    line-height: 46px;    font-size: 16px;    color: rgba(255, 255, 255, 0.5);}.banner__call:before {    content: ".";    position: absolute;    width: 18px;    height: 18px;    top: 14px;    left: 0;    text-indent: -9999em;}.banner__call:hover {    color: #fff;}.hot-section {    width: 100%;    height: 110px;    position: absolute;    bottom: 0px;    overflow: hidden;}.hot-section:before {    content: "";    width: 100%;    height: 100%;    position: absolute;    background: inherit;    background-attachment: fixed;    background: #131726;    opacity: 0.5;    filter: alpha(opacity=50);    filter: blur(4px);}.hot-section__inner {    width: 1200px;    height: 100%;    margin: 0 auto;    box-sizing: border-box;    border-right: 1px solid rgba(255, 255, 255, 0.1);    zoom: 1;}.hot-section__inner:before, .hot-section__inner:after {    content: "";    display: table;}.hot-section__inner:after {    clear: both;    overflow: hidden;}.hot-section__item {    float: left;    width: 33.33%;    height: 100%;    padding: 30px 0 24px 32px;    box-sizing: border-box;    border-left: 1px solid rgba(255, 255, 255, 0.1);    opacity: 0.9;    filter: alpha(opacity=90);    -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -ms-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s;}.hot-section__item:hover {    background: #182954;}.hot-section__item:last-child {    border-right: 1px solid rgba(255, 255, 255, 0.1);}.hot-section__title {    font-size: 16px;    color: #fff;    line-height: 22px;    margin-bottom: 8px;}.hot-section__subtitle {    font-size: 14px;    color: rgba(255, 255, 255, 0.5);    line-height: 22px;}.section__title {    padding-top: 81px;    line-height: 45px;    font-size: 30px;    color: #25345c;    text-align: center;}.section--service {    min-width: 1200px;    padding-bottom: 100px;    background-image: linear-gradient(0deg, #eef5ff 0%, #fff 100%);}.section--why {    height: 872px;    min-width: 1200px;    background-color: #f1f5ff;}.section--certificate {    position: relative;    width: 1200px;    margin: 0 auto;    margin-top: -113px;    background-color: #fff;    -webkit-box-shadow: 0 4px 8px 0 rgba(41, 92, 204, 0.1);    -moz-box-shadow: 0 4px 8px 0 rgba(41, 92, 204, 0.1);    -ms-box-shadow: 0 4px 8px 0 rgba(41, 92, 204, 0.1);    -o-box-shadow: 0 4px 8px 0 rgba(41, 92, 204, 0.1);    box-shadow: 0 4px 8px 0 rgba(41, 92, 204, 0.1);    border-radius: 1px;}@media screen and (min-width: 1320px) {    .section--certificate {        width: 1320px;    }}.section--customer {    height: 878px;    min-width: 1200px;    background-color: #fff;}@-webkit-keyframes fadeIn {    from {        opacity: 0.5;        filter: alpha(opacity=50);    }    50% {        opacity: 0.8;        filter: alpha(opacity=80);    }    to {        opacity: 1;        filter: alpha(opacity=100);    }}@-moz-keyframes fadeIn {    from {        opacity: 0.5;        filter: alpha(opacity=50);    }    50% {        opacity: 0.8;        filter: alpha(opacity=80);    }    to {        opacity: 1;        filter: alpha(opacity=100);    }}@-ms-keyframes fadeIn {    from {        opacity: 0.5;        filter: alpha(opacity=50);    }    50% {        opacity: 0.8;        filter: alpha(opacity=80);    }    to {        opacity: 1;        filter: alpha(opacity=100);    }}@-o-keyframes fadeIn {    from {        opacity: 0.5;        filter: alpha(opacity=50);    }    50% {        opacity: 0.8;        filter: alpha(opacity=80);    }    to {        opacity: 1;        filter: alpha(opacity=100);    }}@keyframes fadeIn {    from {        opacity: 0.5;        filter: alpha(opacity=50);    }    50% {        opacity: 0.8;        filter: alpha(opacity=80);    }    to {        opacity: 1;        filter: alpha(opacity=100);    }}@-webkit-keyframes catgoryStep {    0% {        background-position: 0 0;    }    100% {        background-position: -3570px 0;    }}@-moz-keyframes catgoryStep {    0% {        background-position: 0 0;    }    100% {        background-position: -3570px 0;    }}@-ms-keyframes catgoryStep {    0% {        background-position: 0 0;    }    100% {        background-position: -3570px 0;    }}@-o-keyframes catgoryStep {    0% {        background-position: 0 0;    }    100% {        background-position: -3570px 0;    }}@keyframes catgoryStep {    0% {        background-position: 0 0;    }    100% {        background-position: -3570px 0;    }}.catgory-container {    margin-top: 58px;    height: 577px;    zoom: 1;}.catgory-container:before, .catgory-container:after {    content: "";    display: table;}.catgory-container:after {    clear: both;    overflow: hidden;}.catgory {    position: relative;    float: left;    box-sizing: border-box;    width: 285px;    height: 100%;    padding: 0 0 37px 0;    background-color: #fff;    margin-right: 20px;    box-shadow: 0 4px 8px 0 rgba(41, 92, 204, 0.1);    border-radius: 1px;    -webkit-transition: all 0.3s ease-out;    -moz-transition: all 0.3s ease-out;    -ms-transition: all 0.3s ease-out;    -o-transition: all 0.3s ease-out;    transition: all 0.3s ease-out;}.catgory:before {    position: absolute;    left: 0;    right: 0;    top: 0;    content: "";    height: 0;    border-radius: 0 0 100px 100px;    background: #2c6eff;    opacity: 0;    filter: alpha(opacity=0);}.catgory:hover {    box-shadow: 0 8px 16px 0 rgba(41, 92, 204, 0.15);}.catgory:hover:before {    height: 3px;    opacity: 1;    filter: alpha(opacity=100);    -webkit-transition: opacity 0.5s;    -moz-transition: opacity 0.5s;    -ms-transition: opacity 0.5s;    -o-transition: opacity 0.5s;    transition: opacity 0.5s;}.catgory:hover .catgory__icon {    animation: catgoryStep 1s steps(51);}.catgory--last {    margin-right: 0;}.service__icon {    float: left;    width: 20px;    height: 20px;    margin: 2px 16px 0 0;}.catgory__item {    width: 180px;    margin-bottom: 14px;    padding: 0 0 0 30px;    zoom: 1;}.catgory__item:before, .catgory__item:after {    content: "";    display: table;}.catgory__item:after {    clear: both;    overflow: hidden;}.catgory__item:hover .service__title {    color: #2658e6;}.catgory__header {    padding: 32px 30px 40px;    background-image: linear-gradient(0deg, #fff 19%, #ebf3ff 100%);}.catgory__title {    height: 28px;    padding-top: 18px;    padding-bottom: 14px;    line-height: 33px;    font-size: 22px;    color: #25345c;}.catgory__circle {    display: block;    position: relative;    box-sizing: border-box;    width: 70px;    height: 70px;}.catgory__circle:after {    content: "";    display: block;    width: 106px;    height: 68px;    position: absolute;    top: 28px;    left: -18px;}.catgory__icon {    display: block;    width: 100%;    height: 100%;    margin-left: auto;    margin-right: auto;    background-position: 0 0;}.catgory__content {    font-size: 14px;    line-height: 22px;    text-align: left;    color: #7786ab;    letter-spacing: 0.25px;}.service__link {    zoom: 1;}.service__link:before, .service__link:after {    content: "";    display: table;}.service__link:after {    clear: both;    overflow: hidden;}.service__title {    float: left;    line-height: 24px;    font-size: 16px;    color: #25345c;}@-webkit-keyframes matrixLeftTranslate {    0% {        top: 95px;    }    50% {        top: 105px;    }    100% {        top: 95px;    }}@-moz-keyframes matrixLeftTranslate {    0% {        top: 95px;    }    50% {        top: 105px;    }    100% {        top: 95px;    }}@-ms-keyframes matrixLeftTranslate {    0% {        top: 95px;    }    50% {        top: 105px;    }    100% {        top: 95px;    }}@-o-keyframes matrixLeftTranslate {    0% {        top: 95px;    }    50% {        top: 105px;    }    100% {        top: 95px;    }}@keyframes matrixLeftTranslate {    0% {        top: 95px;    }    50% {        top: 105px;    }    100% {        top: 95px;    }}@-webkit-keyframes matrixTopTranslate {    0% {        top: 0;    }    50% {        top: -10px;    }    100% {        top: 0;    }}@-moz-keyframes matrixTopTranslate {    0% {        top: 0;    }    50% {        top: -10px;    }    100% {        top: 0;    }}@-ms-keyframes matrixTopTranslate {    0% {        top: 0;    }    50% {        top: -10px;    }    100% {        top: 0;    }}@-o-keyframes matrixTopTranslate {    0% {        top: 0;    }    50% {        top: -10px;    }    100% {        top: 0;    }}@keyframes matrixTopTranslate {    0% {        top: 0;    }    50% {        top: -10px;    }    100% {        top: 0;    }}@-webkit-keyframes matrixBottomTranslate {    0% {        top: 176px;    }    50% {        top: 166px;    }    100% {        top: 176px;    }}@-moz-keyframes matrixBottomTranslate {    0% {        top: 176px;    }    50% {        top: 166px;    }    100% {        top: 176px;    }}@-ms-keyframes matrixBottomTranslate {    0% {        top: 176px;    }    50% {        top: 166px;    }    100% {        top: 176px;    }}@-o-keyframes matrixBottomTranslate {    0% {        top: 176px;    }    50% {        top: 166px;    }    100% {        top: 176px;    }}@keyframes matrixBottomTranslate {    0% {        top: 176px;    }    50% {        top: 166px;    }    100% {        top: 176px;    }}.m-carousel-customer {    padding-top: 32px;}.m-carousel-customer .carousel_list {    height: 644px;}.m-carousel-customer .carousel_nav {    display: none;    padding-top: 30px;}.m-carousel-customer .carousel_nav li {    display: inline-block;    height: 12px;    width: 12px;    border-radius: 50%;    background-color: #dee3eb;    -webkit-transition: none;    -moz-transition: none;    -ms-transition: none;    -o-transition: none;    transition: none;    cursor: pointer;}.m-carousel-customer .carousel_nav li.z-crt {    background-color: #1f5dff;}.m-carousel-customer .carousel_nav li + li {    margin-left: 20px;}