@font-face{
		/*font-family: zdyzt;*/
		/*src: url('../font/bahnschrift.ttf')*/
}

body {
   /* font-family: PingFang SC Medium, "微软雅黑";*/
   /*  font-family:zdyzt*/
}
select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("../imgs/home/iocn-down.png") no-repeat scroll right center transparent;
    padding-right: 8px;
}
@media screen and (min-width: 1200px) {
    .logoImg{
        width: 150px;
        height: auto;
        max-height: 60px;
    }
    .main{
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    .top{
        width: 1050px;
        height: 30px;
        display: flex;
        margin: auto;
        margin-top: 0px;
    }
    .topLeft{
        margin: auto;
        margin-left: 0px;
        color:#999999;
        font-size: 14px;
    }
    .topRight{
        margin: auto;
        margin-right: 0px;
        color:#999999;
        font-size: 14px;
        display: flex;
    }
    .topRightLogin{
        margin: auto;
        margin-right: 30px;
        color:#999;
    }
    .topRightImg{
        margin: auto;
        margin-right: 10px;
    }
    .topRightDesc{
        margin:auto;
    }
    .el-input__inner{
        padding: unset !important;
        width: 50px !important;
        border: none !important;
        height: 30px !important;
        line-height: 30px !important;
        color:#999 !important;
        font-size: 13px !important;
    }
    .el-input__suffix{
        right: 0px !important;
    }
    .navBox{
        width: 1050px;
        height: 65px;
        display: flex;
        margin: auto;
        background: #fff;
    }
    .logo{
        margin:auto;
        margin-left: 0px;
    }
    .nav{
        display: flex;
        margin: auto;
        margin-right: 35px;
        font-size: 15px;
        height: 100%;
    }
    .navLi{
        width: auto;
        height: 36px;
        line-height: 36px;
        margin:auto;
        margin-right: 70px;
        color:#4c4c4c;
    }
    .navLiSeBox{
        width: 138px;
        height: 100%;
        display: flex;
        text-align: center;
        position: relative;
    }
    .navLiSe{
        width: auto;
        height: 100%;
        line-height: 36px;
        margin:auto;
        color:#4c4c4c;
        text-align: center;
        font-weight: bold;
    }
    .navAlink{
        margin: auto;
    }
    .navLiSecSBox{
        width: 230px;
        height: auto;
        display: flex;
        flex-direction: column;
        background: rgba(255, 255, 255, 0.96);
        border-radius: 3px;
        position: absolute;
        top: 65px;
        left: 50%;
        margin-left: -115px;
        z-index: 5;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .navLiSeS{
        width: 65%;
        height: auto;
        padding-bottom: 15px;
        padding-top: 15px;
        font-size: 12px;
        margin: 0 auto;
        color:#616262;
        text-align: center;
        padding-left: 40px;
        padding-right: 40px;
    }
    .navLiSeS:hover{
        background: #e4f0fe;
    }
    .navAlinkSe{
        width: 100%;
    }
    .navCheck{
        color:#0d62e1;
        border-bottom: 1px solid #0d62e1;
    }
    .freeTry{
        width: 90px;
        height: 35px;
        font-size: 16px;
        color:#fff;
        background: #0d62e1;
        border-radius: 17.5px;
        margin: auto;
        margin-right: 0px;
        margin-left: 0px;
        text-align: center;
        line-height: 35px;
        font-weight: bold;
    }
    .freeTry:hover{
        box-shadow: 0px 2px 0px 3px #ededed;
    }
    .cursorPointer{
        cursor: pointer;
    }
    .bannerBox, .clientDataBox{
        width: 100%;
        float: left;
        height: auto;
        text-align: center;
        overflow: hidden;
        position: relative;
        margin: auto;
    }
    .clientDataBox{
        width:  90%;
    }
    .swiper-pagination-bullets{
        position: absolute;
        z-index: 2;
        bottom: 23px !important;
    }
    .swiper-pagination-bullet{
        width: 9px !important;
        height: 5px !important;
        border-radius: 2px !important;
        background: #88b5ee !important;
        opacity: 1 !important;
    }
    .swiper-pagination-bullet-active{
        width: 18px !important;
        height: 5px !important;
        border-radius: 2px !important;
        background: #fff !important;
    }
    .bannerDescBox{
        width: 1050px;
        height: auto;
        margin: auto;
        display: flex;
        flex-direction: column;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -4.2%;
        margin-left: -525px;
    }
    .bannerDescBoxBig{
        width: 1050px;
        text-align: center;
        margin:auto;
        font-size: 35px;
        font-weight: 600;
        color:#fff;
        text-align: left;
    }
    .bannerDescBoxSmall{
        width: 1050px;
        text-align: center;
        margin:auto;
        font-size: 16px;
        margin-top: 21px;
        color:#fff;
        opacity: 0.7;
        text-align: left;
    }
    .swiper-slide{
        display: flex;
    }
    .superiorityBox, .sourceBox{
        width: 1200px;
        height: auto;
        margin: auto;
        display: flex;
        flex-direction: column;
    }
    .superiorityBoxTop, .sourceBoxTop, .clientBoxTop{
        width: 100%;
        height: 115px;
        margin: auto;
        /*margin-top: 70px;*/
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        background-image: url('../imgs/home/pic-title.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50px 115px;
    }
    .superiorityBoxTopTitle, .sourceBoxTopTitle, .clientBoxTopTitle{
        width: 100%;
        text-align: center;
        font-size: 24px;
        color:#292929;
        margin: auto;
        margin-top: 30px;
        font-weight: 600;
    }
    .superiorityBoxTopTitleSmall, .sourceBoxTopTitleSmall, .clientBoxTopTitleSmall{
        width: 100%;
        text-align: center;
        font-size: 14px;
        margin: auto;
        margin-bottom: 26px;
        color:#4d4d4d;
    }
    .superiorityListBox{
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        /*margin-top: 40px;*/
        margin-top: 20px;
    }
    .superiorityListLi{
        width: 223px;
        height: auto;
        margin: auto;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        /*margin-bottom: 21px;
        padding-bottom: 20px;*/
        margin-bottom: 10px;
        padding-bottom: 15px;
        border: 1px solid #f5f5f5;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    .superiorityListLi:hover{
        border-bottom: 2px solid #3f94ff;
        box-shadow: 5px 7px 5px #ededed;
    }
    .superiorityListLiIconBox{
        width: 40px;
        height: 40px;
        margin: auto;
        /*margin-top: 22px;*/
        margin-top: 16px;
        margin-bottom: 0px;
        display: flex;
    }
    .superiorityListLiIcon{
        width: auto;
        height: auto;
        max-width: 40px;
        max-height: 40px;
        margin: auto;
    }
    .superiorityListLiTitle{
        color:#0d62e1;
        font-size: 16px;
        margin:auto;
        margin-top: 13px;
        margin-bottom: 0px;
        text-align: center;
    }
    .superiorityListLiDesc{
        width: 70%;
        height: auto;
        /*line-height: 20px;*/
         line-height: 15px;
        font-size: 14px;
        color:#4d4d4d;
        margin: auto;
        margin-top: 13px;
        text-align: center;
    }
    .bgGd{
        width: 100%;
        height: auto;
        max-height: 183px;
        margin: auto;
        margin-top: 0px;
    }
    .sourceBoxOut{
        width: 100%;
        margin: auto;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        background: #f5f5f9;
    }
    .mapBox{
        width: 100%;
        height: auto;
        margin: auto;
        margin-top: 23px;
        display: flex;
        position: relative;
    }
    .map{
        width: 100%;
        height: auto;
        max-height: 620px;
        margin:auto;
    }
    .sourceDataBox{
        width: 100%;
        height: 180px;
        margin: auto;
        margin-top: 0px;
        display: flex;
    }
    .sourceDataLi{
        width: 33%;
        height: 78px;
        margin:auto;
        display: flex;
        flex-direction: column;
    }
    .sourceDataLiNumber{
        margin:auto;
        font-size: 40px;
        font-weight: 600;
        color:#0d62e1;
        margin-top: 0;
    }
    .sourceDataLiDesc{
        margin:auto;
        margin-top: 10px;
        font-size: 16px;
        color:#4c4c4c;
        margin-bottom: 0;
    }
    .clientBox{
        width: 1200px;
        height: auto;
        min-height: 236px;
        display: flex;
        flex-direction: column;
        margin:auto;
        margin-top: 0px;
    }
    .clientBoxOut{
        width: 100%;
        height: auto;
        background-image: url('../imgs/home/bg-hz.png');
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100%;
        display: flex;
    }
    .clientBoxTopSpe{
        margin: auto;
        margin-top: 80px;
        margin-bottom: 80px;
        background-image: url('../imgs/home/pic-title2.png');
    }
    .whiteColor{
        color:#fff;
    }
    .blueColor {
        color:#a7d0f1;
    }
    .height435{
        height: 225px;
        background: #fff;
        box-shadow: 2px 2px 4px 4px #e9e9e9;
        margin-bottom: 80px;
        padding-top: 20px;
    }
    .swiper2{
        height: 100%;
    }
    .clientListBox{
        width: 100%;
        height: 85%;
        display: flex;
        flex-wrap: wrap;
        margin: auto;
        align-content: start;
    }
    .clientLogo{
        /*width: 216px;
        height: 96px;
        margin: auto;
        margin-bottom: 20px;*/
        width: 150px;
        height: 64px;
        margin-bottom: 28px;
        margin-left: 14px;
        margin-right: 14px;
        border: 1px solid #f0f0f0;
    }
    .clientLogoImg{
        width: 150px;
        height: 64px;
    }
    .clientDataBox .swiper-pagination2 .swiper-pagination-bullet{
        background: #8dadd4 !important;
    }
    .clientDataBox .swiper-pagination2 .swiper-pagination-bullet-active{
        background: #1c5baa !important;
    }
    .freeBox{
        width: 100%;
        height: 200px;
        margin: auto;
        margin-top: 0;
        display: flex;
        flex-direction: column;
        background-image: url('../imgs/home/pic-contact.png');
        background-repeat: no-repeat;
        background-size: 100% 200px;
        background-position: center;
        overflow: hidden;
    }
    .freeDesc{
        width: 100%;
        text-align: center;
        margin: auto;
        margin-top: 60px;
        margin-bottom: 0px;
        color:#fff;
        font-size: 24px;
        letter-spacing: 2px;
    }
    .freeTryBtn{
        width: auto;
        height: 33px;
        border: 1px solid #fff;
        border-radius: 1px;
        margin: 30px auto auto auto;
        padding: 0 49px;
        text-align: center;
        line-height: 35px;
        color:#fff;
    }
    .freeTryBtn:hover{
        border: 0;
        padding: 0 50px;
        background: #fff;
        color:#0056c7;
    }
    .bottomBoxOut{
        width: 100%;
        height: auto;
        background:#000;
        margin: auto;
        display: flex;
        background-image: url('../imgs/bottom-bg.jpg');
        background-position:center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .bottomBox{
        width: 1200px;
        height: auto;
        margin: auto;
        margin-top: 50px;
        display: flex;
        flex-direction: column;
    }
    .bottomTopBox{
        margin:auto;
        display: flex;
        width: 100%;
    }
    .bottomTopBoxList{
        width: 300px;
        height: auto;
        margin: auto;
        margin-top: 0px;
        margin-left: 70px;
        display: flex;
        flex-direction: column;
    }
    .bottomLogo{
        width: 122px;
        height: auto;
        max-height: 40px;
        margin:auto;
        margin-top: 9px;
        margin-bottom: 0px;
        margin-left: 0px;
    }
    .bottomQr{
        width: 122px;
        height: 122px;
        margin:auto;
        margin-top: 22px;
        margin-left: 0px;
        margin-bottom: 0px;
    }
    .phoneNumber{
        font-size: 14px;
        margin: auto;
        margin-left: 0px;
        margin-top: 10px;
        color:#fff;
    }
    .address{
        font-size: 14px;
        font-weight: 600;
        margin: auto;
        margin-left: 0px;
        margin-top: 15px;
        color:#fff;
        line-height: 20px;
        letter-spacing: 1px;
    }
    .bottomTopBoxListRight{
        width: 135px;
        height: auto;
        margin: auto;
        margin-right: 0;
        margin-top: 0px;
        margin-left: 90px;
        display: flex;
        flex-direction: column;
        max-width: 210px;
    }
    .bottomTopBoxListRightNavTitle{
        color:#fff;
        font-size: 14px;
        margin: auto;
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom: 0;
    }
    .line{
        width: 56px;
        height: 1px;
        background: #fff;
        margin:auto;
        margin-left: 0;
        margin-top: 17px;
        margin-bottom: 17px;
        flex-shrink: 0;
    }
    .secNav{
        color:#acacac;
        margin:auto;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 20px;
        font-size: 13px;
    }
    .bottomBottomBox{
        width: 100%;
        height: 60px;
        display: flex;
        justify-content: space-around;
        margin: auto;
        margin-top: 0px;
        font-size: 12px;
    }
    .bq1{
        margin: auto;
        margin-right: 0;
        color:#fff;
    }
    .bq2{
        margin: auto;
        margin-right: 15px;
        margin-left: 15px;
        color:#fff;
    }
    .bq3{
        margin: auto;
        margin-left: 0;
        color:#fff;
    }
    .bottomTopBoxListRightOut{
        display: flex;
        margin: auto;
        width: 100%;
        margin-top: 13px;
        margin-bottom: 20px;
    }
    .LongHeight{
        height: 200px;
    }
    .hide{
        display: none;
    }
    .langDesc{
        color:#999;
    }
    .xuanfu:hover
    { 
        color:#007aff;
    }
    
    .xuanfudibu:hover
     { 
        color:#fff;
    }
    
    .fontBold{
        font-weight: 600;
    }
    .swiper1{
        height: auto;
        /*max-height: 400px;*/
    }
    .navOut{
        width:100%;
        height: auto;
        display: flex;
        background: #fff;
    }
    .pointBox{
        width: 22px;
        height: 22px;
        position: absolute;
    }
    .point1{
        left: 60px;
        top: 160px;
    }
    .point2{
        left: 65px;
        top: 185px;
    }
    .point3{
        left: 82px;
        top: 160px;
    }
    .point4{
        left: 82px;
        top: 315px;
    }
    .point5{
        left: 94px;
        top: 171px;
    }
    .point6{
        left: 110px;
        top: 175px;
    }
    .point7{
        left: 97px;
        top: 195px;
    }
    .point8{
        left: 142px;
        top: 417px;
    }
    .point9{
        left: 172px;
        top: 338px;
    }
    .point10{
        left: 220px;
        top: 258px;
    }
    .point11{
        left: 270px;
        top: 273px;
    }
    .point12{
        left: 325px;
        top: 273px;
    }
    .point13{
        left: 345px;
        top: 325px;
    }
    .point14{
        left: 353px;
        top: 336px;
    }
    .point15{
        left: 363px;
        top: 359px;
    }
    .point16{
        left: 370px;
        top: 273px;
    }
    .point17{
        left: 375px;
        top: 277px;
    }
    .point18{
        left: 378px;
        top: 271px;
    }
    .point19{
        left: 398px;
        top: 244px;
    }
    .point20{
        left: 383px;
        top: 210px;
    }
    .point21{
        left: 418px;
        top: 220px;
    }
    .point22{
        left: 455px;
        top: 225px;
    }
    .point23{
        left: 478px;
        top: 445px;
    }
    .point24{
        left: 762px;
        top: 225px;
    }
    .point25{
        left: 753px;
        top: 215px;
    }
    .point26{
        left: 850px;
        top: 200px;
    }
    .point27{
        left: 871px;
        top: 195px;
    }
    .point28{
        left: 881px;
        top: 218px;
    }
    .point29{
        left: 951px;
        top: 418px;
    }
    .point30{
        left: 387px;
        top: 266px;
    }
    .point31{
        left: 399px;
        top: 271px;
    }
    .point32{
        left: 359px;
        top: 301px;
    }
    .point33{
        left: 87px;
        top: 154px;
    }
    .point34{
        left: 225px;
        top: 265px;
    }
    .pointBoxIn{
        width: 22px;
        height: 22px;
        display: flex;
        position: relative;
    }
    .pointIcon{
        width: 22px;
        height: 22px;
        margin: auto;
        position: relative;
        z-index: 3; 
    }
    .pointDesc{
        font-size: 12px;
        position: absolute;
        word-break: keep-all;
    }
    .positionLeft{
        left: -28px;
        top: 4px;
    }
    .positionLeftThree{
        left: -38px;
        top: 9px;
    }
    .positionLeftThreeZ{
        left: -38px;
        top: 4px;
    }
    .positionTop{
        left: -18px;
        top: -16px;
    }
    .positionTopTwo{
        left: -1px;
        top: -16px;
    }
    .positionRight{
        right: -185%;
        top: 4px;
    }
    .positionRightTop{
        right: -190%;
        top: -12px;
    }
    .positionRightTopThree{
        right: -160%;
        top: -6px;
    }
    .positionRightTwo{
        right: -135%;
        top: 4px;
    }
    .positionRightFive{
        right: -295%;
        top: 4px;
    }
    .positionBottom{
        bottom: -15px;
        left: -1px;
    }
    .positionBottomLeft{
        bottom: -5px;
        left: -35px;
    }
    .positionLeftTop{
        left: -18px;
        top: -16px;
    }
    .circle{
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 2; 
        margin-left: -11px;
        margin-top: -11px;
        width: 22px;
        height: 22px;
        border-radius: 50%;
    }
    .red{
        display: none;
        background: #ffc693;
    }
    .blue{
        display: none;
        background: #7bd2ff;
    }
    .waveAni {
        display: block;
        animation: wave 1.5s ease-out infinite;
        -webkit-animation: wave 1.5s ease-out infinite; /* Safari 和 Chrome */
    }
    @keyframes wave {
        0% {
            transform: scale(1);
            opacity: 0.1;
        }
        25% {
            transform: scale(1.5);
            opacity: 0.75;
        }
        50% {
            transform: scale(2);
            opacity: 0.5;
        }
        75% {
            transform: scale(2.5);
            opacity: 0.25;
        }
        100% {
            transform: scale(3);
            opacity: 0.0;
        }
    }
    @-webkit-keyframes myfirst /* Safari and Chrome */
    {
        0% {
            transform: scale(1);
            opacity: 0.1;
        }
        25% {
            transform: scale(1.5);
            opacity: 0.75;
        }
        50% {
            transform: scale(2);
            opacity: 0.5;
        }
        75% {
            transform: scale(2.5);
            opacity: 0.25;
        }
        100% {
            transform: scale(3);
            opacity: 0.0;
        }
    }
    .navOut{
        width: 100%;
        margin: auto;
        display: flex;
        background: #fff;
    }
    .pointDesc1{
        left: -47px;
    }
    .pointDesc5{
        right: -220%;
    }
    .pointDesc6{
        right: -205%;
    }
    .pointDesc7{
        right: -170%;
    }
    .pointDesc8{
        right: -390%;
    }
    .pointDesc9{
        right: -215%;
    }
    .pointDesc10{
        right: -185%;
        top: -14px;
    }
    .pointDesc11{
        right: -64%;
        top: 26px;
    }
    .pointDesc12{
        bottom: 25px;
        left: -23px;
    }
    .pointDesc13{
        bottom: 5px;
        left: -63px;
    }
    .pointDesc14{
        right: -384%;
        top: 1px;
    }
    .pointDesc15{
        right: -209%;
        top: 4px;
    }
    .pointDesc16{
        left: -18px;
        top: 19px;
    }
    .pointDesc17{
        left: 20px;
        top: 19px;
    }
    .pointDesc18{
        right: -357%;
        top: 2px;
    }
    .pointDesc19{
        right: -261%;
        top: 13px;
    }
    .pointDesc20{
        left: -42px;
        top: 4px;
    }
    .pointDesc22{
        right: -172%;
        top: 4px;
    }
    .pointDesc23{
        right: -207%;
        top: 4px;
    }
    .pointDesc24{
        left: -64px;
        top: 20px;
    }
    .pointDesc25{
        right: -125%;
        top: -15px;
    }
    .pointDesc26{
        left: -41px;
        top: -11px;
    }
    .pointDesc27{
        right: -224%;
        top: -4px;
    }
    .pointDesc28{
        right: -335%;
        top: 4px;
    }
    .pointDesc29{
        right: -285%;
        top: 4px;
    }
    .pointDesc30{
        right: -34%;
        top: -9px;
    }
    .pointDesc31{
        right: -159%;
        top: 15px;
    }
    .pointDesc32{
        right: -319%;
        top: 19px;
    }
    .pointDesc33{
        left: 0px;
        top: -30px;
    }
    .pointDesc34{
        right: -185%;
        top: -14px;
    }
    .pointDesc16-1{
        left: -22px;
        top: 13px;
    }
    .pointDesc17-1{
        left: 10px;
        top: 22px;
    }
    .pointDesc18-1{
        right: -213%;
        top: 1px;
    }
    .pointDesc30-1{
        left: -23px;
        top: -12px;
    }
    .pointDesc31-1{
        right: -135%;
        top: 16px;
    }
    .pointDesc32-1{
        left: -12px;
        top: -32px;
    }
    .pointDesc33-1{
        left: 0px;
        top: -30px;
    }
    .bannerDescBoxSmallButton{
        width: 120px;
        height: 40px;
        margin: auto;
        border: 1px solid #fff;
        border-radius: 20px;
        background: none;
        color:#fff;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
        margin-left: 0;
        margin-top: 40px;
        cursor: pointer;
    }
    .bannerDescBoxSmallButton:hover{
        background: #fff;
        color:#2d77e5;
    }
}

@media screen and (min-width: 768px) and (max-width: 1500px) {
    .clientBoxTopSpe{
        margin: auto;
        margin-top: 30px;
        margin-bottom: 30px;
        background-image: url('../imgs/home/pic-title2.png');
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .logoImg{
        width: 110px;
        height: auto;
        max-height: 40px;
    }
    .main{
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    .top{
        width: 95%;
        height: 30px;
        display: flex;
        margin: auto;
        margin-top: 0px;
    }
    .topLeft{
        margin: auto;
        margin-left: 0px;
        color:#999999;
        font-size: 14px;
    }
    .topRight{
        margin: auto;
        margin-right: 0px;
        color:#999999;
        font-size: 14px;
        display: flex;
    }
    .topRightLogin{
        margin: auto;
        margin-right: 30px;
        color:#999;
    }
    .topRightImg{
        margin: auto;
        margin-right: 10px;
    }
    .topRightDesc{
        margin:auto;
    }
    .el-input__inner{
        padding: unset !important;
        width: 50px !important;
        border: none !important;
        height: 30px !important;
        line-height: 30px !important;
        color:#999 !important;
        font-size: 13px !important;
    }
    .el-input__suffix{
        right: 0px !important;
    }
    .navBox{
        width: 95%;
        height: 45px;
        display: flex;
        margin: auto;
    }
    .logo{
        margin:auto;
        margin-left: 0px;
    }
    .nav{
        display: flex;
        margin: auto;
        margin-right: 35px;
        font-size: 14px;
        height: 100%;
    }
    .navLi{
        width: auto;
        height: 36px;
        line-height: 36px;
        margin:auto;
        margin-right: 70px;
        color:#4c4c4c;
    }
    .navLiSeBox{
        width: auto;
        height: 100%;
        display: flex;
        text-align: center;
        position: relative;
        margin-right: 20px;
    }
    .navLiSe{
        width: auto;
        height: 100%;
        line-height: 36px;
        margin:auto;
        color:#4c4c4c;
        text-align: center;
    }
    .navAlink{
        margin: auto;
    }
    .navLiSecSBox{
        width: 122px;
        height: auto;
        display: flex;
        flex-direction: column;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 5px;
        position: absolute;
        top: 80px;
        left: 50%;
        margin-left: -61px;
        z-index: 5;
    }
    .navLiSeS{
        width: 100%;
        height: auto;
        font-size: 14px;
        color:#616262;
    }
    .navAlinkSe{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .navCheck{
        color:#0d62e1;
        border-bottom: 1px solid #0d62e1;
    }
    .freeTry{
        width: 90px;
        height: 35px;
        font-size: 16px;
        color:#fff;
        background: #0d62e1;
        border-radius: 17.5px;
        margin: auto;
        margin-right: 0px;
        margin-left: 0px;
        text-align: center;
        line-height: 35px;
    }
    .cursorPointer{
        cursor: pointer;
    }
    .bannerBox, .clientDataBox{
        width: 100%;
        float: left;
        height: 150px;
        text-align: center;
        overflow: hidden;
        position: relative;
    }
    .swiper-pagination-bullet{
        width: 9px !important;
        height: 5px !important;
        border-radius: 2px !important;
        background: #88b5ee !important;
        opacity: 1 !important;
    }
    .swiper-pagination-bullet-active{
        width: 18px !important;
        height: 5px !important;
        border-radius: 2px !important;
        background: #fff !important;
    }
    .bannerDescBox{
        width: 100%;
        height: auto;
        margin: auto;
        display: flex;
        flex-direction: column;
        position: absolute;
        left: 0;
        top: 25%;
        margin-top: -7.2%;
    }
    .bannerDescBoxBig{
        width: 100%;
        text-align: center;
        margin:auto;
        font-size: 18px;
        font-weight: 600;
        color:#fff;
    }
    .bannerDescBoxSmall{
        width: 100%;
        text-align: center;
        margin:auto;
        font-size: 14px;
        margin-top: 13px;
        color:#fff;
    }
    .swiper-slide{
        display: flex;
    }
    .superiorityBox, .sourceBox{
        width: 100%;
        height: auto;
        margin: auto;
        display: flex;
        flex-direction: column;
    }
    .superiorityBoxTop, .sourceBoxTop, .clientBoxTop{
        width: 100%;
        height: 103px;
        margin: auto;
        margin-top: 15px;
        display: flex;
        flex-direction: column;
        background-image: url('../imgs/home/pic-title.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50px 100px;
    }
    .superiorityBoxTopTitle, .sourceBoxTopTitle, .clientBoxTopTitle{
        width: 100%;
        text-align: center;
        font-size: 16px;
        color:#292929;
        margin: auto;
        margin-bottom: 0px;
        font-weight: 600;
    }
    .superiorityBoxTopTitleSmall, .sourceBoxTopTitleSmall, .clientBoxTopTitleSmall{
        width: 100%;
        text-align: center;
        font-size: 14px;
        color:#292929;
        margin: auto;
        margin-bottom: 26px;
    }
    .superiorityListBox{
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 15px;
    }
    .superiorityListLi{
        width: 224px;
        height: auto;
        margin: auto;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 21px;
        margin-top: 0;
        padding-bottom: 20px;
        border: 1px solid #f5f5f5;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    .superiorityListLi:hover{
        border-bottom: 2px solid #3f94ff;
        box-shadow: 5px 7px 5px #ededed;
    }
    .superiorityListLiIconBox{
        width: 40px;
        height: auto;
        margin: auto;
        margin-top: 22px;
        margin-bottom: 0px;
        display: flex;
    }
    .superiorityListLiIcon{
        width: auto;
        height: auto;
        max-width: 40px;
        max-height: 40px;
        margin: auto;
    }
    .superiorityListLiTitle{
        color:#0d62e1;
        font-size: 14px;
        margin:auto;
        margin-top: 13px;
        margin-bottom: 0px;
        text-align: center;
    }
    .superiorityListLiDesc{
        width: 70%;
        height: auto;
        line-height: 20px;
        font-size: 12px;
        color:#4c4c4c;
        margin: auto;
        margin-top: 13px;
        text-align: center;
    }
    .bgGd{
        width: 100%;
        height: auto;
        max-height: 183px;
        margin: auto;
        margin-top: -20px;
    }
    .sourceBoxOut{
        width: 100%;
        margin: auto;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        background: #f5f5f9;
    }
    .mapBox{
        width: 100%;
        height: auto;
        margin: auto;
        margin-top: 23px;
        display: flex;
    }
    .map{
        width: 100%;
        height: auto;
        max-height: 620px;
        margin:auto;
    }
    .sourceDataBox{
        width: 100%;
        height: 130px;
        margin: auto;
        margin-top: 0px;
        display: flex;
    }
    .sourceDataLi{
        width: 33%;
        height: 48px;
        margin:auto;
        display: flex;
        flex-direction: column;
    }
    .sourceDataLiNumber{
        margin:auto;
        font-size: 22px;
        color:#0d62e1;
        margin-top: 0;
    }
    .sourceDataLiDesc{
        margin:auto;
        font-size: 18px;
        color:#4c4c4c;
        margin-bottom: 0;
    }
    .clientBox{
        width: 100%;
        height: auto;
        min-height: 236px;
        display: flex;
        flex-direction: column;
        margin:auto;
        margin-top: 0px;
    }
    .clientBoxOut{
        width: 100%;
        height: auto;
        background-image: url('../imgs/home/bg-hz.png');
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100%;
        display: flex;
    }
    .clientBoxTopSpe{
        margin: auto;
        margin-top: 30px;
        background-image: url('../imgs/home/pic-title2.png');
    }
    .whiteColor{
        color:#fff;
    }
    .blueColor {
        color:#a7d0f1;
    }
    .height435{
        height: auto;
        background: #fff;
        box-shadow: 2px 2px 4px 4px #e9e9e9;
        margin-top: 21px;
        margin-bottom: 30px;
    }
    .clientListBox{
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        margin: auto;
        margin-top: 20px;
    }
    .clientLogo{
        width: 24%;
        height: auto;
        max-height: 70px;
        margin: auto;
        margin-bottom: 20px;
    }
    .clientLogoImg{
        width: 100%;
        height: auto;
        max-height: 70px;
    }
    .clientDataBox .swiper-pagination2 .swiper-pagination-bullet{
        background: #8dadd4 !important;
    }
    .clientDataBox .swiper-pagination2 .swiper-pagination-bullet-active{
        background: #1c5baa !important;
    }
    .freeBox{
        width: 100%;
        height: auto;
        min-height: 99px;
        margin: auto;
        margin-top: 0;
        display: flex;
        flex-direction: column;
        background-image: url('../imgs/home/pic-contact.png');
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        overflow: hidden;
    }
    .freeDesc{
        width: 100%;
        text-align: center;
        margin: auto;
        margin-top: 30px;
        margin-bottom: 0px;
        color:#fff;
        font-size: 18px;
        letter-spacing:1px;
    }
    .freeTryBtn{
        width: auto;
        height: 25px;
        border: 1px solid #fff;
        border-radius: 1px;
        padding-left: 30px;
        padding-right: 30px;
        margin: auto;
        margin-top: 1.5%;
        text-align: center;
        line-height: 25px;
        color:#fff;
    }
    .bottomBoxOut{
        width: 100%;
        height: auto;
        min-height:457px;
        background: #000;
        margin: auto;
        display: flex;
        background-image: url('../imgs/bottom-bg.jpg');
        background-position:center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .bottomBox{
        width: 100%;
        height: auto;
        margin: auto;
        margin-top: 30px;
        display: flex;
        flex-direction: column;
    }
    .bottomTopBox{
        margin:auto;
        display: flex;
    }
    .bottomTopBoxList{
        width: 180px;
        height: auto;
        margin: auto;
        margin-top: 0px;
        margin-left: 10px;
        margin-right: 25px;
        display: flex;
        flex-direction: column;
    }
    .bottomLogo{
        width: 100px;
        height: auto;
        max-height: 40px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }
    .bottomQr{
        width: 100px;
        height: 100px;
        margin:auto;
        margin-top: 22px;
        margin-left: 0px;
        margin-bottom: 0px;
    }
    .phoneNumber{
        font-size: 12px;
        margin: auto;
        margin-left: 0px;
        margin-top: 10px;
        color:#fff;
    }
    .address{
        font-size: 14px;
        font-weight: 600;
        margin: auto;
        margin-left: 0px;
        margin-top: 5px;
        color:#fff;
        line-height: 20px;
    }
    .bottomTopBoxListRight{
        width: 110px;
        height: 320px;
        margin: auto;
        margin-left: 0;
        margin-top: 15px;
        margin-right: 35px;
        display: flex;
        flex-direction: column;
    }
    .bottomTopBoxListRightNavTitle{
        color:#fff;
        font-size: 14px;
        margin: auto;
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom: 0;
    }
    .line{
        width: 60px;
        height: 1px;
        background: #fff;
        margin:auto;
        margin-left: 0;
        margin-top: 17px;
        margin-bottom: 17px;
        flex-shrink: 0;
    }
    .secNav{
        color:#acacac;
        margin:auto;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 38px;
        height: 20px;
        font-size: 12px;
    }
    .bottomBottomBox{
        width: 100%;
        height: 60px;
        display: flex;
        justify-content: space-around;
        margin: auto;
        margin-top: 30px;
        font-size: 12px;
    }
    .bq1{
        margin: auto;
        margin-right: 0;
        color:#fff;
    }
    .bq2{
        margin: auto;
        margin-right: 15px;
        margin-left: 15px;
        color:#fff;
    }
    .bq3{
        margin: auto;
        margin-left: 0;
        color:#fff;
    }
    .bottomTopBoxListRightOut{
        display: flex;
        margin: auto;
        width: 100%;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .LongHeight{
        height: 200px;
    }
    .swiper-pagination-bullets{
        position: absolute;
        z-index: 2;
        bottom: 5px !important;
    }
    .hide{
        display: none;
    }
    .bannerDescBoxSmallButton{
        width: 70px;
        height: 16px;
        margin: auto;
        border: 1px solid #fff;
        border-radius: 8px;
        background: none;
        color:#fff;
        line-height: 16px;
        text-align: center;
        font-size: 12px;
        margin-top: 10px;
        cursor: pointer;
    }
}

@media screen and (max-width: 767px) {
    .logoImg{
        width: 110px;
        height: auto;
        max-height: 40px;
    }
    .main{
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    .top{
        width: 95%;
        height: 30px;
        display: flex;
        margin: auto;
        margin-top: 0px;
    }
    .topLeft{
        margin: auto;
        margin-left: 0px;
        color:#999999;
        font-size: 14px;
    }
    .topRight{
        margin: auto;
        margin-right: 0px;
        color:#999999;
        font-size: 14px;
        display: flex;
    }
    .topRightLogin{
        margin: auto;
        margin-right: 30px;
        color:#999;
    }
    .topRightImg{
        margin: auto;
        margin-right: 10px;
    }
    .topRightDesc{
        margin:auto;
    }
    .el-input__inner{
        padding: unset !important;
        width: 50px !important;
        border: none !important;
        height: 30px !important;
        line-height: 30px !important;
        color:#999 !important;
        font-size: 13px !important;
    }
    .el-input__suffix{
        right: 0px !important;
    }
    .navBox{
        width: 95%;
        height: 30px;
        display: flex;
        margin: auto;
    }
    .logo{
        margin:auto;
        margin-left: 0px;
    }
    .nav{
        display: flex;
        margin: auto;
        margin-right: 0px;
        font-size: 16px;
    }
    .navLi{
        width: auto;
        height: 36px;
        line-height: 36px;
        margin:auto;
        margin-right: 20px;
        color:#4c4c4c;
    }
    .navCheck{
        color:#0d62e1;
        border-bottom: 1px solid #0d62e1;
    }
    .freeTry{
        width: 90px;
        height: 35px;
        font-size: 16px;
        color:#fff;
        background: #0d62e1;
        border-radius: 17.5px;
        margin: auto;
        margin-right: 0px;
        margin-left: 0px;
        text-align: center;
        line-height: 35px;
    }
    .cursorPointer{
        cursor: pointer;
    }
    .bannerBox, .clientDataBox{
        width: 100%;
        float: left;
        height: auto;
        text-align: center;
        overflow: hidden;
        position: relative;
    }

    .swiper-pagination-bullet{
        width: 9px !important;
        height: 5px !important;
        border-radius: 2px !important;
        background: #88b5ee !important;
        opacity: 1 !important;
    }
    .swiper-pagination-bullet-active{
        width: 18px !important;
        height: 5px !important;
        border-radius: 2px !important;
        background: #fff !important;
    }
    .bannerDescBox{
        width: 100%;
        height: auto;
        margin: auto;
        display: flex;
        flex-direction: column;
        position: absolute;
        left: 0;
        top: 35%;
        margin-top: -4.2%;
    }
    .bannerDescBoxBig{
        width: 100%;
        text-align: center;
        margin:auto;
        font-size: 18px;
        font-weight: 600;
        color:#fff;
    }
    .bannerDescBoxSmall{
        width: 95%;
        text-align: center;
        margin:auto;
        margin-top: 13px;
        font-size: 14px;
        color:#fff;
    }
    .swiper-slide{
        display: flex;
    }
    .superiorityBox, .sourceBox{
        width: 100%;
        height: auto;
        margin: auto;
        display: flex;
        flex-direction: column;
    }
    .superiorityBoxTop, .sourceBoxTop, .clientBoxTop{
        width: 100%;
        height: 90px;
        margin: auto;
        margin-top: 15px;
        display: flex;
        flex-direction: column;
        background-image: url('../imgs/home/pic-title.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 40px 90px;
    }
    .superiorityBoxTopTitle, .sourceBoxTopTitle, .clientBoxTopTitle{
        width: 100%;
        text-align: center;
        font-size: 18px;
        color:#292929;
        margin: auto;
        margin-bottom: 0px;
        font-weight: 600;
    }
    .superiorityBoxTopTitleSmall, .sourceBoxTopTitleSmall, .clientBoxTopTitleSmall{
        width: 95%;
        text-align: center;
        font-size: 14px;
        color:#292929;
        margin: auto;
        opacity: 0.5;
        /*margin-bottom: 20px;*/
    }
    .superiorityListBox{
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 15px;
    }
    .superiorityListLi{
        width: 39%;
        height: auto;
        margin: auto;
        margin-bottom: 21px;
        margin-top: 0;
        padding-bottom: 10px;
        border: 1px solid #f5f5f5;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    .superiorityListLi:hover{
        border-bottom: 2px solid #3f94ff;
        box-shadow: 5px 7px 5px #ededed;
    }
    .superiorityListLiIconBox{
        width: 40px;
        height: 40px;
        margin: auto;
        margin-top: 22px;
        margin-bottom: 0px;
        display: flex;
    }
    .superiorityListLiIcon{
        width: auto;
        height: auto;
        max-width: 40px;
        max-height: 40px;
        margin: auto;
    }
    .superiorityListLiTitle{
        color:#0d62e1;
        font-size: 14px;
        margin:auto;
        margin-top: 13px;
        margin-bottom: 0px;
        text-align: center;
    }
    .superiorityListLiDesc{
        width: 70%;
        height: auto;
        line-height: 15px;
        font-size: 12px;
        color:#4c4c4c;
        margin: auto;
        margin-top: 13px;
        text-align: center;
    }
    .bgGd{
        width: 100%;
        height: auto;
        max-height: 183px;
        margin: auto;
        margin-top: -20px;
    }
    .sourceBoxOut{
        width: 100%;
        margin: auto;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        background: #f5f5f9;
    }
    .mapBox{
        width: 100%;
        height: auto;
        margin: auto;
        max-height: 200px;
        margin-top: 23px;
        display: flex;
    }
    .map{
        width: 100%;
        height: auto;
        max-height: 620px;
        margin:auto;
    }
    .sourceDataBox{
        width: 100%;
        height: auto;
        margin: auto;
        margin-top: 0px;
        display: flex;
    }
    .sourceDataLi{
        width: 33%;
        height: auto;
        margin:auto;
        margin-top: 30px;
        margin-bottom: 30px;
        display: flex;
        flex-direction: column;
    }
    .sourceDataLiNumber{
        margin:auto;
        font-size: 20px;
        color:#0d62e1;
        margin-top: 0;
        margin-bottom: 0;
    }
    .sourceDataLiDesc{
        margin:auto;
        font-size: 14px;
        color:#4c4c4c;
        margin-bottom: 0;
        margin-top: 10px;
        text-align: center;
    }
    .clientBox{
        width: 100%;
        height: auto;
        min-height: 236px;
        display: flex;
        flex-direction: column;
        margin:auto;
        margin-top: 0px;
    }
    .clientBoxOut{
        width: 100%;
        height: auto;
        background-image: url('../imgs/home/bg-hz.png');
        background-repeat: no-repeat;
        background-position: top center;
        display: flex;
    }
    .clientBoxTopSpe{
        margin: auto;
        margin-top: 20px;
        margin-bottom: 20px;
        background-image: url('../imgs/home/pic-title2.png');
    }
    .whiteColor{
        color:#fff;
    }
    .blueColor {
        color:#a7d0f1;
    }
    .height435{
        height: auto;
        background: #fff;
        box-shadow: 2px 2px 4px 4px #e9e9e9;
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .clientListBox{
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .clientLogo{
        width: 27%;
        height: auto;
        max-height: 50px;
        margin: auto;
        margin-bottom: 10px;
    }
    .clientLogo{
        width: 27%;
        height: auto;
        max-height: 50px;
        margin: auto;
        margin-bottom: 10px;
    }
    .clientLogoImg{
        width: 100%;
        height: auto;
        max-height: 50px;
    }
    .clientDataBox .swiper-pagination2 .swiper-pagination-bullet{
        background: #8dadd4 !important;
    }
    .clientDataBox .swiper-pagination2 .swiper-pagination-bullet-active{
        background: #1c5baa !important;
    }
    .freeBox{
        width: 100%;
        height: auto;
        min-height: 99px;
        margin: auto;
        margin-top: 0;
        display: flex;
        flex-direction: column;
        background-image: url('../imgs/home/pic-contact.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        overflow: hidden;
    }
    .freeDesc{
        width: 100%;
        text-align: center;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 0px;
        color:#fff;
        font-size: 16px;
        letter-spacing: 2px;
    }
    .freeTryBtn{
        width: auto;
        height: 25px;
        border: 1px solid #fff;
        border-radius: 1px;
        margin: auto;
        margin-top: 20px;
        padding-left: 25px;
        padding-right: 25px;
        text-align: center;
        line-height: 25px;
        color:#fff;
    }
    .bottomBoxOut{
        width: 100%;
        height: auto;
        min-height:457px;
        background: #000;
        margin: auto;
        display: flex;
        background-image: url('../imgs/bottom-bg.jpg');
        background-position:center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .bottomBox{
        width: 100%;
        height: auto;
        margin: auto;
        margin-top: 30px;
        display: flex;
        flex-direction: column;
    }
    .bottomTopBox{
        margin:auto;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .bottomTopBoxList{
        width: 100%;
        height: auto;
        margin: auto;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
    }
    .bottomLogo{
        width: 133px;
        height: auto;
        max-height: 50px;
        margin:auto;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .bottomQr{
        width: 100px;
        height: 100px;
        margin:auto;
        margin-top: 22px;
        margin-bottom: 0px;
    }
    .phoneNumber{
        font-size: 14px;
        font-weight: 600;
        margin: auto;
        margin-top: 20px;
        color:#fff;
    }
    .address{
        font-size: 14px;
        font-weight: 600;
        margin: auto;
        margin-top: 5px;
        color:#fff;
    }
    .bottomTopBoxListRightOut{
        display: flex;
        margin: auto;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .bottomTopBoxListRight{
        width: 25%;
        height: 320px;
        margin: auto;
        margin-top: 15px;
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .bottomTopBoxListRightNavTitle{
        color:#fff;
        font-size: 14px;
        margin: auto;
        margin-top: 0px;
        margin-bottom: 0;
    }
    .line{
        width: 60px;
        height: 1px;
        background: #fff;
        margin:auto;
        margin-top: 17px;
        margin-bottom: 17px;
        flex-shrink: 0;
    }
    .secNav{
        color:#acacac;
        margin:auto;
        margin-top: 0px;
        margin-bottom: 38px;
        height: 20px;
        font-size: 12px;
    }
    .bottomBottomBox{
        width: 100%;
        height: 60px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        margin: auto;
        margin-top: 40px;
        font-size: 12px;
    }
    .bq1{
        margin: auto;
        color:#fff;
    }
    .bq2{
        margin: auto;
        color:#fff;
    }
    .bq3{
        margin: auto;
        color:#fff;
    }
    .navImg{
        margin:auto;
        margin-right: 10px;
        width: 35px;
        height: 35px;
    }
    .backCe{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.3);
        display: flex;
        z-index: 1000;
    }
    .navPhone{
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        height: auto;
        background: #fff;
        display: flex;
        flex-direction: column;
        z-index: 1001;
    }
    .navPhoneLi{
        width: 100%;
        height: 45px;
        text-align: center;
        line-height: 45px;
        color:#999;
        border-bottom: 1px solid #999;
    }
    .LongHeight{
        height: 200px;
    }
    .hide{
        display: none;
    }
    .swiper-pagination-bullets{
        position: absolute;
        z-index: 2;
        bottom: 12px !important;
        display: none;
    }
    .bannerImg{
        max-height: 150px;
        min-height: 129px;
    }
    .langDesc{
        color:#999;
        margin: auto;
    }
    .bannerDescBoxSmallButton{
        width: 70px;
        height: 16px;
        margin: auto;
        border: 1px solid #fff;
        border-radius: 8px;
        background: none;
        color:#fff;
        line-height: 16px;
        text-align: center;
        font-size: 12px;
        margin-top: 15px;
        cursor: pointer;
    }
}