@media (max-width: 769px) {

    /* 页头 */
    .pcheader {
        display: none;
    }

    .headermob {
        display: block;
    }

    header .header {
        display: none;
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        height: 1.3333rem;
        width: 100%;
        background-color: #fff;
        box-shadow: 0px 0px 4px 0px rgba(185, 185, 185, 0.88);
    }

    header .mobheader {
        display: flex;
        padding: 0;
        width: 100%;
        height: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 0 .4667rem;
    }

    .headermob .logo {
        width: 1.76rem;
        height: auto;
    }

    .headermob .topright {
        display: flex;
        align-items: center;
    }

    .headermob .topright i {
        font-size: .6933rem;
        margin-right: .4rem;
        color: #000;
    }

    .headermob .topright .mobicon {
        width: .52rem;
        height: .4533rem;
    }

    .headermob .menushow {
        top: 0;
        left: 0;
        position: absolute;
        width: 10rem;
        height: 100vh;
        overflow-y: scroll;
        display: flex;
    }

    .headermob .menushow .menutopmob {
        width: 2.8rem;
        height: 100%;
        background-color: RGBA(0, 0, 0, 0.3);
        position: relative;
    }

    .headermob .menushow .menutopmob .headerclose {
        position: absolute;
        top: .4rem;
        right: .4rem;
    }

    .headermob .menushow .menutopmob .headerclose::before {
        font-size: .7467rem;
        color: #424242;
        color: #fff;
    }

    .headermob .menushow .menubotmob {
        width: 100%;
        height: 100vh;
        background-color: #fff;
        flex: 1;
    }

    .headermob .menushow .menubotmob .menumpbch {
        width: 100%;
        height: 1.3333rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 .5333rem;
        box-sizing: border-box;
    }

    .headermob .menushow .menubotmob .menumpbch p {
        font-size: .4rem;
        font-family: Microsoft YaHei;
        color: #333333;
        font-weight: 500;
    }

    .headermob .menushow .menubotmob .menumpbch i::before {
        font-size: .4rem;
        color: #938E8E;
    }

    .headermob .menushow .menubotmob .menumpb {
        display: block;
        width: 100%;
        height: 1.3333rem;
        font-size: .4rem;
        font-family: Microsoft YaHei;
        font-weight: 500;
        color: #333333;
        text-align: start;
        line-height: 1.3333rem;
        padding: 0 .5333rem;
        box-sizing: border-box;
    }

    .headermob .menushow .menubotmob .menuerboxmob {
        width: 100%;
        height: auto;
        display: block;
    }

    .headermob .menushow .menubotmob .menuerboxmob .erbave {
        display: block;
        width: 100%;
        height: 1.0133rem;
        font-size: .3733rem;
        color: #333333;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 1.0133rem;
        display: flex;
        justify-content: space-between;
        padding: 0 .5333rem 0 .8rem;
    }

    .headermob .menushow .menubotmob .menuerboxmob .erbave .aurl {
        display: block;
        padding: 0;
    }

    .headermob .menushow .menubotmob .menuerboxmob a {
        display: block;
        width: 100%;
        height: 1.0133rem;
        font-size: .3733rem;
        color: #333333;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 1.0133rem;
        display: flex;
        justify-content: space-between;
        padding: 0 .5333rem 0 .8rem;
    }

    .headermob .menushow .menubotmob .menuerboxmob .sanmenu {
        width: 100%;
        height: auto;
        background-color: #F2F8FF;
    }

    .headermob .menushow .menubotmob .menuerboxmob .sanmenu a {
        width: 100%;
        height: 1.0667rem;
        padding-left: 1rem;
        box-sizing: border-box;
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #333333;
        line-height: 1.0667rem;
    }

    /* 页脚 */
    footer {
        width: 100%;
        height: auto;
        background-color: #1D2036;
    }

    footer .footer {
        display: none;
    }

    footer .footermob {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    footer .footermob .logo {
        width: 6.8533rem;
        height: auto;
        margin: 1.3333rem 0 .6667rem 0;
    }

    footer .footermob .address {
        font-size: .3467rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #B2B5C5;
    }

    footer .footermob .line {
        width: 6.8533rem;
        height: .0267rem;
        background-color: #E5E5E5;
        margin: .5333rem 0 .6667rem 0;
    }

    footer .footermob .box {
        display: flex;
        align-items: center;
    }

    footer .footermob .box img {
        width: 1.5733rem;
        height: 1.5733rem;
        margin-right: .3333rem;
    }

    footer .footermob .box .tel {
        font-size: .4rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #B2B5C5;
    }

    footer .footermob .box .tel:last-child {
        margin-top: .1333rem;
    }

    footer .footermob .bottom {
        width: 100%;
        height: auto;
        background-color: #1A1D30;
    }

    footer .footermob .bottom {
        width: 100%;
        height: auto;
        background-color: #1A1D30;
        margin-top: 1.0667rem;
    }
    footer .footermob .bottom .wechat {
        display: flex;
        justify-content: center;
        margin: .2rem 0 .2667rem 0;

    }
    footer .footermob .bottom #banquanmob {
        font-size: .2667rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #B2B5C5;
        text-align: center;
        margin: .2667rem 0 .1333rem 0;
    }

    footer .footermob .bottom .gonganbox {
        font-size: .2667rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #B2B5C5;
        text-align: center;
        display: flex;
        justify-content: center;
        margin-bottom: .4rem;
    }

    footer .footermob .bottom .gonganbox .gongan {
        font-size: .2667rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #B2B5C5;
    }

    footer .footermob .bottom .gongan img {
        width: .2667rem;
        height: auto;
        margin: 0 .0667rem 0 .2rem;
    }

    /* 搜索页 */
    #searchpage {
        display: flex;
        background-color: #fff;
        flex-direction: column;
        align-items: center;
    }

    #searchpage .input {
        position: relative;
        width: 9.04rem;
        height: 1.0133rem;
        background: #FFFFFF;
        margin: 1.6rem 0 .4rem 0;
    }

    #searchpage .input input {
        width: 9.04rem;
        height: 1.0133rem;
        background: #FFFFFF;
        border-radius: .5067rem;
        padding-left: .4rem;
        box-sizing: border-box;
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
    }

    #searchpage .input input::placeholder {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #999;
    }

    #searchpage .input i {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: .4rem;
    }

    #searchpage .input i::before {
        font-size: .64rem;
        color: #999;
    }

    #searchpage .contact {
        width: 9.04rem;
        text-align: end;
        padding-right: .2667rem;
        font-size: .24rem;
        font-family: Source Han Sans SC;
        font-weight: 300;
        color: #3B3B3B;
    }

    #searchpage .all {
        width: 9.04rem;
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #979797;
        margin: 1.0667rem 0 .8rem 0;
    }

    #searchpage .content {}

    #searchpage .content .abox {
        display: block;
        width: 9.04rem;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #searchpage .content .abox .title {
        font-size: .3733rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
    }

    #searchpage .content .abox .describe {
        font-size: .2667rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #686868;
        line-height: .5333rem;
        margin-top: .4rem;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    /* 首页布局 */
    #indexpage .pclunbo {
        display: none;
    }

    #indexpage .moblunbo {
        width: 100%;
        height: 12.8rem;
        display: block;
    }

    #indexpage .moblunbo .swiper {
        width: 100%;
        height: 12.8rem;
    }

    #indexpage .moblunbo .swiper img {
        width: 100%;
        height: auto;
    }

    #indexpage .moblunbo .swiper .swiper-pagination .swiper-pagination-bullet {
        width: .4267rem;
        height: .1067rem;
        background: rgba(255, 255, 255, 0.5);
        border-radius: .0533rem;
    }

    #indexpage .moblunbo .swiper .swiper-pagination .swiper-pagination-bullet-active {
        width: .8533rem;
        height: .1067rem;
        background: #FFFFFF;
        border-radius: .0533rem;
    }

    /* 所有的标题 */
    #indexpage .indextitlebox {
        width: auto;
        height: auto;
        margin: 1.3333rem 0 .8rem 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #indexpage .indextitlebox p {
        font-size: .6667rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #333333;
    }

    #indexpage .indextitlebox .line {
        width: .8rem;
        height: .0533rem;
        background: #00479D;
        margin-top: .2667rem;
    }

    #indexpage .indexmore {
        width: 4.8rem;
        height: .8533rem;
        background: #00479D;
        border-radius: .4133rem;
        display: block;
        font-size: .4rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: .8533rem;
        text-align: center;
        margin: 1.0667rem 0 1.3333rem 0;
    }

    #indexpage .application {
        width: 100%;
        height: auto;
        background-color: #fff;
    }

    #indexpage .application .decribe {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #686868;
        margin-top: 0;
        width: auto;
        display: flex;
        justify-content: center;
        margin-bottom: .7333rem;
        line-height: .6133rem;
        padding: 0 .4667rem;
    }

    #indexpage .application .content {
        display: none;
    }

    #indexpage .application .contentmob {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    #indexpage .application .contentmob .menu {
        display: flex;
    }

    #indexpage .application .contentmob .menu p {
        font-size: .3733rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #3B3B3B;
        padding: 0 .5333rem;
        border-right: 1px solid #DCDCDC;
    }

    #indexpage .application .contentmob .menu .actp {
        color: #00479D;
    }

    #indexpage .application .contentmob .menu p:last-child {
        border-right: none;
    }

    #indexpage .application .contentmob .boxmob {
        display: flex;
        width: auto;
        height: auto;
        background-color: #F9FAFE;
        flex-wrap: wrap;
        padding: 0 .9333rem;
        justify-content: space-between;
        margin-top: .5333rem;
    }

    #indexpage .application .contentmob .boxmob .xiabox {
        width: auto;
        height: auto;
        text-align: center;
        margin-top: .5333rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: .9333rem;
    }
    #indexpage .application .contentmob .boxmob .xiabox:nth-child(3n){
        margin-right: 0;
    }
    #indexpage .application .contentmob .boxmob .xiabox i {
        display: block;
        width: 1.8667rem;
        height: 1.8667rem;
        background: #F2F8FF;
        border-radius: .08rem;
        line-height: 1.8667rem;
        text-align: center;
    }

    #indexpage .application .contentmob .boxmob .xiabox i::before {
        font-size: .8933rem;
        color: #00479D;
    }
    #indexpage .application .contentmob .boxmob .xiabox i:hover{
        background-color: #00479D;
    }
    #indexpage .application .contentmob .boxmob .xiabox i:hover::before {
        color: #fff;
    }
    #indexpage .application .contentmob .boxmob .xiabox p {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        margin-top: .3333rem;
    }

    #indexpage .platform {
        margin-bottom: 1.3333rem;
        background-color: #F9FAFE;
        padding: 0 .4667rem;
    }

    #indexpage .platform .content {
        display: none;
    }

    #indexpage .platform .contentmob {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        background-color: #fff;
        justify-content: center;
        padding-bottom: .3333rem;
    }

    #indexpage .platform .contentmob .plmmobbox {
        width: 4.0267rem;
        height: 3.3867rem;
        background: #FFFFFF;
        border: 2px solid #E5E5E5;
        box-shadow: 0px 0px 38px 0px rgba(227, 227, 227, 0.4);
        border-radius: .08rem;
        margin-right: .4rem;
        margin-top: .3333rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #indexpage .platform .contentmob .plmmobbox:nth-child(2n) {
        margin-right: 0;
    }

    #indexpage .platform .contentmob .plmmobbox .title {
        font-size: .4rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #3B3B3B;
        margin: .4rem 0 .2667rem 0;
    }

    #indexpage .platform .contentmob .plmmobbox .line {
        width: 3.6533rem;
        height: 1px;
        background-color: #D7D7D7;
    }

    #indexpage .platform .contentmob .plmmobbox .con {
        display: flex;
        justify-content: center;
        margin-top: .2667rem;
        text-align: center;
    }

    #indexpage .platform .contentmob .plmmobbox .con .titlebox {}

    #indexpage .platform .contentmob .plmmobbox .con .titlebox i {
        font-size: .5333rem;
        color: #474747;
    }

    #indexpage .platform .contentmob .plmmobbox .con .titlebox p {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        margin-top: .1333rem;

        white-space: nowrap;
        margin-right: .2667rem;
    }

    #indexpage .platform .contentmob .plmmobbox:nth-child(3) .con .titlebox p {
        width: 1.4667rem;
        overflow: hidden;
    }

    #indexpage .platform .contentmob .plmmobbox:nth-child(4) .con .titlebox p {
        width: 60px;
        overflow: hidden;
    }

    #indexpage .adventage {
        padding-bottom: .8rem;
        background-color: #fff;
        margin-bottom: 0;
    }

    #indexpage .adventage .adbox {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #indexpage .adventage .adbox .contentbox {
        width: 4.32rem;
        height: 5.4667rem;
        background: #FFFFFF;
        border: 1px solid #E5E5E5;
        border-radius: .08rem;
        margin-right: .4rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: .5333rem;
    }

    #indexpage .adventage .adbox .contentbox:last-child {
        margin-right: 0;
    }

    #indexpage .adventage .adbox .contentbox:nth-child(2n) {
        margin-right: 0;
    }

    #indexpage .adventage .adbox .contentbox i {
        margin: 1.0667rem 0 .5333rem 0;

    }

    #indexpage .adventage .adbox .contentbox i::before {
        font-size: .8rem;
        display: block;
        color: #3B3B3B;
    }

    #indexpage .adventage .adbox .contentbox .title {
        font-size: .4rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
    }

    #indexpage .adventage .adbox .contentbox .text {
        font-size: .2933rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #686868;
        margin-top: .3333rem;
    }

    #indexpage .adventage .adbox .contentbox:hover {
        background-color: #00479D;
    }

    #indexpage .adventage .adbox .contentbox:hover i::before {
        color: #fff;
    }

    #indexpage .adventage .adbox .contentbox:hover .title {
        color: #fff;
    }

    #indexpage .adventage .adbox .contentbox:hover .text {
        color: #fff;
    }

    #indexpage .case {
        width: 100%;
        background-color: #F9FAFE;
    }

    #indexpage .case .content .titlebox {
        display: flex;
        margin-bottom: 40px;
        width: 100%;
        height: auto;
        justify-content: center;
    }

    #indexpage .case .content .titlebox p {
        width: auto;
        height: auto;
        background: #F9FAFE;
        border-radius: 0;
        font-size: .3733rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        text-align: center;
        line-height: .4267rem;
        margin-right: 0;
        padding: 0 0.44rem;
        border-right: 1px solid #DCDCDC;
        display: block;
    }

    #indexpage .case .content .titlebox .actcasep {
        background-color: #F9FAFE;
        color: #00479D;
    }

    #indexpage .case .content .titlebox p:last-child {
        margin-right: 0;
        border-right: none;
    }

    #indexpage .case .content .nocontentboxcase {
        display: none;
    }

    #indexpage .case .content .contentboxcase {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding: 0 .4667rem;
    }

    #indexpage .case .content .contentboxcase .nocontentboxcasebox {
        width: 100%;
        height: 8.5333rem;
        margin-right: 0;
        margin-top: 0;
        text-align: center;
        margin-bottom: .8rem;
    }

    #indexpage .case .content .contentboxcase .nocontentboxcasebox:nth-child(3n) {
        margin-right: 0;
    }

    #indexpage .case .content .contentboxcase .nocontentboxcasebox:last-child {
        margin-bottom: 0;
    }

    #indexpage .case .content .contentboxcase .nocontentboxcasebox .box {
        width: 100%;
        height: 3.3333rem;
        background: #FFFFFF;
        box-shadow: 0px 0px 24px 0px rgba(198, 201, 206, 0.4);
        border-radius: 0px 0px 8px 8px;
        padding-top: 25px;
    }

    #indexpage .case .content .contentboxcase .nocontentboxcasebox img {
        width: 9.0667rem;
        height: 5.2rem;
    }

    #indexpage .case .content .contentboxcase .nocontentboxcasebox .imgbox {
        width: 9.0667rem;
        height: 5.2rem;
    }

    #indexpage .case .content .contentboxcase .nocontentboxcasebox .title {
        font-size: .5067rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        margin: 0 0 .5333rem 0;
        padding: 0 .6667rem;
    }

    #indexpage .case .content .contentboxcase .nocontentboxcasebox .text {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #979797;
        line-height: .5333rem;
        padding: 0 .6667rem;
        box-sizing: border-box;
        text-align: start;
    }

    #indexpage .case .content .contentboxcase .nocontentboxcasebox:hover .box {
        background: #00479D;
    }

    #indexpage .case .content .contentboxcase .nocontentboxcasebox:hover .title {
        color: #fff;
    }

    #indexpage .case .content .contentboxcase .nocontentboxcasebox:hover .text {
        color: #fff;
    }

    #indexpage .suppor {
        padding-bottom: 1.3333rem;
    }

    #indexpage .suppor .content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #indexpage .suppor .content .box {
        width: 9.04rem;
        height: auto;
        border-bottom: 1px solid #E1E1E1;
        padding-bottom: .8rem;
    }

    #indexpage .suppor .content .box:first-child {
        margin-right: 0;

        margin-bottom: .8rem;
    }

    #indexpage .suppor .content .box img {
        width: 9.04rem;
        height: 6rem;
    }

    #indexpage .suppor .content .box .title {
        font-size: .48rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #3B3B3B;
        margin: .6667rem 0 .5333rem 0;
        text-align: center;
    }

    #indexpage .suppor .content .box .text {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #686868;
        padding: 0 .2667rem;
    }

    #indexpage .deliver {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 0;
    }

    #indexpage .deliver .describe {
        text-align: center;
        margin-bottom: .8rem;
        width: 10rem;
    }

    #indexpage .deliver .describe p {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #686868;
        line-height: .6133rem;
        padding: 0 .4667rem;
        text-align: start;
    }

    #indexpage .deliver .describe p::before {
        content: '';
        font-size: 20px;
        margin-right: 0;
    }

    #indexpage .deliver .pcimg {
        display: none;
    }

    #indexpage .deliver .mobimg {
        display: block;
        width: 9.04rem;
        height: auto;
    }

    #indexpage .contact {
        width: 100%;
        height: auto;
        margin-top: 1.3333rem;
        background: url('../../../static/yishi/image/contactbackgroungmob.png') no-repeat;
        background-size: cover;
    }

    #indexpage .contact .contentbox {
        width: 100%;
        height: auto;
        padding: 1.3333rem 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #indexpage .contact .contentbox .liji {
        display: none;
    }

    #indexpage .contact .contentbox .lijimpb {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #indexpage .contact .contentbox .lijimpb p {
        font-size: .6667rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #FFFFFF;
    }

    #indexpage .contact .contentbox .lijimpb .line {
        width: .8rem;
        height: .0533rem;
        background-color: #fff;
        margin: .2667rem 0 .8rem 0;
    }

    #indexpage .contact .contentbox .content {}

    #indexpage .contact .contentbox .content .form {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 0;
    }

    #indexpage .contact .contentbox .content .form .twobox {
        display: flex;
        align-items: center;
        height: .8rem;
        width: auto;
        margin-bottom: .5333rem;
    }

    #indexpage .contact .contentbox .content .form .xing {
        font-size: .48rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #E02F2F;
        margin-top: .1867rem;
    }

    #indexpage .contact .contentbox .content .form .name {
        font-size: .4rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #fff;
        margin: 0 .2667rem 0 .1333rem;
    }

    #indexpage .contact .contentbox .content .form input {
        width: 6.9067rem;
        height: .8rem;
        background: #FFFFFF;
        border: none;
        padding-left: .2rem;
        position: relative;
    }

    #indexpage .contact .contentbox .content .form input::-webkit-input-placeholder {
        font-size: .3467rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #AEAEAE;
    }

    #indexpage .contact .contentbox .content .form .areabox {
        padding-left: .2133rem;
        width: auto;
        display: flex;
    }

    #indexpage .contact .contentbox .content .form textarea {
        width: 6.9067rem;
        height: 2.1333rem;
        background: #FFFFFF;
        outline: none;
        padding: .2rem 0 0 .2rem;
        border: none;
        flex: 1;
    }

    #indexpage .contact .contentbox .content .form textarea::-webkit-input-placeholder {
        font-size: .3467rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #AEAEAE;
    }

    #indexpage .contact .contentbox .content .form .submit {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        margin-top: 1.0667rem;
    }

    #indexpage .contact .contentbox .content .form .submit input {
        width: 5.0667rem;
        height: .8267rem;
        background: #00479D;
        border-radius: .4133rem;
        font-size: .4rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
        line-height: .8267rem;
        padding-left: 0;
        border: none;
    }

    /* 全部banner样式 */
    .banner {
        display: none;
    }

    .bannermob {
        width: 100%;
        height: auto;
        display: block;
    }

    /* 基础框架布局 */
    #basepage {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 1.3333rem;
    }

    #basepage .articmenu {
        display: none;
    }

    #basepage .title {
        font-size: .6667rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #333333;
        margin-top: 1.3333rem;
    }

    #basepage .line {
        width: .8rem;
        height: .0533rem;
        background: #00479D;
        margin: .2667rem 0 .8rem 0;
    }

    #basepage .describe {
        width: 9.0133rem;
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #686868;
        line-height: .5867rem;
    }

    #basepage .content {
        display: none;
    }

    #basepage .contentmob {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #basepage .contentmob .xiaotitle {
        font-size: .4267rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #00479D;
        padding-left: .2rem;
        border-left: .08rem solid #00479D;
        height: .4rem;
        line-height: .4rem;
        margin: 1.3333rem 0 .6667rem 0;
    }

    #basepage .contentmob .text {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        line-height: .5867rem;
        margin-top: 0;
        width: 9.0133rem;
    }

    #basepage .contentmob img {
        width: 8.2667rem;
        height: auto;
        margin-top: .6667rem;
    }

    /* 协同办公布局 */
    #collaborativepage {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 1.3333rem;
    }

    #collaborativepage .title {
        font-size: .6667rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #333333;
        margin: 1.3333rem 0 .2667rem 0;
    }

    #collaborativepage .line {
        width: .8rem;
        height: .0533rem;
        background: #00479D;
    }

    #collaborativepage .contentbox {
        display: none;
    }

    #collaborativepage .contentboxmob {
        display: block;
    }

    #collaborativepage .onebox {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #collaborativepage .onebox .content {
        width: 8.9333rem;
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        line-height: .6133rem;
        text-align: center;
        margin-top: .8rem;
    }

    #collaborativepage .onebox .content p {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        line-height: .6133rem;
        text-align: start;
    }

    #collaborativepage .onebox .content p::before {
        content: '·';
        color: #00479D;
        font-size: 12px;
        margin-right: .1333rem;
    }

    #collaborativepage .onebox img {
        width: 8.2667rem;
        height: auto;
        margin-top: .6667rem;
    }

    #collaborativepage .typebox {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #collaborativepage .typebox .smalltitle {
        font-size: .4533rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #00479D;
        padding-left: .1333rem;
        border-left: .08rem solid #00479D;
        height: .4rem;
        line-height: .4rem;
        margin-top: 1.3333rem;
    }

    #collaborativepage .typebox .describe {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        line-height: .6133rem;
        margin-top: .8rem;
        width: 8.9333rem;

    }

    #collaborativepage .typebox img {
        width: 8.2667rem;
        height: auto;
        margin-top: .6667rem;
    }

    .titleall {
        font-size: .6667rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #3B3B3B;
        margin: 1.3333rem 0 .2667rem 0;
    }

    .lineall {
        width: .8rem;
        height: .0533rem;
        background: #00479D;
    }

    /* 应用 */
    #applicationpage {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 1.3333rem;
    }

    #applicationpage .appmenu {
        display: none;
    }

    #applicationpage .content {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        padding: 0 .4667rem;
    }

    #applicationpage .content .box {
        width: 4.3733rem;
        height: 5.76rem;
        background: #FFFFFF;
        box-shadow: 0px 0px 20px 0px rgba(218, 218, 218, 0.4);
        margin-right: .2667rem;
        margin-top: 1.0667rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 .5333rem;
    }

    #applicationpage .content .box:nth-child(4n) {
        margin-right: 0;
    }

    #applicationpage .content .box:nth-child(2n) {
        margin-right: 0;
    }

    #applicationpage .content .box .topicon {
        font-size: .7733rem;
        color: #00479D;
    }

    #applicationpage .content .box .title {
        font-size: .3467rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #3B3B3B;
        margin-top: .3333rem;
    }

    #applicationpage .content .box .line {
        width: .7467rem;
        height: 1px;
        background: #C2C6D0;
        margin: .4667rem 0 .3333rem 0;
    }

    #applicationpage .content .box .text {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #686868;
        line-height: .48rem;
        text-align: center;
    }

    #applicationpage .content .box .btoicon {
        display: flex;
        width: .7467rem;
        height: .7467rem;
        background: #FFFFFF;
        border: 2px solid #00479D;
        border-radius: 50%;
        margin-top: .4667rem;
        justify-content: center;
        align-items: center;
    }

    #applicationpage .content .box .btoicon::before {
        font-size: .2667rem;
        color: #00479D;
    }

    #applicationpage .content .box:hover {
        background-color: #00479D;
    }

    #applicationpage .content .box:hover .topicon {
        color: #fff;
    }

    #applicationpage .content .box:hover .title {
        color: #fff;
    }

    #applicationpage .content .box:hover .line {
        color: #fff;
    }

    #applicationpage .content .box:hover .text {
        color: #fff;
    }

    /* 面包屑 */
    .breadbox {
        width: 100%;
        height: .8rem;
        display: flex;
        justify-content: center;
        background: #F9F9F9;
    }

    .breadbox .bread {
        width: 100%;
        height: .8rem;
        display: flex;
        align-items: center;
        background: #F9F9F9;
        padding-left: .4667rem;
    }

    .breadbox .bread .breada {
        font-size: .2133rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #686868;
    }
    .breadbox .bread .breada:last-child{
        font-size: .2133rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #686868;
        max-width: 4rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .breadbox .bread .breada span {
        margin: 0 10px;
    }

    /* 应用详情 */
    #applicationdetailpage {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 1.3333rem;
    }
    #applicationdetailpage .pdiv {
        width: 100%;
    }
    #applicationdetailpage .describe {
        width: 9.0133rem;
        height: auto;
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #686868;
        line-height: .6133rem;
        margin-top: .8rem;
    }

    #applicationdetailpage .titlebox {
        margin-top: 1.0667rem;
    }

    #applicationdetailpage .titlebox .xie {
        display: inline-block;
        width: .1067rem;
        height: .4133rem;
        background: #00479D;
        transform: skew(-25deg);
    }

    #applicationdetailpage .titlebox .title {
        font-size: .48rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #00479D;
        margin: 0 .2667rem;
    }

    #applicationdetailpage .operation {
        width: 9.04rem;
        height: auto;
        margin: .8rem 0 .2667rem 0;
    }

    #applicationdetailpage .contentbox {
        display: none;
    }

    #applicationdetailpage .contentboxmob {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #applicationdetailpage .contentboxmob .title {
        font-size: .4rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #333333;
        margin-top: .8rem;
    }

    #applicationdetailpage .contentboxmob .title i {
        font-size: .3467rem;
        color: #00479D;
        margin-right: .2rem
    }

    #applicationdetailpage .contentboxmob .describes {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        line-height: .6133rem;
        margin-top: .4667rem;
        width: 9.0267rem;
    }

    #applicationdetailpage .contentboxmob img {
        width: 9.04rem;
        height: auto;
        margin-top: .5333rem;
    }

    /* 分页样式 */
    #pagination .pagination {
        display: flex;
        margin-top: 1.3333rem;
    }

    #pagination .pagination li {
        list-style: none;
        width: .48rem;
        height: .48rem;
        background-color: #fff;
        display: block;
        margin-right: .2667rem;
        border: 1px solid #D2D2D2;
    }

    #pagination .pagination li:last-child {
        margin-right: 0;
    }

    #pagination .pagination a {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        font-size: .32rem;
        font-family: Arial;
        font-weight: 400;
        color: #9B9B9B;
    }

    #pagination .pagination a .left {
        display: inline-block;
        transform: rotate(-270deg);
    }

    #pagination .pagination li .kuang {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #pagination .pagination .disab {
        display: inline-block;
        transform: rotate(-270deg);
        font-size: .32rem;
        color: #C4C4C4;
    }

    #pagination .pagination .disabr {
        display: inline-block;
        transform: rotate(-90deg);
        font-size: .32rem;
        color: #C4C4C4;
    }

    #pagination .pagination .disab::before {
        font-size: .32rem;
    }

    #pagination .pagination a .left::before {
        font-size: .32rem;
        color: #00479D;
    }

    #pagination .pagination a .right {
        display: inline-block;
        transform: rotate(-90deg);
    }

    #pagination .pagination a .right::before {
        font-size: .32rem;
        color: #00479D;
    }

    #pagination .pagination .fenyea {
        background-color: #00479D;
        color: #fff;
    }

    /* 案例 */
    #casepage {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 1.3333rem;
    }

    #casepage .casemenu {
        display: none;
    }

    #casepage .content {
        width: 10rem;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #casepage .content .box {
        width: 9.0667rem;
        height: 8.5333rem;
        margin-right: 0;
        margin-top: .8rem;

    }

    #casepage .content .box .img {
        width: 9.0667rem;
        height: 5.2rem;
    }

    #casepage .content .box img {
        width: 9.0667rem;
        height: 5.2rem;
    }

    #casepage .content .box .bottom {
        width: 9.0667rem;
        height: 3.3333rem;
        padding: 0 .8rem;
        background: #FFFFFF;
        box-shadow: 0px 0px 24px 0px rgba(198, 201, 206, 0.4);
        border-radius: 0px 0px 8px 8px;
        padding-top: .6667rem;
        text-align: center;
    }

    #casepage .content .box .bottom .title {
        font-size: .5067rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
    }

    #casepage .content .box .bottom .describe {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #979797;
        line-height: .5333rem;
        margin-top: .5333rem;
        text-align: start;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    #casepage .content .box .bottom:hover {
        background-color: #00479D;
    }

    #casepage .content .box .bottom:hover .title {
        color: #fff;
    }

    #casepage .content .box .bottom:hover .describe {
        color: #fff;
    }

    /* 案例详情 */
    #cesedetailpage {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #cesedetailpage .title {
        font-size: .6667rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #333333;
        margin: 1.3333rem 0 1.0667rem 0;
    }

    #cesedetailpage .content {
        width: 9.04rem;
        height: auto;
        background: #FFFFFF;
        box-shadow: 0px 0px 24px 0px rgba(198, 201, 206, 0.4);
        padding: 1.0667rem .4rem;
        margin-bottom: 1.3333rem;
    }

    #cesedetailpage .content .zititle {
        font-size: .48rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #00479D;
    }

    #cesedetailpage .content .zititle span {
        font-size: .48rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #00479D;
    }

    #cesedetailpage .content .zititle i {
        font-size: .3733rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #00479D;
        margin-left: .2rem;
    }

    #cesedetailpage .content .text {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        line-height: .6133rem;
        margin: .5333rem 0 .8rem 0;
        padding: 0;
        box-sizing: border-box;
    }

    #cesedetailpage .content .img {
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        margin: .5333rem 0 .8rem 0;
    }

    #cesedetailpage .content img {
        width: 100%;
        height: auto;
    }

    #cesedetailpage .content .value {
        margin-top: .5333rem;
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        line-height: .6133rem;
        padding: 0;
    }

    #cesedetailpage .content .value p {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        line-height: .6133rem;
    }

    #cesedetailpage .content .value p::before {
        content: '·';
        margin-right: 5px;
    }

    /* 服务 */
    #servicepage {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 1.3333rem;
    }

    #servicepage .describe {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #686868;
        line-height: .6133rem;
        width: 9.0133rem;
        margin: .8rem 0 .4rem 0;
    }

    #servicepage .contentbox {
        display: none;
    }

    #servicepage .contentboxmob {
        display: block;
    }

    #servicepage .box {
        width: 9.0667rem;
        display: flex;
        justify-content: space-between;
        height: 5.0133rem;
        align-items: center;
        border-bottom: 1px solid #D2D2D2;
    }

    #servicepage .box img {
        width: 3.6rem;
        height: 2.88rem;
    }

    #servicepage .box .title {
        font-size: .3733rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #3B3B3B;
    }

    #servicepage .box .title span {
        font-size: .2667rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #3B3B3B;
    }

    #servicepage .box .desc {
        font-size: .24rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        width: 5.2667rem;
        margin: .4rem 0 0 0;
        line-height: normal;
    }
    #servicepage .box .iconbox{
        display: flex;
        margin-top: .2rem;
    }
    #servicepage .box .iconbox img{
        width: .6667rem;
        height: .6667rem;
        margin-right: .4rem;
    }
    /* 新闻资讯 */
    #infopage {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 1.3333rem;
    }

    #infopage .infomenu {
        display: flex;
        margin: 1.3333rem 0 .5333rem 0;
    }

    #infopage .infomenu a {
        display: block;
        width: 4rem;
        height: .6933rem;
        background: #F2F8FF;
        border-radius: .1333rem;
        font-size: .3467rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        text-align: center;
        line-height: .6933rem;
        margin-right: .4667rem;
    }

    #infopage .infomenu a:last-child {
        margin-right: 0;
    }

    #infopage .infomenu .infoact {
        background-color: #00479D;
        color: #fff;
    }

    #infopage .box {
        display: flex;
        width: 9.04rem;
        height: auto;
        padding: .5333rem 0;
        box-sizing: border-box;
        border-bottom: 1px solid #D2D2D2;
    }

    #infopage .box img {
        width: auto;
        height: 1.6rem;
        margin-right: .2667rem;
    }

    #infopage .box .textbox {
        position: relative;
    }

    #infopage .box .textbox .top {
        display: flex;
        justify-content: space-between;
    }

    #infopage .box .textbox .top .title {
        font-size: .3467rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        align-items: center;
        width: 4rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #infopage .box .textbox .top .time {
        font-size: .2667rem;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        color: #686868;
        transform: scale(0.9);
        margin-left: .2667rem;
    }

    #infopage .box .textbox .describe {
        font-size: .2667rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #686868;
        line-height: .3333rem;
        margin-top: .2rem;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
    #infopage .box .textbox .describe p{
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
    #infopage .box .textbox .more {
        position: absolute;
        left: 0;
        bottom: 0;
        font-size: .2667rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #00479D;
        text-decoration: underline;
        transform: scale(0.9);
    }

    /* 案例详情 */
    #infodetailpage {
        display: flex;
        width: 100%;
        background-color: #fff;
        flex-direction: column;
        align-items: center;
        margin-bottom: 1.3333rem;
    }

    #infodetailpage .title {
        font-size: .6133rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #333333;
        margin: 1.3333rem 0 .5333rem 0;
        padding: 0 .4667rem;
    }

    #infodetailpage .textbox {
        display: flex;
    }

    #infodetailpage .textbox .time {
        font-size: .32rem;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        color: #979797;
        margin-right: .9333rem;
    }

    #infodetailpage .textbox .source {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #979797;
    }

    #infodetailpage .line {
        width: 9.0667rem;
        height: 2px;
        background-color: #D2D2D2;
        margin: .5333rem 0 1.0667rem 0;
    }

    #infodetailpage .content {
        width: 9.0667rem;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        line-height: .6133rem;
        margin-bottom: 1.0667rem;
    }

    #infodetailpage .content p {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        line-height: .6133rem;
    }

    #infodetailpage .back {
        width: 9.0667rem;
        height: auto;
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #00479D;
        margin-bottom: .4rem;
    }

    #infodetailpage .back i {
        margin-right: .1333rem;
    }

    #infodetailpage .bot {
        width: 9.0667rem;
        height: auto;
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        margin-top: .2667rem;
    }

    #infodetailpage .have:hover {
        color: #00479D;
    }

    /* 关于亿实 */
    #aboutpage {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 1.3333rem;
    }

    #aboutpage .culture {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        margin-top: 1.0667rem;
        padding: 0 .4667rem;
    }

    #aboutpage .culture .box {
        width: 100%;
        height: 2.1333rem;
        background-color: #F9FAFE;
        margin-right: 0;
        margin-top: .4rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #aboutpage .culture .box .title {
        font-size: .4rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #3B3B3B;
        margin-bottom: .2667rem;
    }

    #aboutpage .culture .box .text {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #686868;
    }

    #aboutpage .culture .box:hover {
        background-color: #00479D;
    }

    #aboutpage .culture .box:hover .title {
        color: #fff;
    }

    #aboutpage .culture .box:hover .text {
        color: #fff;
    }

    #aboutpage .brief {
        display: flex;
        width: 9.0667rem;
        height: 15.12rem;
        margin-top: 2.1333rem;
        position: relative;
    }

    #aboutpage .brief .leftbox {
        position: absolute;
        width: 7.92rem;
        height: auto;
        display: flex;
        align-items: center;
        top: 5.0667rem;
        transform: translateY(0);
        left: 50%;
        transform: translateX(-50%);
    }

    #aboutpage .brief .textbox {
        width: 100%;
        height: auto;
        background: #FFFFFF;
        box-shadow: 0px 0px 18px 0px rgba(202, 202, 202, 0.4);
        padding: .8rem .4667rem;
    }

    #aboutpage .brief .textbox .icon {
        width: .6133rem;
        height: auto;
        margin-bottom: .4rem;
    }

    #aboutpage .brief .textbox .content {
        height: auto;
        width: auto;
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #686868;
        line-height: .6133rem;
    }

    #aboutpage .brief .textbox .content p {
        font-size: .32rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #686868;
        line-height: .6133rem;
    }

    #aboutpage .brief .rightimg {
        width: 100%;
        height: 6.4267rem;
        flex: 1;
        margin-left: 0;
    }

    /* 荣誉资质 */
    #honorpage {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 1.3333rem;
    }

    #honorpage .topbox {
        width: auto;
        display: flex;
        margin-top: 1.0667rem;
    }

    #honorpage .topbox img {
        width: 4.24rem;
        height: auto;
        margin-right: .4667rem;
    }

    #honorpage .topbox img:last-child {
        margin-right: 0;
    }

    #honorpage .box {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        padding: 0 .4667rem;
    }

    #honorpage .box img {
        width: 4.24rem;
        height: 5.7067rem;
        display: block;
        margin-right: .32rem;
        margin-top: .8rem;
    }

    #honorpage .box img:nth-child(4n) {
        margin-right: 0;
    }
    #honorpage .box img:nth-child(2n) {
        margin-right: 0;
    }
    #honorpage .box .hide {
        display: none;
    }

    #honorpage .submit {
        width: 5.0667rem;
        height: .8267rem;
        background: #00479D;
        border-radius: .4133rem;
        font-size: .4rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 1.0667rem;
    }

    #honorpage .submit i {
        display: none;
    }

    /* 加入我们 */
    #joinPage {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        background-color: #FFFFFF;
        padding-bottom: 1.3333rem;
        padding-top: 1.3333rem;
    }

    #joinPage .box {
        width: 9.0667rem;
    }

    #joinPage .box .top {
        width: 9.0667rem;
        padding: 0 .4rem;
        height: .8rem;
        background-color: #F2F8FF;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        margin-top: .2667rem;
    }

    #joinPage input {
        display: none;
    }

    #joinPage input[type='checkbox']:checked~label {
        background-color: #00479D;
    }

    #joinPage input[type='checkbox']:checked~label .name {
        color: #fff;
    }

    #joinPage input[type='checkbox']:checked~label .icon {
        color: #fff;
    }

    #joinPage .box .top .name {
        font-size: .4rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
    }

    #joinPage .box .top .icon {
        font-size: .4rem;
        color: #444444;
    }

    #joinPage .box .bottom {
        width: 9.0667rem;
        padding: .8rem .4rem 1.3333rem .4rem;
        box-sizing: border-box;
        display: none;
    }

    #joinPage .box .bottom .toptextbox {
        display: flex;
        flex-direction: column;
        
    }

    #joinPage .box .bottom .toptextbox .toptext {
        width: 100%;
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #444444;
        margin-bottom: .3333rem;
    }

    #joinPage .box .bottom .bottomtitle {
        font-size: .3467rem;
        font-family: MicrosoftYaHei;
        font-weight: bold;
        color: #444444;
        margin-top: .8rem;
    }

    #joinPage .box .bottom .bottomtext {
        margin-top: .3333rem;
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #444444;
        line-height: .5333rem;
    }

    #joinPage .box .btnbox {
        width: 100%;
        height: .8267rem;
        display: flex;
        margin-top: 1.0667rem;
        justify-content: center;
    }

    #joinPage .box .btnbox a {
        display: block;
        width: 5.0667rem;
        height: .8267rem;
        background: #00479D;
        border-radius: .4133rem;
        font-size: .4rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: .8267rem;
        text-align: center;
    }

    /* 联系我们 */
    #contactpage {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 1.3333rem;
    }

    #contactpage .form {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 1.0667rem;
        padding: 0 .4667rem;
    }

    #contactpage .form .twobox {
        display: flex;
        align-items: center;
        height: .6667rem;
        width: auto;
        margin-bottom: .6667rem;
    }

    #contactpage .form .xing {
        font-size: .48rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #E02F2F;
        margin-top: 10px;
    }

    #contactpage .form .name {
        font-size: .4rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        margin: 0 .2667rem 0 .1333rem;
    }

    #contactpage .form input {
        width: 6.6667rem;
        height: .6667rem;
        background: #FFFFFF;
        border: 1px solid #00479D;
        padding-left: .2rem;
        position: relative;
    }

    #contactpage .form input::-webkit-input-placeholder {
        font-size: .3467rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #AEAEAE;
    }

    #contactpage .form .areabox {
        padding-left: .2133rem;
        width: 100%;
        display: flex;
    }

    #contactpage .form textarea {
        width: 6.6667rem;
        height: 2.1333rem;
        background: #FFFFFF;
        outline: none;
        padding: .1333rem 0 0 .2rem;
        border: 1px solid #00479D;
    }

    #contactpage .form textarea::-webkit-input-placeholder {
        font-size: .3467rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #AEAEAE;
    }

    #contactpage .form .submit {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        margin-top: 1.0667rem;
    }

    #contactpage .form .submit input {
        width: 5.0667rem;
        height: .8267rem;
        background: #00479D;
        border-radius: .4133rem;
        font-size: .4rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
        line-height: .8267rem;
        margin-bottom: 0;
    }

    #contactpage #map-board {
        width: 9.04rem;
        height: 5.3333rem;
        display: block;
        margin-top: 2.6667rem;
    }

    #contactpage #map-board .map-content {
        width: 100%;
        height: 5.3333rem;
        border: #ccc solid 1px;
        font-size: 12px;
    }

    #contactpage .bottom {
        width: 9.04rem;
        height: auto;
        display: flex;
        justify-content: space-between;
        margin-top: 1.0667rem;
    }

    #contactpage .bottom .left .company {
        font-size: .5333rem;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #00479D;
        margin-bottom: .5333rem;
    }

    #contactpage .bottom .left .textbox {
        display: flex;
        align-items: center;
        margin-top: .3333rem;

    }

    #contactpage .bottom .left .textbox i {
        font-size: .64rem;
        color: #737373;
        
    }
    #contactpage .bottom .left .textbox .type {
        margin-left: -0.1067rem
    }
    #contactpage .bottom .left .textbox .kuang {
        width: .5333rem;
        height: .5333rem;
        background: #FFFFFF;
        border: 1px solid #737373;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        
    }

    #contactpage .bottom .left .textbox .kuang::before {
        font-size: .2667rem;
    }

    #contactpage .bottom .left .textbox span {
        font-size: .32rem;
        font-family: Arial;
        font-weight: 400;
        color: #3B3B3B;
        margin-left: .1333rem;
        flex: 1;
    }

    #contactpage .bottom .right {
        display: flex;
        margin-top: 0;
        flex-direction: column;
    }

    #contactpage .bottom .right .imgbox {
        margin-right: 0;
        text-align: center;
        height: 1.8667rem;
    }
    #contactpage .bottom .right .imgbox img{
        width: 1.3333rem;
        height: auto;
    }
    #contactpage .bottom .right .imgbox:last-child {
        margin-right: 0;
        margin-top: .4rem;
    }

    #contactpage .bottom .right .imgbox p {
        font-size: .2667rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3B3B3B;
        margin-top: 0;
        transform: scale(0.8);
        white-space: nowrap;
    }
}