@charset "UTF-8";
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, form, fieldset, legend, img {
    margin: 0;
    padding: 0;
}

fieldset, img, input, button {
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none;
}

ul, ol {
    list-style: none;
}

input {
    padding-top: 0;
    padding-bottom: 0;
}

select, input {
    vertical-align: middle;
}

select, input, textarea {
    font-size: 14px;
    margin: 0;
    caret-color: #2F6EE6;
}

textarea {
    resize: none;
}

/*防止拖动*/
img {
    border: 0;
    vertical-align: middle;
}

/*  去掉图片低测默认的3像素空白缝隙*/
table {
    border-collapse: collapse;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #c8c8c8 !important;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #c8c8c8 !important;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #c8c8c8 !important;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #c8c8c8 !important;
}

input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

@media (max-width: 414.99px) {
    html {
        font-size: 62.5%;
    }
}

@media (min-width: 415px) and (max-width: 768.99px) {
    html {
        font-size: 75%;
    }
}

@media (min-width: 769px) and (max-width: 1199.99px) {
    html {
        font-size: 81.25%;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 87.5%;
    }
}

body {
    font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Pingfang SC", "Microsoft Yahei", "WenQuanYi Micro Hei", sans-serif;
    color: #333;
    font-size: 1rem;
    margin: 0 auto;
    overflow-x: hidden;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0;
}

.clearfix {
    clear: both;
    *zoom: 1; /*IE/7/6*/
}

s, i, em {
    font-style: normal;
    text-decoration: none;
}

a {
    color: #333;
}

a:hover {
    text-decoration: none;
}

.text-bold {
    font-weight: bold;
}

.text-black {
    color: #000 !important;
}

.text-black-60 {
    color: rgba(0,0,0, 0.6);
}

.text-black-85 {
    color: rgba(0,0,0, 0.85);
}

.text-black07 {
    color: #070707 !important;
}

.text-grey333 {
    color: #333 !important;
}

.text-grey666 {
    color: #666 !important;
}

.text-grey999 {
    color: #999 !important;
}

.text-blue216 {
    color: rgba(100, 216, 250, 1);
}

.text-white-70 {
    color: rgba(255,255,255, 0.7);
}

.fs_16 {
    font-size: 1.143rem;
}

.fs_18 {
    font-size: 1.285rem;
}

.fs_20 {
    font-size: 1.428rem;
}

.fs_24 {
    font-size: 1.714rem;
}

.flow-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.common-img {
    width: 50%;
    height: auto;
}

/*---------------------hover-----------------------*/
/* Bob */
@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

.hvr-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}

/* Bounce Out */
.hvr-bounce-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/*rotate-horizontal*/
.hvr-rotate-horizontal {
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.hvr-rotate-horizontal:hover {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Float */
.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/*页面开始*/
/*---------------------index.html-----------------------*/

/*header-main-nav*/
.header-main-nav {
    position: relative;
    z-index: 20;
    color: #fff;
    -webkit-transition: background .3s cubic-bezier(0, 0, .2, 1) .15s;
    transition: background .3s cubic-bezier(0, 0, .2, 1) .15s;
    background-color: rgba(18, 27, 43, .2);
    border-bottom: 0;
    padding: 0;
}

.header-main-nav .navbar-brand img {
    height: 3.285rem;
    display: inline-block;
}

.header-main-nav .navbar-nav-link {
    padding: 2rem;
}

.header-main-nav .navbar-nav li a {
    font-size: 1.285rem;
}

.header-main-nav .dropdown-menu {
    color: #fff;
    background-color: rgba(18, 27, 43, .9);
    border: 0;
    border-radius: 0;
    padding: 2rem 1.5rem;
}

.header-main-nav .dropdown-menu a {
    color: #fff;
}

.header-main-nav .dropdown-item:hover, .header-main-nav .dropdown-item:active, .header-main-nav .dropdown-item:focus {
    background-color: transparent;
}

.dropdown-group {
    display: block;
    padding: 0.5rem 1.5rem;
}

.dropdown-group a:hover, .dropdown-group a:active, .dropdown-group a:focus {
    color: #fd8824 !important;
    background-color: transparent;
}

.dropdown-group a.active {
    color: #fd8824;
}

.dropdown-group p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.714rem;
}

.dropdown-menu .no-link a {
    color: rgba(255, 255, 255, 0.6);
}

.dropdown-menu .no-link a:hover, .dropdown-menu .no-link a:active, .dropdown-menu .no-link a:focus {
    color: rgba(255, 255, 255, 0.6) !important;
}

.header-main-nav .dropdown-menu a {
    font-size: 1.14rem !important;
    padding: 0.125rem 0;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    transition: background-color ease-in-out .15s, color ease-in-out .15s;
    -webkit-transition: background-color ease-in-out .15s, color ease-in-out .15s;
    letter-spacing: 1px;
}

.header-main-nav .dropdown-menu a span {
    letter-spacing: 0;
}

.header-main-nav .navbar-collapse {
    justify-content: flex-end;
}

@media (max-width: 991.99px) {
    .header-main-nav {
        background-color: #0E0E24;
    }

    .header-main-nav .navbar-brand img {
        height: 2.285rem;
    }
}

@media (max-width: 575.99px) {
    .header-main-nav .navbar-nav li a {
        font-size: 1.6rem;
    }

    .header-main-nav {
        padding: 0.5rem 1rem;
    }

    .header-main-nav .navbar-nav-link {
        padding: .875rem 1rem;
    }

    .dropdown-menu {
        padding: 2rem 0;
    }

    .header-main-nav .dropdown-menu a {
        font-size: 1.4rem !important;
    }

    .dropdown-group p {
        font-size: 1.2rem;
    }
}

/*banner*/
.banner {
    position: relative;
    margin-top: -6rem;
}

.banner .carousel-caption {
    left: 0;
    right: 0;
}

.carousel-inner .carousel-item {
    overflow: hidden;
}

.banner_caption {
    left: 15px;
    right: 15px;
}

.banner_caption1, .banner_caption2 {
    bottom: 35%;
}

.banner_caption3, .banner_caption4 {
    bottom: 28%;
}

.banner_caption .banner_text span,
.banner_caption .banner_text span a {
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 0.375rem;
}

.banner_caption .banner_text span a:hover {
    color: rgba(255, 255, 255, 0.7);
}

.banner_caption .banner_text h2 {
    font-size: 4rem;
    letter-spacing: 0.375rem;
    margin: 2rem 0 1rem;
}

.banner_caption .banner_text h3 {
    font-size: 4.57rem;
    letter-spacing: 0.375rem;
    margin: 2rem 0 1rem;
}

.banner_caption .banner_text h4 {
    font-size: 2.5rem;
    letter-spacing: 0.375rem;
    margin: 2rem 0 1rem;
}

.banner_caption .banner_text p {
    font-size: 1.7rem;
    letter-spacing: 1.2rem;
}

.banner_caption .banner_text i {
    width: 2.5rem;
    height: 0.6rem;
    border-radius: 2px;
}

.banner_caption1 .banner_text i {
    background: -webkit-linear-gradient(left, #E09F61, #CB667A); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #E09F61, #CB667A); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #E09F61, #CB667A); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #E09F61, #CB667A); /* 标准的语法 */
}

.banner_caption4 .banner_text i {
    background: -webkit-linear-gradient(left, #38eccd, #10a5fb); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #38eccd, #10a5fb); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #38eccd, #10a5fb); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #38eccd, #10a5fb); /* 标准的语法 */
}

.banner_caption .banner_link {
    display: inline-block;
    color: #fff;
    padding: 1rem 5rem;
    margin-top: 2.5rem;
    border-radius: 2px;
}

.banner_caption3 .banner_link {
    background-color: #fd8824;
}

.banner_caption4 .banner_link {
    background-color: #0272fc;
}

.carousel-indicators.first-carousel {
    bottom: 25%;
}

.carousel-indicators.second-carousel {
    bottom: 15%;
}

.carousel-indicators li {
    /*width: 10px;*/
    /*height: 10px;*/
    /*border-radius: 5px;*/
    background-color: #E2E6EF;
}

.carousel-indicators .active {
    background-color: #2F72F5;
    /*width: 30px;*/
}

@media (max-width: 991.99px) {
    .carousel-indicators.second-carousel {
        bottom: 10% !important;
    }
}

@media (max-width: 767.99px) {
    .carousel-indicators.second-carousel {
        bottom: 10% !important;
    }
}

@media (max-width: 575.99px) {
    .carousel-indicators.second-carousel {
        bottom: 8% !important;
    }
}



.banner_message {
    position: absolute;
    bottom: 0;
    background-color: rgba(40, 40, 40, 0.68);
    width: 100%;
    color: #fff;
}

.ms_item {
    padding: 2rem 1rem 1rem;
    border-left: 1px solid #0b1729;
}

.ms_item:last-child {
    border-right: 1px solid #0b1729;
}

@media (max-width: 1440px) {
    .banner_caption1 {
        bottom: 32%;
    }

    .banner_caption4 {
        bottom: 26%;
    }

    .banner_caption .banner_text span {
        font-size: 1.2rem;
    }

    .banner_caption .banner_text h2 {
        font-size: 3rem;
        margin: 1rem 0 0.5rem;
    }

    .banner_caption .banner_text h4 {
        font-size: 2.5rem;
        margin: 1rem 0 0.5rem;
    }

    .banner_caption .banner_text p {
        font-size: 1.5rem;
        letter-spacing: 0.625rem;
    }

    .banner_caption .banner_link {
        margin-top: 1.5rem;
        padding: 0.5rem 1.5rem;
        font-size: 1.2rem;
    }

    .banner_caption .banner_text h3 {
        font-size: 3.57rem;
    }

    .ms_item {
        padding: 1rem 1.5rem 0;
    }

    .carousel-indicators li {
        width: 40px;
    }
}

@media (max-width: 1199.99px) {
    .banner .carousel-item > img {
        width: 120% !important;
    }

    .banner_caption1 {
        bottom: 35%;
    }

    .banner_caption2 {
        bottom: 35%;
    }

    .banner_caption4 {
        bottom: 22%;
    }

    .banner_caption .banner_text span {
        font-size: 1rem;
    }

    .banner_caption .banner_text h2 {
        font-size: 2.3rem;
        margin: 1rem 0 0.5rem;
    }

    .banner_caption .banner_text h4 {
        font-size: 1.275rem;
        margin: 1rem 0 0.5rem;
    }

    .banner_caption .banner_text p {
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
    }

    .banner_caption .banner_link {
        margin-top: 1.5rem;
        padding: 0.5rem 1.5rem;
        font-size: 1.2rem;
    }

    .banner_caption .banner_text h3 {
        font-size: 2.3rem;
    }

    .carousel-indicators {
        bottom: 20%;
    }

    .ms_item {
        padding: 1.5rem 1.5rem 0.5rem;
        text-align: center;
    }
}

@media (max-width: 991.99px) {
    .banner {
        margin-top: 0;
    }

    .ms_item {
        padding: 1.5rem 0 0.5rem;
        text-align: center;
    }

    .ms_item h5 {
        font-size: 1.2rem;
    }

    .banner_caption1 {
        bottom: 35%;
    }

    .banner_caption2 {
        bottom: 42%;
    }

    .banner_caption4 {
        bottom: 28%;
    }

    .carousel-indicators {
        bottom: 23%;
    }

    .banner_caption .banner_text h2 {
        letter-spacing: 0.275rem;
    }
}

@media (max-width: 575.99px) {
    .banner .carousel-item > img {
        width: 150% !important;
    }

    .banner_caption .banner_text span {
        font-size: 1.2rem;
    }

    .banner_caption .banner_text h2 {
        font-size: 2.4rem;
    }

    .banner_caption .banner_text p {
        font-size: 1.2rem;
        letter-spacing: 0.25rem;
    }

    .banner_caption .banner_link {
        margin-top: 1rem;
        padding: 0.65rem 1.5rem;
        font-size: 1.143rem;
    }

    .banner_caption .banner_text h3 {
        font-size: 2.4rem;
    }

    .banner_caption1 .banner_text h2 {
        letter-spacing: 0;
    }

    .banner_caption1 {
        bottom: 20%;
    }

    .banner_caption2 {
        bottom: 28%;
    }

    .banner_caption3 {
        bottom: 16%;
    }

    .banner_caption4 {
        bottom: 10%;
    }

    .carousel-indicators {
        bottom: 8%;
    }

    .carousel-indicators li {
        width: 30px;
    }
}

@media (max-width: 375px) {
    .banner_caption1 .banner_text h2 {
        letter-spacing: 0.125rem;
        font-size: 2rem;
    }

    .banner_caption2 .banner_text h2 {
        letter-spacing: 0.175rem;
    }

    .banner_caption .banner_text span a {
        letter-spacing: 0.1rem;
    }

    .banner .carousel-item > img {
        width: 180% !important;
    }
}

/*核心管理模块*/
.ititle h1 {
    font-size: 2.86rem;
    margin-bottom: 1rem;
    font-weight: 500;
    line-height: 1.5;
}

.ititle .ititle_liner {
    background: -webkit-linear-gradient(left, #4271DB 0%, #0FBEE8 100%);
    background: -o-linear-gradient(left, #4271DB 0%, #0FBEE8 100%);
    background: -moz-linear-gradient(left, #4271DB 0%, #0FBEE8 100%);
    background: linear-gradient(to right, #4271DB 0%, #0FBEE8 100%); /* 标准的语法（必须放在最后） */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    line-height: 1;
    font-size: 3.3rem;
}

.icoreModule {
    padding-bottom: 0 !important;
}

.imodule {
    position: relative;
}

.bg-circle {
    height: 60rem;
    -webkit-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -o-transform: perspective(1000px);
    transform: perspective(1000px);
}

.circle {
    -webkit-transform: rotateX(150deg); /* Safari and Chrome */
    -ms-transform: rotateX(150deg); /* ie 9 */
    -moz-transform: rotateX(150deg); /* firework */
    -o-transform: rotateX(150deg); /* Opera */
    transform: rotateX(150deg);
    z-index: 0;
}

.circle div {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #78beff;
    width: 2000px;
    height: 1000px;
    margin-left: -1000px;
    margin-top: -500px;
    opacity: 0;
    border-radius: 50%;
    -webkit-animation: 6s linear infinite;
    -ms-animation: 6s linear infinite;
    -moz-animation: 6s linear infinite;
    -o-animation: 6s linear infinite;
    animation: 6s linear infinite;
}

.circle div.c1 {
    width: 200px;
    height: 100px;
    margin-left: -100px;
    margin-top: -50px;
    opacity: 1;
    border-radius: 50%;
}

.circle div.c2 {
    -webkit-animation-name: c2;
    -o-animation-name: c2;
    -moz-animation-name: c2;
    animation-name: c2;
    -webkit-animation-delay: 0s;
    -o-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}

.circle div.c3 {
    -webkit-animation-name: c2;
    -o-animation-name: c2;
    -moz-animation-name: c2;
    animation-name: c2;
    -webkit-animation-delay: 1s;
    -o-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}

.circle div.c4 {
    -webkit-animation-name: c2;
    -o-animation-name: c2;
    -moz-animation-name: c2;
    animation-name: c2;
    -webkit-animation-delay: 2s;
    -o-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}

.circle div.c5 {
    -webkit-animation-name: c2;
    -o-animation-name: c2;
    -moz-animation-name: c2;
    animation-name: c2;
    -webkit-animation-delay: 3s;
    -o-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s;
}

.circle div.c6 {
    -webkit-animation-name: c2;
    -o-animation-name: c2;
    -moz-animation-name: c2;
    animation-name: c2;
    -webkit-animation-delay: 4s;
    -o-animation-delay: 4s;
    -moz-animation-delay: 4s;
    animation-delay: 4s;
}

.circle div.c7 {
    -webkit-animation-name: c2;
    -o-animation-name: c2;
    -moz-animation-name: c2;
    animation-name: c2;
    -webkit-animation-delay: 5s;
    -o-animation-delay: 5s;
    -moz-animation-delay: 5s;
    animation-delay: 5s;
}

.circle div.c8 {
    -webkit-animation-name: c2;
    -o-animation-name: c2;
    -moz-animation-name: c2;
    animation-name: c2;
    -webkit-animation-delay: 6s;
    -o-animation-delay: 6s;
    -moz-animation-delay: 6s;
    animation-delay: 6s;
}

@keyframes c2 {
    0% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.622);
        -o-transform: scale(.622);
        -moz-transform: scale(.622);
        transform: scale(.622);
        opacity: .4
    }
    80% {
        -webkit-transform: scale(.822);
        -o-transform: scale(.822);
        -moz-transform: scale(.822);
        transform: scale(.822);
        opacity: .2
    }
    98% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: .1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes c2 {
    0% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.622);
        -o-transform: scale(.622);
        -moz-transform: scale(.622);
        transform: scale(.622);
        opacity: .4
    }
    80% {
        -webkit-transform: scale(.822);
        -o-transform: scale(.822);
        -moz-transform: scale(.822);
        transform: scale(.822);
        opacity: .2
    }
    98% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: .1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes c2 {
    0% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.622);
        -o-transform: scale(.622);
        -moz-transform: scale(.622);
        transform: scale(.622);
        opacity: .4
    }
    80% {
        -webkit-transform: scale(.822);
        -o-transform: scale(.822);
        -moz-transform: scale(.822);
        transform: scale(.822);
        opacity: .2
    }
    98% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: .1
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes c2 {
    0% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.622);
        -o-transform: scale(.622);
        -moz-transform: scale(.622);
        transform: scale(.622);
        opacity: .4
    }
    80% {
        -webkit-transform: scale(.822);
        -o-transform: scale(.822);
        -moz-transform: scale(.822);
        transform: scale(.822);
        opacity: .2
    }
    98% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: .1
    }
    100% {
        opacity: 0
    }
}

.modules {
    background: url(../imgs/modules_bg.png) no-repeat center center;
    background-size: 33%;
    justify-content: space-between;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
}

.modules > .flow-flex {
    height: 100%;
}

.module_item {
    color: #fff;
    border-radius: 5rem;
    max-width: 25.8rem;
    padding: 0.825rem 1.8rem;
    margin: 6rem 0;
}

.module_item img {
    max-width: 4.285rem;
    max-height: 4.285rem;
    margin-right: 1rem;
}

.modules .right {
    margin-right: -6rem;
}

.left .module_item:nth-of-type(1) {
    background-color: #17c0ff;
}

.left .module_item:nth-of-type(2) {
    background-color: #fd8824;
    margin-left: -6rem;
}

.left .module_item:nth-of-type(3) {
    background-color: #2574fb;
}

.right .module_item:nth-of-type(1) {
    background-color: #786de5;
    margin-left: -6rem;
}

.right .module_item:nth-of-type(2) {
    background-color: #17cad5;
}

.right .module_item:nth-of-type(3) {
    background-color: #f9585c;
    margin-left: -6rem;
}

@media (max-width: 1199.99px) {
    .modules {
        width: 85%;
    }
}

@media (max-width: 1023.99px) {
    .modules .right {
        margin-right: 0;
    }

    .left .module_item:nth-of-type(2), .right .module_item:nth-of-type(1), .right .module_item:nth-of-type(3) {
        margin-left: auto;
    }
}

@media (max-width: 991.99px) {
    .icoreModule {
        background: #E5F6FF;
    }

    .imodule {
        height: auto !important;
    }

    .module_item {
        margin: 2rem auto;
        max-width: 90%;
    }

    .bg-circle {
        display: none;
    }

    .modules {
        position: initial;
        background-image: none;
        width: 100%;
    }

    .modules > .flow-flex {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .module_item img {
        max-width: 3rem;
    }

    .module_item > div span:last-child {
        min-height: 4.5rem;
        display: block;
    }
}

@media (max-width: 575.99px) {
    .icoreModule {
        background: transparent;
    }

    .modules {
        justify-content: center;
    }

    .module_item {
        margin-bottom: 1.6rem auto;
        border-radius: 5px;
        flex-wrap: wrap;
    }

    .module_item img {
        margin: 0 auto;
    }

    .module_item > div span:first-child {
        text-align: center;
        margin: 0.5rem auto;
    }

    .left .module_item:nth-of-type(1) {
        background-color: rgba(23, 192, 255, 0.8);
    }

    .left .module_item:nth-of-type(2) {
        background-color: rgba(120, 109, 229, 0.8);
    }

    .left .module_item:nth-of-type(3) {
        background-color: rgba(253, 136, 36, 0.8);
    }

    .right .module_item:nth-of-type(1) {
        background-color: rgba(23, 202, 213, 0.8);
    }

    .right .module_item:nth-of-type(2) {
        background-color: rgba(37, 116, 251, 0.8);
    }

    .right .module_item:nth-of-type(3) {
        background-color: rgba(249, 88, 92, 0.8);
    }
}

/*产品功能亮点*/
.floor {
    padding: 5rem 0;
}

.ititle, .title {
    line-height: 1.5;
}

.ipro_spot {
    background-color: #f0f4f9;
}

.ipro_spot_info {
    padding-top: 4rem;
}

.ipro_spot_info .spot-tab-link {
    color: #000;
    font-size: 1.43rem;
    text-align: center;
    padding: 1rem 1.5rem;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    -moz-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.ipro_spot_info .spot-tab-link:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #0084ff;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ipro_spot_info .spot-tab-link:hover:before, .ipro_spot_info .spot-tab-link:focus:before, .ipro_spot_info .spot-tab-link:active:before {
    left: 0;
    right: 0;
}

.ipro_spot_info .spot-tab-link:hover {
    color: #0084ff;
}

.ipro_spot_info .nav-tabs .nav-item.show .spot-tab-link, .ipro_spot_info .nav-tabs .spot-tab-link.active {
    color: #0084ff;
}

.ipro_spot_info .nav-tabs .spot-tab-link.active:before {
    background: #0084ff;
    height: 2px;
    display: block;
    width: 100%;
    left: 0;
    right: 0;
}

.ipro_spot_info .hvr-underline-from-center:before {
    background: #0084ff;
    height: 2px;
}

.ipro_spot_info .spot_content {
    margin-top: 3rem;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.ipro_spot_info .spot_info_item {
    padding: 3rem 4rem 0;
    position: relative;
    vertical-align: baseline;
}

.ipro_spot_info .spot_info_item:nth-of-type(2) {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.ipro_spot_info .spot_img img {
    max-width: 5.7rem;
    max-height: 5.7rem;;
}

.ipro_more {
    margin: 1rem auto 2.5rem;
}

.ipro_more button {
    padding: 0.875rem 4rem;
    font-size: 1.143rem;
    border-color: #c1c1c1;
}

.ipro_more button:hover {
    color: #fff !important;
    background-color: #0084ff;
    border-color: #0084ff;
}

@media (max-width: 575.99px) {
    .ipro_spot_info {
        padding-top: 1rem;
    }

    .ipro_spot_info .spot_info_item {
        padding: 2rem 4rem;
    }

    .ipro_spot_info .spot_info_item:nth-of-type(2) {
        border-left: none;
        border-right: none;
    }

    .spot_info_item h4 {
        margin: 1rem auto !important;
    }
}

@media (max-width: 375.99px) {
    .ipro_spot_info .spot-tab-link {
        padding: 1rem 0.5rem;
    }
}

/*swiper*/
.swiper-container {
    padding-bottom: 3rem;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(../imgs/swiper_button_prev.png) center center no-repeat;
    background-size: 0.9rem 1.57rem;
    background-color: #f0f0f0;
    padding: 1rem;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../imgs/swiper_button_next.png) center center no-repeat;
    background-size: 0.9rem 1.57rem;
    background-color: #f0f0f0;
    padding: 1rem;
}

.swiper-paginationXs {
    text-align: center;
}

.swiper-containerXs {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

/*城市基础建设*/
.iInfrastructure_row {
    margin-left: -15px;
    margin-right: -15px;
}

.iInfrastructure_left,
.iInfrastructure_right {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.iInfrastructure_left {
    padding: 0 4rem;
}

.iInfrastructure_left p {
    line-height: 1.7;
    margin-top: 3rem;
}

.iInfrastructure_right {
    text-align: center;
}

@media (max-width: 991.99px) {
    .iInfrastructure_left {
        padding: 0;
    }
}

@media (max-width: 575.99px) {
    .iInfrastructure_row {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }

    .iInfrastructure_left,
    .iInfrastructure_right {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%;
    }

    .iInfrastructure_right {
        order: 2;
        margin-top: 2rem;
    }

    .iInfrastructure_right img {
        width: 80%;
        margin: 0 auto;
    }

    .iInfrastructure_left {
        padding: 0 15px;
    }

    .iInfrastructure_left .ititle img {
        max-width: 70%;
    }

    .iInfrastructure_left p {
        margin-top: 2rem;
    }
}

/*五大产品与服务*/
.ifivePro_three {
    background: -webkit-radial-gradient(rgba(35, 61, 147, 1) 0%, rgba(16, 16, 85, 1) 100%); /* Safari 5.1 - 6.0 */
    background: -moz-radial-gradient(rgba(35, 61, 147, 1) 0%, rgba(16, 16, 85, 1) 100%); /* Firefox 3.6 - 15 */
    background: -o-radial-gradient(rgba(35, 61, 147, 1) 0%, rgba(16, 16, 85, 1) 100%); /* Opera 11.6 - 12.0 */
    background: radial-gradient(rgba(35, 61, 147, 1) 0%, rgba(16, 16, 85, 1) 100%); /* 标准 */
}

.ifivePro_three .ititle p {
    width: 70%;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.85);
}

.ifivePro_info {
    padding-top: 4rem;
    background: url(../imgs/ifivePro_info_bg.png) center center no-repeat;
    background-size: contain;
}

.ifivePro_item img {
    height: 14rem;
    margin-bottom: 2rem;
}

.ifivePro_item p {
    padding: 0 4rem;
    color: rgba(255, 255, 255, 0.85);
}

.ifivePro_two {
    background: #0A134A;
    box-shadow: 0px -2px 5px 0px rgba(35, 58, 159, 0.4);
}

.ifivePro_two_all {
    margin-left: -15px;
    margin-right: -15px;
}

.ifivePro_two_item {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.ifivePro_two_item:first-child {
    border-right: 1px solid #464D77;
}

.ifivePro_two_item img {
    width: 13rem;
    margin: 0 2rem;
}

.ifivePro_two_item .ifivePro_two_txt {
    padding: 0 2rem;
}

.ifivePro_two_item .ifivePro_two_txt h4 {
    color: #00FBFF;
}

.ifivePro_two_item .ifivePro_two_txt p {
    color: rgba(255, 255, 255, 0.9) !important;
}

@media (max-width: 1440.99px) {
    .ifivePro_item img {
        height: 12rem;
    }

    .ifivePro_two_item img {
        width: 11rem;
    }
}

@media (max-width: 991.99px) {
    .ifivePro_three .ititle p {
        width: 100%;
    }

    .ifivePro_item p {
        padding: 0 2rem;
    }

    .ifivePro_item img {
        height: 10rem;
    }

    .ifivePro_two_item img {
        width: 8rem;
    }

    .ifivePro_two_item .ifivePro_two_txt {
        padding: 0;
    }
}

@media (max-width: 767.99px) {
    .ifivePro_item p {
        padding: 0;
    }

    .ifivePro_item img {
        height: 8rem;
    }

    .ifivePro_two_item img {
        width: 7rem;
        margin: 0 1rem 0 0;
    }
}

@media (max-width: 575.99px) {
    .ifivePro_info {
        background: none;
    }

    .ifivePro_two_all {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ifivePro_two_item {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%;
        padding: 1.5rem 2rem;
    }
}

/*六大行业*/
.isixIndustries {
    background: url(../imgs/isixIndustries_bg.png) center center no-repeat;
    background-size: cover;
    padding-bottom: 0 !important;
}

.isixIndustries_row {
    padding-top: 4rem;
}

.isixIndustries .recent_item {
    background: transparent;

}

.isixIndustries .recent_item img {
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
    opacity: 1;
}

.isixIndustries .recent_item p {
    font-size: 2.86rem;
}

@media (max-width: 1199px) {
    .isixIndustries .recent_item p {
        font-size: 2.3rem;
    }
}

@media (max-width: 575.99px) {
    .isixIndustries .recent_item p {
        font-size: 2.2rem !important;
    }
}

/*智能化生态*/
.iserviceObject_row {
    padding-top: 4rem;
}

.iserviceObject_row > div {
    border-right: 1px solid rgba(22, 107, 206, 0.3);
}

.iserviceObject_row > div:last-child {
    border-right: 0;
}

.iobject_item .iobject_img img {
    height: 5rem;
}

.iobject_item .iobject_img {
    position: relative;
}

.iserviceObject_row > div:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -2px;
    width: 4px;
    height: 5rem;
    background: rgba(45, 121, 210, 1);
}

.iserviceObject_row > div:last-child:after {
    display: none;
}

.iobject_item h4 {
    margin: 1.5rem auto;
}

.iobject_item p {
    padding: 0 5rem;
    min-height: 5.2rem;
}

@media (max-width: 991.99px) {
    .iobject_item p {
        padding: 0 1rem;
    }
}

@media (max-width: 575.99px) {
    .iserviceObject_row {
        padding-top: 2rem;
    }

    .iobject_item p {
        padding: 0 6rem;
    }

    .iserviceObject_row > div {
        border-right: 0;
    }

    .iserviceObject_row > div:after {
        display: none;
    }
}

/*个性化定制*/
.ipersonalized {
    background: url(../imgs/ipersonalized_bg.png) center center no-repeat;
    background-size: cover;
    padding-bottom: 2rem;
}

.p_relative {
    position: relative;
}

.ipersonalized .floor1 {
    float: left;
}

.ipersonalized_title {
    position: absolute;
    top: 3rem;
}

.floor1_row {
    width: 92%;
    float: right;
}

.floor1_row .ipersonalized_card {
    margin-bottom: 2.5rem;
}

.ipersonalized_mask {
    border-radius: 4px;
    -webkit-transition: all .25s;
    transition: all .25s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-origin: border-box;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    filter: alpha(opacity=0);
}

.floor1_row .ipersonalized_info {
    padding: 1.25rem 1.5rem;
    -webkit-transition: all .15s;
    transition: all .15s;
    opacity: 1;
    filter: alpha(opacity=100);
}

.floor1_row .ipersonalized_card:hover .ipersonalized_mask {
    opacity: 1;
    background-image: url(../imgs/ipersonalized_card1.png);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.floor1_row > div:nth-child(1) .ipersonalized_card:hover .ipersonalized_mask {
    background-image: url(../imgs/ipersonalized_card1.png);
}

.floor1_row > div:nth-child(2) .ipersonalized_card:hover .ipersonalized_mask {
    background-image: url(../imgs/ipersonalized_card2.png);
}

.floor1_row > div:nth-child(3) .ipersonalized_card:hover .ipersonalized_mask {
    background-image: url(../imgs/ipersonalized_card3.png);
}

.floor1_row > div:nth-child(4) .ipersonalized_card:hover .ipersonalized_mask {
    background-image: url(../imgs/ipersonalized_card4.png);
}

.floor1_row > div:nth-child(5) .ipersonalized_card:hover .ipersonalized_mask {
    background-image: url(../imgs/ipersonalized_card5.png);
}

.floor1_row .ipersonalized_card:hover .ipersonalized_info {
    opacity: 0;
    filter: alpha(opacity=0);
}

.floor1_row .ipersonalized_info > img {
    max-width: 5rem;
}

.ipersonalized .floor2 {
    padding-top: 4rem;
}

.floor2_row {
    padding-top: 4rem;
    color: #fff;
    text-align: center;
}

.floor2_hr {
    height: 2px;
    background-color: #70a1d4;
    width: 80%;
}

.ipersonal_icon {
    padding-bottom: 6rem;
    animation: all 0.5s;
}

.ipersonal_icon img {
    max-width: 4.255rem;
}

.ipersonal_icon:hover {
    background: url(../imgs/ipersonal_icon_bg.png) no-repeat bottom;
    background-size: 25%;
    margin-top: -0.5rem;
}

@media (max-width: 1199px) {
    .ititle h1 {
        font-size: 2.3rem;
    }

    .ititle .ititle_liner {
        font-size: 2.8rem !important;
    }

    .floor1_row {
        width: auto;
    }

    .ipersonalized_info h4 {
        font-size: 1.4rem;
    }
}

@media (max-width: 991.99px) {
    .floor1_row {
        width: auto;
    }
}

@media (max-width: 575.99px) {
    .floor {
        padding: 3rem 0;
    }

    .ititle h1, .title h1 {
        font-size: 2.2rem !important;
    }

    .ititle .ititle_liner {
        font-size: 2.4rem !important;
        text-align: center;
    }

    .ipersonalized_title {
        position: inherit;
        margin-bottom: 3rem;
    }

    .floor1_row .ipersonalized_info {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        align-items: center;
    }

    .floor1_row .ipersonalized_info > img {
        margin-right: 1.5rem;
    }

    .floor1_row .ipersonalized_info h4 {
        margin: 1rem auto !important;
    }

    .floor1_row .ipersonalized_info p {
        margin: 1rem auto !important;
    }

    .ipersonal_icon {
        padding-bottom: 1rem;
        padding-left: 0;
        padding-right: 0;
    }

    .ipersonal_icon p {
        padding: 0 !important;
    }

    .ipersonal_icon:hover {
        margin-top: -1rem;
    }

    .floor2_row {
        padding-top: 2rem;
    }
}

/*产品核心竞争力*/
.icompetitive_row {
    padding-top: 4rem;
}

.icompetitive_item:nth-of-type(odd) {
    border-top: 1px solid #cccccc;
    border-right: 1px solid #ccc;
}

.icompetitive_item:first-child {
    border-top: none;
}

.icompetitive_item:last-child {
    border-top: 1px solid #cccccc;
}

.icompetitive_info {
    padding: 4rem 3rem;
}

.icompetitive_img {
    max-width: 10rem;
}

.icompetitive_text {
    padding-left: 3rem;
}

@media (max-width: 1199.99px) {
    .icompetitive_info {
        padding: 3rem;
    }

    .icompetitive_img {
        max-width: 8rem;
    }
}

@media (max-width: 991.99px) {
    .icompetitive_info {
        padding: 2rem 0.5rem;
    }

    .icompetitive_img {
        max-width: 7.5rem;
    }

    .icompetitive_text {
        padding: 0 0.5rem 0 1.5rem;
    }
}

@media (max-width: 575.99px) {
    .icompetitive_row {
        padding-top: 2rem;
    }

    .icompetitive_info {
        flex-wrap: wrap;
    }

    .icompetitive_text h4 {
        text-align: center;
    }

    .icompetitive_img {
        margin-bottom: 2rem;
    }
}

/*解决方案 solution*/
.toggle {
    padding-bottom: 5rem;
    animation: toggle 0.5s 1;
    -webkit-animation: toggle 0.5s 1;
    -moz-animation: toggle 0.5s 1;
    -ms-animation: toggle 0.5s 1;
}

.toggleTwo {
    animation: toggleTwo 0.5s 1;
    -webkit-animation: toggleTwo 0.5s 1;
    -moz-animation: toggleTwo 0.5s 1;
    -ms-animation: toggleTwo 0.5s 1;
}

@keyframes toggle {
    0% {
        opacity: 0.6;
    }
    90% {
        opacity: 0.98;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes toggle {
    0% {
        opacity: 0.6;
    }
    90% {
        opacity: 0.98;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes toggle {
    0% {
        opacity: 0.6;
    }
    90% {
        opacity: 0.98;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes toggle {
    0% {
        opacity: 0.6;
    }
    90% {
        opacity: 0.98;
    }
    100% {
        opacity: 1;
    }
}

@keyframes toggleTwo {
    0% {
        opacity: 0.6;
    }
    90% {
        opacity: 0.98;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes toggleTwo {
    0% {
        opacity: 0.6;
    }
    90% {
        opacity: 0.98;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes toggleTwo {
    0% {
        opacity: 0.6;
    }
    90% {
        opacity: 0.98;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes toggleTwo {
    0% {
        opacity: 0.6;
    }
    90% {
        opacity: 0.98;
    }
    100% {
        opacity: 1;
    }
}

.isolution.toggle {
    background: url(../imgs/isolution_bg.png) center center no-repeat;
    background-size: cover;
}

.isolution.toggleTwo {
    background: url(../imgs/isolution2_bg.png) center center no-repeat;
    background-size: cover;
}

.isolution_info .nav-tabs {
    border-bottom: 1px solid #405189;
    position: relative;
}

.isolution_info .nav-tabs .solution-tab-link {
    font-size: 1.5rem;
    color: #33ffff;
    padding: 1rem 5rem 1rem 0;
    display: block;
    float: left;
}

.toggle_line {
    height: 1px;
    width: 8rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: hsla(0, 0%, 100%, 0.7);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

#solutionTab .toggle_line {
    width: 3rem;
}

.nav-tabs .toggle_a:nth-child(1).active ~ .toggle_line {
    left: 0;
}

.nav-tabs .toggle_a:nth-child(2).active ~ .toggle_line {
    left: 8rem;
}

.isolution_info .tab-content .tab-pane p {
    margin-bottom: 3rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.8);
}

.isolution_more {
    padding: 1rem 3rem;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 2px;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.isolution_more span {
    color: #fff;
}

.isolution_more span i {
    color: #6DDBE3;
    margin-left: 0.5rem;
}

.isolution_more button:hover {
    color: #000 !important;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

@media (max-width: 575.99px) {
    .isolution_info .nav-tabs .solution-tab-link {
        padding: 1rem 2rem 1rem 0;
    }

    .isolution_more {
        padding: 0.65rem 2rem;
    }

    .nav-tabs .toggle_a:nth-child(2).active ~ .toggle_line {
        left: 5rem;
    }
}

/*icase*/
.icase_bg {
    background-color: #f0f4f9;
    height: 28rem;
}

.icase {
    margin-top: -28rem;
    padding-bottom: 0;
}

.icase_row {
    padding-top: 4rem;
}

.icase_row .icase_item {
    overflow: hidden;
    position: relative;
    width: 25%;
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    margin: -0.135em;
    background: #11276D;
    text-align: center;
    cursor: pointer;
}

.icase_item figcaption {
    width: 100%;
    height: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 50%;
    margin-top: -0.625rem;
    left: 0;
}

.icase_item p {
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px, 0, 0);
    -moz-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
}

.icase_item:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.icase_item img.icase_item_img {
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
    -moz-transform: translate3d(-30px, 0, 0) scale(1.12);
    transform: translate3d(-30px, 0, 0) scale(1.12);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    display: block;
    min-height: 100%;
    opacity: 0.8;
}

.icase_item:hover img.icase_item_img {
    opacity: 0.5;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

.imap_title {
    position: absolute;
    top: 6rem;
    left: 0;
    right: 0;
}

/*icase_map*/
.icase_map {
    background: url(../imgs/icase_map.png) no-repeat center center;
    background-size: contain;
    height: 66.5rem;
}

.icase_circle {
    height: inherit;
}

.icase_map_left {
    width: 20%;
    color: #426c8e;
    text-align: center;
    position: absolute;
    top: 16rem;
    left: 10rem;
    border: 1px solid #f7f7f7;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    background-color: #fff;
}

.icase_map_left_item {
    padding: 2.5rem 0;
}

.icase_map_left_item h1 {
    font-size: 2.857rem;
}

.icase_map_bobble1 {
    position: absolute;
    top: 40%;
    left: 8%;
}

.icase_map_bobble2 {
    position: absolute;
    top: 60%;
    left: 80%;
}

.icase_map_bobble3 {
    position: absolute;
    top: 62%;
    left: 62%;
}

.icase_map_bobble4 {
    position: absolute;
    top: 78%;
    left: 53%;
}

.icase_map_bobble5 {
    position: absolute;
    top: 55%;
    left: 40%;
}

.icase_map_bobble6 {
    position: absolute;
    top: 45%;
    left: 66%;
}

.icase_map_bobble7 {
    position: absolute;
    top: 30%;
    left: 75%;
}

.icase_map_bobble8 {
    position: absolute;
    top: 38%;
    left: 42%;
}

.icase_map_bobble9 {
    position: absolute;
    top: 20%;
    left: 83%;
}

.icase_map_bobble1 .dot:before, .icase_map_bobble1 .dot:after,
.icase_map_bobble3 .dot:before, .icase_map_bobble3 .dot:after {
    background-color: #3399ff;
}

.icase_map_bobble2 .dot:before, .icase_map_bobble2 .dot:after,
.icase_map_bobble5 .dot:before, .icase_map_bobble5 .dot:after,
.icase_map_bobble7 .dot:before, .icase_map_bobble7 .dot:after {
    background-color: #6666ff;
}

.icase_map_bobble4 .dot:before, .icase_map_bobble4 .dot:after,
.icase_map_bobble6 .dot:before, .icase_map_bobble6 .dot:after,
.icase_map_bobble8 .dot:before, .icase_map_bobble8 .dot:after,
.icase_map_bobble9 .dot:before, .icase_map_bobble9 .dot:after {
    background-color: #ff6633;
}

.icase_map_bobble2 .dot:after, .icase_map_bobble5 .dot:after, .icase_map_bobble7 .dot:after {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.icase_map_bobble1 .dot:after, .icase_map_bobble3 .dot:after {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.dot:before {
    content: ' ';
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 8px;
    height: 8px;
    background-color: #ff4200;
    border-radius: 50%;
}

.dot:after {
    content: ' ';
    position: absolute;
    z-index: 1;
    width: 8px;
    height: 8px;
    background-color: #ff4200;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3) inset;
    animation: waveCircle 1s linear infinite normal;
    -webkit-animation: waveCircle 1s linear infinite normal;
    -moz-animation: waveCircle 1s linear infinite normal;
    -o-animation: waveCircle 1s linear infinite normal;
}

@keyframes waveCircle {
    0% {
        left: 4px;
        top: 4px;
        width: 0;
        height: 0;
    }
    100% {
        left: -16px;
        top: -16px;
        opacity: 0;
        width: 40px;
        height: 40px;
    }
}

@-webkit-keyframes waveCircle {
    0% {
        left: 4px;
        top: 4px;
        width: 0;
        height: 0;
    }
    100% {
        left: -16px;
        top: -16px;
        opacity: 0;
        width: 40px;
        height: 40px;
    }
}

@-moz-keyframes waveCircle {
    0% {
        left: 4px;
        top: 4px;
        width: 0;
        height: 0;
    }
    100% {
        left: -16px;
        top: -16px;
        opacity: 0;
        width: 40px;
        height: 40px;
    }
}

@-o-keyframes waveCircle {
    0% {
        left: 4px;
        top: 4px;
        width: 0;
        height: 0;
    }
    100% {
        left: -16px;
        top: -16px;
        opacity: 0;
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 575.99px) {
    .icase_bg {
        height: 15rem;
    }

    .icase {
        margin-top: -15rem;
    }

    .icase_row {
        padding-top: 2rem;
    }

    .icase_row .icase_item {
        width: 50%;
    }

    .imap_title {
        position: initial;
    }

    .icase_map_left {
        width: 100%;
        border: 0 !important;
        box-shadow: none;
        background-color: transparent;
        bottom: 0;
        top: auto;
        left: 0;
        right: 0;
    }

    .icase_map {
        height: 30rem;
        margin-top: -3rem;
    }

    .icase_map_left_item {
        padding-bottom: 0;
    }

    .icase_map_left_item h1 {
        font-size: 1.857rem;
    }

    @keyframes waveCircle {
        0% {
            left: 4px;
            top: 4px;
            width: 0;
            height: 0;
        }
        100% {
            left: -6px;
            top: -6px;
            opacity: 0;
            width: 20px;
            height: 20px;
        }
    }
    @-webkit-keyframes waveCircle {
        0% {
            left: 4px;
            top: 4px;
            width: 0;
            height: 0;
        }
        100% {
            left: -6px;
            top: -6px;
            opacity: 0;
            width: 20px;
            height: 20px;
        }
    }
    @-moz-keyframes waveCircle {
        0% {
            left: 4px;
            top: 4px;
            width: 0;
            height: 0;
        }
        100% {
            left: -6px;
            top: -6px;
            opacity: 0;
            width: 20px;
            height: 20px;
        }
    }
    @-o-keyframes waveCircle {
        0% {
            left: 4px;
            top: 4px;
            width: 0;
            height: 0;
        }
        100% {
            left: -6px;
            top: -6px;
            opacity: 0;
            width: 20px;
            height: 20px;
        }
    }
}

/*partner*/
.ipartner_title {
    margin-top: -5rem;
    z-index: 10;
}

.ipartner_scroll {
    padding: 3rem 0 2rem;
}

#colee_left, #colee_right {
    margin: 1rem 0;
}

.ipartner_scroll tr td tr td p {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 0.5rem 1rem;
    padding: 0.8rem 3rem;
}

.ipartner_scroll tr td tr td img {
    max-width: 10.7rem;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.ipartner_scroll tr td tr td img:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

@media (max-width: 575.99px) {
    .ipartner {
        margin-top: 8rem;
    }

    .ipartner_scroll {
        padding: 1rem 0 2rem;
    }

    .ipartner_scroll ul li {
        padding: 0.5rem 1.5rem;
    }
}

/*goto*/
.igoto {
    background: url(../imgs/igoto_bg.png) center center no-repeat;
    background-size: cover;
    padding: 3rem 0;
}

.goto_link button {
    padding: 0.65rem 4rem;
}

.goto_link button:hover {
    color: #000 !important;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

@media (max-width: 575.99px) {
    .goto_link button {
        padding: 0.5rem 1.5rem;
        font-size: 1.2rem;
    }
}

/*footer*/
.footer {
    background-color: #131a27;
    color: #fff;
}

.footer_info {
    padding: 5rem 0;
}

.footer_info h2 img {
    height: 1.35rem;
}

.footer a, .worktime {
    color: #879bbb;
}

.footer_link li {
    margin-bottom: 1rem;
}

.footer_link li img {
    margin-top: 1rem;
}

.footer .copyright {
    border-top: 1px solid #2c3442;
    color: #879bbb;
}

@media (max-width: 991.99px) {
    .footer_info .footer_left {
        margin-bottom: 2rem;
    }

    .worktime {
        margin-right: 3rem;
    }

    .footer .copyright a.ml-5 {
        display: block;
        margin-left: 0 !important;
        margin-top: 0.5rem;
    }
}

@media (max-width: 575.99px) {
    .footer_info {
        padding: 3rem 0;
    }

    .footer_info .footer_left {
        margin-bottom: 1rem;
    }

    .footer_info .footer_right .row > div {
        margin-bottom: 1rem;
    }

    .footer_link li img {
        margin-top: 0;
        width: 33%;
    }
}

/*百度商桥*/

#newBridge .icon-right-center {
    right: 2.5rem !important;
    top: auto !important;
    left: auto !important;
    bottom: 24% !important;
}

#newBridge .nb-icon-right-center {
    width: 3.6rem !important;
    height: 3.6rem !important;
    right: 0.5rem !important;
    top: auto !important;
    left: auto !important;
    bottom: 24% !important;
}

/*悬浮窗*/
.pc_float {
    position: fixed;
    right: 2.5rem;
    bottom: 3%;
    z-index: 11;
}

.pc_float .consulting {
    position: relative;
    margin: 2rem 0;
    text-align: center;
    background: #007fff;
    color: #fff;
    border-radius: 4px;
}

.pc_float .consulting .gotrial {
    display: block;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    letter-spacing: 0.375rem;
    padding: 1rem 1rem 0.75rem;
}

.pc_float .consulting .gotrial:hover {
    color: #fff;
}

.pc_float .consulting > a {
    color: #fff;
}

.pc_float .consulting i {
    line-height: 3.6rem;
}

.consulting i {
    font-size: 25px;
}

.consulting:hover .panel {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.consulting .panel {
    position: absolute;
    right: 3.6rem;
    bottom: 0;
    padding-right: 1rem;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.consulting .panelClick {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.consulting .panel .wrapper {
    background: #fff;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .14);
    border-radius: 4px;
    padding: 1rem 2rem;
    white-space: nowrap;
    color: #333;
    display: flex;
    flex-wrap: wrap;
}

.wrapper > div {
    margin: 0.5rem 0;
}

.wrapper .wrapper_tel {
    text-align: left;
}

.wrapper .wrapper_tel h4 {
    margin: 0.375rem 0;
}

.wrapper .wrapper_tel h4 a {
    color: #007fff;
    font-weight: bold;
}

.wrapper .wrapper_tel h6 {
    text-align: center;
    background: #007fff;
    color: #fff;
    border-radius: 4px;
    letter-spacing: 0.175rem;
    padding: 0.75rem 1rem;
}

.wrapper .wrapper_tel h6 a {
    color: #fff;
}

.gotop {
    display: block;
    background: #fff;
    color: #007fff;
    width: 3.6rem;
    height: 3.6rem;
    line-height: 3.6rem;
    text-align: center;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .14);
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    filter: alpha(opacity=0);
}

.gotop.active {
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 991.99px) {
    .pc_float {
        right: 0.5rem;
        top: 72%;
    }
}

/*---------------------serviceForPlatform.html-----------------------*/
/*servicebanner*/
#servicebanner .servicebanner_text {
    bottom: 20%;
    text-align: left;
}

.servicebanner_text i {
    width: 4.14rem;
    height: 0.5rem;
    background: #fff;
}

.servicebanner_text h2 {
    font-size: 4.14rem;
    margin: 2rem 0;
}

.servicebanner_text p {
    font-size: 2.57rem;
}

.fixednav {
    position: fixed;
    top: 0px;
    left: 0px;
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    background: #fff;
    z-index: 10;
}

@media (max-width: 1440px) {
    #servicebanner .servicebanner_text {
        bottom: 10%;
    }

    .servicebanner_text h2 {
        font-size: 3.14rem;
        margin: 1rem 0;
    }

    .servicebanner_text p {
        font-size: 2rem;
    }
}

@media (max-width: 575.99px) {
    .servicebanner_text i {
        width: 2.5rem;
        height: 2px;
    }

    .servicebanner_text h2 {
        font-size: 2.6rem;
        margin: 0.5rem 0;
    }

    .servicebanner_text p {
        font-size: 1.6rem;
    }

    #servicebanner .servicebanner_text {
        bottom: 10%;
        right: 10%;
        left: 10%;
    }
}

/*second_navbar*/
.service_second_navbar {
    padding: 0 1rem;
}

.service_second_navbar .service_nav {
    position: relative;
}

.service_second_navbar .service_nav .nav-item {
    padding-right: 2rem;
}

.service_second_navbar .service_nav .navbar-nav-link {
    padding: 1.375rem 1rem;
}

.service_nav .navbar-nav-link:focus, .service_nav .navbar-nav-link:hover {
    background-color: transparent;
}

.service_second_navbar .nav-second-line {
    position: absolute;
    bottom: 0;
    left: 4%;
    width: 60px;
    height: 2px;
    background: rgba(236, 107, 44, 1);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.empty-placeholder {
    height: 64px;
}

.hidden {
    display: none;
}

/*平台概述*/
.nei_floor {
    padding: 5rem 0;
}

.title h1 {
    font-size: 2.86rem;
    margin-bottom: 1rem;
    font-weight: 500;
}

.title h2 {
    font-size: 2.57rem;
    margin-bottom: 1rem;
    font-weight: 500;
}

.title .title_hr, .ititle .title_hr {
    background: #4285F4;
    height: 4px;
    width: 5.7rem;
    margin: 2rem auto;
}

.title_hr2 {
    margin: 2rem 0 !important;
}

.padding-top {
    padding-top: 1.5rem;
}

.platform .platform_item {
    text-align: center;
    padding: 5rem 5rem 0;
}

.platform .platform_item img {
    width: 7.14rem;
    height: auto;
    display: inline-block;
    margin: 0 0 3rem 0;
}

.platform .platform_item h6 {
    font-size: 1.57rem;
    color: #111;
}

.platform .platform_item p {
    text-align: left;
}

@media (max-width: 1199.99px) {
    .title h1 {
        font-size: 2.3rem;
    }

    .title h2 {
        font-size: 2rem;
    }

    .title .title_hr, .ititle .ititle_hr {
        height: 2px;
        width: 3rem;
        margin: 1rem auto;
    }

    .platform .platform_item {
        padding: 5rem 1.5rem 0;
    }
}

@media (max-width: 575.99px) {
    .nei_floor {
        padding: 3rem 0;
    }

    .title h3 {
        font-size: 1.25rem;
    }

    .platform .platform_item {
        padding: 1rem 5rem 0;
    }

    .platform .platform_item img {
        width: 5rem;
        margin: 0 0 1rem 0;
    }
}

/*平台功能构成*/
.function {
    background: url(../imgs/function_bg.png) center center no-repeat;
    background-size: cover;
    padding-bottom: 2rem;
}

.function .container {
    padding-top: 8rem;
}

.function_row {
    padding-top: 6rem;
}

.function_item {
    text-align: center;
}

.function_item_body {
    padding: 2rem 5rem;
    margin-bottom: 2.14rem;
}

.function_item img {
    width: 7.86rem;
    margin: 0 auto;
}

.function_item h4 {
    color: #111;
    margin-top: 1.5rem;
}

.function_item i {
    width: 24px;
    height: 6px;
    background: rgba(231, 231, 231, 1);
    margin: 1rem auto;

}

.function_item p {
    font-size: 1.14rem;
    text-align: left;
    min-height: 8.2rem;
}

.build_item_body img {
    width: 18.571rem;
    margin: 0 auto;
}

@media (max-width: 1199.99px) {
    .function_item_body {
        padding: 2rem;
    }
}

@media (max-width: 575.99px) {
    .function {
        background: -webkit-linear-gradient(#2ABBFC 0%, #2368F8 100%);
        background: -o-linear-gradient(#2ABBFC 0%, #2368F8 100%);
        background: -moz-linear-gradient(#2ABBFC 0%, #2368F8 100%);
        background: linear-gradient(#2ABBFC 0%, #2368F8 100%);
    }

    .function .container {
        padding-top: 0rem;
    }

    .function_row {
        padding-top: 2rem;
    }

    .function .title {
        padding: 0;
    }

    .function_item:nth-of-type(odd) {
        padding-right: 8px;
    }

    .function_item:nth-of-type(even) {
        padding-left: 8px;
    }

    .function_item_body {
        padding: 1rem;
        margin-bottom: 15px;
    }

    .function_item img {
        width: 6.5rem;
    }

    .function_item h4 {
        margin-top: 0.5rem;
    }

    .function_item p {
        min-height: 9rem;
    }
}

/*平台亮点*/
.brightSpot_info {
    background: url(../imgs/brightSpot_info_bg.png) center center no-repeat;
    background-size: 100% 100%;
}

.brightSpot_info .container {
    height: 37.5rem;
}

.brightSpot_item {
    width: 22rem;
    color: #fff;
    border-radius: 2px;
    padding: 3rem;
    position: absolute;
}

.brightSpot_item:nth-of-type(1) {
    background: -webkit-linear-gradient(top left, rgba(112, 194, 248, 1) 0%, rgba(72, 161, 246, 1) 100%);
    background: -o-linear-gradient(top left, rgba(112, 194, 248, 1) 0%, rgba(72, 161, 246, 1) 100%);
    background: -moz-linear-gradient(to bottom right, rgba(112, 194, 248, 1) 0%, rgba(72, 161, 246, 1) 100%);
    background: linear-gradient(to bottom right, rgba(112, 194, 248, 1) 0%, rgba(72, 161, 246, 1) 100%);
    top: 24%;
    left: 15px;
}

.brightSpot_item:nth-of-type(2) {
    background: -webkit-linear-gradient(43deg, rgba(110, 152, 248, 1) 0%, rgba(68, 117, 238, 1) 100%);
    background: -o-linear-gradient(43deg, rgba(110, 152, 248, 1) 0%, rgba(68, 117, 238, 1) 100%);
    background: -moz-linear-gradient(133deg, rgba(110, 152, 248, 1) 0%, rgba(68, 117, 238, 1) 100%);
    background: linear-gradient(133deg, rgba(110, 152, 248, 1) 0%, rgba(68, 117, 238, 1) 100%);
    top: 22%;
    left: 24.7%;
}

.brightSpot_item:nth-of-type(3) {
    background: -webkit-linear-gradient(top left, rgba(129, 119, 228, 1) 0%, rgba(84, 71, 203, 1) 100%);
    background: -o-linear-gradient(top left, rgba(129, 119, 228, 1) 0%, rgba(84, 71, 203, 1) 100%);
    background: -moz-linear-gradient(top left, rgba(129, 119, 228, 1) 0%, rgba(84, 71, 203, 1) 100%);
    background: linear-gradient(to bottom right, rgba(129, 119, 228, 1) 0%, rgba(84, 71, 203, 1) 100%);
    top: 20%;
    right: 24.7%;
}

.brightSpot_item:nth-of-type(4) {
    background: -webkit-linear-gradient(top left, rgba(210, 129, 243, 1) 0%, rgba(183, 92, 217, 1) 100%);
    background: -o-linear-gradient(top left, rgba(210, 129, 243, 1) 0%, rgba(183, 92, 217, 1) 100%);
    background: -moz-linear-gradient(top left, rgba(210, 129, 243, 1) 0%, rgba(183, 92, 217, 1) 100%);
    background: linear-gradient(to bottom right, rgba(210, 129, 243, 1) 0%, rgba(183, 92, 217, 1) 100%);
    top: 18%;
    right: 15px;
}

.brightSpot_item_title {
    justify-content: flex-start;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 2.5rem;
}

.brightSpot_item_title img {
    width: 1.57rem;
    margin-right: 1rem;
}

.brightSpot_item p {
    padding-right: 4rem;
    margin-bottom: 5rem;
}

.brightSpot_item > img {
    width: 2rem;
}

@media (max-width: 991.99px) {
    .brightSpot_item:nth-of-type(2) {
        left: 21%;
    }

    .brightSpot_item:nth-of-type(3) {
        right: 21%;
    }
}

@media (max-width: 575.99px) {
    .brightSpot_info {
        padding-top: 2rem;
    }

    .brightSpot_info .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        height: auto;
    }

    .brightSpot_item {
        position: initial;
        margin: 2%;
        flex: 0 0 46%;
        padding: 15px;
    }

    .brightSpot_item_title {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }

    .brightSpot_item p {
        margin-bottom: 0.5rem;
        padding: 0;
        height: 5rem;
    }

    .brightSpot_item_title img {
        width: 1rem;
    }
}

/*多种展现形式*/
.spread_item {
    text-align: center;
    padding-top: 3rem;
}

.spread_item img {
    width: 7.57rem;
}

.spread_item h4 {
    margin-top: 2rem;
}

.spread_item_hr {
    background: #C9CFDB;
    width: 100%;
}

@media (max-width: 575.99px) {
    .spread_item {
        padding-top: 1rem;
    }

    .spread_item img {
        width: 5.5rem;
    }

    .spread_hr {
        display: none;
    }
}

/*数据采集*/
.scada {
    background: url(../imgs/scada_bg.png) center center no-repeat;
    background-size: cover;
}

.scada_scroll {
    padding: 3rem 0 0;
}

#scada_left {
    margin-bottom: 4rem;
}

.scada_scroll tr td tr td p {
    margin: 0.5rem 1rem;
}

.scada_scroll tr td tr td img {
    max-width: 28rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.scada_scroll tr td tr td img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

@media (max-width: 575.99px) {
    .scada_scroll {
        padding-top: 1rem;
    }

    .scada_scroll tr td tr td img {
        max-width: 18rem;
    }

    #scada_left {
        margin-bottom: 1rem;
    }
}

/*成功案例*/
.case {
    margin: 0 auto !important;
}

/*app下载*/
.appDownload {
    background: #F6F8FB;
}

.appDownload_row {
    padding-top: 4rem;
}

.appDownload_left, .appDownload_right {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    min-height: 1px;
}

.appDownload_left > img {
    padding: 0 2rem;
}

.appDownload_right .right_info {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 44px 11px rgba(150, 188, 233, 0.12);
    padding: 3rem 0;
    width: 65%;
    margin: 0 auto;
}

.w-60 {
    width: 60%;
}

.w-80 {
    width: 80%;
}

.right_info h5 {
    color: #0074FF;
}

@media (max-width: 575.99px) {
    .appDownload_row {
        padding-top: 2rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .appDownload_left, .appDownload_right {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%;
    }

    .appDownload_right {
        margin-top: 3rem;
    }
}


/*goto_trial*/
.goto_trial {
    background: url(../imgs/goto_tria_bg.png) center center no-repeat;
    background-size: cover;
    padding: 2rem 0;
}

.goto_trial .trial_info {
    font-size: 1.7rem;
}

.goto_trial .trial_info_t {
    font-size: 1.86rem;
}

/*service_goto*/
.service_goto {
    background: url(../imgs/service_goto.png) center center no-repeat;
    background-size: cover;
}

.service_goto .goto_link button {
    background-color: #ED8D3F;
    border: 1px solid #ED8D3F;
}

.service_goto .goto_link button:hover {
    background-color: #fff;
    border: 1px solid #fff;
}

/*---------------------serviceForIntelligent.html-----------------------*/

/*智能化管理*/
.aboutIntelligent {

}

.aboutIntelligent .field {
    background: url(../imgs/aboutIntelligent_bg.png) center center no-repeat;
    background-size: cover;
    padding: 8rem 0;
}

.aboutIntelligent .title p {
    padding: 1rem 12rem 0;
}

.process {
    background: url(../imgs/process_bg.png) center center no-repeat;
    background-size: cover;
}

.process_row {
    padding-bottom: 0;
    padding-top: 4rem;
}

.process_item {
    border-radius: 0.7rem;
    border: 1px solid rgba(231, 231, 231, 1);
    margin-bottom: 2.14rem;
}

.process_item_icon {
    color: #fff;
    border-top-left-radius: 0.7rem;
    border-top-right-radius: 0.7rem;
    padding: 1.5rem 0;
}

.process_row > div:nth-of-type(1) .process_item_icon {
    background-color: #485AEE;
}

.process_row > div:nth-of-type(2) .process_item_icon {
    background-color: #8354DA;
}

.process_row > div:nth-of-type(3) .process_item_icon {
    background-color: #5EBD98;
}

.process_row > div:nth-of-type(4) .process_item_icon {
    background-color: #E78F48;
}

.process_row > div:nth-of-type(5) .process_item_icon {
    background-color: #5FC6DA;
}

.process_row > div:nth-of-type(6) .process_item_icon {
    background-color: #1F91FF;
}

.process_row > div:nth-of-type(7) .process_item_icon {
    background-color: #00D0D2;
}

.process_row > div:nth-of-type(8) .process_item_icon {
    background-color: #9F7EF9;
}

.himg > img{
	max-width: 100%;
}
@media screen and (max-width: 960px) {
	.himg2 {
		overflow: scroll;
	}
}
@media screen and (min-width: 960px) {
	.himg2 > img{
	   max-width: 100%;
	}
}
.process_item_icon img {
    width: 3rem;
}

.process_item_icon_1 img {
    width: 5rem !important;
}

.process_item_info {
    text-align: center;
    padding: 2rem 0;
    background: #fff;
    border-radius: 0.7rem;
}

.process_item_info i {
    width: 2.3rem;
    height: 3px;
    background: #E7E7E7;
    display: block;
    margin: 1.5rem auto;
}

.process_item_info p {
    color: #797979;
}

#liangChang_function p {
    margin-bottom: 0;
}

#liangChang_function h5 {
    font-size: 1.57rem;
}

@media (max-width: 1199.99px) {
    .aboutIntelligent .field {
        padding: 5rem 0;
    }

    .process_item_info h5 {
        padding: 0 1.5rem;
        line-height: 2;
    }
}

@media (max-width: 991.99px) {
    .aboutIntelligent .title p {
        padding: 0;
    }
}

@media (max-width: 575.99px) {
    .process {
        background: #F2F5F8;
    }

    .process_row {
        padding-top: 2rem;
    }

    .aboutIntelligent .field {
        padding: 3rem 0;
    }

    .process_row .process_item {
        margin-bottom: 15px;
    }

    .process_row > div.col-lg-4:nth-of-type(odd) {
        padding-right: 8px;
    }

    .process_row > div.col-lg-4:nth-of-type(even) {
        padding-left: 7px;
    }
}

/*可视化监控*/
.visual {
    height: 49.6rem;
}

.visual.toggle {
    background: url(../imgs/visual_bg.png) center center no-repeat;
    background-size: cover;
}

.visual.toggleTwo {
    background: url(../imgs/visualtwo_bg.png) center center no-repeat;
    background-size: cover;
}

.visual .toggle_line {
    width: 5rem;
}

.visual .nav-tabs .toggle_a:nth-child(1).active ~ .toggle_line {
    left: 1rem;
}

.visual .nav-tabs .toggle_a:nth-child(2).active ~ .toggle_line {
    left: 8.8rem;
}

.visual_info .nav-tabs {
    border-bottom: 1px solid #405189;
    position: relative;
}

.visual_info .nav-tabs .visual-tab-link {
    font-size: 1.2rem;
    color: #33ffff;
    padding: 1rem;
    display: block;
    float: left;
}

.visual_line {
    height: 1px;
    width: 8rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: hsla(0, 0%, 100%, 1);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

@media (max-width: 575.99px) {
    .visual {
        height: 23.6rem;
    }
}

/*三大版本*/
.version_item {
    margin-top: 2rem;
}

.version_item img {
    width: 23rem;
}

.version_item p {
    padding: 1.5rem 5rem;
}

@media (max-width: 1199.99px) {
    .version_item p {
        padding: 1.5rem;
    }
}

@media (max-width: 991.99px) {
    .version_item img {
        width: 15rem;
    }
}

/*系统优势*/
.advantage {
    background: url(../imgs/advantage_bg.png) center center no-repeat;
    background-size: cover;
}

.advantage_item {
    text-align: center;
}

.advantage_item img {
    width: 6.4rem;
    margin: 5rem 0 3rem;
}

.advantage_item h4 {
    color: #fff;
}
.advantage_item h5 {
    color: #fff;
}

@media (max-width: 575.99px) {
    .advantage_item img {
        width: 5.4rem;
        margin: 2rem 0;
    }

    .advantage_item h4 {
        line-height: 1.8;
    }
}

/*多种场景*/
.clients-list {
    width: 100vw;
    height: 76rem;
    overflow: hidden;
    margin-top: -18rem;
    pointer-events: none
}

.clients-list .clients-list-wrap {
    height: 100%;
    position: relative;
}

.clients-list .clients-list-wrap .client-item {
    width: 18.6rem;
    margin-left: -9.3rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform-origin: center;
}

.clients-list-wrap .client-item .image-container {
    margin: 2.5rem 0;
    position: relative;
}

.clients-list-wrap .client-item .image-container img {
    width: 100%;
    box-shadow: 0px 0.714rem 1.43rem 0px rgba(74, 74, 74, 0.35);
    border-radius: 10px;
}

@keyframes clientsAnim {
    0% {
        transform: rotate(0.001deg) translate3d(1600px, 10px, 0);
        -webkit-transform: rotate(0.001deg) translate3d(1600px, 10px, 0);
        -moz-transform: rotate(0.001deg) translate3d(1600px, 10px, 0);
    }

    50% {
        transform: rotate(0.001deg) translate3d(0, 450px, 0);
        -webkit-transform: rotate(0.001deg) translate3d(0, 450px, 0);
        -moz-transform: rotate(0.001deg) translate3d(0, 450px, 0);
    }

    to {
        transform: rotate(0.001deg) translate3d(-1600px, 10px, 0);
        -webkit-transform: rotate(0.001deg) translate3d(-1600px, 10px, 0);
        -moz-transform: rotate(0.001deg) translate3d(-1600px, 10px, 0);
    }
}

@-webkit-keyframes clientsAnim {
    0% {
        transform: rotate(0.001deg) translate3d(1600px, 10px, 0);
        -webkit-transform: rotate(0.001deg) translate3d(1600px, 10px, 0);
        -moz-transform: rotate(0.001deg) translate3d(1600px, 10px, 0);
    }

    50% {
        transform: rotate(0.001deg) translate3d(0, 450px, 0);
        -webkit-transform: rotate(0.001deg) translate3d(0, 450px, 0);
        -moz-transform: rotate(0.001deg) translate3d(0, 450px, 0);
    }

    to {
        transform: rotate(0.001deg) translate3d(-1600px, 10px, 0);
        -webkit-transform: rotate(0.001deg) translate3d(-1600px, 10px, 0);
        -moz-transform: rotate(0.001deg) translate3d(-1600px, 10px, 0);
    }
}

@-moz-keyframes clientsAnim {
    0% {
        transform: rotate(0.001deg) translate3d(1600px, 10px, 0);
        -webkit-transform: rotate(0.001deg) translate3d(1600px, 10px, 0);
        -moz-transform: rotate(0.001deg) translate3d(1600px, 10px, 0);
    }

    50% {
        transform: rotate(0.001deg) translate3d(0, 450px, 0);
        -webkit-transform: rotate(0.001deg) translate3d(0, 450px, 0);
        -moz-transform: rotate(0.001deg) translate3d(0, 450px, 0);
    }

    to {
        transform: rotate(0.001deg) translate3d(-1600px, 10px, 0);
        -webkit-transform: rotate(0.001deg) translate3d(-1600px, 10px, 0);
        -moz-transform: rotate(0.001deg) translate3d(-1600px, 10px, 0);
    }
}

.clients-list-wrap .client-item .client-item-title {
    background: -webkit-linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 1.5rem;
    border-radius: 10px;
    width: 100%;
    padding: 1.25rem;
    left: 0;
}

@media (max-width: 991.99px) {
    .clients-list {
        height: 82rem;
        margin-top: -32rem;
    }
}

@media (max-width: 575.99px) {
    .clients-list {
        height: 65rem;
        margin-top: -28rem;
    }

    .clients-list .clients-list-wrap .client-item {
        width: 11.6rem;
        margin-left: -5.8rem;
    }

    @keyframes clientsAnim {
        0% {
            transform: rotate(0.001deg) translate3d(768px, 10px, 0);
            -webkit-transform: rotate(0.001deg) translate3d(768px, 10px, 0);
            -moz-transform: rotate(0.001deg) translate3d(768px, 10px, 0);
        }

        50% {
            transform: rotate(0.001deg) translate3d(0, 350px, 0);
            -webkit-transform: rotate(0.001deg) translate3d(0, 350px, 0);
            -moz-transform: rotate(0.001deg) translate3d(0, 350px, 0);
        }

        to {
            transform: rotate(0.001deg) translate3d(-768px, 10px, 0);
            -webkit-transform: rotate(0.001deg) translate3d(-768px, 10px, 0);
            -moz-transform: rotate(0.001deg) translate3d(-768px, 10px, 0);
        }
    }
    @-webkit-keyframes clientsAnim {
        0% {
            transform: rotate(0.001deg) translate3d(768px, 10px, 0);
            -webkit-transform: rotate(0.001deg) translate3d(768px, 10px, 0);
            -moz-transform: rotate(0.001deg) translate3d(768px, 10px, 0);
        }

        50% {
            transform: rotate(0.001deg) translate3d(0, 350px, 0);
            -webkit-transform: rotate(0.001deg) translate3d(0, 350px, 0);
            -moz-transform: rotate(0.001deg) translate3d(0, 350px, 0);
        }

        to {
            transform: rotate(0.001deg) translate3d(-768px, 10px, 0);
            -webkit-transform: rotate(0.001deg) translate3d(-768px, 10px, 0);
            -moz-transform: rotate(0.001deg) translate3d(-768px, 10px, 0);
        }
    }
    @-moz-keyframes clientsAnim {
        0% {
            transform: rotate(0.001deg) translate3d(768px, 10px, 0);
            -webkit-transform: rotate(0.001deg) translate3d(768px, 10px, 0);
            -moz-transform: rotate(0.001deg) translate3d(768px, 10px, 0);
        }

        50% {
            transform: rotate(0.001deg) translate3d(0, 350px, 0);
            -webkit-transform: rotate(0.001deg) translate3d(0, 350px, 0);
            -moz-transform: rotate(0.001deg) translate3d(0, 350px, 0);
        }

        to {
            transform: rotate(0.001deg) translate3d(-768px, 10px, 0);
            -webkit-transform: rotate(0.001deg) translate3d(-768px, 10px, 0);
            -moz-transform: rotate(0.001deg) translate3d(-768px, 10px, 0);
        }
    }
}


/*---------------------serviceForCustomized.html-----------------------*/
.service_nav_customized .nav-second-line {
    left: 2.5%;
}

/*服务内容*/
.serviceContent {
    background: url(../imgs/serviceContent_bg.png) center center no-repeat;
    background-size: cover;
}

.sContent_row {
    padding-top: 4rem;
}

.sContent_item {
    margin-bottom: 2.14rem;
}

.sContent_item .card-body {
    padding: 2.5rem;
}

.sContent_item .sContent_item_img {
    width: 6rem;
}

.sContent_item .sContent_item_title {
    margin: 2rem auto;
    line-height: 2;
}

.sContent_item_info {
    color: #797979;
    min-height: 13.3rem;
}

.sContent_item_info p {
    justify-content: flex-start;
}

.sContent_item_info p i {
    margin-right: 1rem;
    color: rgba(121, 121, 121, 0.8);
    font-size: 1rem;
}

@media (max-width: 1199.99px) and (min-width: 992px) {
    .sContent_item .card-body {
        padding: 1.25rem;
    }
}

@media (max-width: 575.99px) {
    .sContent_row {
        padding-top: 2rem;
    }

    .sContent_item {
        margin-bottom: 15px;
    }

    .sContent_row > div.col-6:nth-of-type(odd) {
        padding-right: 7px;
    }

    .sContent_row > div.col-6:nth-of-type(even) {
        padding-left: 8px;
    }

    .sContent_item .card-body {
        padding: 1.25rem;
    }

    .sContent_item .sContent_item_title {
        padding: 0 1rem;
    }

    .sContent_item .sContent_item_img {
        width: 4.5rem;
    }

    .sContent_item_info {
        min-height: 16.5rem;
    }
}

/*开发流程*/
.developmentFlow {
    background: url(../imgs/developmentFlow_bg.png) center center no-repeat;
    background-size: cover;
}

.developmentFlow_row {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: center;
}

.developmentFlow_row .flow_item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 25%;
    max-width: 25%;
    color: #fff;
    text-align: center;
    order: 0;
}

.developmentFlow_row .flow_item:nth-of-type(5) {
    order: 3;
}

.developmentFlow_row .flow_item:nth-of-type(6) {
    order: 2;
}

.developmentFlow_row .flow_item:nth-of-type(7) {
    order: 1;
}

.developmentFlow_row .flow_item:nth-of-type(9),
.developmentFlow_row .flow_item:nth-of-type(10),
.developmentFlow_row .flow_item:nth-of-type(11),
.developmentFlow_row .flow_item:nth-of-type(12) {
    order: 4;
}

.developmentFlow_row .flow_item .flow_item_img {
    background-image: url(../imgs/flow_item_img1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 5rem;
    margin: 1.5rem auto;
}

.developmentFlow_row .flow_item:nth-of-type(1) .flow_item_img {
    background-image: url(../imgs/flow_item_img1.png);
}

.developmentFlow_row .flow_item:nth-of-type(2) .flow_item_img {
    background-image: url(../imgs/flow_item_img2.png);
}

.developmentFlow_row .flow_item:nth-of-type(3) .flow_item_img {
    background-image: url(../imgs/flow_item_img3.png);
}

.developmentFlow_row .flow_item:nth-of-type(4) .flow_item_img {
    background-image: url(../imgs/flow_item_img4.png);
}

.developmentFlow_row .flow_item:nth-of-type(5) .flow_item_img {
    background-image: url(../imgs/flow_item_img5.png);
}

.developmentFlow_row .flow_item:nth-of-type(6) .flow_item_img {
    background-image: url(../imgs/flow_item_img6.png);
}

.developmentFlow_row .flow_item:nth-of-type(7) .flow_item_img {
    background-image: url(../imgs/flow_item_img7.png);
}

.developmentFlow_row .flow_item:nth-of-type(8) .flow_item_img {
    background-image: url(../imgs/flow_item_img8.png);
}

.developmentFlow_row .flow_item:nth-of-type(9) .flow_item_img {
    background-image: url(../imgs/flow_item_img9.png);
}

.developmentFlow_row .flow_item:nth-of-type(10) .flow_item_img {
    background-image: url(../imgs/flow_item_img10.png);
}

.developmentFlow_row .flow_item:nth-of-type(11) .flow_item_img {
    background-image: url(../imgs/flow_item_img11.png);
}

.developmentFlow_row .flow_item:nth-of-type(12) .flow_item_img {
    background-image: url(../imgs/flow_item_img12.png);
}

.developmentFlow_row .flow_item:hover:nth-of-type(1) .flow_item_img {
    background-image: url(../imgs/flow_item_img1_hover.png);
}

.developmentFlow_row .flow_item:hover:nth-of-type(2) .flow_item_img {
    background-image: url(../imgs/flow_item_img2_hover.png);
}

.developmentFlow_row .flow_item:hover:nth-of-type(3) .flow_item_img {
    background-image: url(../imgs/flow_item_img3_hover.png);
}

.developmentFlow_row .flow_item:hover:nth-of-type(4) .flow_item_img {
    background-image: url(../imgs/flow_item_img4_hover.png);
}

.developmentFlow_row .flow_item:hover:nth-of-type(5) .flow_item_img {
    background-image: url(../imgs/flow_item_img5_hover.png);
}

.developmentFlow_row .flow_item:hover:nth-of-type(6) .flow_item_img {
    background-image: url(../imgs/flow_item_img6_hover.png);
}

.developmentFlow_row .flow_item:hover:nth-of-type(7) .flow_item_img {
    background-image: url(../imgs/flow_item_img7_hover.png);
}

.developmentFlow_row .flow_item:hover:nth-of-type(8) .flow_item_img {
    background-image: url(../imgs/flow_item_img8_hover.png);
}

.developmentFlow_row .flow_item:hover:nth-of-type(9) .flow_item_img {
    background-image: url(../imgs/flow_item_img9_hover.png);
}

.developmentFlow_row .flow_item:hover:nth-of-type(10) .flow_item_img {
    background-image: url(../imgs/flow_item_img10_hover.png);
}

.developmentFlow_row .flow_item:hover:nth-of-type(11) .flow_item_img {
    background-image: url(../imgs/flow_item_img11_hover.png);
}

.developmentFlow_row .flow_item:hover:nth-of-type(12) .flow_item_img {
    background-image: url(../imgs/flow_item_img12_hover.png);
}

.developmentFlow_row .flow_item .flow_item_line {
    height: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    position: relative;
}

.developmentFlow_row .flow_item .flow_item_icon {
    background: url(../imgs/flow_item_icon.png) center center no-repeat;
    background-size: contain;
    height: 2rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.developmentFlow_row .flow_item:hover .flow_item_icon {
    background: url(../imgs/flow_item_icon_hover.png) center center no-repeat;
    background-size: contain;
}

.developmentFlow_row .flow_item .flow_item_img,
.developmentFlow_row .flow_item .flow_item_icon {
    -webkit-transition: all ease-in-out 0.5s; /* Safari 和 Chrome */
    transition: all ease-in-out 0.5s;
}

.flow_item > div {
    padding-top: 4rem;
}

.flow_item > p {
    padding: 2rem 0;
    margin: 0;
}

.developmentFlow_row .flow_item:nth-of-type(5) > div {
    border-right: 5px solid rgba(255, 255, 255, 0.8);
}

.developmentFlow_row .flow_item:nth-of-type(4) > p {
    border-right: 5px solid rgba(255, 255, 255, 0.8);
}

.developmentFlow_row .flow_item:nth-of-type(9) > div {
    border-left: 5px solid rgba(255, 255, 255, 0.8);
}

.developmentFlow_row .flow_item:nth-of-type(8) > p {
    border-left: 5px solid rgba(255, 255, 255, 0.8);
}

@media (max-width: 575.99px) {
    .developmentFlow_row .flow_item .flow_item_img {
        height: 3.5rem;
    }

    .flow_item > div {
        padding-top: 2rem;
    }

    .developmentFlow_row .flow_item .flow_item_line {
        height: 3px;
    }

    .developmentFlow_row .flow_item:nth-of-type(5) > div {
        border-right-width: 3px;
    }

    .developmentFlow_row .flow_item:nth-of-type(4) > p {
        border-right-width: 3px;
    }

    .developmentFlow_row .flow_item:nth-of-type(9) > div {
        border-left-width: 3px;
    }

    .developmentFlow_row .flow_item:nth-of-type(8) > p {
        border-left-width: 3px;
    }

    .developmentFlow_row .flow_item .flow_item_icon {
        height: 1.5rem;
    }
}

/*近期项目*/
.recentProjects {
    padding-bottom: 0;
}

.recent_row {
    padding-top: 4rem;
}

.recent_row .recent_item {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #11276D;
    text-align: center;
    cursor: pointer;
    margin-bottom: 30px;
    box-shadow: 0px 8px 26px 0px rgba(17, 17, 17, 0.25);
}

.recent_item figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.5rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 50%;
    margin-top: -1.43rem;
}

.recent_item p {
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px, 0, 0);
    -moz-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
}

.isixIndustries .recent_item p {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.recent_item:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.recent_item img {
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
    -moz-transform: translate3d(-30px, 0, 0) scale(1.12);
    transform: translate3d(-30px, 0, 0) scale(1.12);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    display: block;
    min-height: 100%;
    opacity: 0.8;
}

.recent_item:hover img {
    opacity: 0.5;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

@media (max-width: 575.99px) {
    .recent_row {
        padding-top: 2rem;
    }

    .recent_row > div.col-6:nth-of-type(odd) {
        padding-right: 7px;
    }

    .recent_row > div.col-6:nth-of-type(even) {
        padding-left: 8px;
    }

    .recent_row .recent_item {
        margin-bottom: 15px;
    }
}

/*我们的客户*/
.customer_row {
    padding-top: 4rem;
}

.customer_row > div {
    padding-left: 9px;
    padding-right: 9px;
}

.customer_row .card-body {
    padding: 1.25rem 2rem;
}

.customer_row img {
    margin: 0 auto;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    max-width: 100%;
    height: auto;
}

.customer_row img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

@media (max-width: 575.99px) {
    .customer_row {
        padding-top: 2rem;
    }

    .customer_row > div:nth-of-type(odd) {
        padding-left: 15px;
        padding-right: 7px;
    }

    .customer_row > div:nth-of-type(even) {
        padding-right: 15px;
        padding-left: 7px;
    }

    .customer_row > div .card {
        margin-bottom: 15px;
    }
}

/*联系我们*/
.contactUs {
    background-color: #F7F9FD;
}

.contact_row {
    padding-top: 4rem;
    margin-left: -15px;
    margin-right: -15px;
}

.contact_left, .contact_right {
    padding-left: 15px;
    padding-right: 15px;
}

.contact_left {
    width: 40%;
}

.contact_right {
    width: 60%;
}

.contact_row .contact_left > div img {
    width: 3.5rem;
    margin-right: 1rem;
}

@media (max-width: 1199.99px) {
    .contact_left {
        width: 45%;
    }

    .contact_right {
        width: 55%;
    }

    .contact_left h2 {
        font-size: 1.8rem;
    }

    .contact_left > div {
        margin-top: 2.2rem !important;
    }

    .contact_left p {
        font-size: 1.2rem;
    }
}

@media (max-width: 991.99px) {
    .contact_left {
        width: 50%;
    }

    .contact_right {
        width: 50%;
    }
}

@media (max-width: 575.99px) {
    .contact_row {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        padding-top: 2rem;
    }

    .contact_left {
        width: 100%;
    }

    .contact_right {
        width: 100%;
        margin-top: 3rem;
    }
}

/*---------------------serviceForRoad.html-----------------------*/
.service_nav_road .nav-second-line {
    left: 3.5%;
}

/*aboutRoad*/
.aboutRoad {
    background: url(../imgs/aboutRoad_bg.png) center center no-repeat;
}

.aboutRoad .ititle p {
    width: 70%;
    margin: 0 auto;
}

@media (max-width: 991.99px) {
    .aboutRoad {
        background-size: contain;
    }

    .aboutRoad .ititle p {
        width: 100%;
    }
}

/*functionRoad*/
.functionRoad {
    background: url(../imgs/functionRoad_bg.png) center center no-repeat;
    background-size: cover;
}

.functionRoad .function_item img {
    width: 4rem;
    margin: 1rem auto;
}

.functionRoad .function_item p {
    min-height: 10rem;
}

.functionRoad .container {
    padding-top: 4rem;
}

.functionRoad .function_row {
    padding-top: 3rem;
}

@media (max-width: 575.99px) {
    .functionRoad .container {
        padding-top: 4rem;
    }

    .functionRoad .function_row {
        padding-top: 2rem;
    }
}

/*technical*/
.technical {
    background: url(../imgs/technical_bg.png) center center no-repeat;
    background-size: 100% 100%;
}

.technical_row {
    padding-top: 4rem;
}

.technical_row .technical_item {
    background-color: #fff;
    padding: 2rem 2rem 1rem;
    margin-bottom: 2rem;
}

.technical_row .technical_item img {
    height: 5.7rem;
    margin-bottom: 1rem;
}

.technical_row .technical_item h4 {
    margin: 1rem auto;
}

.technical_item p {
    min-height: 5.2rem;
}

@media (max-width: 1199.99px) {
    .technical_row .technical_item {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 991.99px) {
    .technical {
        background-size: cover;
    }
}

@media (max-width: 575.99px) {
    .technical_row {
        padding-top: 3rem;
    }

    .technical_row .technical_item {
        margin-bottom: 15px;
    }

    .technical_row > div:nth-of-type(odd) {
        padding-right: 8px;
    }

    .technical_row > div:nth-of-type(even) {
        padding-left: 7px;
    }
}

/*integrationRoad*/
.integrationRoad {
    background: url(../imgs/integrationRoad_bg.png) center center no-repeat;
    background-size: 100% 100%;
}

.integrationRoad_row {
    padding-top: 5rem;
}

.integrationRoad_item {
    color: #fff;
}

.integrationRoad_item .num {
    border: 2px solid #fff;
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    margin: 0 auto;
    box-shadow: -1px 13px 20px 0px rgba(96, 87, 233, 0.8);
}

.integrationRoad_line {
    width: 13.3rem;
    height: 2px;
    background: #fff;
    margin-top: -3.5rem;
}

@media (max-width: 1199.99px) {
    .integrationRoad_line {
        width: 11.3rem;
    }
}

@media (max-width: 991.99px) {
    .integrationRoad_line {
        width: 7.5rem;
    }
}

@media (max-width: 575.99px) {
    .integrationRoad_row {
        padding-top: 2rem;
    }

    .integrationRoad_item .num {
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
    }

    .integrationRoad_line {
        width: 2.5rem;
    }
}


/*---------------------solutionForAssets.html-----------------------*/
/*solutionbanner*/
.solutionbanner_text {
    bottom: 10%;
}

.solutionbanner_text h2 {
    font-size: 3.86rem;
    margin-bottom: 2rem;
    letter-spacing: 0.125rem;
}

.solutionbanner_text p {
    font-size: 1.2rem;
    width: 70%;
    margin: 0 auto;
    line-height: 1.75;
}

.solutionbanner_text .banner_link button {
    display: inline-block;
    color: #fff;
    padding: 0.65rem 4rem;
    margin-top: 4.5rem;
    border-radius: 2px;
    border: 1px solid #fff;
}

.solutionbanner_text .banner_link button:hover {
    color: #000 !important;
}

@media (max-width: 1440px) {
    #solutionbanner .solutionbanner_text {
        bottom: 5%;
    }

    .solutionbanner_text h2 {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .solutionbanner_text .banner_link button {
        margin-top: 3rem;
        padding: 0.875rem 3rem;
    }
}

@media (max-width: 1199.99px) {
    #solutionbanner .solutionbanner_text {
        bottom: 10%;
    }

    .solutionbanner_text h2 {
        font-size: 2.3rem;
        margin-bottom: 1rem;
    }

    .solutionbanner_text p {
        width: 100%;
    }

    .solutionbanner_text .banner_link button {
        margin-top: 1.5rem;
        padding: 0.5rem 2rem;
    }
}

@media (max-width: 575.99px) {
    #solutionbanner .solutionbanner_text {
        bottom: 5%;
        right: 15px;
        left: 15px;
    }

    #solutionbanner .beambanner_text {
        bottom: 0% !important;
    }

    .solutionbanner_text h2 {
        font-size: 2.4rem;
        margin: 0.5rem 0;
    }

    .solutionbanner_text .banner_link button {
        margin-top: 1rem;
        padding: 0.5rem 1.5rem;
        font-size: 1.2rem;
    }
}

/*plan*/
.plan {
    background: url(../imgs/plan_bg.png) center center no-repeat;
    background-size: cover;
}

.plan_row {
    padding-top: 4rem;
}

.plan_item {
    text-align: center;
    background-color: rgba(255, 255, 255, 1) !important;
    border-radius: 8px;
    border: 1px solid rgba(231, 231, 231, 1);
    padding: 2rem 0;
    background-size: contain !important;
}

.plan_item:hover {
    box-shadow: 0 0 15px rgba(231, 231, 231, 1);
}

.plan_item img {
    width: 5.7rem;
    margin-bottom: 1rem;
}

.plan_row > div:nth-of-type(1) .plan_item {
    background: url(../imgs/plan_item1_bg.png) right center no-repeat;
}

.plan_row > div:nth-of-type(2) .plan_item {
    background: url(../imgs/plan_item2_bg.png) right center no-repeat;
}

.plan_row > div:nth-of-type(3) .plan_item {
    background: url(../imgs/plan_item3_bg.png) right center no-repeat;
}

@media (max-width: 1199px) {
    .plan .title p {
        width: 100% !important;
    }
}

@media (max-width: 575.99px) {
    .plan_item img {
        width: 4.7rem;
    }

    .plan_item h4 {
        font-size: 1.3rem;
    }

    .plan_row {
        justify-content: space-between;
        flex-wrap: nowrap;
        margin-left: 0;
        margin-right: 0;
        padding-top: 2rem;
    }

    .plan_row > div {
        padding-right: 5px;
        padding-left: 5px;
    }
}

/*fullCycle*/
.fullCycle {
    background: url(../imgs/fullCycle_bg.png) center center no-repeat;
    background-size: cover;
}

.fullCycle_row {
    padding-top: 4rem;
}

.fullCycle_item {
    text-align: center;
}

.fullCycle_item_body {
    padding: 2rem 4rem;
    margin-bottom: 2.14rem;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.fullCycle_item .fullCycle_item_img {
    width: 6.86rem;
    height: 6.86rem;
    margin: 0 auto;
    background-size: cover !important;
}

.fullCycle_item .Highway_item_img {
    width: 6.86rem;
    height: 6.86rem;
    margin: 0 auto;
    background-size: auto !important;
}

.fullCycle_item:nth-of-type(1) .fullCycle_item_img {
    background: url(../imgs/fullCycle_item1.png) center center no-repeat;
}

.fullCycle_item:nth-of-type(2) .fullCycle_item_img {
    background: url(../imgs/fullCycle_item2.png) center center no-repeat;
}

.fullCycle_item:nth-of-type(3) .fullCycle_item_img {
    background: url(../imgs/fullCycle_item3.png) center center no-repeat;
}

.fullCycle_item:nth-of-type(4) .fullCycle_item_img {
    background: url(../imgs/fullCycle_item4.png) center center no-repeat;
}

.fullCycle_item:nth-of-type(5) .fullCycle_item_img {
    background: url(../imgs/fullCycle_item5.png) center center no-repeat;
}

.fullCycle_item:nth-of-type(6) .fullCycle_item_img {
    background: url(../imgs/fullCycle_item6.png) center center no-repeat;
}

.fullCycle_item:nth-of-type(1) .Highway_item_img {
    background: url(../imgs/Highway_item1.png) center center no-repeat;
    background-size: 100% auto !Important;
}

.fullCycle_item:nth-of-type(2) .Highway_item_img {
    background: url(../imgs/Highway_item2.png) center center no-repeat;
    background-size: 100% auto !Important;
}

.fullCycle_item:nth-of-type(3) .Highway_item_img {
    background: url(../imgs/Highway_item3.png) center center no-repeat;
    background-size: 100% auto !Important;
}

.fullCycle_item:nth-of-type(4) .Highway_item_img {
    background: url(../imgs/Highway_item4.png) center center no-repeat;
    background-size: 100% auto !Important;
}

.fullCycle_item:nth-of-type(5) .Highway_item_img {
    background: url(../imgs/Highway_item5.png) center center no-repeat;
    background-size: 100% auto !Important;
}

.fullCycle_item:nth-of-type(6) .Highway_item_img {
    background: url(../imgs/Highway_item6.png) center center no-repeat;
    background-size: 100% auto !Important;
}

.fullCycle_item .roadLeader_item_img {
    width: 6.40rem;
    height: 7.71rem;
    margin: 0 auto;
    background-size: auto !important;
}

.fullCycle_item:nth-of-type(1) .roadLeader_item_img {
    background: url(../imgs/roadLeader_item1.png) center center no-repeat;
    background-size: 100% auto !Important;
}

.fullCycle_item:nth-of-type(2) .roadLeader_item_img {
    background: url(../imgs/roadLeader_item2.png) center center no-repeat;
    background-size: 100% auto !Important;
}

.fullCycle_item:nth-of-type(3) .roadLeader_item_img {
    background: url(../imgs/roadLeader_item3.png) center center no-repeat;
    background-size: 100% auto !Important;
}

.fullCycle_item:nth-of-type(4) .roadLeader_item_img {
    background: url(../imgs/roadLeader_item4.png) center center no-repeat;
    background-size: 100% auto !Important;
}

.fullCycle_item:nth-of-type(5) .roadLeader_item_img {
    background: url(../imgs/roadLeader_item5.png) center center no-repeat;
    background-size: 100% auto !Important;
}

.fullCycle_item:nth-of-type(6) .roadLeader_item_img {
    background: url(../imgs/roadLeader_item6.png) center center no-repeat;
    background-size: 100% auto !Important;
}

.fullCycle_item_body:hover {
    background: #1442DC;
    color: #fff;
    border: 1px solid #1442DC;
}

.fullCycle_item:nth-of-type(1) .fullCycle_item_body:hover .fullCycle_item_img {
    background: url(../imgs/fullCycle_item1_hover.png) center center no-repeat;
}

.fullCycle_item:nth-of-type(2) .fullCycle_item_body:hover .fullCycle_item_img {
    background: url(../imgs/fullCycle_item2_hover.png) center center no-repeat;
}

.fullCycle_item:nth-of-type(3) .fullCycle_item_body:hover .fullCycle_item_img {
    background: url(../imgs/fullCycle_item3_hover.png) center center no-repeat;
}

.fullCycle_item:nth-of-type(4) .fullCycle_item_body:hover .fullCycle_item_img {
    background: url(../imgs/fullCycle_item4_hover.png) center center no-repeat;
}

.fullCycle_item:nth-of-type(5) .fullCycle_item_body:hover .fullCycle_item_img {
    background: url(../imgs/fullCycle_item5_hover.png) center center no-repeat;
}

.fullCycle_item:nth-of-type(6) .fullCycle_item_body:hover .fullCycle_item_img {
    background: url(../imgs/fullCycle_item6_hover.png) center center no-repeat;
}

.fullCycle_item:nth-of-type(1) .fullCycle_item_body:hover .Highway_item_img {
    background: url(../imgs/Highway_item1_hover.png) center center no-repeat;
    background-size: 100% auto !Important;
}

.fullCycle_item:nth-of-type(2) .fullCycle_item_body:hover .Highway_item_img {
    background: url(../imgs/Highway_item2_hover.png) center center no-repeat;
    background-size: 100% auto !Important;
}

.fullCycle_item:nth-of-type(3) .fullCycle_item_body:hover .Highway_item_img {
    background: url(../imgs/Highway_item3_hover.png) center center no-repeat;
    background-size: 100% auto !Important;
}

.fullCycle_item:nth-of-type(4) .fullCycle_item_body:hover .Highway_item_img {
    background: url(../imgs/Highway_item4_hover.png) center center no-repeat;
    background-size: 100% auto !Important;
}

.fullCycle_item:nth-of-type(5) .fullCycle_item_body:hover .Highway_item_img {
    background: url(../imgs/Highway_item5_hover.png) center center no-repeat;
    background-size: 100% auto !Important;
}

.fullCycle_item:nth-of-type(6) .fullCycle_item_body:hover .Highway_item_img {
    background: url(../imgs/Highway_item6_hover.png) center center no-repeat;
    background-size: 100% auto !Important;
}

.fullCycle_item_body:hover h4, .fullCycle_item_body:hover p {
    color: #fff !important;
}

.fullCycle_item_body:hover i {
    background-color: #fff;
}

.fullCycle_item h4 {
    color: #111;
    margin-top: 1.5rem;
}

.fullCycle_item i {
    width: 24px;
    height: 6px;
    background: rgba(231, 231, 231, 1);
    margin: 1rem auto;

}

.fullCycle_item p {
    font-size: 1.14rem;
    text-align: left;
    min-height: 8.2rem;
}

.Highway_item.col-4 {
    margin-top: 3.285rem;
}

.Highway_pic2 {
    position: relative; /*bottom:7.142rem*/;
    width: 100%;
    height: auto;
}

.Highway_pic {
    width: 12.857rem;
    height: 12.142rem !important;
}

.Highway_goto {
    background: url(../imgs/Highway_bg.png) center center no-repeat;
    background-size: cover;
}

.Highway_list {
    background: #fff;
    border-radius: 0.286rem;
    padding-top: 2.428rem;
    padding-bottom: 1.428rem;
}

.Highway_list > img {
    display: block;
    margin: 0 auto;
    padding-bottom: 1.286rem;
    width: 40px;
    height: auto;
}

.text-blue {
    color: #4285F4
}

.service_second_navbar .Highway-nav-second-line {
    position: absolute;
    bottom: 0;
    left: 4%;
    width: 60px;
    height: 2px;
    background: rgba(236, 107, 44, 1);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}



@media (max-width: 1199.99px) {
    .fullCycle_item_body {
        padding: 2rem;
    }
}

@media (max-width: 575.99px) {
    .fullCycle {
        background: -webkit-linear-gradient(#2ABBFC 0%, #2368F8 100%);
        background: -o-linear-gradient(#2ABBFC 0%, #2368F8 100%);
        background: -moz-linear-gradient(#2ABBFC 0%, #2368F8 100%);
        background: linear-gradient(#2ABBFC 0%, #2368F8 100%);
    }

    .fullCycle_row {
        padding-top: 2rem;
    }

    .fullCycle .title {
        padding: 0;
    }

    .fullCycle_item:nth-of-type(odd) {
        padding-right: 8px;
    }

    .fullCycle_item:nth-of-type(even) {
        padding-left: 8px;
    }

    .fullCycle_item_body {
        padding: 1rem;
        margin-bottom: 15px;
    }

    .fullCycle_item img {
        width: 6.5rem;
    }

    .fullCycle_item h4 {
        margin-top: 0.5rem;
    }

    .fullCycle_item p {
        min-height: 10.5rem
    }
}

/*联网方式*/
.online_item {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    text-align: center;
    margin-top: 5rem;
}

.online_item img {
    width: 6.4rem;
}

.online_item span {
    font-size: 1.7rem;
    margin-top: 1.5rem;
}

@media (max-width: 575.99px) {
    .online_item {
        margin-top: 2rem
    }

    .online_item img {
        width: 4.4rem;
    }

    .online_item span {
        font-size: 1rem;
    }
}

/*方案特点*/
.planCharacter {
    background: url(../imgs/planCharacter_bg.png) center center no-repeat;
    background-size: cover;
}

.planCharacter_row {
    padding-top: 5rem;
    padding-bottom: 2rem;
}

.planCharacter_item .planCharacter_item_body {
    width: 100%;
    padding: 2.5rem 0;
    text-align: center;
    color: #fff;
}

.planCharacter_item:nth-of-type(1) .planCharacter_item_body {
    background-color: #F58A34;
}

.planCharacter_item:nth-of-type(2) .planCharacter_item_body {
    background-color: #A877E3;
}

.planCharacter_item:nth-of-type(3) .planCharacter_item_body {
    background-color: #6E64C4;
}

.planCharacter_item:nth-of-type(4) .planCharacter_item_body {
    background-color: #61C57C;
}

.planCharacter_item_body img {
    width: 6.57rem;
    margin-bottom: 1rem;
}

@media (max-width: 575.99px) {
    .planCharacter_row {
        padding-top: 2rem;
        padding-bottom: 0.5rem;
    }

    .planCharacter_item {
        margin-bottom: 15px;
    }

    .planCharacter_item:nth-of-type(odd) {
        padding-right: 7px;
    }

    .planCharacter_item:nth-of-type(even) {
        padding-left: 8px;
    }
}

/*四步实现智能化*/
.fourStep {
    background: -webkit-linear-gradient(#F3F6FF, #E5ECFF); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#F3F6FF, #E5ECFF); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#F3F6FF, #E5ECFF); /* Firefox 3.6 - 15 */
    background: linear-gradient(#F3F6FF, #E5ECFF); /* 标准的语法 */
}

.fourStep_row {
    padding-top: 2rem;
}

.fourStep_row .fourStep_item {
    background-position: top left;
    background-size: 5rem;
    background-repeat: no-repeat;
    padding: 5rem 2.5rem 0;
    text-align: center;
}

.fourStep_row .fourStep_item:nth-of-type(1) {
    background-image: url(../imgs/fourStep_item_one.png);
}

.fourStep_row .fourStep_item:nth-of-type(2) {
    background-image: url(../imgs/fourStep_item_two.png);
}

.fourStep_row .fourStep_item:nth-of-type(3) {
    background-image: url(../imgs/fourStep_item_three.png);
}

.fourStep_row .fourStep_item:nth-of-type(4) {
    background-image: url(../imgs/fourStep_item_four.png);
}

.fourStep_item > img {
    width: 10rem;
    margin-bottom: 2rem;
}

.fourStep_item_hr {
    height: 1px;
    background-color: #CFCFCF;
    padding: 0 4rem;
}

@media (max-width: 1199.99px) {
    .fourStep_item_hr {
        padding: 0 3rem;
    }

    .fourStep_row .fourStep_item {
        background-size: 4rem;
        padding: 4rem 1.5rem 0;
    }

    .fourStep_item > img {
        width: 8rem;
    }
}

@media (max-width: 991.99px) {
    .fourStep_row {
        padding-top: 0rem;
    }

    .fourStep_row .fourStep_item {
        padding: 4rem 0.5rem 0;
        background-size: 3.5rem
    }
}

@media (max-width: 575.99px) {
    .fourStep_item_hr {
        display: none;
    }

    .fourStep_item {
        padding: 3rem 0 0 !important;
        background-size: 2.5rem !important;
    }

    .fourStep_item > img {
        width: 6rem;
        margin-bottom: 1rem;
    }
}

/*---------------------solutionForBeam.html-----------------------*/
/*banner*/
@media (max-width: 575.99px) {
    #solutionbanner .beambanner_text {
        bottom: 0% !important;
    }
}

/*goals*/
.goals {
    background: url(../imgs/goals_bg.png) no-repeat center center;
    background-size: cover;
}

.goals_row {
    padding-top: 4rem;
}

.goals_item {
    color: #fff;
    justify-content: flex-start;
    padding: 0 3rem;
}

#liangChang_goal .goals_item {
    padding: 2rem 3rem;
}

.goals_item img {
    width: 7rem;
    margin-right: 2rem;
}

.goals_row > div:nth-of-type(3), .goals_row > div:nth-of-type(4), .goals_row > div:nth-of-type(5), .goals_row > div:nth-of-type(6) {
    margin-top: 3rem;
}

@media (max-width: 1199.99px) {
    .goals_item {
        padding: 2rem 1rem;
    }
}

@media (max-width: 575.99px) {
    .goals_row {
        padding-top: 2rem;
    }

    .goals_row > div:nth-of-type(3), .goals_row > div:nth-of-type(4), .goals_row > div:nth-of-type(5), .goals_row > div:nth-of-type(6) {
        margin-top: 2rem;
    }

    .goals_item {
        padding: 0.5rem 0;
        /*  flex-wrap: wrap;*/
    }

    .goals_item img {
        width: 4rem;
        margin-right: 1rem;
    }
}

/*beamProcess*/

/*dataIntegration*/
.dataIntegration {
    background: url(../imgs/dataIntegration_bg.png) no-repeat center center;
    background-size: cover;
}

.integration {
    background: url(../imgs/integration_bg.png) no-repeat center center;
    background-size: cover;
}

.integration_title {
    padding-top: 3rem;
    width: 60%;
    margin: 0 auto;
    border-bottom: 1px solid rgba(151, 151, 151, 0.3);
}

.integration_text {
    width: 60%;
    margin: 0 auto;
    height: 46rem;
    position: relative;
}

.integration_title > h4 {
    display: inline-block;
    padding: 1rem 2rem;
    margin: 0;
    border-bottom: 2px solid rgba(51, 92, 241, 1);
}

.integration_text p {
    font-size: 1.14rem;
    position: absolute;
}

.integration_text p:nth-of-type(1) {
    color: rgba(52, 181, 222, 1);
    top: 34%;
    left: 4%
}

.integration_text p:nth-of-type(2) {
    color: rgba(88, 230, 226, 1);
    top: 23%;
    left: 13%;
}

.integration_text p:nth-of-type(3) {
    color: rgba(124, 139, 247, 1);
    top: 38%;
    left: 28%;
}

.integration_text p:nth-of-type(4) {
    color: rgba(28, 143, 246, 1);
    top: 29%;
    right: 37%;
}

.integration_text p:nth-of-type(5) {
    color: rgba(52, 181, 222, 1);
    top: 21%;
    right: 23%;
}

.integration_text p:nth-of-type(6) {
    color: rgba(88, 230, 226, 1);
    top: 40%;
    right: 9%;
}

@media (max-width: 1199.99px) {
    .integration_text {
        width: 71%;
    }
}

@media (max-width: 991.99px) {
    .integration_text {
        width: 82%;
    }
}

@media (max-width: 575.99px) {
    .integration_title {
        padding-top: 0;
    }

    .integration_text {
        height: 26rem;
        width: 100%;
    }

    .integration_text p:nth-of-type(1) {
        top: 30%;
        left: 7%;
    }

    .integration_text p:nth-of-type(2) {
        top: 19%;
        left: 14%;
    }

    .integration_text p:nth-of-type(3) {
        top: 34%;
        left: 27%;
    }

    .integration_text p:nth-of-type(4) {
        top: 25%;
        right: 34%;
    }

    .integration_text p:nth-of-type(5) {
        top: 16%;
        right: 23%;
    }

    .integration_text p:nth-of-type(6) {
        top: 36%;
        right: 11%
    }
}

/*---------------------solutionForStructure.html-----------------------*/
/*banner*/
#solutionbanner .structurebanner_text {
    bottom: 25%;
}

@media (max-width: 1600px) {
    #solutionbanner .structurebanner_text {
        bottom: 16%;
    }
}

@media (max-width: 1199.99px) {
    #solutionbanner .structurebanner_text {
        bottom: 22%;
    }
}

@media (max-width: 575.99px) {
    #solutionbanner .structurebanner_text {
        bottom: 10%;
    }
}

/*structure_goals*/
.structure_goals {
    background: url(../imgs/structure_goals_bg.png) no-repeat center center;
    background-size: cover;
}

.structure_goals_row {
    padding-top: 4rem;
}

.structure_goals_item img {
    width: 6.4rem;
}

@media (max-width: 575.99px) {
    .structure_goals_row {
        padding-top: 3rem;
    }

    .structure_goals_item img {
        width: 5rem;
    }

    .structure_goals_row > div:nth-of-type(odd) {
        padding-right: 7px;
    }

    .structure_goals_row > div:nth-of-type(even) {
        padding-left: 8px;
    }

    .structure_goals_item p {
        padding: 0 1rem;
        min-height: 5.2rem;
    }

    .structure_goals_row > div:nth-of-type(3),
    .structure_goals_row > div:nth-of-type(4) {
        margin-top: 2rem;
    }
}

/*实时监测*/
.monitor {
    background: url(../imgs/monitor_bg.png) no-repeat center center;
    background-size: cover;
}

.monitor_row {
    padding-top: 4rem;
}

.monitor_card {
    box-shadow: 0px 1rem 2rem 0px rgba(0, 0, 0, 0.09);
    background-color: #fff;
}

.monitor_left, .monitor_right {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    min-height: 1px;
}

.monitor_card .monitor_left {
    min-height: 33rem;
    overflow: hidden;
}

.monitor_left .monitor_img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    -webkit-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}

.monitor_card .monitor_right {
    padding: 0 7rem;
}

.monitor_right_ul li {
    text-align: center;
}

.monitor_right_ul li a {
    display: block;
    height: 4rem;
}

.monitor_right_ul li:nth-of-type(1) a {
    background: url(../imgs/monitor_right_icon1.png) no-repeat center center;
    background-size: contain;
}

.monitor_right_ul li:nth-of-type(2) a {
    background: url(../imgs/monitor_right_icon2.png) no-repeat center center;
    background-size: contain;
}

.monitor_right_ul li:nth-of-type(3) a {
    background: url(../imgs/monitor_right_icon3.png) no-repeat center center;
    background-size: contain;
}

.monitor_right_ul li:nth-of-type(4) a {
    background: url(../imgs/monitor_right_icon4.png) no-repeat center center;
    background-size: contain;
}

.monitor_right_ul li p {
    margin: 1rem 0;
}

.monitor_right_ul li.active:nth-of-type(1) a {
    background: url(../imgs/monitor_right_icon1_hover.png) no-repeat center center;
    background-size: contain;
}

.monitor_right_ul li.active:nth-of-type(2) a {
    background: url(../imgs/monitor_right_icon2_hover.png) no-repeat center center;
    background-size: contain;
}

.monitor_right_ul li.active:nth-of-type(3) a {
    background: url(../imgs/monitor_right_icon3_hover.png) no-repeat center center;
    background-size: contain;
}

.monitor_right_ul li.active:nth-of-type(4) a {
    background: url(../imgs/monitor_right_icon4_hover.png) no-repeat center center;
    background-size: contain;
}

.monitor_right_ul li.active p {
    color: #4285F4 !important;
}

@media (max-width: 1199.99px) {
    .monitor_card .monitor_left {
        min-height: 29.5rem;
    }

    .monitor_card .monitor_right {
        padding: 0 3rem;
    }
}

@media (max-width: 991.99px) {
    .monitor_card .monitor_left {
        min-height: 24rem;
    }

    .monitor_card .monitor_right {
        padding: 0 2rem;
    }
}

@media (max-width: 575.99px) {
    .monitor_row {
        padding-top: 2rem;
    }

    .monitor_card {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .monitor_card .monitor_left {
        min-height: 20rem;
        margin-bottom: 2rem;
    }

    .monitor_left, .monitor_right {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%;
        margin-top: 2rem;
    }

    .monitor_left {
        order: 1;
    }

    .monitor_left .monitor_img {
        padding: 0 2rem;
    }
}

/*dataAnalysis*/
.dataAnalysis {
    background: url(../imgs/dataAnalysis_bg.png) no-repeat center center;
    background-size: cover;
}

/*---------------------solutionForMaterial.html-----------------------*/
/*banner*/
#solutionbanner .materialbanner_text {
    bottom: 32%;
}

@media (max-width: 1440px) {
    #solutionbanner .materialbanner_text {
        bottom: 26%;
    }
}

@media (max-width: 575.99px) {
    #solutionbanner .materialbanner_text {
        bottom: 17%;
    }
}

/*strengths 核心优势*/
.strengths {
    background: url(../imgs/strengths_bg.png) no-repeat center center;
    background-size: cover;
    height: 35rem;
    position: relative;
}

.strengths_container {
    background: #fff;
    box-shadow: 0px 12px 27px 0px rgba(0, 0, 0, 0.09);
    border-radius: 6px;
    padding: 5rem 2rem;
    position: absolute;
    top: -6rem;
    left: 0;
    right: 0;
}

.strengths_row {
    padding-top: 4rem;
}

.strengths_item img {
    width: 6rem;
}

.strengths_item p {
    padding: 0 3rem;
}

@media (max-width: 992px) {
    .strengths_container {
        top: -2rem;
    }

    .strengths_item p {
        padding: 0 0.5rem;
    }
}

@media (max-width: 575.99px) {
    .strengths {
        height: 16rem;
    }

    .strengths_container {
        padding: 2rem 2rem 1rem;
        width: 90%;
    }

    .strengths_row {
        padding-top: 1rem;
    }

    .strengths_item img {
        width: 4rem;
    }

    .strengths_item p {
        display: none;
    }
}

/*multi-dimensional*/
.multi-dimensional {
    background: url(../imgs/dimensional_bg.png) no-repeat center center;
    background-size: cover;
    padding-top: 8rem;
}

.dimensional_item {
    padding: 3rem 0;
}

.dimensional_item img {
    width: 5.5rem;
}

.dimensional_item h4 {
    margin: 1rem 0;
}

@media (max-width: 575.99px) {
    .multi-dimensional {
        padding-top: 4rem;
    }

    .dimensional_item {
        padding: 1rem 0;
    }

    .dimensional_item img {
        width: 4rem;
    }
}

/*feature*/
.feature {
    background: url(../imgs/feature_bg.png) no-repeat center center;
    background-size: cover;
    padding-bottom: 3rem;
}

.feature_row {
    padding-top: 4rem;
}

.feature_row .feature_item {
    background: #fff;
    box-shadow: 0px 5px 16px 0px rgba(145, 160, 180, 0.2);
    padding: 2.5rem 1.5rem;
    margin-bottom: 30px;
}

.feature_item img {
    width: 4.5rem;
    margin-right: 1.5rem;
}

.feature_item p {
    min-height: 5.5rem;
}

@media (max-width: 575.99px) {
    .feature_row {
        padding-top: 2rem;
    }

    .feature_item img {
        width: 4rem;
    }

    .feature_item p {
        min-height: auto;
    }

    .feature_row > div:last-child .feature_item {
        margin-bottom: 0;
    }
}

/*---------------------cooperation.html-----------------------*/
/*bannenr*/
.cooperationbanner_text {
    bottom: 16%;
}

.cooperationbanner_text h2 {
    font-size: 3.86rem;
    letter-spacing: 0.375rem;
    margin: 2rem 0 1rem;
}

.cooperationbanner_text p {
    font-size: 1.5rem;
    letter-spacing: 0.125rem;
}

.cooperationbanner_text .banner_link {
    background-color: #fd8824
}

@media (max-width: 1600px) {
    .cooperationbanner_text h2 {
        font-size: 3.2rem;
    }

    .cooperationbanner_text p {
        font-size: 1.3rem;
        letter-spacing: 0.1rem;
    }

    .cooperationbanner_text {
        bottom: 9%;
    }
}

@media (max-width: 1199.99px) {
    .cooperationbanner_text h2 {
        font-size: 2.3rem;
    }

    .cooperationbanner_text p {
        font-size: 1.2rem;
    }

    .cooperationbanner_text {
        bottom: 16%;
    }

}

@media (max-width: 575.99px) {
    .cooperationbanner_text {
        bottom: 4%;
    }

    .cooperationbanner_text h2 {
        font-size: 2.4rem;
    }

    .cooperationbanner_text p {
        font-size: 1.2rem;
        letter-spacing: 0.1rem;
    }
}

/*prospect 合作前景*/
.prospect_row {
    padding-top: 4rem;
}

.prospect_item .prospect_title {
    border-radius: 10px 10px 0px 0px;
}

.prospect_item .prospect_title h4 {
    padding: 1em 0;
    margin: 0;
}

.prospect_row > div:nth-of-type(1) .prospect_item .prospect_title {
    background: -webkit-linear-gradient(43deg, rgba(239, 141, 108, 1) 0%, rgba(239, 160, 98, 1) 100%);
    background: -o-linear-gradient(43deg, rgba(239, 141, 108, 1) 0%, rgba(239, 160, 98, 1) 100%);
    background: -moz-linear-gradient(43deg, rgba(239, 141, 108, 1) 0%, rgba(239, 160, 98, 1) 100%);
    background: linear-gradient(133deg, rgba(239, 141, 108, 1) 0%, rgba(239, 160, 98, 1) 100%);
}

.prospect_row > div:nth-of-type(2) .prospect_item .prospect_title {
    background: -webkit-linear-gradient(43deg, rgba(122, 92, 240, 1) 0%, rgba(136, 93, 209, 1) 100%);
    background: -o-linear-gradient(43deg, rgba(122, 92, 240, 1) 0%, rgba(136, 93, 209, 1) 100%);
    background: -moz-linear-gradient(43deg, rgba(122, 92, 240, 1) 0%, rgba(136, 93, 209, 1) 100%);
    background: linear-gradient(133deg, rgba(122, 92, 240, 1) 0%, rgba(136, 93, 209, 1) 100%);
}

.prospect_row > div:nth-of-type(3) .prospect_item .prospect_title {
    background: -webkit-linear-gradient(43deg, rgba(112, 166, 246, 1) 0%, rgba(111, 191, 249, 1) 100%);
    background: -o-linear-gradient(43deg, rgba(112, 166, 246, 1) 0%, rgba(111, 191, 249, 1) 100%);
    background: -moz-linear-gradient(43deg, rgba(112, 166, 246, 1) 0%, rgba(111, 191, 249, 1) 100%);
    background: linear-gradient(133deg, rgba(112, 166, 246, 1) 0%, rgba(111, 191, 249, 1) 100%);
}

.prospect_info {
    padding: 1rem 3rem;
    border-radius: 0px 0px 0.25rem 0.25rem;
}

.prospect_info img {
    width: 4rem;
    margin: 0 auto 1rem;
}

.prospect_info p {
    min-height: 6rem;
}

@media (max-width: 1199.99px) {
    .prospect_info p {
        min-height: 7.5rem;
    }
}

@media (max-width: 991.99px) {
    .prospect_info {
        padding: 1rem 1.5rem;
    }

    .prospect .title p {
        width: 100% !important;
    }
}

@media (max-width: 575.99px) {
    .prospect_row {
        display: none;
    }

    .mobile_prospect_item {
        text-align: center;
        margin-top: 1rem;
    }

    .mobile_prospect_item img {
        width: 5rem;
        margin: 1rem 0;
    }
}

/*agent*/
.agency {
    background: url(../imgs/agency_bg.png) center center no-repeat;
    background-size: cover;
    padding: 6rem 0;
}

.agency_row {
    padding-top: 4rem;
}

.agency_row .agency_item {
    padding: 4rem 4rem;
}

.agency_row .agency_item img {
    width: 6.5rem;
}

.agency_row .agency_item h4 {
    padding: 2rem 0;
}

@media (max-width: 1199.99px) {
    .agency_row .agency_item {
        padding: 2rem;;
    }
}

@media (max-width: 991.99px) {
    .agency {
        padding: 5rem 0 3rem;
    }

    .agency_row {
        padding-top: 2rem;
    }
}

@media (max-width: 575.99px) {
    .agency_row .agency_item h4 {
        padding: 1.2rem 0;
    }

    .agency_row .agency_item img {
        width: 5rem;
    }

    .agency_item p {
        padding: 0 3rem;
    }
}

/*qualification*/
.qualification {
    padding-top: 8rem;
}

.qualification_all {
    margin-left: -15px;
    margin-right: -15px;
}

.qualification_left, .qualification_right {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.qualification_left {
    background: url(../imgs/qualification_left.png) left bottom no-repeat;
    background-size: 25%;
}

.qualification_ul {
    padding: 3rem 0;
}

.qualification_ul li::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #2F6EE6;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 1rem;
}

.qualification_ul li {
    margin-bottom: 1rem;
}

.qualification_right {
    text-align: center;
}

@media (max-width: 575.99px) {
    .qualification {
        padding: 3rem 0;
    }

    .qualification_all {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }

    .qualification_left, .qualification_right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .qualification_right {
        margin-top: 3rem;
    }

    .qualification_ul {
        padding: 2rem 0;
    }

    .qualification_right img {
        width: 80%;
        margin: 0 auto;
    }
}

/*agent_process*/
.agentProcess {
    background: url(../imgs/agent_process_bg.png) left bottom no-repeat;
    background-size: cover;
}

.agentProcess_row .fourStep_item:nth-of-type(1) {
    background-image: url(../imgs/agentProcess_item_one.png);
}

.agentProcess_row .fourStep_item:nth-of-type(2) {
    background-image: url(../imgs/agentProcess_item_two.png);
}

.agentProcess_row .fourStep_item:nth-of-type(3) {
    background-image: url(../imgs/agentProcess_item_three.png);
}

.agentProcess_row .fourStep_item:nth-of-type(4) {
    background-image: url(../imgs/agentProcess_item_four.png);
}

.agentProcess_row .fourStep_item_hr {
    background-color: #8187A1;
}

/*agent_goto*/
.agent_goto {
    background: url(../imgs/agent_goto_bg.png) left bottom no-repeat;
    background-size: cover;
}

.agent_goto p {
    color: #797979;
}

.agent_goto .goto_link button {
    background-color: #2F6EE6;
    border: 1px solid #2F6EE6;
}

.case_agent {
    background: url(../imgs/case_agent.png) center center no-repeat;
    background-size: cover;
    padding: 3rem 0;
}

/*---------------------onTrial.html-----------------------*/

/*banner*/
#frombanner .frombanner_text {
    bottom: 33%;
}

#frombanner .frombanner_text h2 {
    font-size: 3.86rem;
}

#frombanner .frombanner_text p {
    font-size: 1.5rem;
}

/*表单*/
.form_content {
    margin-top: -8rem;
    padding-bottom: 5rem;
    background: #F6F9FC;
}

.form_content .card {
    box-shadow: 0px 1.2rem 2rem 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border: 0;
}

.submit_form {
    padding: 4rem 4rem 1.25rem;
    font-size: 1.285rem
}

.submit_form fieldset legend {
    font-size: 1.86rem;
    padding: 1.25rem 0;
    margin-bottom: 4rem;
}

.submit_form_group {
    width: 80%;
    margin: 0 auto 2rem;
}

.submit_form_group .col-form-label {
    text-align: right;
    color: #797979;
}

.submit_form_group .col-form-label label {
    position: relative;
    padding: 0 0.5rem;
}

.submit_form_group .form-control {
    font-size: 1.285rem;
    padding: 0.5rem 1rem;
    border: 1px solid #E7E7E7;
    background-clip: content-box;
}

.submit_form_group .text-must {
    position: absolute;
    color: rgba(255, 99, 67, 1);
    top: -10px;
    right: -4px;
    font-size: 1.5rem;
}

.form-control:focus {
    color: #333;
    background-color: #fff;
    border: 1px solid #2F6EE6;
    outline: 0;
    box-shadow: none;
}

.goto_submit button {
    color: #fff;
    background-color: #2F6EE6;
    border-color: #2F6EE6;
}

.form_tel, .form_tel a {
    color: #929292;
    font-size: 1.143rem;
}

#noText, #noSelect, #WorngText {
    font-size: 1.143rem;
    color: #FF6343;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}

#noText img, #noSelect img, #WorngText img {
    height: 0.786rem;
    margin-right: 0.35rem;
}

@media (max-width: 1366.99px) {
    #frombanner .frombanner_text h2 {
        font-size: 3.43rem;
    }

    #frombanner .frombanner_text p {
        font-size: 1.285rem;
    }

    .submit_form fieldset legend {
        font-size: 1.5rem;
    }

    .submit_form {
        font-size: 1.2rem;
    }

    .multiselect.btn-light {
        font-size: 1.2rem !important;
    }

    .submit_form_group .form-control {
        font-size: 1.2rem;
    }
}

@media (max-width: 1199.99px) {
    .submit_form_group {
        width: 85%;
    }
}

@media (max-width: 991.99px) {
    .submit_form_group {
        width: 100%;
    }

    .form_content {
        margin-top: -6rem;
    }
}

@media (max-width: 767.99px) {
    .submit_form_group .col-form-label {
        text-align: left;
    }
}

@media (max-width: 575.99px) {
    #frombanner .frombanner_text {
        right: 15px;
        left: 15px;
    }

    #frombanner .frombanner_text h2 {
        font-size: 2.6rem;
    }

    .form_content {
        padding-bottom: 3rem;
    }

    .submit_form_group .text-must {
        left: -4px;
        right: auto;
    }

    .submit_form {
        padding: 4rem 2.25rem 1.25rem;
    }
}

/*radio*/
.submit_form_group input[type=radio] {
    visibility: hidden;
    width: 1.285rem;
    height: 1.285rem;
}

.uniform-choice span {
    border: 1px solid #C8C8C8;
    display: inline-block;
    text-align: center;
    position: relative;
    border-radius: 100px;
    -webkit-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}

.uniform-choice span.checked {
    border: 1px solid #A1BEF4;
}

.uniform-choice, .uniform-choice input, .uniform-choice span {
    width: 1.285rem;
    height: 1.285rem;
}

@media screen and (prefers-reduced-motion: reduce) {
    .uniform-choice span {
        -webkit-transition: none;
        transition: none;
    }
}

.uniform-choice span.checked:after {
    opacity: 1;
    background: #2F6EE6;
}

.uniform-choice span:after {
    content: "";
    position: absolute;
    width: 0.86rem;
    height: 0.86rem;
    border-radius: 50%;
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -0.43rem;
    margin-top: -0.43rem;
    opacity: 0;
    -webkit-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
}

.uniform-choice input[type=radio] {
    border: 0;
    background: none;
    display: inline-block;
    margin: 0;
    cursor: pointer;
    position: absolute;
    top: -1px;
    left: -1px;
    visibility: visible;
    opacity: 0;
    z-index: 2;
}

.form-check-inline .uniform-choice {
    margin-right: .625rem;
}

/*select2*/
.select2-container {
    outline: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: fixed !important;
    width: 1px !important;
}

.select2-selection--single {
    cursor: pointer;
    outline: 0;
    display: block;
    padding: 0.4375rem 0;
    line-height: 1.5385;
    color: #333;
    position: relative;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0.1875rem;
    -webkit-transition: all ease-in-out 0.15s;
    transition: all ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    /*为系统首选项中指定优先减少运动的用户创建避免运动的样式*/
    .select2-selection--single {
        -webkit-transition: none;
        transition: none;
    }
}

.select2-selection--single:hover,
.select2-selection--single:focus,
.select2-container--open .select2-selection--single {
    box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.01) inset;
}

.select2-selection--single:not([class*=bg-]) {
    background-color: #fff;
}

.select2-selection--single:not([class*=bg-]):not([class*=border-]) {
    border-color: rgba(231, 231, 231, 1);
}

.select2-selection--single[class*=bg-]:hover,
.select2-selection--single[class*=bg-]:focus,
.select2-container--open .select2-selection--single[class*=bg-] {
    box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.04) inset;
}

.select2-selection--single[class*=bg-] .select2-selection__placeholder {
    color: #fff;
}

.select2-container--disabled .select2-selection--single[class*=bg-] .select2-selection__placeholder {
    color: rgba(255, 255, 255, 0.75);
}

.select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0.875rem;
    padding-right: 2.375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-selection--single .select2-selection__rendered > i {
    margin-right: 0.625rem;
}

.select2-selection--single .select2-selection__clear {
    position: relative;
    cursor: pointer;
    float: right;
    font-size: 0;
    line-height: 1;
    margin-top: 0.12502rem;
    margin-left: 0.625rem;
    opacity: 0.75;
    -webkit-transition: opacity ease-in-out 0.15s;
    transition: opacity ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .select2-selection--single .select2-selection__clear {
        -webkit-transition: none;
        transition: none;
    }
}

.select2-selection--single .select2-selection__clear:hover {
    opacity: 1;
}

.select2-selection--single .select2-selection__clear:after {
    content: '\ed6b';
    font-family: "icomoon";
    display: inline-block;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.select2-selection--single .select2-selection__placeholder {
    color: #c8c8c8;
}

.select2-selection--single .select2-selection__arrow:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    position: absolute;
    top: 50%;
    right: .875rem;
    margin-top: -.34375rem;
    text-align: right;
    color: #c8c8c8;
}

.select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--disabled .select2-selection--single {
    cursor: default;
    box-shadow: none;
}

.select2-container--disabled .select2-selection--single:not([class*=bg-]) {
    color: #999;
    background-color: #fafafa;
}

.select2-container--disabled .select2-selection--single[class*=bg-] {
    opacity: 0.75;
    box-shadow: none;
}

.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-results {
    display: block;
    font-size: 1.2rem;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results > .select2-results__options {
    padding-bottom: 0.5rem;
    /*max-height: 280px;*/
    overflow-y: auto;
}

.select2-search--hide + .select2-results > .select2-results__options {
    padding-top: 0.5rem;
}

.select2-results:first-child > .select2-results__options {
    padding-top: 0.5rem;
}

.select2-results__option {
    padding: 0.5rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all ease-in-out 0.15s;
    transition: all ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .select2-results__option {
        -webkit-transition: none;
        transition: none;
    }
}

.select2-results__option + .select2-results__option {
    margin-top: 1px;
}

.select2-results__option i {
    margin-right: 0.625rem;
}

.select2-results__option i.icon-undefined {
    display: none;
}

.select2-results__option[role=group] {
    padding: 0;
}

.select2-results__option.select2-results__option--highlighted {
    background-color: #f5f5f5;
    color: #333;
}

.select2-results__option[aria-disabled=true] {
    color: #999;
    cursor: default;
}

.select2-dropdown[class*=bg-] .select2-results__option[aria-disabled=true] {
    color: rgba(255, 255, 255, 0.6);
}

.select2-results__option[aria-selected=true] {
    color: #fff;
    background-color: #2F6EE6;
}

.select2-results__options--nested > .select2-results__option {
    padding-left: 2rem;
    padding-right: 2rem;
}

.select2-results__group {
    display: block;
    padding: 0.5rem 1rem;
    cursor: default;
    font-weight: 500;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.select2-results__option:first-child > .select2-results__group {
    margin-top: 0;
}

.select2-results__message {
    color: #999;
    cursor: default;
}

.select2-dropdown[class*=bg-] .select2-results__message {
    color: rgba(255, 255, 255, 0.75);
}

.select2-results__option.loading-results {
    padding-top: 0;
}

.select2-results__option.loading-results + .select2-results__option {
    margin-top: 0.5rem;
}

.select2-results__option--load-more {
    text-align: center;
    margin-top: 0.5rem;
    cursor: default;
}

.select2-dropdown {
    background-color: #fff;
    color: #333;
    border: 1px solid rgba(0, 0, 0, 0.15);
    display: block;
    position: absolute;
    /*rtl:ignore*/
    left: -100000px;
    width: 100%;
    z-index: 1070;
    border-radius: 0.1875rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

.select2-container--open .select2-dropdown {
    /*rtl:ignore*/
    left: 0;
}

.select2-search--dropdown .select2-search__field {
    padding: 0.4375rem 0.875rem;
    padding-left: 2.5625rem;
    border: 1px solid #ddd;
    outline: 0;
    width: 100%;
    border-radius: 0.1875rem;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

/*multiselect*/
.multiselect.btn-light {
    background-color: #fff;
    border-color: rgba(231, 231, 231, 1);
    padding: 0.5rem 1rem;
    font-size: 1.285rem;
}

.multiselect {
    width: 100%;
    text-align: left;
    padding-left: .875rem;
    padding-right: 2.375rem;
    text-transform: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.multiselect:after {
    position: absolute;
    top: 50%;
    right: .875rem;
    margin-top: -.34375rem;
    text-align: right;
    color: #c8c8c8;
}

.multiselect-native-select {
    position: relative;
}

.multiselect-native-select select {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 0 !important;
    left: 0;
    top: 0;
}

select[data-fouc]:not([aria-hidden=false]) {
    height: 2.25003rem;
    opacity: 0;
}

.btn-group.show .multiselect.btn-light {
    background-color: #fff;
    box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, .01) inset;
}

.show > .btn-light.dropdown-toggle {

}

.multiselect-container.dropdown-menu.show {
    font-size: 1.2rem;
}

.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
    bottom: auto;
    right: 0;
}

.multiselect-all {
    font-weight: 500;
}

.multiselect-item input[type=checkbox], .multiselect-item input[type=radio] {
    border: 0;
    background: 0 0;
    display: block;
    margin: 0;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 1rem;
    margin-top: -.625rem;
    opacity: 0;
    z-index: 2;
    width: 1.25rem;
    height: 1.25rem;
}

.multiselect-item input[type=checkbox] ~ .form-check-control-indicator {
    color: #455a64;
    border-radius: .125rem;
    -webkit-transition: border-color ease-in-out .15s, color ease-in-out .15s;
    transition: border-color ease-in-out .15s, color ease-in-out .15s;
}

.multiselect-item input[type=checkbox] ~ .form-check-control-indicator, .multiselect-item input[type=radio] ~ .form-check-control-indicator {
    position: absolute;
    left: 1rem;
    top: 50%;
    margin-top: -.625rem;
    border: .125rem solid #455a64;
    width: 1.25rem;
    height: 1.25rem;
}

.dropdown-item.form-check .form-check-label {
    padding-left: 3.25rem;
}

.dropdown-item.active {
    color: #fff;
    background-color: #2F6EE6;
}

.multiselect-item.active:not(.disabled) input[type=checkbox] ~ .form-check-control-indicator {
    border-color: #fff;
    color: #fff;
}

.multiselect-item input[type=checkbox] ~ .form-check-control-indicator:after {
    content: "\e600";
    font-family: icomoon;
    font-size: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    opacity: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity ease-in-out .15s;
    transition: opacity ease-in-out .15s;
}

.multiselect-item input[type=checkbox]:checked ~ .form-check-control-indicator:after, .multiselect-item input[type=radio]:checked ~ .form-check-control-indicator:after {
    opacity: 1;
}

/*submission*/
.submission {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: none;
    z-index: 999;
}

.submit_info {
    position: fixed;
    width: 38rem;
    margin: 0 auto;
    background: #fff;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    box-shadow: 0rem 1.14rem 2.86rem 0rem rgba(0, 0, 0, 0.1);
}

.submit_info .close_img {
    text-align: right;
}

.submit_info .close_img img {
    width: 1.5rem;
}

.submit_info .submit_txt {

}

.submit_info .submit_txt img {
    width: 7rem;
}

.submit_txt h2 {
    font-size: 2.57rem;
    color: #3975E7;
    margin-top: 3rem;
}

.submit_info p {
    color: #797979;
    margin-bottom: 30px;
}

@media (max-width: 991.99px) {
    .submit_info .submit_txt img {
        width: 6rem;
    }

    .submit_txt h2 {
        font-size: 2rem;
    }
}

@media (max-width: 575.99px) {
    .submit_info {
        width: 80%;
    }

    .submit_info .submit_txt img {
        width: 5rem;
    }

    .submit_txt h2 {
        font-size: 2rem;
        color: #3975E7;
        margin-top: 2rem;
    }
}

/*---------------------about.html-----------------------*/
/*bannner*/
#aboutbanner .solutionbanner_text {
    bottom: 28%;
    left: 15px;
    right: 15px;
}

#aboutbanner .solutionbanner_text p {
    font-size: 1.5rem;
    letter-spacing: 1.275rem;
}

@media (max-width: 1199.99px) {
    #aboutbanner .solutionbanner_text p {
        font-size: 1.2rem;
        letter-spacing: 0.4rem;
    }
}

/*公司简介*/
.company {
    background-color: #F7F9FD;
}

.company_all {
    margin-left: -15px;
    margin-right: -15px;
}

.company_left, .company_right {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.company_left {
    text-align: center;
}

.company_right {
    padding: 0 4rem;
}

.company_right p {
    line-height: 1.7;
    margin-top: 3rem;
}

.company_right i {
    display: block;
    width: 22px;
    height: 4px;
    background-color: #2F6EE6;
    margin-top: 3rem;
}

@media (max-width: 991.99px) {
    .company_right {
        padding: 0;
    }
}

@media (max-width: 575.99px) {
    .company_all {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }

    .company_left, .company_right {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%;
    }

    .company_left {
        order: 2;
        margin-top: 2rem;
    }

    .company_right {
        padding: 0 15px;
    }

    .company_left img {
        width: 80%;
        margin: 0 auto;
    }

    .company_right p {
        margin-top: 2rem;
    }

}

/*研发团队*/
.team_all {
    margin-left: -15px;
    margin-right: -15px;
}

.team_left, .team_right {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.team_left {
    padding: 0 4rem;
}

.team_left p {
    line-height: 1.7;
    margin-top: 3rem;
}

.team_left i {
    display: block;
    width: 22px;
    height: 4px;
    background-color: #2F6EE6;
    margin-top: 3rem;
}

.team_ul li {
    margin: 1rem 0;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.team_ul li span {
    color: #2F6EE6;
}

.team_ul li img {
    width: 4rem;
    margin-right: 2rem;
}

.team_right {
    text-align: center;
}

@media (max-width: 1199.99px) {
    .team_ul li img {
        margin-right: 1rem;
    }
}

@media (max-width: 991.99px) {
    .team_left {
        padding: 0;
    }
}

@media (max-width: 575.99px) {
    .team_all {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }

    .team_left, .team_right {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%;
    }

    .team_left {
        padding: 0 15px;
    }

    .team_left p {
        margin-top: 2rem;
    }

    .team_ul li {
        margin: 0.5rem 0;
    }

    .team_ul li img {
        width: 3.5rem;
    }

    .team_right {
        margin-top: 2rem;
    }

    .team_right img {
        width: 80%;
        margin: 0 auto;
    }
}

/*专注于*/
.focusOn {
    background: -webkit-linear-gradient(rgba(17, 34, 144, 1) 0%, rgba(49, 105, 184, 1) 100%);
    background: -o-linear-gradient(rgba(17, 34, 144, 1) 0%, rgba(49, 105, 184, 1) 100%);
    background: -moz-linear-gradient(rgba(17, 34, 144, 1) 0%, rgba(49, 105, 184, 1) 100%);
    background: linear-gradient(rgba(17, 34, 144, 1) 0%, rgba(49, 105, 184, 1) 100%);
}

.focusOn_row {
    margin-top: -5rem;
}

.focusOn_row .focusOn_item {
    padding: 9rem 0 0;
    text-align: center;
}

.focusOn_item > img {
    width: 7.5rem;
    margin-bottom: 2rem;
}

.focusOn_item_hr {
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 0 4rem;
}

.focusOn_item p {
    color: #ABBDDE;
}

@media (max-width: 1199.99px) {
    .focusOn_item_hr {
        padding: 0 3rem;
    }
}

@media (max-width: 991.99px) {

}

@media (max-width: 575.99px) {
    .focusOn_row {
        margin-top: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .focusOn_item_hr {
        display: none;
    }

    .focusOn_item {
        padding: 3rem 1rem 0 !important;
        flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        max-width: 50%;
    }

    .focusOn_item > img {
        width: 5.5rem;
    }
}

/*联系我们*/
.contact_content {
    background-color: #F6F9FC;
}

.hr_container {
    border-top: 1px solid #E1E6F1;
    margin: 0;
}

@media (max-width: 575.99px) {
    #aboutbanner .solutionbanner_text p {
        font-size: 1.2rem;
    }
}

/*feedback*/
.feedback .submit_form {
    padding: inherit;
    padding-top: 4rem;
}

.about_form_group {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}

.about_form_group .form-control {
    border: 0;
}

@media (max-width: 575.99px) {
    .feedback .submit_form {
        padding-top: 3rem;
    }

    .about_form_group .form-control {
        padding: 0.8rem 1rem;
    }
}

.bg-col-white {
    background-color: white;
}

.border-radiu-4 {
    border-radius: 4px;
}

.bg-gradient {
    background-image: linear-gradient(to bottom, #FAFBFF, #F3F6FF, #E5ECFF);
}

/*.mb-0{margin-bottom: 0px;}*/
/*---------------------news.html-----------------------*/
.news {
    padding-top: 8rem;
    margin-bottom: 5rem;
}

.news_all {
    margin-right: -1.07rem;
    margin-left: -1.07rem;
    height: 15.28rem;
    align-items: flex-start;
    margin-top: 20px;
    margin-bottom: 20px;
}

.news_left, .news_right {
    -webkit-box-flex: 0;
    position: relative;
    width: 100%;
    min-height: 1px;
    height: 15.28rem;
}

.news_left {
    text-align: center;
    width: 25%;
}

.news_left img {
    height: 15.28rem;
    width: 20.428rem;
}

.news_right {
    padding: 0 0 0 1rem;
    display: flex;
    justify-content: space-between;
    width: 70%;
}

.news_right h2 {
    font-size: 1.571rem;
    margin-bottom: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_right p {
    line-height: 1.7rem;
    font-size: 1.142rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.news_right i {
    display: block;
    position: absolute;
    bottom: 0;
    font-size: 1rem;
}

.news_right .left {
    width: 75%;
}

.news_right .arrow {
    width: 4.571rem;
    height: 4.571rem;
    margin-top: 5.355rem;
}

.news hr {
    margin-bottom: 4rem;
    margin-top: 4rem;
}

.news .pages {
    float: right;
    margin-top: -2rem;
    margin-bottom: 5rem;
}

@media (max-width: 991.99px) {
    .news_all, .news_left, .news_right {
        height: 10rem;
    }

    .news_right p {
        -webkit-line-clamp: 3;
    }

    .news_left img {
        width: 100%;
        margin: 0 auto;
        height: 10rem;
    }

    .news hr {
        margin-bottom: 2.7rem;
        margin-top: 2.7rem;
    }

    .news_right .arrow {
        width: 3rem;
        height: 3rem;
        margin-top: 2.5rem;
    }

    .news .pages {
        margin-top: -1rem;
        margin-bottom: 4rem;
    }

    /* .news .layui-laypage a, .news .layui-laypage span{padding: 0 8px;margin-right: 5px;}*/
}

@media (max-width: 575.99px) {
    .news {
        padding-top: 3rem;
    }

    .news_all, .news_left, .news_right {
        height: 7.2rem;
    }

    .news_left {
        order: 0;
    }

    .news_right {
        padding: 0 15px;
    }

    .news_right h2 {
        margin-bottom: 0.3rem;
    }

    .news_left img {
        width: 100%;
        margin: 0 auto;
        height: 7.2rem;
    }

    .news_right p {
        -webkit-line-clamp: 2;
    }

    .news_right .arrow {
        width: 2rem;
        height: 2rem;
        margin-top: 1.714rem;
    }

    .news hr {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .news .pages {
        margin-top: 0rem;
        margin-bottom: 3rem;
        margin-left: -1rem;
        margin-right: -1rem;
    }
}

@media (max-width: 575.99px) {

}

@media (max-width: 991.99px) {

}

@media (max-width: 1199.99px) {

}

/*---------------------newsDetail.html-----------------------*/
.col-blue {
    color: #3772E1;
}

.news .article h3 {
    font-size: 3.142rem;
    text-align: center;
}

.news .article i {
    display: block;
    float: right;
    font-size: 1.285rem;
    margin: 1.428rem 0 2.857rem
}

.news .article p {
    clear: both;
}

.news h4 {
    color: #111111;
    font-size: 2.857rem;
    margin-bottom: 3rem;
}

.previous, .next {
    display: none;
    cursor: pointer;
}

@media (max-width: 575.99px) {
    .news .article h3 {
        font-size: 2.142rem;
    }

    .news .article p {
        font-size: 1.143rem;
    }
}

@media (max-width: 991.99px) {
    .news .article h3 {
        font-size: 2.4rem;
    }

    .news .article p {
        font-size: 1.143rem;
    }

    .news h4 {
        font-size: 2.3rem;
        margin-bottom: 2rem;
    }
}


.news .layui-laypage input:focus, .layui-laypage select:focus {
    border-color: #e2e2e2 !important;
}


/*---------------------roadLeader.html-----------------------*/
.roadLeaderBg {
    background: url(../imgs/roadLeader_bg.png) no-repeat;
    background-size: 100%;
}

.roadLeaderSystem .title {
    margin-top: 20px;
    margin-bottom: 40px;
}

.roadLeaderSystem .Highway_pic2 {
    width: 95%;
}

.roadLeaderSystem > div:last-child {
    padding-left: 100px
}

.roadLeaderSystem p {
    margin-bottom: 20px;
}

.pre_circle {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 57%;
    border: 2px solid #78C3F7;
    box-sizing: border-box;
    margin-right: 10px;
}

.roadLeaderSystem > div:first-child {
    height: 520px;
    overflow: hidden;
}

.bg_gradients {
    height: 150px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

#roadLeader_brightSpot .card {
    box-shadow: 0px 15px 50px rgba(145, 160, 180, 0.1);
    border: 0 !important;
    border-radius: .57rem;
}

#roadLeader_brightSpot .fullCycle_item h4 {
    margin-top: 2.5rem;
}

#roadLeader_brightSpot .fullCycle_item p {
    margin-top: 15px;
    margin-bottom: 0;
    min-height: auto;
}

.roadLeader .fourStep {
    background: linear-gradient(white, #F4F7FF)
}

.roadLeader .fullCycle_item p {
    text-align: center;
}

.roadLeader .fullCycle_item_body {
    padding: 5rem 2.2rem 4.57rem;
}

.roadLeader .card:hover {
    box-shadow: 0px 15px 50px rgba(145, 160, 180, 0.3) !important;
}

.roadLeader .fullCycle_item_body:hover {
    background: transparent;
    border: 0;
}

.roadLeader .fullCycle_item_body:hover h4 {
    color: black !important;
}

.roadLeader .fullCycle_item_body:hover p {
    color: #999 !important;
}

.roadLeader .icompetitive_item {
    border: 0 !important;
}

.roadLeader .icompetitive_img {
    width: 4.28rem;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-10 {
    margin-bottom: 10px;
}

.bg-col-gray1 {
    background-color: #FAFAFA;
}

.position-r {
    position: relative;
}

.roadLeader .icompetitive_info {
    padding: 2.71rem 3rem;
    background: #FFFFFF;
    margin-bottom: 2.14rem;
    box-shadow: 0 5px 10px rgba(145, 160, 180, 0.1);
}

.roadLeader .aboutPlatform {
    padding-top: 8rem;
}

.home_scenario {
    background: url(../imgs/home_scenario_bg.png) center center no-repeat;
    background-size: cover;
    padding-bottom: 2rem;
}

.home_scenario .col-md-1-5 {
    max-width: 20%;
    flex: 0 0 20%;
}
.home_scenario_item {
    background-color: red !important;
}

/*.home_scenario_left {*/
/*    display: none !important;*/
/*}*/

@media (max-width: 991.99px) {
    .home_scenario .col-md-1-5 {
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }

    .home_scenario_left {
        display: none !important;
    }
}

@media (max-width: 767.99px) {
    .home_scenario .col-md-1-5 {
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }

    .home_scenario_left {
        display: none !important;
    }
}

.home_ecology .server {
    border-right: 1px solid rgba(22, 107, 206, 0.3); border-left: 1px solid rgba(22, 107, 206, 0.3);
}


@media (max-width: 767.99px) {
    .home_ecology .server {
        border: none;
    }

    .home_ecology>div {
        margin-bottom: 4rem;
    }
}

@media (max-width: 1199.99px) {
    .home_solve_item {
        margin-top: 3rem;
    }
    .home_solve_left_item {
        margin: 0rem 0rem 3rem 1rem;
    }
}


.home_solve {
    background: url(../imgs/home_solve_bg.png) center center no-repeat;
    background-size: cover;
    padding-bottom: 2rem;
}

.home_core_img {
    width: 13.428rem;
    height: 13.428rem;
}

.home_core_item {
    padding: 2rem 0rem;
}

.point-cursor {
    cursor:pointer;
}