@charset "utf-8";

/*视频*/
.videohide {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.videohide_class {
    visibility: visible;
    opacity: 1;
}

.videohidebg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 10;
}

.videohidebox i {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 24px;
    border-radius: 30px;
    background: #D50900;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: -15px;
    margin-top: -15px;
    border: 2px solid #fff;
    cursor: pointer;
    font-style: normal;
}

.videohidebox i.fa-close:hover {
    -webkit-filter: brightness(110%);
}

.videohidebox {
    position: relative;
    width: 1000px;
    height: auto;
    background: #fff;
    z-index: 20;
    padding: 10px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    margin-top: -100px;
}

.videohidebox_class {
    margin-top: 0;
    opacity: 1;
}

.videohidebox_1 {
    width: 100%;
    height: auto;
}

.videohidebox_1 video {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
       object-fit: fill;
}

.videohidebox_1 p {
    font-size: 16px;
    color: #000;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.vdbg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.amt1 {
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
}

.amt2 {
    animation-delay: .6s;
    -webkit-animation-delay: .6s;
}

.amt3 {
    animation-delay: .9s;
    -webkit-animation-delay: .9s;
}

.amt4 {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
}

.amt5 {
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
}

.amt6 {
    animation-delay: 1.8s;
    -webkit-animation-delay: 1.8s;
}

.amt7 {
    animation-delay: 2.1s;
    -webkit-animation-delay: 2.1s;
}

.amt8 {
    animation-delay: 2.4s;
    -webkit-animation-delay: 2.4s;
}

.pc_demo,
.pc_demo1 {
    display: block;
}

.wap_demo,
.wap_demo1 {
    display: none;
}

.head {
    width: 100%;
    height: 64px;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.head_active {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
            box-shadow: 0 0 15px rgba(0, 0, 0, .05);
}

.head_height {
    height: 65px;
}

.logo {
    display: inline-block;
    height: 30px;
}

.nav span {
    position: relative;
    display: block;
}

.nava {
    padding: 0 20px;
    font-size: 16px;
    color: #4f5861;
    display: block;
    line-height: 65px;
}

.nava i {
    color: #999;
    margin-left: 6px;
}

.navhide {
    padding: 0 20px;
    width: 240px;
    position: absolute;
    left: -38px;
    top: 90%;
    background: #fff;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0 5px 12px rgba(49, 60, 76, .07);
            box-shadow: 0 5px 12px rgba(49, 60, 76, .07);
}

.nav span:hover .navhide {
    opacity: 1;
    visibility: inherit;
    top: 100%;
}

.nha {
    padding: 15px 0;
    border-bottom: 1px solid #F4F8FA;
}

.nha img {
    width: 18px;
    height: 18px;
    -o-object-fit: contain;
       object-fit: contain;
}

.nha .txt {
    margin-left: 10px;
}

.nha:last-child {
    border-bottom: 0;
}

.nha h3 {
    font-size: 16px;
    color: #234154;
}

.nha p {
    color: #949CA3;
    margin-top: 7px;
    font-size: 14px;
}

.nha i {
    margin-top: 3px;
}

.hdra {
    margin-left: 20px;
}

.hdra a {
    padding: 0 18px;
    line-height: 34px;
    font-size: 16px;
    display: inline-block;
    color: #234154;
}

.hdra a:hover {
    color: #234154;
}

.hdra a.active {
    background: #234154;
    color: #fff;
    border-radius: 34px;
}

.hdra a.active1 {
    width: 80px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #234154;
    border-radius: 22px;
    font-size: 16px;
    color: #234154;
    text-align: center;
    font-weight: 400;
    margin-right: 6px;

}

.bntxt {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 80px 0;
}

.mdtop h3 {
    font-size: 44px;
    color: #15191d;
}

.mdtopbn h3 {
    font-size: 48px;
    margin-bottom: 10px;
}

.mdtopbn .p1 {
    font-size: 18px;
    color: #4F5861;
    letter-spacing: 0;
    text-align: justify;
    font-weight: 400;
    text-align: center;
}

.i9 .mdtop h3 {
    margin-top: -40px
}

.imorea {
    display: inline-block;
    width: 140px;
    line-height: 48px;
    border-radius: 48px;
    color: #fff;
    font-size: 16px;
    background: #234154;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(255, 255, 255, 0.8);
            box-shadow: 0px 1px 5px 0px rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(194, 216, 228, 1);
            box-shadow: 0px 10px 20px 0px rgba(194, 216, 228, 1);
}

.imorea:hover {
    opacity: .85;
    color: #fff;
}

.imorea_max:hover {
    opacity: 1;
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}

.bnimg .wrap {
    position: relative;
    z-index: 9;
}

.bnimg .wrap .img_1 {
    position: absolute;
    right: 210px;
    top: -25px;
}

.yuan1 {
    width: 46.9%;
    position: absolute;
    right: 15.4%;
    top: 0;
}

.yuan2 {
    width: 31.3%;
    position: absolute;
    left: 16.9%;
    bottom: 0;
}

.md {
    padding: 100px 0;
}

.i1a {
    width: 25%;
}

.i1a h3 {
    line-height: 20px;
    color: #15191D;
    border-left: 1px solid #234154;
    margin: 30px 0 10px 0;
}

.i1a p {
    color: #4F5861;
}

.i1a:last-child h3 {
    border-right: 1px solid #234154;
}

.i1a img {
    height: 54px;
}

.i_psr_img {
    position: relative;
    z-index: 9;
}

.i2ico {
    width: 23%;
    position: absolute;
    right: -130px;
    top: -120px;
    z-index: 2;
}

.i2ico1 {
    width: 26%;
    position: absolute;
    right: 0;
    top: 24%;
    z-index: 99;
}

.i2ba {
    width: 49%;
    margin-top: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #4F5861;
}

.i2ba {
    width: 545px;
}

.marl20 {
    margin-left: 30px;
    width: 514px !important;
}

.i2ba i {
    width: 1px;
    height: 20px;
    background: #234154;
    margin-top: 6px;
}

.i2ba i em {
    display: none;
}

.i4w img {
    width: 100%;
}

.i4wa {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
            box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    border-radius: 4px;
    overflow: hidden;
    position: absolute;
    z-index: 10;
}

.i41 {
    width: 38%;
    top: 9%;
    right: -3%;
}

.i42 {
    width: 20%;
    bottom: -5%;
    left: 2%;
}

.i43 {
    width: 25%;
    bottom: -4%;
    left: 54%;
}

.i5w {
    width: 101%;
    cursor: pointer;
}

.i5a {
    width: 19%;
    margin-right: 1%;
    border-radius: 4px;
    height: 220px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/i5bg1_05.jpg) no-repeat center;
    background-size: cover;
    margin-top: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px;
    color: #fff;
}

.i5a h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.i5a:hover {
    color: #fff;
    -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
            transform: scale(1.03);
    -webkit-box-shadow: 0px 12px 20px 0px rgba(49, 60, 76, 0.15);
            box-shadow: 0px 12px 20px 0px rgba(49, 60, 76, 0.15);
}

.i5a1 {
    width: 39%;
}

.i5a_1 {
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/i5bg1_05.svg) no-repeat center;
    background-size: cover;
}

.i5a_2 {
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/i5bg2_05.svg) no-repeat center;
    background-size: cover;
}

.i5a_3 {
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/i5bg3_05.svg) no-repeat center;
    background-size: cover;
}

.i5a_4 {
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/i5bg4_05.svg) no-repeat center;
    background-size: cover;
}

.i5a_5 {
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/i5bg5_05.svg) no-repeat center;
    background-size: cover;
}

.i5a_6 {
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/i5bg6_05.svg) no-repeat center;
    background-size: cover;
}

.i5a_7 {
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/i5bg7_05.svg) no-repeat center;
    background-size: cover;
}

.i5a_8 {
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/i5bg8_05.svg) no-repeat center;
    background-size: cover;
}

.i5a p,
.i5a img {
    opacity: .7;
}

.i5a img {
    height: 10px;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.i5a:hover img {
    opacity: 1;
}

.i5a .txt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 22px;
}

.i5more a {
    font-size: 16px;
    color: #234154;
}

.i6a {
    width: 30%;
}

.i6a img {
    height: 120px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.i6a:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.i6a h3 {
    margin: 30px 0 10px 0;
}

.i6a p {
    text-align: left;
    line-height: 22px;
}

.i7t img {}

.i7a {
    padding: 35px;
    height: 240px;
}

.i7am {
    margin: 0 45px;
    margin-top: -14px;
}

.i7am h3 {
    color: #15191D;
}

.i7am p {
    color: #15191D;
    color: #15191D;
    overflow: initial;
    display: -webkit-box;
    -webkit-box-orient: initial;
    -webkit-line-clamp: 2;
    line-height: 30px;
}

.i7am .text16 {
    display: inline-block;
    margin-top: 30px;
    color: #15191D;
    line-height: 30px;
}

.i7am span i {
    width: 25px;
    height: 1px;
    background: #234154;
    margin-right: 10px;
}

.i7ar img {
    width: 170px;
}

.swiper-pagination-i7 {
    width: 100%;
    margin-top: 20px;
    position: relative;
}

.swiper-pagination-i7 .swiper-pagination-bullet {
    width: 18px;
    height: 3px;
    background: #cdd5db;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    border-radius: 0;
    margin: 0 3px;
    opacity: 1;
}

.swiper-pagination-i7 .swiper-pagination-bullet-active {
    background: #234154;
}

.new {
    width: 102%;
}

.newa {
    border-radius: 8px;
    width: 373px;
    height: 450px;
    margin-right: 2%;
    margin-top: 30px;
    border: 1px solid #eaedef;
    overflow: hidden;
}

.newatxt {
    border-top: 0;
    padding: 30px;
}

.newatxt h3 {
    color: #15191D;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 66px;
}

.newatxt p {
    color: #4F5861;
    line-height: 22px;
    overflow: hidden;
    display: -webkit-box;
    min-height: 66px;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -o-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.lstar .newatxt p {
    font-size: 16px;
    line-height: 24px;
}

.newatxtb {
    margin-top: 25px;
}

.newaimg {
    border-radius: 4px 4px 0 0;
}

.newaimg img {
    height: 212px;
}

.newatxt {
    border-radius: 0 0 4px 4px;
}

.neabl i {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-size: cover !important;
}

.neabl .ml5 {
    color: #15191D;
    margin-left: 10px;
}

.newa:hover {
    -webkit-box-shadow: 0px 12px 20px 0px rgba(49, 60, 76, 0.07);
            box-shadow: 0px 12px 20px 0px rgba(49, 60, 76, 0.07);
}

.i9 {
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/i9pc.svg) no-repeat top center #ecf9ff;
    height: 390px;
}

.i9 p {
    color: #6F7983;
}

.foot {
    color: #4f5861;
}

.foot a,
.foot a:hover {
    color: #4f5861;
}

.ftl {
    margin-right: 10%;
}

.ftlogo {
    display: inline-block;
    height: 25px;
}

.ftltxt p {
    margin-top: 5px;
}

.ftlb a img {
    height: 17px;
    display: inline-block;
}

.ftlb span {
    display: inline-block;
}

.ftlb a {
    margin-right: 8px;
    display: inline-block;
    padding: 10px 0;
}

.ftltxt {
    margin-top: 20px;
}

.ftlbhide img {
    height: 120px;
    width: 120px;
}

.ftlbhide i {
    font-size: 20px;
    width: 20px;
    line-height: 15px;
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
    color: #fff;
    text-shadow: 0 3px 5px rgba(0, 0, 0, .2);
}

.ftlbhide {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -70px;
    background: #fff;
    text-align: center;
    padding: 10px;
    -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
            box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
    opacity: 0;
    visibility: hidden;
}

.ftlb span:hover .ftlbhide {
    opacity: 1;
    visibility: inherit;
}

.ftra h3 {
    margin-bottom: 15px;
    color: #15191D;
}

.ftra p,
.ftra p a {
    line-height: 40px;
    color: #4F5861;
}

.ftra p a:hover {
    color: #000;
}

.ftra a {
    cursor: pointer;
}

.fb {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #F0F3F5;
    line-height: 30px;
    color: #949CA3;
}

.fb a {
    color: #949CA3;
}

.fbrhide {
    width: 120px;
    position: absolute;
    right: 0;
    bottom: 100%;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
            box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    font-size: 12px;
    text-align: center;
    background: #fff;
    padding: 5px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.fbrhide a {
    color: #999;
    line-height: 30px;
    display: block;
}

.fbr:hover .fbrhide {
    opacity: 1;
    visibility: inherit;
}

.i3 {
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/i3bg.svg) no-repeat center 360px #f8fbfd;
    background-size: 67%;
}

.i3wimg {
    position: relative;
    z-index: 9;
}

.i3wimg img {
    max-width: 100%;
    width: 82%;
}

.i3wimgr {
    width: 40%;
}

.i3ico1 {
    width: 36%;
    position: absolute;
    left: -14%;
    top: -35%;
}

.i3ico2 {
    width: 28%;
    position: absolute;
    right: 0;
    top: -26%;
}

.rta {
    display: inline-block;
    width: 100px;
    position: fixed;
    right: 10px;
    bottom: 8%;
    z-index: 99;
}

.rta:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}

.xcgd {
    position: fixed;
    width: 100%;
    height: 60px;
    right: 0;
    bottom: 0px;
    cursor: pointer;
    z-index: 99;
    display: none;
}

.xcgd a {
    display: block;
}

.xcgd .img {
    height: 60px;
    display: block;
}

.xcgd .img img {
    width: 100%;
    background-size: cover;
    height: 60px;
    display: block;
}

.xcgd .img1 {
    display: none;
}



@media (min-width:769px) {
    .tc {
        background: rgba(0, 0, 0, .5);
        position: fixed;
        left: 0;
        top: 0;
        z-index: 10000;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .25s;
        -o-transition: .25s;
        transition: .25s;
    }
}

@media (max-width:768px) {
    .tc {
        background: rgba(0, 0, 0, .5);
        position: fixed;
        left: 0;
        top: 0;
        z-index: 10000;
        width: 100%;
        height: 100%;
        /* opacity:0.6;*/
        visibility: hidden;
        -webkit-transition: .25s;
        -o-transition: .25s;
        transition: .25s;
    }

    .tcw {
        width: 343px !important;
        height: 430px;
        border-radius: 0;
    }

    .cgtc a {
        width: 283px !important;
        background: #234154 !important;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

.tc_active {
    opacity: 1;
    visibility: inherit;
}

.tcw {
    width: 680px;
    border-radius: 6px;
    overflow: hidden;
    margin: 0 auto;
}

.tcl {
    width: 260px;
    height: 450px;
}

.tcltitle {
    text-align: center;
    color: #2f4759;
    line-height: 35px;
    margin-top: 30%;
    font-weight: normal;
}

.tcr {
    padding: 20px 55px;
}

.fma {
    margin-bottom: 12px;
}

.fma input {
    width: 100%;
    height: 40px;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    padding: 0 12px;
}

.fmlabel a {
    color: #3181F6;
}

.fmlabel label {
    cursor: pointer;
}

.fmlabel label input {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    border: 1px solid #e6e6e6;
    position: relative;
    vertical-align: middle;
    margin-top: -3px;
}

.fmlabel label input::after {
    width: 20px;
    height: 20px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/check_05.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    bottom: 2px;
    left: -2px;
    content: "";
    opacity: 0;
}

.fmlabel label input[type=checkbox]:checked::after {
    opacity: 1;
}

.fmsbm button {
    width: 100%;
    height: 40px;
    background: #5C6F7B;
    border-radius: 6px;
    cursor: pointer;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    color: #fff;
    font-size: 16px;
}

.fmtxt {
    color: #666;
}

.fmtxt a {
    color: #3181F6;
}

.tcwrclose {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
}

.lmd {
    padding-top: 50px;
}

.lstsc input {
    width: 300px;
    height: 36px;
    border: 1px solid #E5E9EC;
    border-radius: 18px;
    border-radius: 36px;
    padding: 0 15px;
    padding-left: 32px;
    color: #666;
}

.lstsc input::-webkit-input-placeholder {
    color: #666;
}

.lstsc button {
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/scico.svg) no-repeat center;
    background-size: 14px;
    position: absolute;
    left: 3px;
    top: 0;
    width: 32px;
    height: 36px;
    cursor: pointer;
}

.lsta {
    border: 1px solid #EAEDEF;
}

.lstal {
    width: 58%;
}

.lstal img {
    height: 313px;
}

.lstar {
    padding: 25px;
    padding-top: 35px;
}

.lstar .newatxt {
    border: 0;
    padding: 0;
}

.lstar .newatxt h3 {
    font-size: 36px;
    color: #15191D;
}

.lsbtitle {
    font-size: 32px;
    color: #15191D;
}

.page a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    color: #999;
    margin: 3px;
}

.page span {
    color: #999;
    margin: 3px;
}

.page a.active,
.page a:hover {
    background: #234154;
    border: 1px solid #234154;
    color: #fff;
}

.zykbg {
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/zykbg.svg) no-repeat center;
}

.dywz {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
}

.dywzt {
    padding: 0 35px;
}

.dywzt p {
    color: #4F5861;
}

.dywzb {
    line-height: 40px;
    background: #F8FBFD;
    font-size: 12px;
    color: #949CA3;
}

.dywzb a {
    color: #949CA3;
}

.dywzb a:hover {
    color: #4F5861;
}

.i5more_down img {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    height: 10px;
}

.lstwop span {
    line-height: 46px;
    border: 1px solid #234154;
    color: #234154;
    width: 140px;
    border-radius: 6px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    position: relative;
    margin-right: 20px;
    margin-top: 30px;
}

.lstwop span i {
    position: absolute;
    right: -6px;
    top: -6px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/gb.svg) no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.lstwop span:hover i {
    opacity: 1;
}

.ifl {
    margin-right: 9%;
}

.ifr {
    width: 275px;
}

.iftop h3 {
    font-size: 36px;
    color: #15191D;
}

.iftopblr {
    margin-left: 0;
    padding-left: 0;
    border-left: 1px solid #eee;
    color: #999;
}
.iftopblr.pc_demo{
    margin-top: 15px;
}

/*.iftopblr a {line-height:26px;border:1px solid #eee;border-radius:4px;padding:0 9px;display:inline-block;margin-left:8px;}*/
/*新增样式*/
.iftopblr a {
    line-height: 38px;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 0 9px;
    display: inline-block;
    margin-left: 8px;
}

.iftopblr a:hover {
    background: #234154;
    color: #fff;
}

.iftxt img {
    max-width: 100%;
}

.neabr img {
    margin-right: 8px;
}

.ifb {
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 25px;
}

.ifbl a {
    color: #999;
    display: inline-block;
    margin-right: 25px;
}

.ifbl a:hover,
.ifbl a.active {
    color: #234154;
}

.ifbr a {
    margin-left: 10px;
}

.ifrbd {
    border-left: 1px solid #eee;
    padding-left: 25px;
    width: 275px;
}

.ifrbd_active {
    position: fixed;
    right: 50%;
    margin-right: -590px;
}

.ifrt {
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
}

.ifr1 a {
    margin-top: 15px;
}

.ifr1 a:hover {
    color: #234154;
    text-decoration: underline;
}

.ifr2 img {
    width: 150px;
    margin-top: 15px;
}

.regpsb {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}

.rel {
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/regbg_01.jpg) no-repeat left bottom;
    width: 500px;
}

.rer .tcr {
    padding: 0;
    width: 380px;
}

.rellogo {
    display: inline-block;
    height: 30px;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 99999;
}

.rela {
    padding: 0 50px;
}

.relatxt {
    font-size: 22px;
    line-height: 36px;
    color: #5F7989;
}

.swiper-pagination-reg {
    text-align: left;
    padding: 0 50px;
}

.swiper-pagination-reg .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: 1;
    background: #abcade;
}

.swiper-pagination-reg .swiper-pagination-bullet-active {
    background: #3181f6;
}

.fma_phone input {
    padding-left: 60px;
}

.fma_phone span {
    width: 50px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-right: 1px solid #e6e6e6;
    position: absolute;
    left: 0;
    top: 0;
}

.fma_code button {
    width: 100px;
    height: 40px;
    background: #234154;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 10px;
}

.warp_1300box .wrap {
    width: 1300px;
    margin: 0 auto;
}

.dybn {
    height: 580px;
}

.dybnl {
    width: 60%;
}

.imorea1 {
    background: #3076F6;
}

.lbntxt h3 {
    font-size: 46px;
    font-weight: normal;
}

.lbntxt p {
    margin: 20px 0;
}

.dy1l {
    width: 25%;
}

.dy1lb {
    display: inline-block;
}

.dy1lewm {
    width: 140px;
    padding: 15px;
    position: absolute;
    left: 50%;
    margin-left: -70px;
    bottom: 100%;
    background: #fff;
    border: 1px solid #f5f5f5;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.dy1lb:hover .dy1lewm {
    opacity: 1;
    visibility: inherit;
}

.dy1lewm p {
    margin: 7px 0;
}

.dy1lewm span {
    font-size: 12px;
    color: #999;
}

.dy2img {
    width: 70%;
}

.dy2txt {
    width: 25%;
}

.bggray_dy {
    background: #F8FBFD;
}

.dybox .md:nth-child(even) .wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: row-reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
}

.dy6l h3 {
    font-size: 32px;
    font-weight: normal;
    line-height: 50px;
}

.dy6r {
    margin-left: 50px;
    width: 30%;
}

.dy6ra {
    margin-bottom: 15px;
}

.dy6ra input,
.dy6ra select {
    width: 100%;
    height: 38px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background: #fff;
    padding: 0 15px;
    color: #999;
}

.dy6ra i {
    position: absolute;
    right: 15px;
    line-height: 38px;
    top: 0;
}

.dy6ra button {
    width: 100%;
    height: 38px;
    background: #3076F6;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
}

.dy6ratxt a {
    color: #3076F6;
}

.dy6ratxt input {
    -webkit-appearance: checkbox;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -3px;
}

.foot1 .ftl {
    margin-right: 0;
    margin-left: 10%;
}

.foot1 .ftra p,
.foot1 .ftra p a {
    color: #999;
}

.ybglbn {
    height: 600px;
}

.ybglbn h3,
.ybglbn p {
    color: #fff;
}

.ybglbn a.imorea {
    background: rgba(255, 255, 255, .3);
    -webkit-box-shadow: inherit;
            box-shadow: inherit;
}

.yb1 {
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/yb1bg.svg) no-repeat bottom center;
    background-size: 80%;
}

.yb1w {
    background: #fff;
    padding: 30px;
    border: 1px solid #F5F5F5;
    border-radius: 4px;
}

.yb1t1,
.yb1t2 {
    position: absolute;
}

.yb1t1 {
    left: 0;
    top: -5px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.yb1t2 {
    right: 0;
    bottom: -5px;
}

.yb1t {
    font-size: 26px;
    line-height: 44px;
    color: #666;
    text-indent: 3em;
}

.yb1b a {
    font-size: 16px;
    color: #3076F6;
}

.yb2txt {
    width: 42.5%;
    width: 416px;
}

.yb2img {
    width: 52.6%;
    width: 54.6%;
}

.ybbox .md:nth-child(odd) .wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: row-reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
}

.samplebox .yb2txt {
    position: relative;
}

.samplebox .yb2img {
    position: relative;
}

.samplebox .yb2img img {
    position: relative;
    z-index: 99;
}

.samplebox .y_bg2 {
    position: absolute;
    right: -38%;
    bottom: -154px;
    width: 580px;
    height: 462px;
    border-radius: 50%;
    display: block;
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
    background-image: -o-linear-gradient(47deg, rgba(49, 129, 246, 0.00) 52%, rgba(49, 129, 246, 0.05) 94%);
    background-image: linear-gradient(43deg, rgba(49, 129, 246, 0.00) 52%, rgba(49, 129, 246, 0.05) 94%);
    z-index: 9;
}

.samplebox .y_bg3 {
    position: absolute;
    left: -36%;
    bottom: -154px;
    width: 580px;
    height: 462px;
    border-radius: 50%;
    display: block;
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
    background-image: -o-linear-gradient(47deg, rgba(49, 129, 246, 0.00) 52%, rgba(49, 129, 246, 0.05) 94%);
    background-image: linear-gradient(43deg, rgba(49, 129, 246, 0.00) 52%, rgba(49, 129, 246, 0.05) 94%);
    ;
    z-index: 9;
}

.samplebox .y_bg4 {
    position: absolute;
    right: -38%;
    bottom: -154px;
    width: 580px;
    height: 462px;
    border-radius: 50%;
    display: block;
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
    background-image: -o-linear-gradient(47deg, rgba(49, 129, 246, 0.00) 52%, rgba(49, 129, 246, 0.05) 94%);
    background-image: linear-gradient(43deg, rgba(49, 129, 246, 0.00) 52%, rgba(49, 129, 246, 0.05) 94%);
    z-index: 9;
}

.colorindex {
    color: #3076F6;
}

.ab1 .wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: row-reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
}

.ab1txt {
    width: 100%;
}

.ab1img {
    width: 42%;
    margin-top: 60px;
}

.ab1txt h3 {
    font-size: 36px;
    font-weight: normal;
    line-height: 40px;
}

.ab3txt {
    width: 100%;
}

.ab3txt h3 {
    font-size: 24px;
}

.ab3a {
    width: 49%;
}

.ab3atxt {
    position: absolute;
    left: 0;
    top: 0;
    padding: 40px;
}

.sqbnewm {
    width: 150px;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 20px;
}

.sq1a img {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    height: 40px;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.sq1a p {
    text-align: left;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.sq1a i {
    width: 20px;
    height: 1px;
    background: #333;
    display: block;
    margin: 5px auto 10px auto;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.sq1a {
    width: 23.5%;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    padding: 35px 20px 25px 20px;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.sq1a:hover {
    background: #3076F6;
    color: #fff;
}

.sq1a:hover p {
    color: #fff;
}

.sq1a:hover img {
    -webkit-filter: grayscale(100%) brightness(500%);
            filter: grayscale(100%) brightness(500%);
}

.sq1a:hover i {
    background: #fff;
}

.sqbox .sqboxw:nth-child(odd) .sqw {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: row-reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
}

.sqimg {
    width: 65%;
}

.sqtxt {
    width: 30%;
}

.sqtxt img {
    width: 34%;
    display: block;
}

.sqtxt h3 {
    margin-top: -60px;
}

.sq2a {
    width: 32%;
    border: 1px solid #eee;
    border-radius: 6px;
}

.sq2at {
    padding: 15px;
    border-bottom: 1px solid #eee;
}

.sq2atr {
    display: inline-block;
    background: #ebf2ff;
    line-height: 22px;
    padding: 0 10px;
    border-radius: 22px;
    font-size: 12px;
}

.sq2atr b {
    font-size: 14px;
    margin-left: 2px;
}

.sq2ab {
    padding: 15px;
}

.sq3 h3,
.sq3 p {
    color: #fff;
}

.yb3a {
    width: 49%;
    border: 1px solid #eee;
    border-radius: 6px;
    overflow: hidden;
}

.yb3atop {
    padding: 40px 186px;
    border-bottom: 1px solid #eee;
}

.yb3atop img {
    height: 48px;
}

.yb3atxt {
    padding: 25px 40px;
}

.yb3atxt h3 {
    margin-bottom: 20px;
}

.abtbnh3 {
    font-size: 34px;
    color: #fff;
    position: absolute;
    top: 35%;
    left: 0;
    font-weight: normal;
}

.ab1a {
    background: #fff;
    -webkit-box-shadow: 0 6px 30px 0 rgb(0 0 0 / 8%);
            box-shadow: 0 6px 30px 0 rgb(0 0 0 / 8%);
    border-radius: 8px;
    border: 1px solid #f2f2f2;
    width: 49%;
    padding: 40px;
}

.ab1a img.img1 {
    display: block;
    margin: 0 auto;
}

.ab1a img.img2 {
    display: none;
}

.ab1a h3 {
    margin-top: 20px;
}

.ab1a i {
    width: 24px;
    height: 1px;
    display: block;
    margin: 12px auto;
    background: #333;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.ab1a p {
    text-align: left;
    color: #999;
    line-height: 24px;
}

.ab1a:hover img.img1 {
    display: none;
}

.ab1a:hover img.img2 {
    display: block;
    margin: 0 auto;
}

.ab1a:hover i {
    width: 30px;
}

.tcw_cg {
    width: 350px;
}

.cgtc a {
    width: 160px;
    height: 40px;
    background: #3181F6;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    display: block;
    line-height: 40px;
    margin: 30px auto 0;
}

.cgtc h3,
.cgtc p {
    margin-top: 15px;
}

.tcw_cg .tcr {
    padding: 50px 30px 60px;
}


#newsContent p {
    font-family: unset;
    margin: revert;
}

#newsContent li {
    list-style: unset !important;
}

#newsContent i {
    font-style: revert
}

#newsContent em {
    font-style: revert
}

.text-tiny {
    font-size: .7em
}

.text-small {
    font-size: .85em
}

.text-big {
    font-size: 1.4em;
}

.text-huge {
    font-size: 1.8em;
}

/* * CKEditor 5 (v26.0.0) content styles. * Generated on Wed,03 Mar 2021 08:21:28 GMT. * For more information,check out https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/content-styles.html */
:root {
    --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
    --ck-color-mention-text: hsl(341, 100%, 30%);
    --ck-highlight-marker-blue: hsl(201, 97%, 72%);
    --ck-highlight-marker-green: hsl(120, 93%, 68%);
    --ck-highlight-marker-pink: hsl(345, 96%, 73%);
    --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
    --ck-highlight-pen-green: hsl(112, 100%, 27%);
    --ck-highlight-pen-red: hsl(0, 85%, 49%);
    --ck-image-style-spacing: 1.5em;
    --ck-todo-list-checkmark-size: 16px;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-tiny {
    font-size: .7em;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-small {
    font-size: .85em;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-big {
    font-size: 1.4em;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-huge {
    font-size: 1.8em;
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-yellow {
    background-color: var(--ck-highlight-marker-yellow);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-green {
    background-color: var(--ck-highlight-marker-green);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-pink {
    background-color: var(--ck-highlight-marker-pink);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-blue {
    background-color: var(--ck-highlight-marker-blue);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-red {
    color: var(--ck-highlight-pen-red);
    background-color: transparent;
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-green {
    color: var(--ck-highlight-pen-green);
    background-color: transparent;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image {
    display: table;
    clear: both;
    text-align: center;
    margin: 1em auto;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 50px;
}

/* ckeditor5-image/theme/imagecaption.css */
.ck-content .image>figcaption {
    display: table-caption;
    caption-side: bottom;
    word-break: break-word;
    color: hsl(0, 0%, 20%);
    background-color: hsl(0, 0%, 97%);
    padding: .6em;
    font-size: .75em;
    outline-offset: -1px;
}

/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized {
    max-width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized img {
    width: 100%;
}

/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized>figcaption {
    display: block;
}

/* ckeditor5-horizontal-line/theme/horizontalline.css */
.ck-content hr {
    margin: 15px 0;
    height: 4px;
    background: hsl(0, 0%, 87%);
    border: 0;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-side {
    float: right;
    margin-left: var(--ck-image-style-spacing);
    max-width: 50%;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left {
    float: left;
    margin-right: var(--ck-image-style-spacing);
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-center {
    margin-left: auto;
    margin-right: auto;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-right {
    float: right;
    margin-left: var(--ck-image-style-spacing);
}

/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
    border-left: solid 5px hsl(0, 0%, 80%);
}

/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content[dir="rtl"] blockquote {
    border-left: 0;
    border-right: solid 5px hsl(0, 0%, 80%);
}

/* ckeditor5-basic-styles/theme/code.css */
.ck-content code {
    background-color: hsla(0, 0%, 78%, 0.3);
    padding: .15em;
    border-radius: 2px;
}

/* ckeditor5-table/theme/table.css */
.ck-content .table {
    margin: 1em auto;
    display: table;
}

/* ckeditor5-table/theme/table.css */
.ck-content .table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    border: 1px double hsl(0, 0%, 70%);
}

/* ckeditor5-table/theme/table.css */
.ck-content .table table td,
.ck-content .table table th {
    min-width: 2em;
    padding: .4em;
    border: 1px solid hsl(0, 0%, 75%);
}

/* ckeditor5-table/theme/table.css */
.ck-content .table table th {
    font-weight: bold;
    background: hsla(0, 0%, 0%, 5%);
}

/* ckeditor5-table/theme/table.css */
.ck-content[dir="rtl"] .table th {
    text-align: right;
}

/* ckeditor5-table/theme/table.css */
.ck-content[dir="ltr"] .table th {
    text-align: left;
}

/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break {
    position: relative;
    clear: both;
    padding: 5px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break::after {
    content: '';
    position: absolute;
    border-bottom: 2px dashed hsl(0, 0%, 77%);
    width: 100%;
}

/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break__label {
    position: relative;
    z-index: 1;
    padding: .3em .6em;
    display: block;
    text-transform: uppercase;
    border: 1px solid hsl(0, 0%, 77%);
    border-radius: 2px;
    font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
    font-size: 0.75em;
    font-weight: bold;
    color: hsl(0, 0%, 20%);
    background: hsl(0, 0%, 100%);
    -webkit-box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
            box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* ckeditor5-media-embed/theme/mediaembed.css */
.ck-content .media {
    clear: both;
    margin: 1em 0;
    display: block;
    min-width: 15em;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list {
    list-style: none;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li {
    margin-bottom: 5px;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li .todo-list {
    margin-top: 5px;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input {
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    width: var(--ck-todo-list-checkmark-size);
    height: var(--ck-todo-list-checkmark-size);
    vertical-align: middle;
    border: 0;
    left: -25px;
    margin-right: -15px;
    right: 0;
    margin-left: 0;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input::before {
    display: block;
    position: absolute;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid hsl(0, 0%, 20%);
    border-radius: 2px;
    -webkit-transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
    -o-transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
    transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input::after {
    display: block;
    position: absolute;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    pointer-events: none;
    content: '';
    left: -webkit-calc(var(--ck-todo-list-checkmark-size) / 3);
    left: calc(var(--ck-todo-list-checkmark-size) / 3);
    top: -webkit-calc(var(--ck-todo-list-checkmark-size) / 5.3);
    top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
    width: -webkit-calc(var(--ck-todo-list-checkmark-size) / 5.3);
    width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
    height: -webkit-calc(var(--ck-todo-list-checkmark-size) / 2.6);
    height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
    border-style: solid;
    border-color: transparent;
    border-width: 0 -webkit-calc(var(--ck-todo-list-checkmark-size) / 8) -webkit-calc(var(--ck-todo-list-checkmark-size) / 8) 0;
    border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input[checked]::before {
    background: hsl(126, 64%, 41%);
    border-color: hsl(126, 64%, 41%);
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input[checked]::after {
    border-color: hsl(0, 0%, 100%);
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label .todo-list__label__description {
    vertical-align: middle;
}

/* ckeditor5-html-embed/theme/htmlembed.css */
.ck-content .raw-html-embed {
    margin: 1em auto;
    min-width: 15em;
    font-style: normal;
}

/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre {
    padding: 1em;
    color: hsl(0, 0%, 20.8%);
    background: hsla(0, 0%, 78%, 0.3);
    border: 1px solid hsl(0, 0%, 77%);
    border-radius: 2px;
    text-align: left;
    direction: ltr;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    white-space: pre-wrap;
    font-style: normal;
    min-width: 200px;
}

/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre code {
    background: unset;
    padding: 0;
    border-radius: 0;
}

/* ckeditor5-mention/theme/mention.css */
.ck-content .mention {
    background: var(--ck-color-mention-background);
    color: var(--ck-color-mention-text);
}

@media print {

    /* ckeditor5-page-break/theme/pagebreak.css */
    .ck-content .page-break {
        padding: 0;
    }

    /* ckeditor5-page-break/theme/pagebreak.css */
    .ck-content .page-break::after {
        display: none;
    }
}

#newsContent {
    min-height: 300px;
    letter-spacing: 1px;
}

.posrelative:hover .ftlbhide {
    opacity: 1;
    visibility: inherit;
}

.ifbr .posrelative img {
    vertical-align: middle;
    display: unset;
}

.ifbr .posrelative img {
    vertical-align: middle;
}

.i8 img.middle,
.i5 img.middle {
    height: 13px;
}

.i8 .newa {
    height: auto;
}


/* 2022新增 */
img {
    width: auto;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clearfix::after {
    display: block;
    content: '';
    clear: both;
}

.sample {
    height: 650px;
    background-color: #F3F7FC;
}

.sample h3,
.sample p {
    color: #15191D;
}

.sample h3 {
    font-size: 48px;
    font-weight: 600;
}

.sample p {
    font-size: 18px;
    color: #4F5861;
    letter-spacing: 0;
    line-height: 28px;
    font-weight: 400;
    margin-top: 16px;
}

.sample a.imorea {
    background: #234154;
    -webkit-box-shadow: inherit;
            box-shadow: inherit;
    color: #FFFFFF;
    margin-top: 44px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(255, 255, 255, 0.8);
            box-shadow: 0px 1px 5px 0px rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(194, 216, 228, 1);
            box-shadow: 0px 10px 20px 0px rgba(194, 216, 228, 1);
}

.sample .wap_demo {
    display: block;
}

.sample .dybnl {
    width: 41%;
    margin-right: 50px;
}

.sample .yb2txt {
    width: 36.6%;
}

.sample .yb2img {
    width: 54.2%;
}

.samplebox .more {
    background: #234154;
    -webkit-box-shadow: inherit;
            box-shadow: inherit;
    color: #FFFFFF;
    margin-top: 60px;
}

/* .samplebox .pc_demo{position: relative; width: 432px;height: 90px;font-size: 32px;color: #234154;letter-spacing: 0;text-align: justify;font-weight: 600;} */
.samplebox .mt_5 {
    font-size: 18px;
    color: #4F5861;
    letter-spacing: 0;
    text-align: justify;
    line-height: 28px;
    font-weight: 400;
    margin-top: 10px;
}

.samplebox .md {
    padding: 140px 0;
}

.samplebox .yb_a1 {
    padding-bottom: 0;
}

/*.samplebox .md:nth-child(3){padding-bottom: 0;padding-top: 100px;}*/
.samplebox .md:nth-child(3) .yb2txt {
    margin-top: -90px;
}

.samplebox .pc_demo i {
    position: absolute;
    left: -42%;
    top: -150px;
    width: 330px;
    height: 305px;
    border-radius: 50%;
    display: block;
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
    background-image: -o-linear-gradient(217deg, rgba(49, 129, 246, 0.00) 38%, rgba(49, 129, 246, 0.05) 98%);
    background-image: linear-gradient(233deg, rgba(49, 129, 246, 0.00) 38%, rgba(49, 129, 246, 0.05) 98%);
}

.samplepart1 {
    padding: 100px 0;
}

.samplepart1 .title {
    padding-bottom: 60px;
}

.samplepart1 .title .p1 {
    text-align: center;
    font-size: 44px;
    color: #234154;
    letter-spacing: 0;
    font-weight: 600;
    padding-bottom: 10px;
}

.samplepart1 .title .p2 {
    text-align: center;
    font-size: 18px;
    color: #949CA3;
    letter-spacing: 0;
    text-align: center;
    line-height: 28px;
    font-weight: 400;
}

.samplepart1 .part1_main {
    position: relative;
}

.samplepart1 .part1_main .left {
    width: 36.6%;
}

.samplepart1 .part1_main .left .list {}

.samplepart1 .part1_main .left .list .item {
    position: relative;
    height: 60px;
    cursor: pointer;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    top: 0;
    margin-bottom: 9px;
}

.samplepart1 .part1_main .left .list .item .item_mian {
    position: absolute;
    top: 0;
    padding: 10px 18px;
    position: relative;
    height: 56px;
    cursor: pointer;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.samplepart1 .part1_main .left .list .item .img {
    margin-right: 14px;
    width: 24px;
    height: 24px;
    float: left;
}

.samplepart1 .part1_main .left .list .item .img img {}

.samplepart1 .part1_main .left .list .item .txt {
    float: left;
    width: 310px;
}

.samplepart1 .part1_main .left .list .item .txt .p1 {
    font-size: 18px;
    color: #234154;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 600;
    padding-bottom: 4px;
}

.samplepart1 .part1_main .left .list .item .txt .p2 {
    display: none;
    font-size: 14px;
    color: #4F5861;
    letter-spacing: 0;
    text-align: justify;
    line-height: 22px;
    font-weight: 400;
}

.samplepart1 .part1_main .right {
    width: 71%;
    position: absolute;
    right: 0;
}

.samplepart1 .part1_main .right img {
    width: 100%;
}

.samplepart1 .part1_main .left .list .item:hover {
    position: relative;
    top: 0;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    margin-bottom: 9px;
}

.samplepart1 .part1_main .left .list .item:hover .txt .p2 {
    display: block;
}

.samplepart1 .more {
    background: #234154;
    -webkit-box-shadow: inherit;
            box-shadow: inherit;
    color: #FFFFFF;
    margin-top: 36px;
}

.samplepart1 .part1_main .left .list .item:hover .item_mian {
    height: 68px;
    background-color: #F6FAFE;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    border-radius: 6px;
}

.innerpage {
    height: 650px;
    background-color: #F3F7FC;
}

.innerpage h3 {
    color: #15191D;
}

.innerpage h3 {
    font-size: 48px;
    font-weight: 600;
}

.innerpage p {
    font-size: 18px;
    color: #4F5861;
    letter-spacing: 0;
    line-height: 28px;
    font-weight: 400;
}

.innerpage a.imorea {
    background: #234154;
    -webkit-box-shadow: inherit;
            box-shadow: inherit;
    color: #FFFFFF;
    margin-top: 20px;
}

.innerpage {}

.innerpage .wap_demo {
    display: block;
}

.innerpage .dybnl {
    width: 52%;
    margin-right: 0px;
}

.innerpage .yb2txt {
    width: 36.6%;
}

.innerpage .yb2img {
    width: 54.2%;
}

.solution {}

.solution .part1 {
    padding-top: 100px;
}

.solution .part1 .left {
    width: 264px;
    float: left;
    border-left: 2px solid #F1F1F5;
}

.solution .part1 .left .list {}

.solution .part1 .left .list .item {
    margin-bottom: 24px;

}

.solution .part1 .left .list .item a {
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    font-size: 18px;
    color: #4F5861;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 400;
    padding-left: 24px;
}

.solution .part1 .right {
    width: 800px;
    padding-bottom: 100px;
}

.solution .part1 .right .right_main {}

.solution .part1 .right .right_main .rpart1 {}

.solution .part1 .right .right_main .rpart1 .tit {
    margin-bottom: 20px;
}

.solution .part1 .right .right_main .rpart1 .tit .p1 {
    font-size: 66px;
    color: #ECF2F7;
    font-weight: bold;
}

.solution .part1 .right .right_main .rpart1 .tit .p2 {
    font-size: 32px;
    color: #15191D;
    line-height: 45px;
    font-weight: 600;
    margin-top: -35px;
}

.solution .part1 .right .right_main .rpart1 .cont {
    display: block;
    font-size: 16px;
    color: #4F5861;
    text-align: justify;
    line-height: 28px;
    font-weight: 400;
    padding-bottom: 30px;
    height: 142px;
}

.solution .part1 .right .right_main .rpart1 .cont1 {
    display: none;
}

.solution .part1 .right .right_main .rpart1 .btn {
    margin-bottom: 30px;
}

.solution .part1 .right .right_main .rpart1 .btn .btn1 {
    display: block;
    width: 140px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    background: #234154;
    border-radius: 28.5px;
    float: left;
    margin-right: 20px;
}

.solution .part1 .right .right_main .rpart1 .btn .btn2 {
    display: block;
    font-size: 16px;
    color: #234154;
    width: 140px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #234154;
    border-radius: 28.5px;
    float: left;
}

.solution .part1 .right .right_main .rpart1 .img {
    width: 560px;
    height: 420px;
    margin-right: 94px;
}

.solution .part1 .right .right_main .rpart1 .img img {}

.solution .part1 .left .list .item:hover a,
.solution .part1 .left .list .item.hover a {
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    border-left: 2px solid #234154;
    color: #234154;
}

.solution .part1 .left .list .item:hover,
.solution .part1 .left .list .item.hover {
    margin-left: -2px;
}

.solution .part1 .right .right_main .rpart1:nth-child(odd) .img {
    float: right;
}

.solution .part1 .right .right_main .rpart1 .btn .btn1:hover,
.solution .part1 .right .right_main .rpart1 .btn .btn2:hover {
    opacity: .85;
}

.innerpage.solutionpage .dybnl {
    width: 49.8%;
}

.solution .part1 .right .right_main .rpart1 .tit .p1 img {
    width: 66px;
    height: 66px;
    width: auto;
    height: 66px;
    max-width: 80px;
}

.solutionpage {
    height: 570px;
    position: relative;
}

.solutionpage a.imorea {
    margin-top: 60px;
}

.solution_1 {
    width: 510px;
    height: 510px;
    opacity: 0.15;
    background-image: -o-linear-gradient(352deg, rgba(204, 235, 255, 0.05) 0%, rgba(123, 204, 255, 0.46) 100%);
    background-image: linear-gradient(98deg, rgba(204, 235, 255, 0.05) 0%, rgba(123, 204, 255, 0.46) 100%);
    position: absolute;
    top: -311px;
    left: -35px;
    border-radius: 50%;
}

.solution_2 {
    width: 0;
    height: 0;
    border-right: 281px solid transparent;
    border-left: 281px solid transparent;
    border-bottom: 188px solid #f1f6fc;
    position: absolute;
    bottom: -0px;
    right: -170px;
    opacity: 0.8;
}



.case_main {}

.case_main .part1 {}

.case_main .part1 .tit {}

.case_main .part1 .tit .p1 {
    font-size: 44px;
    color: #15191D;
    letter-spacing: 0;
    font-weight: 600;
    text-align: center;
    padding: 100px 0 60px 0;
}

.case_main .part1 .part1_main {}

.case_main .part1 .part1_main .list {
    padding-bottom: 100px;
}

.case_main .part1 .part1_main .list .item {
    position: relative;
    width: 31.3%;
    float: left;
    margin-right: 2%;
    border: 1px solid #EAEDEF;
    margin-bottom: 2%;
    border-radius: 6px;
}

.case_main .part1 .part1_main .list .item .img {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.case_main .part1 .part1_main .list .item .img img {
    width: 371px;
    height: 211px;
    display: block;
    width: 100%;
}

.case_main .part1 .part1_main .list .item .title {
    font-size: 24px;
    color: #333333;
    letter-spacing: -0.3px;
    line-height: 30px;
    font-weight: 500;
    height: 60px;
}

.case_main .part1 .part1_main .list .item .cs {
    margin-top: 20px;
}

.case_main .part1 .part1_main .list .item .cs span {
    font-size: 14px;
    color: #15191D;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 400;
    display: inline-block;
    float: left;
    line-height: 14px;
}

.case_main .part1 .part1_main .list .item .cont {
    padding: 30px 20px 40px 20px;
}

.case_main .part1 .part1_main .list .item .cs i {
    width: 1px;
    background-color: #F0F3F5;
    height: 14px;
    display: block;
    float: left;
    margin: 0 6px;
}

.case_main .part1 .part1_main .list .item .detail {
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    top: -4%;
    left: -4%;
    width: 106%;
    border: 1px solid #EFF0F2;
    padding: 40px 30px;
    border-radius: 6px;
    z-index: 99;
    -webkit-box-shadow: 0px 18px 30px 0px rgba(35, 65, 84, 0.05);
            box-shadow: 0px 18px 30px 0px rgba(35, 65, 84, 0.05);
    width: 106%;
    height: 440px;
}

.case_main .part1 .part1_main .list .item .detail .img1 {
    width: 100px;
    height: 42px;
    position: relative;
}

.case_main .part1 .part1_main .list .item .detail .img1 img {
    width: 100%;
    width: 80px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-height: 44px;
    -o-object-fit: contain;
       object-fit: contain;
}

.case_main .part1 .part1_main .list .item .detail .dtit {
    font-size: 24px;
    color: #15191D;
    letter-spacing: -0.3px;
    text-align: justify;
    line-height: 30px;
    font-weight: 500;
    padding: 20px 0 10px 0;
    position: relative;
    z-index: 9;
}

.case_main .part1 .part1_main .list .item .detail .dcont {
    font-size: 14px;
    color: #4F5861;
    letter-spacing: 0;
    text-align: justify;
    line-height: 24px;
    font-weight: 400;
}

.case_main .part1 .part1_main .list .item:hover .detail {
    display: block;
}

.case_main .part1 .part1_main .list .item .ddcont {
    display: none;
}

.communitypage img {
    background-size: cover;
}

.case_main .part1 .part1_main .list .item .detail .img2 {
    position: absolute;
    right: 30px;
    top: 30px;
}

.communitypage {
    height: 700px;
}

.communitypage .dybnl {
    width: 54%;
    margin-right: 0;
}

.communitypage .dybnl .img {
    margin-top: 40px;
}

.community {}

.community .part1 {
    height: 316px;
    background: #fff;
    padding-top: 80px;
    margin-top: -160px;
}

.community .part1 .list {
    width: 100%;
    padding: 0 1.5%;
}

.community .part1 .wrap {
    margin-top: -100px;
}

.community .part1 .list .item {
    width: 20%;
    float: left;
    margin: 0 6.5%;
}

.community .part1 .list .item .img {
    height: 53px;
    width: 53px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.community .part1 .list .item .img img {
    height: 53px;
}

.community .part1 .list .item .tit {
    text-align: center;
    font-size: 24px;
    color: #15191D;
    letter-spacing: 0;
    text-align: center;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 10px;
}

.community .part1 .list .item .tit i {
    font-size: 24px;
    color: #15191D;
}

.community .part1 .list .item .ftit {
    text-align: center;
    font-size: 14px;
    color: #4F5861;
    letter-spacing: 0;
    text-align: center;
    line-height: 22px;
    font-weight: 400;
}

.community .part2 {
    padding-top: 100px;
}

.community .part2 .title {
    font-size: 44px;
    color: #15191D;
    letter-spacing: 0;
    font-weight: 600;
    text-align: center;
    padding-bottom: 60px;
}

.community .part2 .part2_main {
    padding-bottom: 100px;
}

.community .part2 .part2_main .swiper-slide {
    padding: 0 32px;
}

.community .part2 .part2_main .swiper-slide .item {
    height: 84px;
    border: 1px solid #EAEDEF;
    border-radius: 6px;
    padding: 27px 32px;
    margin-bottom: 10px;
}

.community .part2 .part2_main .swiper-slide .item .left {
    width: 26px;
    height: 30px;
    width: 50%;
}

.community .part2 .part2_main .swiper-slide .item .left .img {
    width: 26px;
    height: 30px;
    float: left;
    margin-right: 14px;
}

.community .part2 .part2_main .swiper-slide .item .left .img img {}

.community .part2 .part2_main .swiper-slide .item .left .p1 {
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
}

.community .part2 .part2_main .swiper-slide .item .right {
    width: 50%;
}

.community .part2 .part2_main .swiper-slide .item .right .right_1 {
    width: 33%;
    float: left;
    border-left: 1px solid #F2F2F2;
    padding-left: 30px;
}

.community .part2 .part2_main .swiper-slide .item .right .right_1 .p1 {
    font-size: 20px;
    color: #333333;
    letter-spacing: 0;
    line-height: 23px;
    font-weight: 500;
}

.community .part2 .part2_main .swiper-slide .item .right .right_1 .p2 {
    font-size: 14px;
    color: #999999;
    letter-spacing: 0;
    font-weight: 400;
}

.community .part3 {
    background: #F8FBFD;
    padding-top: 100px;
}

.community .part3 .part3_main {}

.community .part3 .part3_main .title {
    font-size: 44px;
    color: #15191D;
    letter-spacing: 0;
    font-weight: 600;
    text-align: center;
    padding-bottom: 60px;
}

.community .part3 .part3_main .left {
    width: 29%;
}

.community .part3 .part3_main .left .list {}

.community .part3 .part3_main .left .list .item {
    width: 342px;
    height: 136px;
    padding: 16px 20px 0 20px;
    margin-bottom: 10px;
}

.community .part3 .part3_main .left .list .item .num {
    display: none;
    font-size: 46px;
    color: #E7F1F7;
    font-weight: bold;
    position: absolute;
    line-height: 46px;
}

.community .part3 .part3_main .left .list .item .tit {
    font-size: 24px;
    color: #234154;
    letter-spacing: 0;
    text-align: justify;
    line-height: 40px;
    font-weight: 600;
    padding-top: 20px;
    position: relative;
}

.community .part3 .part3_main .left .list .item .cont {
    font-size: 18px;
    color: #4F5861;
    letter-spacing: 0;
    text-align: justify;
    line-height: 28px;
    font-weight: 400;
}

.community .part3 .part3_main .right {
    width: 60%;
}

.community .part3 .part3_main .right .img {
    width: 100%;
    display: none;
}

.community .part3 .part3_main .right .img img {
    width: 100%;
}

.community .part3 .part3_main .right .img:first-child {
    display: block;
}

.community .part3 .part3_main .left .list .item:hover .num,
.community .part3 .part3_main .left .list .item.hover .num {
    display: block;
}

.community .part3 .part3_main .left .list .item:hover,
.community .part3 .part3_main .left .list .item.hover {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 3px 12px 0px rgba(194, 216, 228, 0.1);
            box-shadow: 0px 3px 12px 0px rgba(194, 216, 228, 0.1);
    border-radius: 4px;
}

.community .part4 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.community .part4 .part4_main .title {
    font-size: 44px;
    color: #15191D;
    letter-spacing: 0;
    font-weight: 600;
    text-align: center;
    padding-bottom: 60px;
}

.community .part4 .list {
    width: 102%;
}

.community .part4 .list .item {
    width: 31%;
    float: left;
    height: 245px;
    padding: 40px 20px 0 20px;
    background: #FFFFFF;
    border: 1px solid #EAEDEF;
    border-radius: 6px;
    margin-right: 2%;
}

.community .part4 .list .item .top {}

.community .part4 .list .item .top .title {
    font-size: 44px;
    color: #15191D;
    letter-spacing: 0;
    font-weight: 600;
    text-align: center;
    padding-bottom: 20px;
    float: left;
    width: 74%;
}

.community .part4 .list .item .top .title .img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

.community .part4 .list .item .top .title .img img {
    display: block;
}

.community .part4 .list .item .top .title .txt {
    float: left;
}

.community .part4 .list .item .top .title .txt .p1 {
    font-size: 18px;
    color: #15191D;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 500;
}

.community .part4 .list .item .top .title .txt .p2 {
    font-size: 14px;
    color: #949CA3;
    letter-spacing: 0;
    line-height: 28px;
    font-weight: 400;
}

.community .part4 .list .item .top .jf {
    width: 80px;
    height: 28px;
    background: #3076f614;
    border-radius: 14px;
    font-size: 12px;
    color: #4F5861;
    font-weight: 400;
    padding-left: 10px;
    float: right;
}

.community .part4 .list .item .top .jf span {
    font-size: 16px;
    color: #15191D;
    text-align: right;
    font-weight: 700;
    line-height: 28px;
    padding-left: 2px;
}

.community .part4 .list .item .bottom {
    border-top: 1px solid #EAEDEF;
    font-size: 14px;
    color: #4F5861;
    letter-spacing: 0;
    text-align: justify;
    line-height: 22px;
    font-weight: 400;
    padding-top: 20px;
}

.introduce {}

.introduce .title1 {
    text-align: center;
    font-size: 48px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 57px;
    font-weight: 600;
    padding-top: 147px;
}

.introducepage {}

.introducepage .part1 {}

.introducepage .ttit {
    font-size: 44px;
    color: #15191D;
    letter-spacing: 0;
    font-weight: 600;
    text-align: center;
    padding: 100px 0 60px 0;
}

.introducepage .part1 .cont {}

.introducepage .part1 .cont p {
    font-size: 16px;
    color: #2C3033;
    letter-spacing: 0;
    text-align: justify;
    line-height: 33px;
    font-weight: 400;
    padding-bottom: 40px;
}

.introducepage .part1 .tc_main {
    padding-bottom: 50px;
}

.introducepage .part1 .tc_main .list {
    width: 102%;
}

.introducepage .part1 .tc_main .list .item {
    padding: 45px 40px 0 40px;
    width: 48%;
    float: left;
    height: 230px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/introduce_3.svg) center center no-repeat;
    background-size: cover;
    margin-right: 2%;
}

.introducepage .part1 .tc_main .list .item:last-child {
    padding: 45px 40px 0 40px;
    width: 48%;
    float: left;
    height: 230px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/introduce_5.svg) center center no-repeat;
    background-size: cover;
    margin-right: 2%;
}

.introducepage .part1 .tc_main .list .item .img {
    width: 196px;
    height: 61px;
}

.introducepage .part1 .tc_main .list .item .img img {}

.introducepage .part1 .tc_main .list .item .p1 {
    font-size: 20px;
    color: #000000;
    letter-spacing: 0;
    line-height: 36px;
    font-weight: 400;
    padding-top: 43px;
}

.introducepage .part2 {
    padding-bottom: 100px;
}

.introducepage .part2 .part2_main {}

.introducepage .part2 .part2_main .list {
    width: 102%;
}

.introducepage .part2 .part2_main .list .item {
    height: 142px;
    width: 31%;
    float: left;
    border: 1px solid #EAEDEF;
    border-radius: 6px;
    padding: 30px;
    margin-right: 2%;
}

.introducepage .part2 .part2_main .list .item .img {
    width: 82px;
    height: 82px;
    float: left;
    margin-right: 20px;
}

.introducepage .part2 .part2_main .list .item .img img {}

.introducepage .part2 .part2_main .list .item .txt {
    float: left;
    width: 66%;
}

.introducepage .part2 .part2_main .list .item .txt .p1 {
    font-size: 26px;
    color: #15191D;
    letter-spacing: 0;
    text-align: justify;
    line-height: 36px;
    font-weight: 500;
}

.introducepage .part2 .part2_main .list .item .txt .p2 {
    font-size: 20px;
    color: #4F5861;
    letter-spacing: 0;
    text-align: justify;
    line-height: 36px;
    font-weight: 500;
}

.introducepage .part3 {
    padding-bottom: 100px;
}

.introducepage .part3 .part3_main {}

.introducepage .part3 .part3_main .list {
    width: 102%;
}

.introducepage .part3 .part3_main .list .item {
    padding: 50px 30px;
    height: 488px;
    width: 31%;
    float: left;
    border: 1px solid #EAEDEF;
    border-radius: 6px;
    /* padding: 30px; */
    margin-right: 2%;
}

.introducepage .part3 .part3_main .list .item .img {
    width: 100%;
    height: 230px;
}

.introducepage .part3 .part3_main .list .item .img img {
    width: 100%;
}

.introducepage .part3 .part3_main .list .item .txt {}

.introducepage .part3 .part3_main .list .item .txt .address {
    font-size: 20px;
    color: #15191D;
    letter-spacing: 0;
    text-align: left;
    font-weight: 600;
    padding-top: 34px;
}

.introducepage .part3 .part3_main .list .item .txt .address span {
    font-size: 18px;
    color: #4F5861;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
}

.introducepage .part3 .part3_main .list .item .txt .link {
    padding-top: 10px;
}

.introducepage .part3 .part3_main .list .item .txt .link .link_main {
    /* margin-bottom: 8px; */
}

.introducepage .part3 .part3_main .list .item .txt .link .link_main .img {
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 8px;
}

.introducepage .part3 .part3_main .list .item .txt .link .link_main .img img {}

.introducepage .part3 .part3_main .list .item .txt .link .link_main .jt {
    float: left;
    width: 90%;
}

.introducepage .part3 .part3_main .list .item .txt .link .link_main .jt p {
    font-size: 14px;
    color: #999999;
    letter-spacing: 0;
    font-weight: 400;
    margin-bottom: 8px;
}

.job {}

.job .title1 {
    text-align: center;
    font-size: 48px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 57px;
    font-weight: 600;
    padding-top: 147px;
}

.jobpage {}

.jobpage .ttit {
    font-size: 44px;
    color: #15191D;
    letter-spacing: 0;
    font-weight: 600;
    text-align: center;
    padding: 100px 0 60px 0;
}

.jobpage .part1 {}

.jobpage .part1 .part1_main {}

.jobpage .part1 .part1_main .title {
    font-size: 32px;
    color: #15191D;
    letter-spacing: 0;
    text-align: justify;
    font-weight: 600;
    margin-bottom: 20px;
}

.jobpage .part1 .part1_main .list {}

.jobpage .part1 .part1_main .list .item {
    border-top: 1px solid #F1F1F5;
}

.jobpage .part1 .part1_main .list .item .toptit {}

.jobpage .part1 .part1_main .list .item .toptit .tit1 {
    font-size: 18px;
    color: #15191D;
    letter-spacing: 0;
    font-weight: 400;
    float: left;
    height: 70px;
    line-height: 70px;
    width: 50%;
}

.jobpage .part1 .part1_main .list .item .toptit .tit2 {
    float: left;
    height: 70px;
    line-height: 70px;
}

.jobpage .part1 .part1_main .list .item .toptit .tit2 .img {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 7px;
    margin-top: 4px;
}

.jobpage .part1 .part1_main .list .item .toptit .tit2 .img img {}

.jobpage .part1 .part1_main .list .item .toptit .tit2 .address {
    font-size: 16px;
    color: #15191D;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 400;
    float: left;
}

.jobpage .part1 .part1_main .list .item .toptit .btn {
    float: right;
}

.jobpage .part1 .part1_main .list .item .toptit .btn .img1 {
    width: 14px;
    height: 14px;
    display: block;
    margin-top: 28px;
}

.jobpage .part1 .part1_main .list .item .toptit .btn .img2 {
    width: 14px;
    height: 14px;
    display: none;
}

.jobpage .part1 .part1_main .list .item .xl {
    padding-bottom: 30px;
    display: none;
}

.jobpage .part1 .part1_main .list .item .xl .tit {
    font-size: 18px;
    color: #15191D;
    letter-spacing: 0;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 12px;
}

.jobpage .part1 .part1_main .list .item .xl .xl_cont {
    margin-bottom: 26px;
}

.jobpage .part1 .part1_main .list .item .xl .xl_cont p {
    font-size: 14px;
    color: #15191D;
    letter-spacing: 0;
    font-weight: 400;
    margin-bottom: 10px;
}

.jobpage .part1 .part1_main .list .item .xl .xl_cont p i {
    width: 5px;
    height: 5px;
    background: #797D81;
    display: block;
    border-radius: 50%;
    float: left;
    margin-top: 9px;
    margin-right: 10px;
}

.jobpage .part1 .part1_main .list .item .jl {}

.jobpage .part1 .part1_main .list .item .jl p {
    font-size: 16px;
    color: #4F5861;
    letter-spacing: 0;
    text-align: justify;
    line-height: 22px;
    font-weight: 400;
}

.jobpage .part1 .part1_main .list .item .jl p span {
    color: #3181F6;
}

.jobpage .jl1 {
    padding-bottom: 100px;
}

.jobpage .jl1 p {
    font-size: 16px;
    color: #4F5861;
    letter-spacing: 0;
    text-align: justify;
    line-height: 22px;
    font-weight: 400;
}

.jobpage .jl1 p span {
    color: #3181F6;
}

.jobpage .part1 .part1_main .list .item.enable .xl {
    display: block !important;
}

.jobpage .part1 .part1_main .list .item.enable .toptit .btn .img1 {
    width: 14px;
    height: 14px;
    display: none;
    margin-top: 28px;
}

.jobpage .part1 .part1_main .list .item.enable .toptit .btn .img2 {
    width: 14px;
    height: 2px;
    display: block;
    margin-top: 30px;
}

.pc_demo {
    display: block;
}

.wap_demo {
    display: none;
}

.case_main .part1 .part1_main .dmore {
    text-align: center;
    padding-bottom: 40px;
    font-size: 16px;
}

.communitypage .bmore {
    display: none;
}

.bmore_main {
    display: none;
}

.tjbd {
    display: none;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: inherit;
}

.tjbd .tj_detail {
    width: 680px;
    border-radius: 6px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

.tjbd .tj_detail .left {
    height: 450px;
    width: 260px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/index_1.svg) center center no-repeat;
    background-size: cover;
    padding-top: 56px;
}

.tjbd .tj_detail .left .p1 {
    font-size: 24px;
    color: #2F4759;
    letter-spacing: 0;
    text-align: center;
    line-height: 32px;
    font-weight: 500;
    padding-bottom: 10px;
}

.tjbd .tj_detail .left .p2 {
    font-size: 14px;
    color: #2F4759;
    text-align: center;
    line-height: 22px;
    font-weight: 400;
    width: 196px;
    margin-left: 32px;
}

.tjbd .tj_detail .right {
    width: 420px;
    height: 450px;
    background-color: #FFFFFF;
    padding-top: 56px;
    position: relative;
}

.tjbd .tj_detail .right .tit {
    font-size: 24px;
    color: #15191D;
    line-height: 32px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px;
}

.tjbd .tj_detail .right form {
    margin-left: 60px;
}

.tjbd .tj_detail .right form .item {
    width: 300px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 6px;
    margin-bottom: 12px;
    position: relative;
    list-style: none;
}

.tjbd .tj_detail .right form .item input {
    width: 100%;
    height: 35px;
    line-height: 35px;
    color: #999999;
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

.tjbd .tj_detail .right form .item select {
    width: 100%;
    color: #999999;
    height: 36px;
    line-height: 36px;
    position: relative;
}

.tjbd .tj_detail .right form .item i {
    display: block;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/index_3.svg) center center no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 14px;
    top: 14px;
    z-index: 99;
}

.tjbd .tj_detail .right form .item select option {
    height: 40px;
    line-height: 40px;
}

.tjbd .tj_detail .right form button {
    width: 300px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #5C6F7B;
    border-radius: 6px;
    color: #FFFFFF;
    float: left;
    margin-top: 20px;
}


.tjbd .tj_detail .right form .item input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

.tjbd .tj_detail .right form .item input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

.tjbd .tj_detail .right form .item input::-moz-placeholder {
    /* Mozilla Firefox 19+ */

    olor: #999;
}

.tjbd .tj_detail .right form .item input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

.tjbd .tj_detail .right .close {
    width: 9px;
    height: 9px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/index_4.svg) center center no-repeat;
    position: absolute;
    top: 18px;
    right: 30px;
    cursor: pointer;
}

.tjbd .tj_detail .right_1 {
    display: none;
}

.tjbd .tj_detail .right_1 .img {
    margin-top: 60px
}

.tjbd .tj_detail .right_1 .img img {
    margin: 0 auto;
    display: block;
}

.tjbd .tj_detail .right_1 .p1 {
    margin-top: 30px;
    font-size: 20px;
    color: #15191D;
    font-weight: 400;
    text-align: center;
}

.tjbd .tj_detail .right_1 .p2 {
    margin-top: 10px;
    font-size: 14px;
    color: #767B7F;
    text-align: center;
    font-weight: 400;
    text-align: center;
}



.form_main {
    height: 196px;
    width: 320px;
    overflow-x: hidden;


}


/*.form_main::-webkit-scrollbar {*/
/*    display: block;*/
/*}*/
.form_main_a::-webkit-scrollbar {
    display: none;
}

::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    /*background-color: #ddd;*/
}

/*滑块*/
::-webkit-scrollbar-thumb {
    background-color: #CDCDCD;
}

/*滑道*/
::-webkit-scrollbar-track {
    background-color: #f0f0f0;
}


.tj_detail .it4 {}

.tj_detail .it4 .tit1 {
    width: 300px;
    height: 40px;
    line-height: 40px;
    padding-left: 0;
    /* border: 1px solid #EAEAEA; */
    border-radius: 6px;
    margin-bottom: 12px;
    position: relative;
    width: 100%;
    height: 35px;
    line-height: 35px;
    color: #999999;
    text-align: left;
    z-index: 999;
}

.mDrop {
    display: none;
    float: left;
    margin-left: -11px;
    width: 100%;
    margin-top: 10px;
}

.mDrop .cs {}

/* .mDrop .cs .cs_detail{display: none;} */
.mDrop .cs p {
    font-size: 14px;
    color: #4F5861;
    height: 40px;
    line-height: 40px;
    text-align: left;
    width: 100%;
    display: block;
}

.tjbd .tj_detail .right form .item .xx {
    position: absolute;
    right: 0;
    top: 0;
    color: red;
    font-size: 12px;
}

.tjbd .tj_detail .right form .item.it4 {}

.it4_dj_1 {
    position: absolute;
    z-index: 99;
    left: 70px;
    top: 314px;
}

.it4_dj p {
    color: #999999;
    text-align: left;
    z-index: 99;
    position: relative;
}

.it4_dj .dj {
    display: none;
    width: 300px;
    height: 88px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 2px 20px 0px rgb(35 65 84 / 3%);
            box-shadow: 0px 2px 20px 0px rgb(35 65 84 / 3%);
    -webkit-box-shadow: 0px 0px 3px #ddd;
            box-shadow: 0px 0px 3px #ddd;
    border-radius: 4px;
    margin-left: -10px;
}

.it4_dj .dj .dj_1 {
    padding-left: 10px;
    width: 292px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    position: relative;
    text-align: left;
}

.it4_dj .dj .dj_1 .jt {
    display: none
}

.it4_dj .dj .dj_1:hover .jt {
    display: block;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/index_2.svg) center center no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 14px;
    top: 14px;
    z-index: 99;
}



.it4_dj .dj .dj_1:hover {
    width: 292px;
    height: 40px;
    background: rgba(35, 65, 84, 0.05);
    border-radius: 4px;
    margin: 0 auto;
}

.tjbd .tj_detail .right .f_logo {
    width: 75px;
    height: 22px;
    position: absolute;
    top: 18px;
    left: 30px;
}



.i2 .i2ico {
    top: 70px;
    right: -126px;
}

.circle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
    width: 232px;
    height: 232px;
    border: 1px dashed #ddd;
    border-radius: 50%;
}

.circle_a1 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -77px;
    margin-left: -75px;
    width: 80px;
    height: 80px;
    border: 1px dashed #ddd;
    border-radius: 50%;
}

.circle_a12 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 158px;
    margin-left: -117px;
    width: 80px;
    height: 80px;
    border: 1px dashed #ddd;
    border-radius: 50%;
}

.circle .c-circle {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    position: absolute;
}

.circle .c-circle:after {
    content: '';
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 100%;
}

.circle .first:after {
    width: 92px;
    height: 92px;
    left: 17px;
    top: 60px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/icon_d5.svg) center center no-repeat;
    background-size: 100%;
}

.circle .second:after {
    width: 92px;
    height: 92px;
    left: 116px;
    top: 3px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/icon_d4.svg) center center no-repeat;
    background-size: 100%;
}

.circle .third:after {
    width: 92px;
    height: 92px;
    left: 203px;
    top: 45px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/icon_d3.svg) center center no-repeat;
    background-size: 100%;
}

.circle .four:after {
    width: 92px;
    height: 92px;
    left: 231px;
    top: 116px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/icon_d2.svg) center center no-repeat;
    background-size: 100%;
}

.circle .five:after {
    width: 92px;
    height: 92px;
    left: 200px;
    top: 200px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/icon_d1.svg) center center no-repeat;
    background-size: 100%;
}

.circley {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 54px;
    margin-left: -150px;
    width: 424px;
    height: 424px;
    border: 1px dashed #ddd;
    border-radius: 50%;
}

.circley .c-circley {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    position: absolute;
}

.circley .c-circley:after {
    content: '';
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 100%;
}

.circley .first:after {
    width: 92px;
    height: 92px;
    left: 39px;
    top: 338px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/icon_y1.svg) center center no-repeat;
    background-size: 100%;
}

.circley .second:after {
    width: 92px;
    height: 92px;
    left: 0px;
    top: 248px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/icon_y2.svg) center center no-repeat;
    background-size: 100%;
}

.circley .third:after {
    width: 92px;
    height: 92px;
    left: 7px;
    top: 150px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/icon_y3.svg) center center no-repeat;
    background-size: 100%;
}

.circley .four:after {
    width: 92px;
    height: 92px;
    left: 52px;
    top: 69px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/icon_y4.svg) center center no-repeat;
    background-size: 100%;
}

.circley .five:after {
    width: 92px;
    height: 92px;
    left: 126px;
    top: 18px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/icon_y5.svg) center center no-repeat;
    background-size: 100%;
}

.circley .six:after {
    width: 92px;
    height: 92px;
    left: 228px;
    top: 0px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/icon_y6.svg) center center no-repeat;
    background-size: 100%;
}

.circley1 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 105px;
    margin-left: -185px;
    width: 212px;
    height: 212px;
    border: 1px dashed #ddd;
    border-radius: 50%;
}

.circley1 .c-circley1 {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    position: absolute;
}

.circley1 .c-circley1:after {
    content: '';
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 100%;
}

.circley1 .first:after {
    width: 92px;
    height: 92px;
    left: 103px;
    top: 0px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/icon_y9.svg) center center no-repeat;
    background-size: 100%;
}

.circley1 .second:after {
    width: 92px;
    height: 92px;
    left: 197px;
    top: 57px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/icon_y8.svg) center center no-repeat;
    background-size: 100%;
}

.circley1 .third:after {
    width: 92px;
    height: 92px;
    left: 207px;
    top: 147px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/icon_y7.svg) center center no-repeat;
    background-size: 100%;
}

.circley1 .four:after {
    width: 44px;
    height: 44px;
    left: 110px;
    top: 94px;
    background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/icon_y10.svg) center center no-repeat;
    background-size: 100%;
}

.circley1 .yuan_1 {
    width: 8px;
    height: 8px;
    left: 143px;
    top: 86px;
    position: absolute;
    border-radius: 50%;
    background: #3280f5;
    z-index: 99;

}

.circley1 .yuan_2 {
    width: 8px;
    height: 8px;
    left: 176px;
    top: 176px;
    position: absolute;
    border-radius: 50%;
    background: #3280f5;
    z-index: 99;
}

.circle .yuan_1 {
    width: 8px;
    height: 8px;
    left: 143px;
    top: 86px;
    position: absolute;
    border-radius: 50%;
    background: #3280f5;
    z-index: 99;

}

.circle .yuan_2 {
    width: 8px;
    height: 8px;
    left: 156px;
    top: 218px;
    position: absolute;
    border-radius: 50%;
    background: #3280f5;
    z-index: 99;
}




.animated_1 {
    -webkit-animation-duration: 3.6s;
    animation-duration: 3.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated_2 {
    -webkit-animation-duration: 2.8s;
    animation-duration: 2.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated_3 {
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated_4 {
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated_5 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated_y1 {
    -webkit-animation-duration: 4.4s;
    animation-duration: 4.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated_y2 {
    -webkit-animation-duration: 3.6s;
    animation-duration: 3.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated_y3 {
    -webkit-animation-duration: 2.8s;
    animation-duration: 2.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated_y4 {
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated_y5 {
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated_y6 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.animated_ya1 {
    -webkit-animation-duration: 4.4s;
    animation-duration: 4.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated_ya2 {
    -webkit-animation-duration: 3.6s;
    animation-duration: 3.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated_ya3 {
    -webkit-animation-duration: 2.8s;
    animation-duration: 2.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated_ya4 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}




.i4 .posrelative {
    position: relative;
}

.i4 .posrelative .lycb_1 {
    position: absolute;
    top: 50px;
    right: -46px;
}

.i4 .posrelative .lycb_2 {
    position: absolute;
    bottom: -60px;
    left: 32px;
}

.i4 .posrelative .lycb_3 {
    position: absolute;
    bottom: -60px;
    right: 270px;
}

.i4 .posrelative .lycb_1 img,
.i4 .posrelative .lycb_2 img,
.i4 .posrelative .lycb_3 img {
    width: auto;
}

/*#tag{width: 140px;height: 48px;border: 1px solid #234154;border-radius: 6px;line-height:48px; font-size: 18px;color: #234154 ;text-align: center;font-weight: 400;margin-top:40px;}*/

.samplebox .titleh3 {
    font-size: 32px;
}

.i6a .img {
    width: 120px;
    height: 120px;
    background: #F4F8FA;
    border-radius: 50%;
    margin: 0 auto;
}

.i6a .img img {
    width: 54px;
    height: 54px;
    background-size: 100%;
    -o-object-fit: inherit;
       object-fit: inherit;
    margin-top: 33px;
}

.marl20 em {
    display: block;
    float: left;
    margin-top: -4px;
    margin-right: 10px;
}

.mt_5 em {
    display: block;
    float: left;
    margin-top: -2px;
    margin-right: 10px;
}

.samplebox .yb2 .flex_center {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.samplebox .yb_a1 .flex_center {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.samplebox .mt_5 span {
    float: left;
    width: 94%;
}

#newBridge {
    position: fixed;
    width: 134px;
    height: 155px;
    right: 0;
    bottom: 0px;
    cursor: pointer;
    z-index: 99;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    height: 4px;
    background: #234154;
}

/*.lsw .lstwop{width: 140px;*/
/*height: 48px;*/
/*border: 1px solid rgba(35,65,84,1);*/
/*border-radius: 6px;line-height:48px;text-align:center;}*/
.i7b .color666 span {
    color: #15191D !important;
    font-family: Microsoft YaHeil !important;
}

.swiper-container-bn .bnimg {
    padding-top: 262px;
}

@media only screen and (max-width:1450px) {
    .circle {
        margin-left: -240px;
    }

    .i2 .i_psr_img {
        width: 90%;
        margin: 0 auto;
    }

    .circley {
        margin-left: -110px;
    }

    .i3 {
        background-size: 92%;
    }

    .i3wimg img {
        width: 80%;
    }

    .circle_a1 {
        margin-left: -137px;
    }
}



@media only screen and (max-width:1299px) {
    .warp_1300box .wrap {
        width: 100%;
        padding: 0 15px;
        margin: 0 auto;
    }

    .dybnl {
        width: 50%;
    }

    .lbntxt h3 {
        font-size: 36px;
    }

    .dy2txt img {
        width: 80px;
    }

    .newatxt {
        padding: 10px;
    }

    .circle {
        margin-left: -260px;
    }

    .circley {
        margin-left: -70px;
        display: none;
    }

    .disflex.i3wimg .img1 {
        margin-left: 4%;
    }

    .i4 .posrelative .lycb_1 img {
        width: 100%;
    }

    .i4 .posrelative .lycb_2 img {
        width: 100%;
    }

    .i4 .posrelative .lycb_3 img {
        width: 100%;
    }

    .i4 .posrelative .lycb_1 {
        right: 0;
        width: 36%;
        top: 22px;
    }

    .i4 .posrelative .lycb_2 {
        bottom: -9%;
        right: 0;
        width: 24%;
        left: 4%;
    }

    .i4 .posrelative .lycb_3 {
        right: 26%;
        width: 24%;
        bottom: -20px;
    }

    .community .part1 {
        margin-top: 0;
    }


}

@media only screen and (min-width:768px) and (max-width:1179px) {
    .newa {
        width: 31.33%;
    }

    .videohidebox {
        width: 80%;
    }

    .bntxt {
        padding: 25px 0;
    }

    .bnimg .wrap .img_1 {
        right: 30%;
    }

    .mdtop h3 {
        font-size: 30px;
    }

    .imorea {
        width: 120px;
        line-height: 35px;
        font-size: 14px;
    }

    .nava {
        font-size: 14px;
    }

    .hdra a {
        font-size: 14px;
    }

    .i5a {
        margin-top: 10px;
    }

    .lstar .newatxt h3 {
        font-size: 28px;
    }

    .lsbtitle {
        font-size: 24px;
    }

    .iftop h3 {
        font-size: 24px;
    }

    .rel {
        width: 40%;
    }

    .relatxt {
        font-size: 18px;
        line-height: 32px;
    }

    .rela {
        padding: 0 25px;
    }

    .yb1t {
        font-size: 20px;
    }

    .ybglbn {
        height: 500px;
    }

    .yb1t img {
        height: 20px;
    }

    .ab1txt h3 {
        font-size: 28px;
    }

    .ab3atxt {
        padding: 20px;
    }

    .ifrbd_active {
        right: 15px;
        margin-right: 0;
    }

    .ifl {
        margin-right: 5%;
    }

    .yb3atop {
        padding: 30px 0;
    }

    .introducepage .part2 .part2_main .list .item .img {
        width: 62px;
        height: 62px;
        margin-right: 10px;
    }

    .introducepage .part2 .part2_main .list .item .txt .p1 {
        font-size: 20px;
    }

    .introducepage .part2 .part2_main .list .item .txt .p2 {
        font-size: 16px;
    }

    .introducepage .part2 .part2_main .list .item .img img {
        width: 100%;
    }

}

@media only screen and (max-width:950px) {

    #newBridge {
        bottom: 70px;
    }

    .xcgd a {
        display: block;
    }

    .xcgd .img {
        /* height: 60px; */
        display: none;
    }

    .xcgd .img1 img {
        width: 100%;
        background-size: cover;
        height: 64px;
        display: block;
    }

    .xcgd .img1 {
        display: block;
        height: 64px;
    }

    .xcgd {
        height: 64px;
    }

    .circle,
    .circley1,
    .circley {
        display: none;
    }

    .mt_30,
    .mt_35,
    .mt_40,
    .mt_45,
    .mt_50,
    .mt_60,
    .mt_70,
    .mt_80 {
        margin-top: 25px;
    }

    /*视频*/
    .videohidebox {
        width: 90%;
        margin-left: 0;
        padding-bottom: 0;
    }

    .videohidebox_1 p {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .md {
        padding: 35px 0;
    }

    .mdtop h3 {
        font-size: 30px;
        font-weight: normal;
    }

    .ftl {
        margin-right: 20px;
    }

    .rta {
        width: 50px;
    }

    .i9 {
        height: 350px;
    }

    .lstar .newatxt h3 {
        font-size: 18px;
    }

    .lsbtitle {
        font-size: 20px;
    }

    .lstwop span {
        line-height: 32px;
        width: 100px;
        font-size: 14px;
        margin-top: 20px;
    }

    .ybglbn {
        height: 400px;
    }

    .lbntxt h3,
    .dy6l h3 {
        font-size: 26px;
    }

    .sqbnewm {
        width: 120px;
    }

    .ab1awap {
        background: #fff;
        -webkit-box-shadow: 0 1px 6px 0 #f6f6f6;
                box-shadow: 0 1px 6px 0 #f6f6f6;
        border-radius: 6px;
        border: 1px solid #f6f6f6;
        padding: 15px;
        margin-top: 15px;
    }

    .ab1awap img {
        width: 30px;
        height: 30px;
    }

    .ab1awap i {
        font-size: 20px;
        color: #ddd;
    }

    .ab1awapm {
        margin: 0 10px;
    }

    .ab1awapm h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .ab1awapm p {
        color: #888;
    }

    .lsw .newatxt {
        padding-top: 10px;
    }

    .case_main .part1 .part1_main .list .item .title {
        line-height: 24px;
        font-size: 18px;
    }

    .case_main .part1 .part1_main .list .item .cs span {
        font-size: 12px;
    }

    .case_main .part1 .part1_main .list .item .detail .dtit {
        font-size: 18px;
        line-height: 24px;
    }

    .case_main .part1 .part1_main .list .item .detail .dcont {
        line-height: 20px;
    }

    .case_main .part1 .part1_main .list .item .detail .img1 img {
        width: 100%;
    }

    .introducepage .part2 .part2_main .list .item {
        padding: 30px 4px;
    }

    .introducepage .part3 .part3_main .list .item .txt .link .link_main .jt {
        width: 86%;
    }

    .introducepage .part3 .part3_main .list .item {
        padding: 20px 10px;
    }

    .introducepage .part3 .part3_main .list .item .img {
        height: auto;
    }

    .introducepage .part3 .part3_main .list .item {
        height: 380px;
    }

    .sample,
    .platform {
        height: auto;
    }

    .solution .part1 .right {
        width: 100%;
    }

    .case_main .part1 .part1_main .list .item .detail {
        width: 106%;
    }
}

@media only screen and (max-width:768px) {
    .lstal img {
        height: auto;
    }



    .flex_lmr_wap {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
    }

    .wap_disblock {
        display: block;
    }

    .pc_demo {
        display: none;
    }

    .wap_demo {
        display: block;
    }

    .pc_demo,
    .pc_demo1 {
        display: none;
    }

    .wap_demo,
    .wap_demo1 {
        display: block;
    }

    .md {
        padding: 25px 0;
    }

    .foot {
        padding-bottom: 86px;
    }

    .mdtop h3 {
        line-height: 34px;
        font-size: 24px;
        font-weight: normal;
    }

    .i1w {
        margin-top: 15px;
    }

    .i1a img {
        height: 40px;
    }

    .i1a {
        width: 50%;
        margin-top: 20px;
    }

    .i1a h3 {
        font-weight: normal;
        border: 0 !important;
        margin: 15px 0 0 0;
        font-size: 16px;
    }

    .imorea {
        width: 120px;
        line-height: 35px;
        font-size: 14px;
    }

    .sample .imorea {
        width: 84px;
    }

    .i2ba {
        width: 100%;
    }

    .i2ba i {
        width: auto;
        background: none;
        margin-top: 0;
        line-height: 27px;
    }

    .i2ba i em {
        display: block;
    }

    .i2ba .txt {
        margin-left: 10px;
    }

    .i2ba .txt em {
        display: none;
    }

    .i2ico {
        display: none;
    }

    .i3picwapr {
        width: 35%;
        position: absolute;
        right: -10px;
        top: 20px;
    }

    .i4w img {
        width: 100%;
        margin: 0;
    }

    .i5a {
        width: 100%;
        height: 170px;
    }

    .swiper-pagination-i5 {
        margin-top: 30px;
        color: #666;
        position: relative;
        height: 4px;
        background: #e9e6e6;
    }

    .i6a img {
        height: 50px;
    }

    .i6a h3 {
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 0;
    }

    .i6a .img {
        width: 54px;
        height: 54px;
    }

    .i6a .img img {
        width: 34px;
        height: 34px;
        background-size: 100%;
        -o-object-fit: inherit;
           object-fit: inherit;
        margin-top: 10px;
    }


    .i7a {
        padding: 15px;
        height: 460px;
    }

    .i7al img {
        height: 20px;
    }

    .i7ar img {
        height: 30px;
        width: auto;
        background-size: cover;
    }

    .i7am {
        margin: 0;
        margin-top: 0px;
        line-height: 28px;
    }

    .i7am span {
        margin-top: 10px;
        font-family: Microsoft YaHeil !important;
    }

    .i8box {
        margin-right: -15px;
    }

    .newa {
        width: 100%;
        margin-right: 0;
        margin-top: 0;
    }

    .i7t img {
        opacity: 1;
    }

    .i9 {
        height: 190px;
        background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/i9pc.svg) no-repeat bottom center #ecf9ff;
        background-size: 216% !important;
    }

    .fb {
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
    }

    .foot .wapnava {
        padding-bottom: 20px;
    }

    .tcr {
        padding: 0 15px;
    }

    .tctwap {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    .tctwap .wapnavtop {
        border-bottom: 0;
    }

    .lstar .newatxt h3 {
        font-size: 18px;
    }

    .lsb .newa {
        margin-top: 15px;
    }

    /*.lsb .newa:first-child {margin:0;}
*/
    .dywz {
        padding: 0;
    }

    .lsb .new {
        width: 100%;
    }

    .zykbg {
        background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/zykbgwap.svg) no-repeat center;
        background-size: cover !important;
    }

    .lstwop span i {
        opacity: 1;
    }

    .dywzt p {
        font-size: 12px;
    }

    .page a {
        font-size: 12px;
        width: 28px;
        height: 28px;
    }

    .lstar {
        padding: 20px;
    }

    .lstsc {
        margin-top: 15px;
    }

    .lstsc input {
        width: 100%;
    }

    .zykwap {
        display: inline-block;
        background: #fff;
        width: 100px;
        height: 120px;
    }

    .zykwap img {
        display: block;
        margin: 0 auto;
        height: 86px;
        margin-top: 10px;
    }

    .zykwap p {
        text-align: center;
        font-size: 12px;
    }

    .iftop h3 {
        font-size: 22px;
    }

    .iftopblr_wap {
        border-top: 1px solid #eee;
        margin-top: 10px;
    }

    /*.iftopblr a {margin-top:10px;margin-left:0;margin-right:10px;}*/
    /*新增样式*/
    .iftopblr a {
        margin-top: 8px;
        width: 76px;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
    }

    .iftopblr .line {
        width: 100%;
        height: 1px;
        background-color: #F2F2F5;
        margin: 10px 0;
    }

    .iftopblr {
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
    }

    .ifrtwap h3 {
        font-size: 20px;
    }

    .rel {
        display: none;
    }

    .rer .tcr {
        width: 90%;
    }

    .dybn {
        height: auto;
        padding: 30px 0;
    }

    .dybn .wrap {
        background: none !important;
    }

    .dybnl {
        text-align: center;
        margin-bottom: 25px;
    }

    .lbntxt h3 {
        font-size: 24px;
    }

    .lbntxt p {
        font-size: 14px;
    }

    .dytop i {
        width: 50px;
        height: 2px;
        background: #3076F6;
        margin: 0 auto;
        margin-top: 15px;
    }

    .dybox .md .wrap {
        display: block;
    }

    .dy2img,
    .dy2txt {
        width: 100%;
        text-align: center;
    }

    .dy2txt img {
        display: none;
    }

    .dy2txt .txt {
        text-align: left;
    }

    .dy2txt h3 {
        display: inline-block;
        position: relative;
        font-size: 16px;
    }

    .dy2txt h3::after {
        width: 10px;
        height: 10px;
        background: #3076F6;
        position: absolute;
        left: -2px;
        top: 5px;
        content: "";
    }

    .dy2txt h3 span {
        position: relative;
        z-index: 9;
    }

    .dy6 {
        color: #fff;
    }

    .dy6 h3 {
        font-size: 20px;
    }

    .dy6 .imorea {
        background: #fff;
        color: #3076F6;
        -webkit-box-shadow: inherit;
                box-shadow: inherit;
    }

    .dy6 {
        padding: 45px 0;
    }

    .ybglbn {
        height: auto;
        padding: 30px 0;
        background: #0063ed !important;
    }

    .ybglbn a.imorea {
        margin-top: 20px;
    }

    .textleft {
        text-align: left;
    }

    .yb1w {
        padding: 20px;
    }

    .yb1t {
        font-size: 14px;
        line-height: 28px;
    }

    .yb1t img {
        height: 15px;
    }

    .yb1b {
        text-align: right;
    }

    .yb1 {
        background-size: 100%;
    }

    .ybwaptt {
        font-size: 20px;
        font-weight: normal;
        text-align: center;
        margin-bottom: 15px;
    }

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

    .yb2img {
        margin-bottom: 25px;
    }

    .txta .txt {
        font-size: 13px;
    }

    .yb2 {
        padding-bottom: 25px !important;
    }

    .ab1txt h3 {
        text-align: center;
        font-size: 20px;
    }

    .ab1txt {
        margin-top: 0;
    }

    .ab1img {
        margin-top: 20px;
        margin-bottom: 20px;
        display: none;
    }

    .ab3atxt {
        padding: 15px;
    }

    .ab3atxt p {
        font-size: 12px;
    }

    .abtbn {
        height: 250px;
        background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/abtbnwap.svg) no-repeat bottom center #0063ed !important;
        background-size: 100% !important;
    }

    .sqbnwap {
        padding-bottom: 150px;
    }

    .sqbnewm {
        margin: 0 auto;
        width: 90px;
    }

    .sqbnwap .lbntxt h3 {
        font-size: 20px;
        margin-top: 10px;
    }

    .sqbnwap .lbntxt p {
        font-size: 12px;
        line-height: 22px;
        margin: 10px 0;
    }

    .sq1a {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px;
    }

    .sq1a:last-child {
        margin-bottom: 0;
    }

    .sq1a img {
        width: 28px;
    }

    .sq1a:hover .txt p {
        color: #fff;
    }

    .sq1a .txt {
        -webkit-box-flex: 0;
        -webkit-flex: 0;
            -ms-flex: 0;
                flex: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        text-align: left;
        margin-left: 15px;
    }

    .sq1a .txt h3 {
        font-size: 16px;
    }

    .sq1a .txt p {
        font-size: 13px;
        color: #888;
        line-height: 22px;
    }

    .sq1a .txt i {
        display: none;
    }

    .sqw {
        display: block;
    }

    .sqtxt {
        width: 100%;
        margin-top: 30px;
    }

    .sqimg {
        width: 80%;
        margin: 10px auto;
    }

    .sqtxtwap {
        position: relative;
    }

    .sqtxtwap img {
        width: auto;
        height: 35px;
        position: absolute;
        left: -20px;
        bottom: 0;
        display: block;
    }

    .sq2a {
        width: 100%;
        margin-bottom: 15px;
    }

    .sq2a:last-child {
        margin-bottom: 0;
    }

    .sq3 {
        padding: 25px 0;
        height: 200px;
    }

    .sq3 h3 {
        color: #333;
    }

    .sq3 p {
        color: #999;
        margin-top: 10px;
    }

    .ifrbd_active {
        position: relative;
        right: inherit;
        margin: 0;
    }

    .yb3atop {
        padding: 20px 0;
    }

    .yb3atxt {
        padding: 20px;
    }

    .yb3atxt h3 {
        margin-bottom: 15px;
    }

    .lstar .newatxt p {
        font-size: 14px;
    }

    .newatxt {
        padding: 20px;
    }
}



@media only screen and (max-width: 768px) {

    .xcgd .img img {
        height: 20px;
    }

    .platform,
    .sample {
        background: #F3F7FC !important;
    }

    .sample h3,
    .sample p {
        font-size: 28px;
    }

    .innerpage h3,
    .sample p {
        font-size: 14px;
    }

    .sample,
    .platform {
        height: auto;
    }

    .platform {
        padding: 60px 0 30px 0;
    }

    .platform p {
        margin: 10px 0 30px 0;
    }

    .platform a.imorea {
        margin-top: 0;
    }

    .platform .dybnl {
        margin-bottom: 26px;
    }

    .platformbox .titleh3 {
        font-size: 22px;
        color: #15191D;
    }

    .platformbox .more {
        margin: 0 auto;
        font-size: 14px;
        width: 84px;
        height: 32px;
        line-height: 32px;
    }

    .platformbox .mt_5 {
        font-size: 14px;
        line-height: 24px;
    }

    .platformbox .md {
        padding: 50px 0;
    }

    .platformbox .ybwaptt {
        margin-bottom: 20px;
    }

    .platformbox .yb2img {
        margin-top: 30px;
    }

    .platformbox .md:nth-child(3) .yb2txt {
        margin-top: 0;
    }

    .platformbox .yb2img img {
        width: 100%;
    }

    .sample {
        padding: 60px 0 30px 0;
    }

    .sample p {
        margin: 10px 0 30px 0;
    }

    .sample a.imorea {
        margin-top: 0;
    }

    .sample .dybnl {
        margin-bottom: 26px;
    }

    .samplebox .titleh3 {
        font-size: 22px;
        color: #15191D;
    }

    .samplebox .more {
        margin: 0 auto;
        font-size: 14px;
        width: 84px;
        height: 32px;
        line-height: 32px;
    }

    .samplebox .mt_5 {
        font-size: 14px;
        line-height: 24px;
    }

    .samplebox .md {
        padding: 50px 0;
    }

    .samplebox .ybwaptt {
        margin-bottom: 20px;
    }

    .samplebox .yb2img {
        margin-top: 30px;
    }

    .samplebox .md:nth-child(3) .yb2txt {
        margin-top: 0;
    }

    .samplebox .yb2img img {
        width: 100%;
    }

    .samplepart1 .part1_main .left {
        width: 100%;
    }

    .samplepart1 .part1_main .right {
        width: 100%;
        position: relative;
        margin-top: 30px;
    }

    .samplepart1 .part1_main .left .list .item .item_mian {
        height: 64px;
        background-color: #F6FAFE;
    }

    .samplepart1 .part1_main .left .list .item {
        margin-bottom: 10px;
    }

    .samplepart1 .part1_main .left .list .item .txt .p1 {
        font-size: 16px;
        line-height: 16px;
    }

    .samplepart1 .part1_main .left .list .item .img {
        width: 18px;
        height: 18px;
    }

    .samplepart1 .part1_main .left .list .item .img img {
        width: 100%;
    }

    .samplepart1 .part1_main .left .list .item .item_mian {
        padding: 22px 12px;
    }

    .samplepart1 .more {
        width: 84px;
        height: 32px;
        background: #234154;
        border-radius: 16px;
        font-size: 14px;
        line-height: 32px;
        margin: 0 auto;
        margin-top: 30px;
        display: block;
    }

    .samplepart1 .part1_main .right img {
        width: 100%;
    }

    .pc_demo {
        display: none;
    }

    .wap_demo {
        display: block;
    }

    .solution .part1 .left {
        width: 100%;
    }

    .solution .part1 .right {
        width: 100%;
    }

    .solution .part1 .right .right_main .rpart1 .tit .p1 {
        display: none
    }

    .solution .part1 .right .right_main .rpart1 .tit .p2 {
        margin: 0 auto;
        font-size: 24px;
        color: #333333;
        text-align: center;
        font-weight: 500;
    }

    .solution .part1 .right .right_main .rpart1 .img {
        width: 100%;
        height: auto;
    }

    .solution .part1 .right .right_main .rpart1:nth-child(odd) .img {
        float: none;
    }

    .solution .part1 .right .right_main .rpart1 .img img {
        width: 100%;
    }

    .solution .part1 .right .right_main .rpart1 .cont {
        font-size: 14px;
        color: #4F5861;
        letter-spacing: 0;
        text-align: justify;
        line-height: 24px;
        font-weight: 400;
        display: none;
    }

    .solution .part1 .right .right_main .rpart1 .btn {
        display: none;
    }

    .solution .part1 .right .right_main .rpart1 .cont1 {
        font-size: 14px;
        color: #4F5861;
        letter-spacing: 0;
        text-align: justify;
        line-height: 24px;
        font-weight: 400;
        display: block;
        margin-top: 30px;
    }

    .solution .part1 .right .right_main .rpart1 {
        padding: 50px 0;
    }

    .solution .part1 .right .right_main .rpart1 .tit {
        margin-bottom: 20px;
    }

    .solutionpage {
        height: auto;
        background: #F3F7FC !important;
        padding: 60px 0 40px 0;
    }


    .solutionpage h3 {
        font-size: 28px;
        color: #15191D;
        letter-spacing: 0;
        text-align: center;
        font-weight: 600;
    }

    .solutionpage a.imorea {
        width: 84px;
        height: 32px;
        line-height: 32px;
        background: #234154;
        font-size: 14px;
        margin-top: 30px;
        color: #fff;
        -webkit-box-shadow: 0px 10px 20px 0px rgb(194 216 228);
                box-shadow: 0px 10px 20px 0px rgb(194 216 228);
    }

    .casepage {
        height: 514px;
        background: #F3F7FC !important;
        padding: 60px 0 0 0;
    }

    .casepage h3 {
        font-size: 28px;
        color: #15191D;
        letter-spacing: 0;
        text-align: center;
        font-weight: 600;
    }

    .casepage a.imorea {
        width: 84px;
        height: 32px;
        line-height: 32px;
        background: #234154;
        font-size: 14px;
        margin-top: 30px;
        color: #fff;
    }

    .casepage .innerpage .dybnl {
        width: 53%;
    }


    .case_main .part1 .tit .p1 {
        font-size: 28px;
        color: #234154;
        letter-spacing: 0;
        font-weight: 600;
        text-align: center;
        padding: 40px 0 20px 0;
    }

    .case_main .part1 .part1_main .list .item {
        width: 100%;
        overflow: hidden;
    }

    .case_main .part1 .part1_main .list .item .img img {
        height: 189px;
    }

    .case_main .part1 .part1_main .list .item .ddcont {
        display: block;
        font-size: 14px;
        color: #4F5861;
        letter-spacing: 0;
        text-align: justify;
        line-height: 24px;
        font-weight: 400;
    }

    .case_main .part1 .part1_main .list .item .cont {
        padding: 24px 20px 30px 20px;
    }

    .case_main .part1 .part1_main .list .item .cs {
        margin-top: 20px;
        display: inline-block;
    }

    .case_main .part1 .part1_main .list .item .title {
        font-size: 20px;
        color: #333333;
        font-weight: 500;
        padding-bottom: 12px;
    }

    .case_main .part1 .part1_main .list .item .cs span {
        font-size: 12px;
        line-height: 12px;
        color: #999;
    }

    .case_main .part1 .part1_main .list .item {
        margin-bottom: 4%;
    }

    .case_main .part1 .part1_main .dmore {
        padding-bottom: 50px;
        font-size: 14px;
        color: #4F5861;
        letter-spacing: 0;
        text-align: justify;
        font-weight: 400;
        margin: 0 auto;
        width: 110px;
        line-height: 14px;
    }

    .case_main .part1 .part1_main .dmore i {
        display: block;
        width: 14px;
        height: 14px;
        background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/case_21.svg) center center no-repeat;
        float: right;
    }

    .case_main .part1 .part1_main .list {
        padding-bottom: 30px;
    }

    .communitypage {
        height: 528px;
        background: #F3F7FC !important;
        padding: 60px 0 0 0;
    }

    .communitypage h3 {
        font-size: 28px;
        color: #15191D;
        letter-spacing: 0;
        text-align: center;
        font-weight: 600;
    }

    .communitypage a.imorea {
        width: 84px;
        height: 32px;
        line-height: 32px;
        background: #234154;
        font-size: 14px;
        margin-top: 30px;
    }

    .communitypage .dybnl .img {
        display: none;
    }

    .communitypage p {
        font-size: 14px;
        color: #4F5861;
        letter-spacing: 0;
        text-align: center;
        font-weight: 400;
    }

    .communitypage .bmore {
        display: block;
        font-size: 14px;
        color: #fff;
        text-align: center;
        font-weight: 400;
        margin: 0 auto;
        width: 84px;
        height: 32px;
        line-height: 32px;
        background: #234154;
        -webkit-box-shadow: 0px 1px 5px 0px rgba(255, 255, 255, 0.8);
                box-shadow: 0px 1px 5px 0px rgba(255, 255, 255, 0.8);
        -webkit-box-shadow: 0px 10px 20px 0px rgba(194, 216, 228, 1);
                box-shadow: 0px 10px 20px 0px rgba(194, 216, 228, 1);
        border-radius: 16px;
    }

    .community .part1 {
        margin-top: -40px;
        padding: 0 20px;
        background: none;
        height: auto;
    }

    .community {
        /* padding: 0 20px; */
    }

    .community .part1 .list .item {
        margin: 0;
        margin-bottom: 12px;
        width: 100%;
        height: 112px;
        background: #FFFFFF;
        -webkit-box-shadow: 0px 10px 18px 0px rgba(46, 57, 72, 0.02);
                box-shadow: 0px 10px 18px 0px rgba(46, 57, 72, 0.02);
        border-radius: 6px;
        padding: 36px 30px;
    }

    .community .part1 .list .item .img {
        float: left;
        width: 40px;
        height: 40px;
        margin-right: 28px;
    }

    .community .part1 .list .item .img img {
        height: 40px;
    }

    .community .part1 .list .item .cont {
        float: left;
        /* width: 63%; */
    }

    .community .part1 .list .item .tit {
        font-size: 16px;
        text-align: left;
        line-height: 16px;
    }

    .community .part1 .list .item .ftit {
        font-size: 14px;
        text-align: left;
    }

    .community .part2 .part2_main .swiper-slide .item {
        padding: 22px 20px;
    }

    .community .part2 .part2_main .swiper-slide .item .left {
        width: 100%;
        height: auto;
    }

    .community .part2 .part2_main .swiper-slide .item .right {
        display: none;
    }

    .community .part2 .part2_main .swiper-slide {
        padding: 0;
    }

    .community .part2 .part2_main .swiper-slide .item .left .cont {
        float: left;
        width: 88%;
    }

    .community .part2 .part2_main .swiper-slide .item .left .p1 {
        font-size: 15px;
        color: #15191D;
        letter-spacing: 0;
        font-weight: 400;
        line-height: 15px;
    }

    .community .part2 .part2_main .swiper-slide .item .left .jf {
        font-size: 12px;
        color: #949CA3;
        line-height: 16px;
        font-weight: 400;
    }

    .community .part2 .part2_main .swiper-slide .item .left .jf span {
        font-size: 12px;
        color: #FF3C48;
        line-height: 16px;
        font-weight: 400;
    }

    .community .part2 .part2_main .swiper-slide .item .left .img {
        margin-right: 6px;
        width: 22px;
        height: 24px;
    }

    .community .part2 .part2_main .swiper-slide .item .left .img img {
        width: 100%;
    }

    .community .part2 .title {
        font-size: 24px;
        color: #333333;
        text-align: center;
        font-weight: 500;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .community .part3 .part3_main .title {
        font-size: 24px;
        color: #333333;
        text-align: center;
        font-weight: 500;
    }

    .community .part3 .part3_main .part3_1 {
        padding-bottom: 40px;
    }

    .community .part3 .part3_main .part3_1 .title1 {
        padding-bottom: 30px;
    }

    .community .part3 .part3_main .part3_1 .title1 .p1 {
        font-size: 24px;
        color: #15191D;
        text-align: center;
        font-weight: 500;
        padding-bottom: 10px;
    }

    .community .part3 .part3_main .part3_1 .title1 .p2 {
        font-size: 14px;
        color: #4F5861;
        letter-spacing: 0;
        text-align: center;
        line-height: 20px;
        font-weight: 400;
    }

    .community .part3 .part3_main .part3_1 .img {}

    .community .part3 .part3_main .part3_1 .img img {
        width: 100%;
    }

    .community .part4 .part4_main .title {
        font-size: 24px;
        color: #333333;
        text-align: center;
        font-weight: 500;
        padding-bottom: 30px;
    }

    .community .part4 .list .item {
        width: 100%;
    }

    .community .part2 {
        padding-top: 0;
    }

    .community .part2 .part2_main {
        padding-bottom: 34px;
    }

    .community .part3 {
        padding-top: 50px;
    }

    .community .part4 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .bmore_main {
        display: none;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.70);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
    }

    .bmore_main .part {
        width: 72%;
        height: 361px;
        background: #FFFFFF;
        border-radius: 12px;
        margin: 0 auto;
        margin-top: 146px;
        position: relative;
    }

    .bmore_main .part .tit {
        font-size: 18px;
        color: #030303;
        letter-spacing: 0;
        text-align: center;
        font-weight: 500;
        border-bottom: 1px solid #F6F6F6;
        line-height: 60px;
        height: 60px;
        margin-bottom: 30px;
    }

    .bmore_main .part .img {
        width: 180px;
        height: 180px;
        margin: 0 auto;
        display: block;
    }

    .bmore_main .part .img img {
        height: auto;
    }

    .bmore_main .part .etit {
        font-size: 14px;
        color: #666666;
        letter-spacing: -0.09px;
        text-align: center;
        line-height: 22px;
        font-weight: 400;
        width: 180px;
        text-align: center;
        margin: 0 auto;
        margin-top: 10px;
    }

    .bmore_main .part .close {
        position: absolute;
        width: 22px;
        height: 22px;
        top: -24px;
        right: -18px;
    }

    .bmore_main .part .close img {
        height: auto;
    }

    .introduce .title1 {
        font-size: 24px;
        color: #FFFFFF;
        letter-spacing: 0;
        text-align: center;
        line-height: 34px;
        font-weight: 500;
        padding-top: 50px;
        width: 240px;
        margin: 0 auto;
    }

    .introduce1 .title1 {
        font-size: 24px;
        color: #FFFFFF;
        letter-spacing: 0;
        text-align: center;
        line-height: 34px;
        font-weight: 500;
        padding-top: 50px;
        width: 294px;
        margin: 0 auto;
    }

    .introduce {
        height: 176px !important;
    }

    .introducepage .ttit {
        font-size: 24px;
        color: #15191D;
        font-weight: 500;
        padding: 50px 0 30px 0;
    }

    .introducepage .part1 .cont p {
        font-size: 14px;
        color: #15191D;
        letter-spacing: 0;
        text-align: justify;
        line-height: 24px;
        font-weight: 400;
    }

    .introducepage .part1 .tc_main .list .item {
        width: 100%;
        padding: 20px 20px 0 20px;
        height: 114px;
        margin-bottom: 10px;
    }

    .introducepage .part1 .tc_main .list .item .img {
        width: 126px;
        height: 38px;
    }

    .introducepage .part1 .tc_main .list .item .img img {
        height: 38px;
    }

    .introducepage .part1 .tc_main .list .item .p1 {
        font-size: 16px;
        color: #000000;
        letter-spacing: 0;
        font-weight: 400;
        padding-top: 2px;
    }

    .introducepage .part1 .tc_main .list .item:last-child {
        width: 100%;
        padding: 20px 20px 0 20px;
        height: 114px;
    }

    .introducepage .part2 .part2_main .list {
        width: 100%;
    }

    .introducepage .part2 .part2_main .list .item {
        height: auto;
        width: 31%;
        float: left;
        border: 0px solid #EAEDEF;
        border-radius: 6px;
        padding: 0;
        margin-right: 2%;
    }

    .introducepage .part2 .part2_main .list .item .img {
        width: 50px;
        height: 50px;
        float: none;
        margin: 0 auto;
    }

    .introducepage .part2 .part2_main .list .item .txt {
        float: none;
        width: 100%;
        text-align: center;
    }

    .introducepage .part2 .part2_main .list .item .txt .p1 {
        font-size: 14px;
        text-align: center;
    }

    .introducepage .part2 .part2_main .list .item .txt .p2 {
        display: none;
    }

    .introducepage .part2 .part2_main .list .item .img img {
        width: 50px;
        height: 50px;
    }

    .introducepage .part3 .part3_main .list {
        width: 100%;
    }

    .introducepage .part3 .part3_main .list .item {
        width: 100%;
        height: 182px;
        position: relative;
        padding: 20px;
        margin-bottom: 10px;
    }

    .introducepage .part3 .part3_main .list .item .img {
        width: 132px;
        height: 95px;
        position: absolute;
        right: 10px;
        top: 50px;
    }

    .introducepage .part3 .part3_main .list .item .img img {
        height: 95px;
    }

    .introducepage .part3 .part3_main .list .item .txt .link .link_main .img {
        display: none;
    }

    .introducepage .part3 .part3_main .list .item .txt .address {
        padding-top: 0;
        font-size: 18px;
    }

    .introducepage .part3 .part3_main .list .item .txt .address span {
        font-size: 14px;
        display: block;
        text-align: left;
    }

    .introducepage .part2 {
        padding-bottom: 0;
    }

    .introducepage .part3 {
        padding-bottom: 50px;
    }

    .jobpage .ttit {
        font-size: 24px;
        padding: 50px 0 30px 0;
    }

    .jobpage .part1 .part1_main .title {
        font-size: 18px;
    }

    .jobpage .part1 .part1_main .list .item .toptit .tit1 {
        font-size: 16px;
        height: 60px;
        line-height: 60px;
    }

    .jobpage .part1 .part1_main .list .item .toptit .tit2 {
        font-size: 14px;
        height: 60px;
        line-height: 60px;
    }

    .jobpage .part1 .part1_main .list .item .toptit .tit2 .img {
        display: none;
    }

    .jobpage .part1 .part1_main .list .item .toptit .btn .img1 {
        margin-top: 22px;
    }

    .jobpage .part1 .part1_main .list .item .xl .tit {
        font-size: 16px;
    }

    .jobpage .part1 .part1_main .list .item .xl .xl_cont {
        margin-bottom: 14px;
    }

    .jobpage .part1 .part1_main .list .item .xl .xl_cont p {
        font-size: 13px;
        line-height: 18px;
    }

    .jobpage .jl1 p {
        font-size: 12px;
    }

    .jobpage .part1 .part1_main .list .item .jl p {
        font-size: 12px;
    }

    .jobpage .jl1 {
        padding-bottom: 50px;
    }

    .solution .part1 .left {
        border-left: 0px solid #F1F1F5;
    }

    .solution .part1 .left .list .item {
        margin-bottom: 2%;
        width: 48%;
        float: left;
        border: 1px solid #F1F1F5;
        margin-right: 2%;
        height: 46px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .solution .part1 .left .list .item a {
        font-size: 14px;
        padding-left: 0;
        text-align: center;
    }

    .solution .part1 {
        padding-top: 50px;
    }

    .solution .part1 .left .list .item:hover a,
    .solution .part1 .left .list .item.hover a {
        border-left: 0px solid #234154;
    }

    .solution .part1 .left .list .item:hover,
    .solution .part1 .left .list .item.hover {
        border: 1px solid #234154;
    }

    .tjbd .tj_detail .left {
        display: none;
    }

    .tjbd .tj_detail {
        width: 90%;
    }

    .tjbd .tj_detail .right {
        width: 100%;
        padding-top: 60px;
        height: 480px;
    }

    .tjbd .tj_detail .right form {
        margin-left: 20px;
    }

    .i4 .posrelative .lycb_1 img {
        width: 100%;
    }

    .i4 .posrelative .lycb_2 img {
        width: 100%;
    }

    .i4 .posrelative .lycb_3 img {
        width: 100%;
    }

    .i4 .posrelative .lycb_1 {
        right: 0;
        width: 36%;
        top: 12px;
    }

    .i4 .posrelative .lycb_2 {
        bottom: -20px;
        right: 0;
        width: 24%;
        left: 0;
    }

    .i4 .posrelative .lycb_3 {
        right: 98px;
        width: 24%;
        bottom: -20px;
    }

    .communitypage img {
        height: 250px;
        -o-object-fit: contain;
           object-fit: contain;
    }

    .samplepart1 .title .p1 {
        font-size: 24px;
    }

    .samplepart1 .title .p2 {
        font-size: 14px;
    }

    .solution_1,
    .solution_2 {
        display: none;
    }

    .head_wap .top_xz {
        height: 52px;
        line-height: 36px;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background: #fff;
        z-index: 999999;
    }

    .head_wap .top_xz p {
        font-size: 16px;
        color: #BABABA;
        text-align: center;
        font-weight: 400;
        text-align: center;
        margin: 0 auto;
        background: #F4F8FA;
        border-radius: 30px;
        width: 90%;
        margin-top: 7px;
    }

    .whead {
        top: 51px;
        border-top: 1px solid #eff3f5;
        height: 50px;
    }

    .waphd_height {
        height: 100px;
    }

    .wlogo img {
        height: 22px;
    }

    .whead i {
        height: 50px;
        background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/navicon.svg) no-repeat center;
    }

    .waphdlg {
        height: 22px;
    }

    .wapnavtop {
        height: 50px;
        line-height: 50px;
    }

    .wapnavtop i {
        height: 50px;
        background-size: 24%;
    }

    /*.wapnava{margin:0 20px;}*/
    /*.wapnava a.wapprda{padding:0;}*/
    /*.wapprda i, .wapprda1 i{right: 0;}*/
    .wapnava a.wapprda {
        width: auto;
        margin: 0 25px;
        padding: 0;
        height: 56px;
        line-height: 56px;
    }

    .tjbd .tj_detail .right .close {
        background: url(https://assets.surveyplus.cn/official/static/modules/cms/images/close.png) center center no-repeat;
        width: 14px;
        height: 14px;
        background-size: cover;
    }

    .tjbd {
        top: 60px;
    }

    .tjbd .flex_center {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .tjbd {
        background: #fff;
    }

    .samplebox .y_bg2,
    .samplebox .y_bg3,
    .samplebox .y_bg4 {
        display: none;
    }

    .samplepart1 .part1_main .left .list .item .txt .p2 {
        font-size: 12px;
    }

    .samplepart1 .part1_main .left .list .item .txt {
        width: 280px;
    }

    .introducepage .part3 .part3_main .list .item .txt .link .link_main .jt p {
        color: #666666;
    }

    .introducepage .part3 .part3_main .list .item .txt .link .link_main:nth-child(2) .jt p {
        color: #999;
    }

    .wapprda i,
    .wapprda1 i {
        top: 7px;
        right: 0px;
    }

    .i9 .mdtop h3 {
        margin-top: -20px;
    }

    .wapnav_active {
        top: 50px;
    }

    .waplga {
        bottom: 50px;
    }

    .it4_dj_1 {
        left: 9%;
        top: 313px;
    }

    .i7am p {
        margin-top: -14px;
    }

    .swiper-container-bn .bnimg {
        padding-top: 0;
    }

    .mt_40 {
        margin-top: 44px;
    }

    .i5w .swiper-pagination-fraction {
        bottom: -24px;
    }

    .tjbd .tj_detail .right_2a {
        height: 540px;
        padding-top: 60px;
    }

    .right_2a .form_main {
        height: 346px;
    }

    .tjbd .tj_detail .right form .item {
        margin-bottom: 8px;
        height: 42px;
    }

    .xcgd {
        height: 44px;
    }

    .xcgd a {
        display: block;
    }

    .xcgd .img {
        /* height: 60px; */
        display: none;
    }

    .xcgd .img1 img {
        width: 100%;
        background-size: cover;
        height: 44px;
        display: block;
        display: none;
    }

    .xcgd .img1 {
        display: block;
        height: 44px;
    }
}