@charset "utf-8";
    .chunkDec .teseItem,
    .fourItem,
    .text-center,
    p.sale10 {
        text-align: center
    }
    
    .CEO,
    .banner .list,
    .carItem,
    .carItem .floatEle,
    .caseBox .swiper-button-next,
    .caseBox .swiper-button-prev,
    .chunkDec .tagBox,
    .chunkDec .teseItem,
    .fixBar .banxin,
    .footerbanxin,
    .solution,
    .solution_btn_download,
    .solution_input,
    .videoBox .playBox {
        box-sizing: border-box
    }
    
    .chunkDec .teseItem,
    .fourChunk {
        box-shadow: 0 8px 25px 0 rgba(30, 46, 104, .08)
    }
    
    .banner .register-btn,
    .carType,
    .caseBox .logos,
    .chunkDec>ul,
    .downLoadManageChl,
    .fourList,
    .registerBtn,
    .sl1 {
        overflow: hidden
    }
    
    .fixBar .barText>span,
    .footerbanxin .fr>div>span,
    .optionsBox .btnApp>span,
    .optionsBox .item>h5>span,
    .qCodeIcon,
    .viewCity>span {
        vertical-align: middle
    }
    
    body,
    html {
        color: #434343;
        font-size: 16px;
        font-weight: lighter;
        overflow-x: hidden;
    }
    
    h1 {
        font-weight: 400
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #000
    }
    
    .banxin {
        width: 1200px;
        margin: 0 auto
    }
    
    .w100 {
        width: 100%
    }
    
    .fr {
        float: right
    }
    
    .swiper1 {
        position: relative
    }
    
    .banner .link {
        display: block
    }
    
    .add,
    .optionsBox>.item,
    .qCodeIcon {
        display: inline-block
    }
    
    .banner .list {
        color: #fff;
        height: 524px
    }
    
    .banner .slogin {
        margin-top: 90px
    }
    
    .banner .slogin>h2 {
        font-size: 48px;
        color: #FFF;
        line-height: 68px;
        margin: 12px 0 4px
    }
    
    .banner .slogin>.fz22 {
        font-size: 14px;
        color: #FFF;
        letter-spacing: 1px
    }
    
    .banner .slogin>.description {
        font-size: 24px;
        color: #FFF;
        line-height: 32px;
        margin-bottom: 46px
    }
    
    .banner .register-btn {
        display: inline-block;
        width: 200px;
        height: 50px;
        line-height: 50px;
        color: #fff;
        font-size: 16px;
        text-align: center;
        border-radius: 2px
    }
    
    .btnBox,
    .btnBoxTop,
    .btnHover,
    p.sale10 {
        display: block
    }
    
    .btnBoxTop {
        background-color: #3d8ff4;
        color: #fff;
        border: 0
    }
    
    .btnBox,
    .btnBoxTop {
        -webkit-transition: transform .5s;
        -moz-transition: transform .5s;
        -o-transition: transform .5s;
        transition: transform .5s
    }
    
    .btnBox:hover,
    .btnBoxTop:hover {
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
    
    .sl1-box {
        position: absolute;
        bottom: 90px;
        height: 10px;
        width: 100%;
        z-index: 10
    }
    
    .chunkBox,
    .chunkDec,
    .fourChunk {
        position: relative
    }
    
    .sl1 {
        width: 150px;
        margin: 0 auto;
        background-color: rgba(255, 255, 255, .4)
    }
    
    .sl1 .swiper-pagination-bullet {
        float: left;
        width: 50px;
        height: 2px;
        border-radius: 0
    }
    
    .sl1 .swiper-pagination-bullet-active {
        background-color: rgba(255, 255, 255, 1)
    }
    
    .fourChunk {
        background-color: #fff;
        margin-top: -60px!important;
        top: -20px;
        z-index: 20
    }
    
    .fourList {
        margin: 0 auto;
        width: 1040px;
        padding: 40px 0
    }
    
    .fourItem {
        float: left;
        margin: 0 30px;
        width: 200px;
        height: 160px
    }
    
    .fourItem>img {
        width: 100px;
        margin-bottom: 10px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }
    
    .fourItem .ch2,
    .fourItem .en {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        color: #333
    }
    
    .fourItem:hover>img {
        width: 50px
    }
    
    .fourItem .ch {
        font-size: 18px;
        color: #333;
        letter-spacing: 2px;
        margin-bottom: 6px;
        line-height: 25px;
        font-weight: 500
    }
    
    .fourItem .en {
        font-size: 9px;
        transition: all .5s;
        opacity: 1
    }
    
    .fourItem .ch2 {
        font-size: 12px;
        line-height: 18px;
        transition: all .5s;
        opacity: 0
    }
    
    .fourItem:hover .en {
        opacity: 0
    }
    
    .fourItem:hover .ch2 {
        opacity: 1
    }
    
    .chunkBox {
        height: 572px;
    }
    
    .chunkDec {
        padding: 60px 0 80px;
        width: 50%;
        z-index: 12
    }
    
    .chunkDec>h3 {
        font-size: 45px;
        color: #333;
        line-height: 63px
    }
    
    .chunkDec>ol {
        font-size: 18px;
        color: #333;
        line-height: 30px;
        margin-top: 10px;
        margin-bottom: 70px
    }
    
    .chunkDec>p {
        font-size: 18px;
        color: #333;
        line-height: 18px;
        margin-bottom: 20px;
        font-weight: 600;
    }
    
    .chunkDec .tagBox .tagText,
    .chunkDec .teseItem>p {
        font-size: 14px;
        line-height: 20px;
        color: #333
    }
    
    .chunkDec>ul {
        height: 160px
    }
    
    .chunkDec .teseItem {
        float: left;
        height: 136px;
        width: 136px;
        padding-top: 34px;
        margin-right: 20px;
        background: #FFF
    }
    
    .chunkDec .tagBox {
        width: 532px;
        padding: 10px 16px;
        position: absolute;
        bottom: 18px;
        left: 0;
        background: #DAE1EC;
        text-align: left;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        opacity: 0
    }
    
    .chunkDec .tagBox.show {
        opacity: 1
    }
    
    .chunkDec .tagBox .arrowTop {
        position: absolute;
        top: -12px;
        left: 68px;
        border: 6px solid transparent;
        border-bottom-color: #DAE1EC
    }
    
    .chunkDec .tagBox .arrowTop1 {
        left: 68px
    }
    
    .chunkDec .tagBox .arrowTop2 {
        left: 218px
    }
    
    .chunkDec .tagBox .arrowTop3 {
        left: 368px
    }
    
    .chunkDec .teseItem>img {
        width: 44px
    }
    
    .chunkDec .teseItem>p {
        margin-top: 7px
    }
    
    .chunkImg,
    .chunkImg2 {
        background: #F3F4F5;
        width: 100%;
        top: 0;
        height: 100%;
        position: absolute;
        border-bottom: 1px solid #F3F4F5;
        z-index: 10
    }
    
    .chunkImg {
        left: 50%
    }
    
    .chunkImg2 {
        right: 53%
    }
    
    .chunkImg2 .swiper2 {
        position: absolute;
        right: 64px;
        top: 32px;
        height: 100%;
        width: 536px
    }
    
    .chunkImg2 .swiper2>img {
        width: 100%
    }
    
    .chunkImg2 .swiper-slide {
        width: 460px;
        height: 260px
    }
    
    .chunkImg2>.bg {
        height: 600px;
        position: absolute;
        width: 90px;
        top: 0;
        right: -90px;
        background-color: #fff;
        transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        -moz-transform: rotate(9deg);
        -webkit-transform: rotate(9deg);
        -o-transform: rotate(9deg);
        -ms-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0
    }
    
    .chunkImg2>.borderLine {
        width: 90px;
        height: 1px;
        background-color: #E5E5E5;
        position: absolute;
        bottom: -1px;
        right: 0
    }
    
    .chunkImg>img {
        width: 557px;
        margin-top: 60px;
        margin-left: 75px
    }
    
    .chunkImg>.bg {
        height: 600px;
        position: absolute;
        width: 90px;
        bottom: 0;
        left: -90px;
        background-color: #fff;
        transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        -moz-transform: rotate(9deg);
        -webkit-transform: rotate(9deg);
        -o-transform: rotate(9deg);
        -ms-transform-origin: 90px 600px;
        -moz-transform-origin: 90px 600px;
        -webkit-transform-origin: 90px 600px;
        -o-transform-origin: 90px 600px;
        transform-origin: 90px 600px
    }
    
    .clearFix {
        clear: both
    }
    
    .CEO {
        position: relative;
        padding-left: 80px;
        height: 200px;
        padding-top: 50px;
        border-top: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5
    }
    
    .CEO>img {
        position: absolute;
        top: 50px;
        left: 0;
        width: 60px
    }
    
    .CEO .CEOName {
        font-size: 12px;
        color: #333;
        line-height: 18px;
        margin-bottom: 8px
    }
    
    .CEO .CEODec {
        font-size: 18px;
        color: #333;
        margin-bottom: 10px;
        line-height: 25px;
        font-weight: 500
    }
    
    .CEO .more {
        font-size: 12px;
        color: #3d8ff4
    }
    
    .chunkBox.margin40 {
        margin-top: 40px
    }
    
    .openCity {
        padding-top: 100px;
        text-align: center;
        padding-bottom: 112px
    }
    
    .openCity>h3 {
        font-size: 45px;
        color: #333;
        line-height: 63px;
        margin-bottom: 10px;
        font-weight: 600;
    }
    
    .openCity>p {
        line-height: 25px;
        font-size: 18px;
        color: #333
    }
    
    .viewCity {
        border: 1px solid #333;
        border-radius: 2px;
        width: 136px;
        height: 40px;
        line-height: 40px;
        margin: 30px auto 40px;
        cursor: pointer
    }
    
    .viewCity>span {
        font-size: 14px
    }
    
    .carItem {
        float: left;
        height: 320px;
        width: 191px;
        margin-right: 10px;
        padding: 34px 0 0 20px;
        text-align: left;
        position: relative
    }
    
    .carItem .carName {
        font-size: 20px;
        color: #333;
        line-height: 34px;
        font-weight: 500
    }
    
    .carItem .line {
        width: 11px;
        height: 1px;
        background-color: #333;
        margin: 10px 0;
        display: block
    }
    
    .carItem .carDec {
        font-size: 14px;
        color: #333;
        line-height: 20px
    }
    
    .carItem .floatEle {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 160px;
        padding: 30px 20px 0;
        font-size: 14px;
        line-height: 20px;
        color: #FFF;
        background: rgba(52, 60, 92, .95);
        -webkit-transition: all .5s cubic-bezier(.77, 0, .175, 1);
        -moz-transition: all .5s cubic-bezier(.77, 0, .175, 1);
        -o-transition: all .5s cubic-bezier(.77, 0, .175, 1);
        transition: all .5s cubic-bezier(.77, 0, .175, 1);
        opacity: 0;
        visibility: hidden;
        transform: translateY(140px)
    }
    
    .footerbanxin .app .ewm,
    .optionsBox .btnApp .ewm {
        -webkit-transition: opacity .5s ease-out;
        -moz-transition: opacity .5s ease-out;
        -o-transition: opacity .5s ease-out
    }
    
    .carItem:hover .floatEle {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
    
    .carItem1 {
        background: url(../images/index/people_1.jpg) center center no-repeat;
        background-size: cover
    }
    
    .carItem2 {
        background: url(../images/index/people_2.jpg) center center no-repeat;
        background-size: cover
    }
    
    .carItem3 {
        background: url(../images/index/people_3.jpg) center center no-repeat;
        background-size: cover
    }
    
    .carItem4 {
        background: url(../images/index/people_4.jpg) center center no-repeat;
        background-size: cover
    }
    
    .carItem5 {
        background: url(../images/index/people_5.jpg) center center no-repeat;
        background-size: cover
    }
    
    .carItem6 {
        background: url(../images/index/people_6.jpg) center center no-repeat;
        background-size: cover
    }
    
    .margin0 {
        margin-right: 0
    }
    
    .options {
        background: url(../images/index/college.jpg) center center no-repeat;
        background-size: cover;
        height: 680px;
        position: relative
    }
    
    .optionsBox {
        padding-top: 140px;
        position: relative;
        z-index: 10
    }
    
    .optionsBox>h3 {
        font-size: 45px;
        color: #333;
        height: 64px;
        margin-bottom: 30px
    }
    
    .optionsBox>h4 {
        font-size: 18px;
        color: #333;
        line-height: 30px;
        margin-bottom: 20px
    }
    
    .optionsBox>.item {
        color: #666;
        width: 285px
    }
    
    .optionsBox .item>h5 {
        font-size: 16px;
        color: #333;
        line-height: 22px;
        margin-bottom: 10px
    }
    
    .optionsBox .item>p {
        font-size: 12px;
        color: #666;
        line-height: 18px;
        margin-bottom: 50px
    }
    
    .optionsBg {
        background: #fff;
        position: absolute;
        right: 40%;
        top: 60px;
        height: 560px;
        width: 100%
    }
    
    .optionsBg>img {
        position: absolute;
        bottom: 0;
        right: 0;
        height: 90px
    }
    
    .optionsBox .btnApp {
        border: 1px solid #333;
        border-radius: 2px;
        width: 150px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        color: #000;
        margin-top: 20px;
        position: relative
    }
    
    .optionsBox .btnApp .ewm {
        position: absolute;
        top: -156px;
        left: 0;
        transition: opacity .5s ease-out;
        opacity: 0;
        width: 0
    }
    
    .caseBox .swiper-slide,
    .videoBox {
        -webkit-transition: all .6s;
        -o-transition: all .6s;
        cursor: pointer
    }
    
    .optionsBox .btnApp:hover .ewm {
        opacity: 1;
        width: 152px
    }
    
    .btnApp .ewm>img {
        width: 100%
    }
    
    .optionsBox .btnApp.border0 {
        border: none
    }
    
    .caseBox {
        text-align: center;
        padding-top: 100px;
        position: relative
    }
    
    .caseBox .swiper-container {
        position: relative;
        margin-bottom: 60px
    }
    /* 
.bg_case,
.caseBox .contain {
    position: absolute;
    top: 0;
    left: 0
} */
    
    .caseBox>h3 {
        font-size: 45px;
        color: #333;
        line-height: 64px;
        margin-bottom: 10px;
        font-weight: 600;
    }
    
    .caseBox>p {
        font-size: 18px;
        color: #333;
        margin-top: 60px
    }
    
    .caseBox .contain {
        padding: 20px;
        z-index: 10
    }
    
    .caseBox .swiper-slide:hover {
        background-size: 120%
    }
    
    .bg_case {
        width: 100%;
        height: 100%;
        opacity: .4;
        background: #000
    }
    /* .caseBox .caseName {
    font-size: 16px;
    color: #FFF;
    line-height: 22px;
    margin-bottom: 124px
} */
    
    .caseBox .caseDec {
        font-size: 22px;
        color: #FFF;
        line-height: 34px
    }
    
    .caseBox .logos {
        margin-bottom: 100px
    }
    
    .caseBox .logos>li {
        float: left;
        margin-right: 24px;
        width: 180px;
        height: 62px
    }
    
    .caseBox .logos>li.marginRight {
        margin-right: 0
    }
    
    .add {
        position: relative;
        height: 42px
    }
    
    .add .heng,
    .add .su {
        position: absolute;
        background-color: #000
    }
    
    .add .su {
        display: block;
        width: 2px;
        height: 12px;
        top: -5px;
        left: 0
    }
    
    .add .heng {
        display: block;
        width: 12px;
        height: 2px;
        top: 0;
        left: -5px
    }
    
    .videoBox {
        background: url(../images/index/banner_video.png) center center no-repeat;
        background-size: 100%;
        height: 280px;
        transition: all .6s
    }
    
    .videoBox:hover {
        background-size: 120%
    }
    
    .videoBox:hover .playBox>img {
        opacity: 1
    }
    
    .videoBox .banxin {
        padding-top: 80px;
        position: relative
    }
    
    .videoBox .playBox {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding-top: 100px
    }
    
    .footerbanxin,
    .registerBox .banxin {
        padding-top: 80px
    }
    
    .playBox>img {
        width: 80px;
        margin: 0 auto;
        display: block;
        opacity: .8;
        -webkit-transition: all .6s;
        -o-transition: all .6s;
        transition: all .6s
    }
    
    .videoBox .en {
        font-size: 14px;
        color: #FFF;
        letter-spacing: 1px;
        line-height: 18px;
        margin-bottom: 5px
    }
    
    .videoBox .ch {
        font-size: 45px;
        color: #FFF;
        line-height: 64px;
        margin-bottom: 10px
    }
    
    .videoBox .dec {
        font-size: 18px;
        color: #FFF
    }
    
    .registerBox {
        height: 540px;
        position: relative
    }
    
    .registerBox>img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: -10
    }
    
    .registerBox .banxin>h3 {
        font-size: 45px;
        color: #333;
        line-height: 64px;
        margin-bottom: 40px;
        font-weight: 600;
    }
    
    .registerBox .specialityList {
        overflow: hidden;
        margin-bottom: 50px
    }
    
    .registerBox .specialityItem {
        float: left;
        width: 212px
    }
    
    .registerBox .specialityItem>dl {
        font-size: 18px;
        color: #333;
        line-height: 30px;
        font-weight: 500
    }
    
    .registerBox .specialityItem>dt {
        font-size: 14px;
        color: #333;
        line-height: 30px
    }
    
    .registerBtn {
        background: #3d8ff4;
        border-radius: 2px;
        width: 136px;
        height: 40px;
        text-align: center;
        font-size: 14px;
        color: #FFF;
        line-height: 40px;
        border: none;
        cursor: pointer;
        display: block
    }
    
    .shake-horizontal {
        -webkit-animation: shake-horizontal .8s cubic-bezier(.455, .030, .515, .955) 2;
        animation: shake-horizontal .8s cubic-bezier(.455, .030, .515, .955) 2
    }
    
    @-webkit-keyframes shake-horizontal {
        0%,
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        10%,
        30%,
        50%,
        70% {
            -webkit-transform: translateX (-10px);
            transform: translateX (-10px)
        }
        20%,
        40%,
        60% {
            -webkit-transform: translateX (10px);
            transform: translateX (10px)
        }
        80% {
            -webkit-transform: translateX (8px);
            transform: translateX (8px)
        }
        90% {
            -webkit-transform: translateX (-8px);
            transform: translateX (-8px)
        }
    }
    
    @keyframes shake-horizontal {
        0%,
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        10%,
        30%,
        50%,
        70% {
            -webkit-transform: translateX (-10px);
            transform: translateX (-10px)
        }
        20%,
        40%,
        60% {
            -webkit-transform: translateX (10px);
            transform: translateX (10px)
        }
        80% {
            -webkit-transform: translateX (8px);
            transform: translateX (8px)
        }
        90% {
            -webkit-transform: translateX (-8px);
            transform: translateX (-8px)
        }
    }
    
    .Pc_icon {
        background: url(../images/index/pc.png) center center no-repeat;
        background-size: cover
    }
    
    .H5_icon {
        background: url(../images/index/mobile.png) center center no-repeat;
        background-size: cover
    }
    
    .slide8 .car-type-tabs li,
    .slide8 .city-tabs li {
        color: #000;
        display: block;
        text-align: center;
        position: relative;
        float: left;
        cursor: pointer
    }
    
    .slide8 .inner {
        background-color: #fff
    }
    
    .slide8 {
        background: #eee;
        text-align: center
    }
    
    .slide8 .register-btn {
        margin-top: 35px
    }
    
    .slide8 .graya {
        background-color: #f8f8f8
    }
    
    .slide8 .grayb {
        background-color: #fafafa
    }
    
    .slide8 .car-type-tabs {
        width: 1280px
    }
    
    .slide8 .car-type-tabs li {
        line-height: 64px;
        font-size: 24px;
        width: 256px
    }
    
    .slide8 .city-tabs li {
        line-height: 50px;
        font-size: 16px;
        padding: 0 40px;
        bottom: -2px
    }
    
    .bookIcon,
    .downIcon,
    .fixBar .btnBox,
    .openIcon,
    .teseIcon {
        display: inline-block
    }
    
    .slide8 .city-tabs li.active {
        border-bottom: 2px solid #3d8ff4;
        color: #3d8ff4
    }
    
    .slide8 .city-content {
        padding: 20px 0;
        height: 400px
    }
    
    .slide8 .city-content p {
        line-height: 400px;
        text-align: center
    }
    
    .slide8 .city-content dl {
        position: relative;
        padding-left: 60px;
        font-size: 14px;
        margin-bottom: 10px
    }
    
    .slide8 .city-content dt {
        position: absolute;
        top: 0;
        left: 0;
        line-height: 35px
    }
    
    .slide8 .city-content dd li {
        float: left;
        text-align: left;
        width: 130px;
        line-height: 35px
    }
    
    .slide8 .slide-car-type {
        background: #f6f8fa
    }
    
    .openIcon.turn {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    
    .slide8 .car-type-tabs li.active {
        background-color: #fff;
        color: #3d8ff4
    }
    
    .slide8 .car-type-content {
        padding: 10px 50px 0
    }
    
    .fadeHideRight,
    .fadeHideRightDelay1,
    .fadeHideRightDelay2,
    .fadeHideRightDelay3 {
        opacity: 0;
        visibility: hidden;
        transform: translateX(100px)
    }
    
    .caseBox .swiper-button-next,
    .caseBox .swiper-button-prev {
        background: #fff;
        height: 100px;
        width: 40px;
        padding-top: 38px
    }
    
    .caseBox .swiper-button-prev {
        position: absolute;
        top: 363px;
        left: -20px
    }
    
    .caseBox .swiper-button-next {
        position: absolute;
        top: 363px;
        right: -20px
    }
    
    .caseBox .swiper-button-next>img,
    .caseBox .swiper-button-prev>img {
        height: 22px;
        text-align: center
    }
    
    .fullscreen-bg,
    .fullscreen-video {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    
    .fadeHideRight {
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out
    }
    
    .fadeHideRightDelay1 {
        -webkit-transition: all .5s ease-out .3s;
        -moz-transition: all .5s ease-out .3s;
        -o-transition: all .5s ease-out .3s;
        transition: all .5s ease-out .3s
    }
    
    .fadeHideRightDelay2 {
        -webkit-transition: all .5s ease-out .6s;
        -moz-transition: all .5s ease-out .6s;
        -o-transition: all .5s ease-out .6s;
        transition: all .5s ease-out .6s
    }
    
    .fadeHideRightDelay3 {
        -webkit-transition: all .5s ease-out .9s;
        -moz-transition: all .5s ease-out .9s;
        -o-transition: all .5s ease-out .9s;
        transition: all .5s ease-out .9s
    }
    
    .fadeHideLeft,
    .fadeHideLeftDelay1,
    .fadeHideLeftDelay2,
    .fadeHideLeftDelay3 {
        opacity: 0;
        visibility: hidden;
        transform: translateX(-100px)
    }
    
    .fadeHideLeft {
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out
    }
    
    .fadeHideLeftDelay1 {
        -webkit-transition: all .5s ease-out .3s;
        -moz-transition: all .5s ease-out .3s;
        -o-transition: all .5s ease-out .3s;
        transition: all .5s ease-out .3s
    }
    
    .fadeHideLeftDelay2 {
        -webkit-transition: all .5s ease-out .6s;
        -moz-transition: all .5s ease-out .6s;
        -o-transition: all .5s ease-out .6s;
        transition: all .5s ease-out .6s
    }
    
    .fadeHideLeftDelay3 {
        -webkit-transition: all .5s ease-out .8s;
        -moz-transition: all .5s ease-out .8s;
        -o-transition: all .5s ease-out .8s;
        transition: all .5s ease-out .8s
    }
    
    .fadeInX {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }
    
    .fadeHideTop,
    .fadeHideTopDelay1,
    .fadeHideTopDelay2,
    .fadeHideTopDelay3,
    .fadeHideTopDelay4,
    .fadeHideTopDelay5,
    .fadeHideTopDelay6 {
        opacity: 0;
        visibility: hidden;
        transform: translateY(100px)
    }
    
    .fadeHideTop {
        -webkit-transition: all .5s cubic-bezier(.455, .03, .515, .955);
        -moz-transition: all .5s cubic-bezier(.455, .03, .515, .955);
        -o-transition: all .5s cubic-bezier(.455, .03, .515, .955);
        transition: all .5s cubic-bezier(.455, .03, .515, .955)
    }
    
    .fadeHideTopDelay1 {
        -webkit-transition: all .5s ease-out .2s;
        -moz-transition: all .5s ease-out .2s;
        -o-transition: all .5s ease-out .2s;
        transition: all .5s ease-out .2s
    }
    
    .fadeHideTopDelay2 {
        -webkit-transition: all .5s ease-out .4s;
        -moz-transition: all .5s ease-out .4s;
        -o-transition: all .5s ease-out .4s;
        transition: all .5s ease-out .4s
    }
    
    .fadeHideTopDelay3 {
        -webkit-transition: all .5s ease-out .6s;
        -moz-transition: all .5s ease-out .6s;
        -o-transition: all .5s ease-out .6s;
        transition: all .5s ease-out .6s
    }
    
    .fadeHideTopDelay4 {
        -webkit-transition: all .5s ease-out .8s;
        -moz-transition: all .5s ease-out .8s;
        -o-transition: all .5s ease-out .8s;
        transition: all .5s ease-out .8s
    }
    
    .fadeHideTopDelay5 {
        -webkit-transition: all .5s ease-out 1s;
        -moz-transition: all .5s ease-out 1s;
        -o-transition: all .5s ease-out 1s;
        transition: all .5s ease-out 1s
    }
    
    .fadeHideTopDelay6 {
        -webkit-transition: all .5s ease-out 1.2s;
        -moz-transition: all .5s ease-out 1.2s;
        -o-transition: all .5s ease-out 1.2s;
        transition: all .5s ease-out 1.2s
    }
    
    .fadeInY,
    .fixBar {
        visibility: visible
    }
    
    .fadeInY {
        opacity: 1;
        transform: translateY(0)
    }
    
    .fullscreen-bg,
    .video-con {
        filter: alpha(opacity=0);
        -khtml-opacity: 0
    }
    
    .fullscreen-video {
        position: fixed;
        z-index: 999
    }
    
    .fullscreen-bg {
        position: absolute;
        z-index: 1;
        background: #000;
        -moz-opacity: 0;
        opacity: 0
    }
    
    .video-box,
    .video-con {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }
    
    .video-con {
        z-index: 3;
        -moz-opacity: 0;
        opacity: 0;
        background: #dadada
    }
    
    .video-box-hover {
        filter: progid: DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#59000000", endColorstr="#59000000");
        background-color: rgba(0, 0, 0, .35)
    }
    
     :root .video-box-hover {
        filter: none
    }
    
    .fixBar {
        position: fixed;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 74px;
        background: #343C5C;
        color: #fff;
        z-index: 1000;
        opacity: .9;
        -webkit-transition: all .5s cubic-bezier(.455, .03, .515, .955);
        -moz-transition: all .5s cubic-bezier(.455, .03, .515, .955);
        -o-transition: all .5s cubic-bezier(.455, .03, .515, .955);
        transition: all .5s cubic-bezier(.455, .03, .515, .955)
    }
    
    .fixBar.feadIn,
    .fixBar.feadInForce {
        opacity: 0;
        visibility: hidden
    }
    
    .fixBar .barText {
        font-size: 20px;
        color: #FFF;
        line-height: 74px
    }
    
    .fixBar .banxin {
        padding: 0 200px
    }
    
    .fixBar .downLoadManage {
        font-size: 14px;
        color: #FFF;
        width: 226px;
        height: 40px;
        margin-top: 17px;
        line-height: 40px;
        text-align: center;
        background: #3d8ff4;
        border-radius: 2px;
        position: relative
    }
    
    .downLoadManageChl {
        width: 100%;
        height: 100%;
        cursor: pointer
    }
    
    .closeChaIcon {
        background: url(../images/common/cancle.png) center center no-repeat;
        background-size: cover;
        width: 19px;
        height: 17px;
        position: absolute;
        top: 12px;
        right: -40px
    }
    
    .fixChunk,
    .solution {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
    
    .fixChunk {
        position: fixed;
        background-color: rgba(0, 0, 0, .5);
        z-index: 999999
    }
    
    .solution {
        position: absolute;
        margin: auto;
        background: #fff;
        width: 560px;
        padding: 40px 100px 0;
        height: 354px;
        border-radius: 2px
    }
    
    .solution_close {
        position: absolute;
        height: 30px;
        width: 30px;
        top: 20px;
        right: 18px;
        cursor: pointer
    }
    
    .solution_head {
        text-align: center;
        font-size: 24px;
        color: #333;
        font-weight: 500;
        line-height: 34px;
        margin-bottom: 30px
    }
    
    .solution_input {
        width: 100%;
        height: 44px;
        margin-bottom: 20px;
        border: 1px solid #CCC;
        border-radius: 2px;
        font-size: 14px;
        color: #333;
        letter-spacing: 0;
        line-height: 14px;
        padding-left: 10px
    }
    
    .solution_input.borderRed {
        border: 1px solid #F2605E;
        border-radius: 2px
    }
    
    .solution_inputs {
        position: relative
    }
    
    .solution_errortip {
        position: absolute;
        top: 72px;
        right: 10px;
        font-size: 14px;
        color: #F2605E;
        letter-spacing: 0;
        line-height: 28px;
        text-align: right
    }
    
    .solution_btn_download,
    .solution_btn_submit {
        width: 175px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        font-size: 14px
    }
    
    .solution_btn_download {
        display: inline-block;
        border: 1px solid #3d8ff4;
        border-radius: 2px;
        color: #3d8ff4
    }
    
    .solution_btn_submit {
        display: block;
        background: #3d8ff4;
        border-radius: 2px;
        color: #FFF;
        margin: 0 auto;
        cursor: pointer
    }
    
     ::-webkit-input-placeholder {
        color: #ccc
    }
    
     :-moz-placeholder {
        color: #ccc
    }
    
     ::-moz-placeholder {
        color: #ccc
    }
    
     :-ms-input-placeholder {
        color: #ccc
    }
    /*鍚堜綔鏈烘瀯START*/
    
    .lm-xz-list {
        width: 1200px;
        margin: 75px auto;
        overflow: hidden;
    }
    
    .lm-xz-list li {
        width: 200px;
        height: 150px;
        float: left;
        box-sizing: border-box;
    }
    
    .lm-xz-list .gray {
        background: #f8f8f8;
    }
    
    .lm-xz-list li:hover {
        z-index: 10;
        -webkit-box-shadow: 0 8px 22px 0 rgba(42, 117, 237, .16);
        box-shadow: 0 8px 22px 0 rgba(42, 117, 237, .16)
    }
    
    .lm-xz-list li img {
        width: 80%;
        margin-left: 10%;
        height: 40%;
        margin-top: 10%;
    }
    
    .lm-xz-list li:nth-child(6n) {
        margin-right: 0;
    }
    /*鍚堜綔鏈烘瀯END*/
    /*bannerSTART*/
    
    .slogin-box {
        height: 100%;
        width: 100%;
        position: absolute;
        background: url(../images/index/banner.png) center center no-repeat;
        background-size: cover;
        position: absolute;
    }
    
    .banxinone {
        width: 100% !important;
    }
    
    #wy_px_banner {
        height: 100%;
    }
    
    .swiper1 {
        height: 524px;
    }
    
    .blo_chil {
        margin: 0 auto;
        /*min-width: 800px;
					    max-width: 1280px;*/
        width: 1200px;
        margin-top: -70px;
    }
    
    .blo_chil h1 {
        color: #fff;
        text-align: left;
    }
    
    .blo_chil p {
        color: #fff;
        margin-top: 10px;
        text-align: left;
        font-size: 19px;
    }
    
    .blo_chi_on {
        width: 100%;
        display: flex;
        color: #fff;
        margin-top: 12px;
        justify-content: left;
        line-height: 36px;
    }
    
    .blo_chi_on>a:last-child {
        border: 1px solid #fff;
        margin-left: 12px;
        background: none;
        color: #fff;
    }
    
    .banxin1 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .trial {
        width: 107px;
        height: 36px;
        color: #3d8ff4;
        border-radius: 3px;
        background: #fff;
        text-align: center;
        margin-top: 16px;
    }
    /*bannerEND*/
    /*閲嶅啓棣栭〉鏍峰紡START*/
    
    blockquote,
    body,
    code,
    dd,
    div,
    dl,
    dt,
    fieldset,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    html,
    input,
    legend,
    li,
    ol,
    p,
    pre,
    td,
    textarea,
    th,
    ul {
        margin: 0;
        padding: 0
    }
    
    body {
        font-family: "Microsoft Yahei", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif
    }
    
    fieldset,
    img {
        border: 0
    }
    
    em {
        font-style: normal
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    menu,
    nav,
    section,
    summary {
        display: block
    }
    
    audio,
    canvas,
    progress,
    video {
        display: inline-block;
        vertical-align: baseline
    }
    
    .cf,
    .cf:after {
        display: block
    }
    
    .cf:after {
        content: ".";
        height: 0;
        clear: both;
        visibility: hidden
    }
    
    * html .cf {
        height: 1%
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0
    }
    
    a {
        color: #000;
        text-decoration: none
    }
    
    ol,
    ul {
        list-style-type: none
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 400
    }
    
    @-webkit-keyframes rotate {
        from {
            -webkit-transform: rotate(0)
        }
        to {
            -webkit-transform: rotate(360deg)
        }
    }
    
    .loading {
        background: #333;
        height: 100%;
        position: fixed;
        width: 100%;
        z-index: 111
    }
    
    .icon-spinner2 {
        width: 80px;
        height: 80px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -40px;
        margin-top: -40px;
        z-index: 111;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        -webkit-mask-size: 62px 62px;
        -webkit-animation-name: rotate;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear
    }
    
    .inner {
        position: relative
    }
    
    .hide {
        display: none
    }
    
    .tab-menu {
        top: 100%;
        margin: 0
    }
    
    .tab-menu li {
        display: inline-block
    }
    
    .tab-menu li a {
        width: 33%;
        display: block;
        padding: 5px 10px;
        margin: 0 10px 0 0;
        border-radius: 0 0 5px 5px;
        color: #333;
        background: #e3f1f8
    }
    
    .tab-wrap {
        position: relative
    }
    
    .tab-content {
        position: absolute;
        width: 100%;
        height: 200px;
        padding: 15px;
        border: 1px solid #91a7b4;
        border-radius: 3px;
        box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
        word-wrap: break-word;
        font-size: 18px;
        color: #666;
        background: #fff
    }
    
    #tab1:target,
    #tab2:target,
    #tab3:target {
        z-index: 1
    }
    
    .tab {
        margin: 20px auto;
        width: 403px;
        height: 600px;
        border: 1px solid brown;
        position: relative
    }
    
    label {
        width: 100px;
        height: 30px;
        float: left;
        text-align: center;
        line-height: 30px;
        border-right: 1px solid brown;
        border-bottom: 1px solid brown
    }
    
    label:nth-of-type(4) {
        border-right: none
    }
    
    label span {
        cursor: pointer
    }
    
    label div {
        width: 403px;
        height: 568px;
        position: absolute;
        left: 0;
        top: 31px;
        background: #eee;
        display: none
    }
    
    label input {
        width: 0
    }
    
    input:checked+div {
        display: block
    }
    
    .page3Control {
        margin-bottom: 30px;
    }
    
    .banxintwo {
        border-radius: 7px !important;
        width: 1200px;
    }
    
    .header-inner>ul {
        margin-left: 3rem;
    }
    
    .header-inner>.link {
        margin-top: 20px;
    }
    
    .caseBox .swiper-container {
        margin-bottom: 0 !important;
    }
    
    .registerBox {
        height: 438px !important;
    }
    
    .optionsBox>h3 {
        font-size: 41px;
    }
    
    .page-banner-title {
        font-size: 44px;
        color: #fff;
        font-weight: 700;
        margin-bottom: 6px;
    }
    
    .page-banner-sub-title {
        font-size: 24px !important;
        color: #eee;
        margin-bottom: -8px;
    }
    
    .head_add {
        display: flex;
        justify-content: center;
    }
    
    .close {
        position: absolute;
        right: 10px;
        top: 50px;
    }
    
    .close div {
        height: 0;
        /*line-height:80px;*/
        color: #cecdcd;
        cursor: pointer;
    }
    
    .close img {
        width: 28px !important;
        height: 28px !important;
    }
    
    .loading {
        display: none
    }
    
    .chunkDec .teseItem {
        margin-right: 0;
    }
    /*閲嶅啓棣栭〉鏍峰紡END*/
    /* 瀹㈡湇 BEGIN*/
    
    .header-bg {
        background-image: url(../images/header-bg.jpg);
        background-size: cover;
        background-position: center;
        height: 640px;
        margin-top: -120px;
        min-width: 1280px;
    }
    
    .header-bg .image-title {
        padding-left: 150px;
        box-sizing: border-box;
    }
    
    .header-bg .image-title h3 {
        font-size: 30px;
        color: #fff;
        margin-bottom: 10px;
    }
    
    .header-bg .image-title p {
        font-size: 18px;
        color: #3d8ff4;
    }
    
    .main .section {
        padding: 0 40px;
    }
    
    .main .section-market {
        background-color: #fff;
        padding-top: 92px;
        padding-bottom: 50px;
    }
    
    .main .section-waves {
        min-width: 1280px;
        position: relative;
    }
    
    .section-waves .waves0 {
        height: 80px;
        background-image: url(../images/waves.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center 0;
    }
    
    .main .section-study {
        background-color: #3d8ff4;
        padding: 100px 0 100px;
        margin: 0 0 20px;
        min-width: 1280px;
    }
    
    .section-study .study-video-wrapper {
        margin-top: 100px;
        position: relative;
        display: none;
    }
    
    .study-video-wrapper .study-video-src {
        position: absolute;
        top: 92px;
        left: 0;
        right: 0;
        width: 883px;
        height: 500px;
        margin: 0 auto;
        z-index: -1;
    }
    
    .study-video-wrapper .study-video-icon {
        position: absolute;
        top: 250px;
        left: 0;
        right: 0;
        width: 140px;
        height: 140px;
        margin: 0 auto;
        cursor: pointer;
        z-index: -1;
    }
    
    .main .section-trial {
        background-color: #fff;
        min-width: 1280px;
    }
    
    .main .section-users {
        background-color: #f7f7f7;
        padding: 50px;
        min-width: 1280px;
    }
    
    .section-title {
        font-size: 24px;
    }
    
    .section-market .market-item {
        margin: 35px 70px;
    }
    
    .section-market .section-title {
        margin-bottom: 4px;
    }
    
    .section-study .study-image,
    .section-study .study-intro {
        width: 480px;
        height: 480px;
        color: #fff;
    }
    
    .study-intro .intro-image .huizhang {
        height: 100px;
        margin-top: 10px;
    }
    
    .section-study .intro-title h4 {
        position: relative;
    }
    
    .section-study .title-with-pao::after {
        position: absolute;
        content: '';
        background-image: url(../images/pao.png);
        background-repeat: no-repeat;
        background-size: 50px;
        width: 50px;
        height: 100px;
        top: -50px;
    }
    
    .study-intro.intro-right {
        padding-left: 100px;
        box-sizing: border-box;
    }
    
    .study-intro .intro-title {
        font-size: 18px;
        line-height: 25px;
    }
    
    .study-intro .intro-content {
        margin-top: 30px;
        line-height: 24px;
    }
    
    .intro-content .intro-image-wrapper {
        position: relative;
        margin-bottom: 20px;
        color: #3d8ff4;
        font-size: 14px;
    }
    
    .intro-image-wrapper img {
        height: 92px;
    }
    
    .section-trial .trial-btn {
        width: 330px;
        height: 90px;
        margin: 118px auto;
        line-height: 90px;
        text-align: center;
        background-color: #3d8ff4;
        color: #fff;
        font-size: 24px;
        border-radius: 2px;
        border: 0;
    }
    
    .section-users .user-item {
        height: 64px;
        padding: 15px 20px;
        box-sizing: border-box;
        margin: 7px 7px 0 0;
        border-radius: 32px;
        border: 1px solid #E4E7E9;
        background-color: #fff;
    }
    
    .section-users .user-img {
        height: 36px;
        margin-right: 5px;
    }
    
    .section-users .user-name {
        font-size: 16px;
        color: #4A4A4A;
    }
    
    .section-users .section-title {
        margin-bottom: 40px;
    }
    
    .customer-float {
        z-index: 9999;
        position: fixed;
        left: 5px;
        top: 52%;
        transform: translate(0, -50%);
    }
    
    .customer-float .head {
        position: relative;
        text-align: center;
        top: 40px;
    }
    
    .customer-float .head img {
        width: 80px;
        height: 80px;
    }
    
    .customer-bg {
        padding: 40px 20px 10px 20px;
        background: #fff;
        box-shadow: 0px 2px 40px 0px rgba(60, 72, 86, 0.3);
        border-radius: 8px;
    }
    
    .customer-float .wechat {
        padding: 10px 0px;
        text-align: center;
    }
    
    .wechat img {
        width: 144px;
        height: 144px;
    }
    
    .customer-float p {
        color: #3d8ff4
    }
    
    .customer-float .p2 {
        font-size: 20px;
        font-weight: bold;
    }
    
    .customer-float .p1 {
        font-size: 14px;
        line-height: 20px;
    }
    
    .customer-float .content {
        text-align: center;
    }
    
    .customer-float .btn {
        padding: 20px 0px;
    }
    
    .customer-float .qq-btn {
        border: 0px;
        padding: 0;
    }
    
    .customer-float .qq-btn a {
        display: block;
        text-align: center;
        width: 160px;
        height: 36px;
        line-height: 36px;
        background: linear-gradient(#3d8ff4, #547bfa);
        cursor: pointer;
        border-radius: 4px;
        color: #fff;
    }
    
    .footer-copyright a {
        color: #bedcff;
    }
    
    .com,
    .cn {
        display: none;
    }
    /*瀹㈡湇 END*/
    /*20200707鏂板*/
    
    .banner_wrapper {
        margin-top: -12rem;
        background-color: rgba(0, 0, 0, 0.8);
    }
    
    .banner_bot {
        z-index: 2;
        width: 100%;
        height: 12rem;
        background: hsla(0, 0%, 90%, .2);
    }
    
    .bot_content {
        /* width: 1200px; */
        margin: 0 auto;
        padding: 3rem 0 0;
        overflow: hidden;
        position: initial;
        top: 0;
        left: 50%;
    }
    
    .bot_content li {
        width: 24.8%;
        height: 10rem;
        border-left: 1px solid rgba(255, 255, 255, .3);
        float: left;
        text-align: center;
    }
    
    .bot_content li .number {
        display: inline-block;
        font-size: 60px;
        color: #fff;
        font-family: 'PingFang SC', 'arial', 'sans-serif';
        font-weight: 600;
        height: 5rem;
    }
    
    .bot_content li .font {
        color: #FFFFFF;
    }
    
    .number.year::after {
        content: ' +';
        font-size: 50px;
        margin-left: 5px;
    }
    
    .testB .bot_content li .font {
        font-size: 16px;
        color: #fff;
        font-weight: 200;
        margin-top: 14px;
    }
    
    .number.count::after {
        content: ' +';
        font-size: 50px;
        /* margin-left: 5px; */
    }
    
    .bot_content li:last-child {
        border-right: 1px solid rgba(255, 255, 255, .3);
    }
    
    #movie {
        width: 100%;
        margin-top: 2rem;
        margin-bottom: 2rem;
        /* height: 12rem; */
    }
    /* 瀹㈡埛妗堜緥鏍峰紡 */
    
    .rectorSlider-inner {
        width: 1200px;
        display: flex;
        margin: 0 auto;
    }
    
    .rectorSlider-list-content {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 340px;
        height: 314px;
    }
    
    .rectorSlider-content .rectorSlider-inner .rectorSlider-list-content .rectorSlider-item {
        width: 100%;
        height: 98px;
        display: flex;
        align-items: center;
        padding: 0 26px;
        background: #f8f8f8;
        border-radius: 4px;
        transition: .1s;
        cursor: pointer;
    }
    
    .rectorSlider-list-content>div.active {
        background: #3d8ff4 !important;
    }
    
    .rectorSlider-list-content>div.active .rectorSlider-item-name,
    .rectorSlider-list-content>div.active .rectorSlider-item-desc {
        color: #FFFFFF !important;
    }
    
    .rectorSlider-content .rectorSlider-inner .rectorSlider-list-content .rectorSlider-item img {
        width: 77px;
        height: 77px;
        border-radius: 50%;
        margin-right: 20px;
    }
    
    .rectorSlider-content .rectorSlider-inner .rectorSlider-list-content .rectorSlider-item .rectorSlider-item-right {
        height: 98px;
        padding-top: 21px;
    }
    
    .rectorSlider-content .rectorSlider-inner .rectorSlider-list-content .rectorSlider-item .rectorSlider-item-right .rectorSlider-item-name {
        margin-bottom: 2px;
        font-size: 18px;
        line-height: 25px;
        color: #0d1a26;
    }
    
    .rectorSlider-content .rectorSlider-inner .rectorSlider-list-content .rectorSlider-item .rectorSlider-item-right .rectorSlider-item-desc {
        font-size: 14px;
        line-height: 20px;
        color: #7b8390;
    }
    
    .rectorSlider-content .rectorSlider-inner .rectorSlider-main {
        width: 815px;
        height: 314px;
        margin-left: 45px;
        padding: 0 42px;
        background: #f8f8f8;
    }
    
    .rectorSlider-main-top {
        display: flex;
        align-items: center;
        height: 76px;
        margin-bottom: 27px;
    }
    
    .rectorSlider-main-top img {
        width: 107px;
        height: 107px;
        margin-right: 21px;
        border-radius: 50%;
        transform: translateY(-15.8px);
    }
    
    .rectorSlider-main-right {
        height: 76px;
        padding-top: 30px;
    }
    
    .rectorSlider-main-right:first-child {
        font-size: 18px;
        line-height: 25px;
        color: #0d1a26;
        margin-bottom: 2px;
    }
    
    .rectorSlider-main-right:last-child {
        font-size: 14px;
        line-height: 20px;
        color: #7b8390;
        text-align: left;
    }
    
    .rectorSlider-main-right:last-child>div:first-child {
        color: #333333;
        font-size: 16px;
        font-weight: 600;
    }
    
    .rectorSlider-main-bottom {
        font-size: 16px;
        line-height: 32px;
        color: #0d1a26;
        text-align: left;
    }
    
    .rectorSlider-main>div {
        display: none;
    }
    
    .rectorSlider-main>div.active {
        display: block;
    }
    
    .page-title-main {
        font-size: 18px;
        margin-top: 20px;
        color: #4d4b4b;
        margin-bottom: 80px;
    }
    
    .msg-part-list {
        background: #fff;
        padding-bottom: 50px;
        border-top: 1px solid #ebebeb;
    }
    
    .index-title {
        text-align: center;
        margin-bottom: 25px;
    }
    
    .index-btitle {
        font-size: 34px;
        padding-top: 50px;
        font-weight: 600;
    }
    
    .index-stitle {
        font-size: 18px;
        margin-top: 20px;
        color: #4d4b4b;
    }
    
    .warp {
        max-width: 1200px;
        margin: 0 auto;
    }
    
    .msg-part-list .msg-part-item {
        float: left;
        width: 600px;
        /* margin-left: 40px; */
        padding-top: 30px;
    }
    
    .msg-part-list .msg-part-item:first-child {
        margin-left: 0;
    }
    
    .msg-part-list .section-tit {
        display: block;
        height: 56px;
        line-height: 56px;
        font-size: 24px;
        color: #222;
    }
    
    .msg-part-list .blue-line {
        width: 20px;
        height: 2px;
        background: #3d8ff4;
        margin-left: 50%;
        transform: translateX(-50%);
    }
    
    .msg-part-list .msg-part-item .top-new {
        display: block;
        padding-top: 23px;
        text-align: center;
    }
    
    .msg-part-list .msg-part-item .top-new .top-txt {
        width: 1000px;
        margin-left: 100px;
        height: 42px;
        line-height: 42px;
        color: #3e3e3e;
        font-size: 14px;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        background: #fbfbfb;
    }
    
    .msg-part-list .msg-part-item .other-ms-list {
        padding-top: 13px;
        max-height: 106px;
        line-height: 32px;
        font-size: 14px;
        overflow: hidden;
    }
    
    .msg-part-list .msg-part-item .other-ms-list .other-ms-item {
        display: block;
    }
    
    .msg-part-list .msg-part-item .other-ms-list .msg-con {
        float: left;
        width: 280px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
    }
    
    .msg-part-list .msg-part-item .other-ms-list .msg-date {
        float: right;
        width: 83px;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .blank {
        clear: both;
        height: 0px;
        overflow: hidden;
        display: block;
    }
    
    .other-ms-item:hover {
        color: #3d8ff4;
    }
    
    .page-title {
        padding-top: 100px;
        text-align: center;
        font-size: 45px;
        color: #333;
        line-height: 63px;
        margin-bottom: 10px;
        font-weight: 600;
    }
    
    .page-subtitle {
        line-height: 25px;
        font-size: 18px;
        color: #333;
        margin-bottom: 30px;
        text-align: center;
    }
    /*帆软*/
    
    h2.sec-tit {
        margin-top: 30px;
        margin-bottom: 50px;
    }
    
    h2 {
        color: #191e28;
        font-size: 28px;
    }
    
    p.sec-des {
        margin-bottom: 50px;
        color: #54565a;
        margin-top: -30px;
        font-size: 13px;
        line-height: 26px;
    }
    
    .frbtn-blue:hover {
        background-color: rgba(1, 150, 255, 0.8);
        color: #fff;
    }
    
    .frbtn-blue {
        color: #fff;
        background-color: #2c7adf;
        border: none;
    }
    
    .frbi_intro ul li h3 {
        color: #333333;
        font-weight: bold;
    }
    
    h3,
    h4 {
        color: #191e28;
        font-size: 16px;
    }
    
    .frbi_intro ul li>p {
        color: #617288;
        padding-right: 34px;
    }
    /* p {
    color: #7d8189;
    font-size: 13px;
    line-height: 26px;
} */
    /*滴滴*/
    
    .caseBox {
        position: relative;
        text-align: center;
    }
    
    .banxin {
        width: 100%;
        padding-left: 52.5px;
        padding-right: 52.5px;
        margin: 0 auto;
    }
    
    .caseBox .title2 {
        font-family: PingFangSC-Regular;
        /* font-size: 38px; */
        font-weight: 400;
    }
    
    .caseBox p {
        font-family: PingFangSC-Light;
        font-size: 18px;
        color: #333;
        line-height: 30px;
    }
    
    .caseBox button {
        width: 136px;
        height: 40px;
        border: 1px solid #333;
        border-radius: 2px;
        color: #333;
        background-color: #fff;
    }
    
    .caseBox .swiper-container {
        position: relative;
        margin-bottom: 60px;
        overflow: visible;
    }
    
    @media screen and (max-width:1200px) {
        .customer-float {
            display: none;
        }
        .bot_content li .number {
            font-size: 2rem!important;
        }
        .div-header1 {
            height: 26rem!important;
            margin-top: 8rem!important;
        }
        .swiper-wrapper {
            display: block!important;
        }
        .msg-part-list .msg-part-item {
            width: 90%!important;
            margin-left: 5%!important;
        }
        .new-img {
            width: 100%!important;
        }
        .mengban {
            background: rgba(0, 0, 0, .5);
            width: 100%!important;
            height: 7rem!important;
            left: 0;
            bottom: 12rem!important;
            position: absolute
        }
        .caseBox .contain {
            padding: 2rem!important;
            height: 23rem!important;
            width: 100%;
        }
        .caseBox .caseDec {
            font-size: 2rem!important;
            color: #FFF;
            line-height: 3rem;
            margin-left: 2rem!important;
        }
        .panorama-education {
            width: 100%!important;
        }
        .panorama-education-div .panorama-education .panorama-education-list .mobile-education {
            width: 90%!important;
            margin-left: 5%;
            margin-bottom: 1rem;
            height: auto!important;
        }
        .panorama-education-div .panorama-education .panorama-education-list .big-mobile-education {
            width: 0 !important;
            height: auto!important;
            border: none;
        }
        .panorama-education-div .panorama-education .panorama-education-list {
            display: block!important;
            height: auto!important;
        }
        .panorama-education-div .panorama-education .panorama-education-list .mobile-education .mobile-education-img {
            margin: 3rem auto!important;
        }
        .panorama-education-div .panorama-education .panorama-education-list .big-mobile-education .pc-education-top .education-title-box {
            margin-top: 3rem;
            margin-left: 1rem;
        }
        .panorama-education-div .panorama-education .panorama-education-list .big-mobile-education .pc-education-top {
            margin-left: 0rem;
        }
        .panorama-education-div .panorama-education .panorama-education-list .big-mobile-education .education-img {
            width: 18rem;
        }
        .panorama-education-div .panorama-education .panorama-education-list .big-mobile-education .education-img img {
            width: 18rem;
        }
        .msg-part-list .msg-part-item {
            margin-left: 2rem;
            margin-right: 2rem;
        }
        .msg-part-list .msg-part-item:first-child {
            margin-left: 2rem;
            margin-right: 2rem;
        }
        .caseBox .swiper-slide {
            height: 35rem!important;
            width: 100%!important;
            margin: 1rem 0!important;
            box-sizing: border-box;
            background-color: #fff;
            text-align: left;
            cursor: pointer;
            box-shadow: 0 2px 10px 0 rgb(0 0 0 / 8%);
        }
        .caseBox .info {
            position: relative;
            padding: 4rem 3rem!important;
        }
        .caseBox {
            padding-top: 3rem;
        }
        .banxin {
            width: 90%;
            padding-left: 0;
            padding-right: 0;
            margin: 0 auto;
        }
        .panorama-education-div .panorama-education {
            height: auto!important;
        }
        .banner_wrapper {
            margin-top: -12rem;
        }
        .number.count::after {
            font-size: 2rem;
        }
        .number.year::after {
            font-size: 2rem;
        }
    }
    
    .caseBox .swiper-slide {
        height: 355px;
        width: 385px;
        margin: 0 9px;
        box-sizing: border-box;
        background-color: #fff;
        text-align: left;
        cursor: pointer;
        box-shadow: 0 2px 10px 0 rgb(0 0 0 / 8%);
    }
    
    .caseBox .case6 {
        background: url(../images/index/company1.jpg) center center no-repeat;
        background-size: 100% 100%;
        margin-right: 0;
    }
    
    .caseBox .case1 {
        background: url(../images/index/company2.jpg) center center no-repeat;
        background-size: 100% 100%;
        margin-right: 0;
    }
    
    .caseBox .case3 {
        background: url(../images/index/company3.jpg) center center no-repeat;
        background-size: 100% 100%;
        margin-right: 0;
    }
    
    .caseBox .caseDec {
        font-size: 22px;
        color: #FFF;
        /* margin-top: 165px; */
        margin-left: 20px;
    }
    
    .caseBox .info {
        position: relative;
        padding: 42px 30px;
    }
    
    .caseBox .caseName {
        font-size: 22px;
        color: #333;
        line-height: 22px;
    }
    
    .caseBox .info span {
        font-size: 14px;
        color: #999;
        line-height: 30px;
    }
    
    .caseBox .info img.yuangong {
        height: 13px;
        margin-right: 8px;
        margin-top: 8px;
    }
    
    .caseBox .info .staff {
        position: absolute;
        right: 28px;
        top: 42px;
    }
    
    .caseBox .contain {
        padding: 21px;
        height: 238px;
        width: 100%;
    }
    
    .caseBox .info .staff img {
        height: 18px;
    }
    /*20200824鏂板*/
    
    .container_Part01 {
        width: 100%;
        height: 498px;
        background: #f8fafb;
    }
    
    .w12m {
        margin: 0 auto;
        width: 1200px;
    }
    
    .scter {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .align {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        box-align: center;
        -moz-box-align: center;
        -webkit-box-align: center;
    }
    
    .Part01_cont li {
        height: 270px;
        margin-top: 90px;
        width: 172px;
        padding: 24px;
        background: #fff;
        border-radius: 10px;
        list-style-type: none;
    }
    
    .Part01_cont li:hover {
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    }
    
    .Part01_cont li img {
        margin: 40px auto 24px;
        display: block;
        vertical-align: top;
    }
    
    .Part01_text {
        text-align: center;
    }
    
    .Part01_text h2 {
        font-size: 20px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 700;
        color: #333;
        line-height: 24px;
        margin-bottom: 14px;
    }
    
    .Part01_text p {
        font-size: 16px;
        color: #666;
        line-height: 22px;
    }
    
    .Part01_text p:nth-of-type(n+2) {
        margin-top: 6px;
    }
    /*20210308小鹅通*/
    
    .panorama-education-div {
        background: rgba(20, 114, 255, .04);
    }
    
    .pt80 {
        padding-top: 80px;
    }
    
    .w1200 {
        width: 1200px;
    }
    
    .w1050,
    .w1150,
    .w1168,
    .w1200,
    .w1360,
    .w1400,
    .w1600 {
        margin: 0 auto;
    }
    
    .xe-title1 {
        font-size: 32px;
        color: #333;
        text-align: center;
        font-weight: 500;
    }
    
    .mb8 {
        margin-bottom: 8px;
    }
    
    .mb64 {
        margin-bottom: 64px;
    }
    
    .T6 {
        font-size: 16px;
    }
    
    .EC3 {
        color: #666;
    }
    /*banner*/
    
    .banner-text {
        position: absolute;
        top: 30%;
        left: 15%;
        color: #fff;
        font-size: 30px;
    }
    
    .banner-text-p {
        text-align: left;
        line-height: 40px;
    }
    
    .banner-text-p1 {
        text-align: left;
        line-height: 60px;
    }
    
    .banner-text-color {
        color: #C2F009;
    }
    
    .banner-text-right {
        position: absolute;
        top: 30%;
        right: 20%;
        color: #fff;
        font-size: 30px;
    }
    
    .sec-des {
        cursor: pointer;
    }
    
    .mengban {
        background: rgba(0, 0, 0, .5);
        width: 385px;
        height: 78px;
        left: 0;
        bottom: 117px;
        position: absolute
    }