footer .pub_case .foot_right {
    width: 57%;
}

@media screen and (max-width:1600px) {
    .max-wid {
        width: 76%;
    }
    footer .pub_case {
        width: 76%;
    }
    #home #main #r2 .rowMain .inner>.box .wrap .mid .type-box .list_ {
        margin: 0 1.1vw;
    }
    #home #main #r2 .rowMain .inner>.box .wrap .mid .type-box .list_:nth-of-type(1) {
        margin-top: -0.5vw;
    }
    #plan #main #r1 .rowMain .inner>.box .wrap .mid .type-box {
        top: 10vw;
    }
}

@media screen and (max-width:1366px) {
    .max-wid {
        width: 82%;
    }
    .f-80 {
        font-size: 0.7rem;
    }
    .f-70 {
        font-size: 0.6rem;
    }
    .f-60 {
        font-size: 0.5rem;
    }
    .f-56 {
        font-size: 0.46rem;
    }
    .f-50 {
        font-size: 0.4rem;
    }
    .f-40 {
        font-size: 24px;
    }
    .f-36 {
        font-size: 22px;
    }
    .f-30 {
        font-size: 20px;
    }
    .f-20 {
        font-size: 17px;
    }
    .pc-nav {
        height: 0.8rem;
    }
    #pro #btm {
        top: 0.8rem;
    }
    h5 {
        margin-bottom: 0.24rem;
    }
    .pc-nav .navCon .navBox>ul li>a {
        font-size: 16px;
    }
    .pc-nav .navCon .setBox .searchBox input[type=submit] {
        font-size: 16px;
    }
    footer .pub_case {
        width: 82%;
    }
    footer .pub_case .foot_left h2 {
        font-size: 0.4rem;
        color: #6991cb;
        margin-bottom: 0.2rem;
    }
    footer .pub_case .foot_right .foot_lx_info p>b {
        font-size: 0.26rem;
    }
    footer .pub_case .foot_left .foot_search_his a {
        margin-right: .2rem;
        padding: .05rem 0;
    }
    footer .pub_case .foot_right .f_link,
    footer .pub_case .foot_left .foot_search_case {
        min-height: 230px;
    }
    footer .pub_case .foot_right .foot_lx_info p {
        line-height: 0.4rem;
    }
    p {
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 0.3rem;
    }
    #home #main #r2 .rowMain .inner>.box .wrap .mid .type-box {
        top: 10vw;
    }
    #home #main #r2 .rowMain .inner>.box .wrap .mid .type-box .list_ {
        margin: 0 1vw;
    }
    #home #main #r2 .rowMain .inner>.box .wrap .mid .type-box .list_:nth-of-type(1) {
        margin-top: 0vw;
    }
    #home #main #r2 .rowMain .inner>.box .wrap .mid .type-box .list_:nth-of-type(3) {
        margin-top: -1.3vw;
    }
    #home #main #r3 .rowMain .inner #sw1 .swiper-wrapper .swiper-slide .box .other>small {
        margin-bottom: 0.2rem;
    }
    #plan #main #r1 .rowMain .inner>.box .wrap .mid .type-box {
        left: 5px;
    }
    #plan #main #r1 .rowMain .inner>.box .wrap .btm .items .list_ .note .box_ .list_ h3 {
        font-size: 14px;
    }
    #plan #main #r1 .rowMain .inner>.box .wrap .btm .items .list_ .note .box_ .list_ h3:after {
        font-size: 14px;
    }
    #plan #main #r1 .rowMain .inner>.box .other .o-main .con .box .txt-box {
        padding: 5px 0;
    }
    #plan_detail #main #r1 .rowMain .inner>.box .o-main .con .box .txt-box {
        padding: 5px 0;
    }
    #plan_detail #main #r1 .rowMain .inner>.box .o-main .con .box .txt-box .box_ {
        height: 0.9rem;
    }
    #plan #main #r1 .rowMain .inner>.box .other .o-main .con .box .txt-box.on .box_ {
        height: 1rem;
    }
    #home #main #r2 .rowMain .inner>.box .other .o-main .con .box .txt-box {
        padding: 2px;
    }
    #home #main #r2 .rowMain .inner>.box .other .o-main .con .box .txt-box .box_ {
        height: 64px;
    }
}

@media screen and (max-width:1280px) {
    #home #main #r2 .rowMain .inner>.box .wrap .mid .type-box .list_:nth-of-type(3) {
        margin-top: -1.5vw;
    }
    .pc-nav .navCon .logoBox {
        width: 4.8rem;
    }
}

@media screen and (max-width:1024px) {}

@media screen and (max-height: 620px) {
    html {
        font-size: 70px;
    }
    #plan #main #r1 .rowMain .inner>.box .wrap .mid .type-box {
        top: 8vw;
    }
}

@media screen and (orientation: landscape) {
    /* 横屏 */
    .app {
        display: none!important;
    }
}

@media screen and (orientation: portrait) {
    /* 竖屏 */
    .pc {
        display: none!important;
    }
    .max-wid {
        width: 90%;
    }
    p {
        font-size: 14px;
        margin-bottom: 0.3rem;
    }
    .f-80 {
        font-size: 0.48rem;
    }
    .f-70 {
        font-size: 0.45rem;
    }
    .f-60 {
        font-size: 0.42rem;
    }
    .f-56 {
        font-size: 0.4rem;
    }
    .f-50 {
        font-size: 0.38rem;
    }
    .f-40 {
        font-size: 20px;
    }
    .f-36 {
        font-size: 18px;
    }
    .f-30 {
        font-size: 17px;
    }
    .f-28 {
        font-size: 16px;
    }
    .f-24 {
        font-size: 15px;
    }
    .f-20 {
        font-size: 15px;
    }
    .col-2 {
        flex-wrap: wrap;
    }
    .layer-btn1,
    .layer-btn {
        padding: 0.2rem 0.3rem;
        border-bottom-right-radius: 0rem;
        border-top-left-radius: 0rem;
        border-bottom-left-radius: 0.2rem;
        border-top-right-radius: 0.2rem;
    }
    .layer-btn:before,
    .layer-btn1:before {
        border-bottom-right-radius: 0rem;
        border-top-left-radius: 0rem;
    }
    .layer-btn:after,
    .layer-btn1:before {
        border-bottom-right-radius: 0rem;
        border-top-left-radius: 0rem;
    }
    nav.app-nav .inner_mid .nav-items>.child_first .child_second>li>a {
        font-size: 13px;
    }
    nav.app-nav .inner_mid .nav-items>.child_first>.firstList>a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    .foot_mid .nav-items>.child_first .child_second>li>a {
        font-size: 13px;
    }
    footer .pub_case .foot_right .f_link ul li span {
        font-size: 16px;
    }
    footer .pub_case {
        flex-wrap: wrap;
        width: 90%;
        padding-top: 2vw;
    }
    footer .pub_case .foot_left {
        width: 100%;
    }
    footer .pub_case .foot_left h2 {
        font-size: 0.42rem;
        margin-bottom: 0.1rem;
    }
    footer .pub_case .foot_left .foot_search_box input {
        font-size: 14px;
    }
    footer .pub_case .foot_left .foot_search_case {
        min-height: 100px;
    }
    footer .pub_case .foot_left .foot_links_box ul {
        margin-top: 0.35rem;
    }
    footer .pub_case .foot_left .foot_links_box ul:last-child {
        width: 100%;
        margin-bottom: 0;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    footer .pub_case .foot_left .foot_links_box ul li:nth-child(1) {
        width: 100%;
    }
    footer .pub_case .foot_left .foot_links_box ul li:nth-child(1)>span {
        color: #fff;
        font-size: 16px;
    }
    footer .pub_case .foot_left .foot_links_box ul li a {
        margin-right: 14px;
    }
    footer .pub_case .foot_right {
        width: 100%;
    }
    footer .pub_case .foot_right .foot_name {
        font-size: 15px;
    }
    footer .pub_case .foot_left .foot_search_his a {
        padding: .04rem 0;
        font-size: 14px;
        margin-right: .15rem;
    }
    footer .pub_case .foot_right .f_link {
        flex-wrap: wrap;
        margin-bottom: 0.4rem;
    }
    footer .pub_case .foot_right .f_link ul {
        width: 100%;
        flex-wrap: wrap;
        flex-direction: row;
    }
    footer .pub_case .foot_right .f_link ul li:nth-child(1) {
        width: 100%;
    }
    footer .pub_case .foot_right .f_link ul li {
        margin-right: 14px;
    }
    footer .pub_case .foot_right .f_link ul li span {
        margin-top: 0.3rem;
        margin-bottom: 0.2rem;
    }
    footer .pub_case .foot_right .foot_lx_info p {
        font-size: 11px;
        line-height: 1.6;
        margin-bottom: 2px;
    }
    footer .pub_case .foot_right .foot_lx_info .notice {
        top: auto;
        bottom: -28px;
        display: none;
    }
    footer .copyright_box {
        display: none;
        flex-direction: column;
        padding: 0.18rem 5%;
    }
    footer .copyright_box>div {
        width: 2.4rem;
    }
    footer .pub_case .foot_right .f_link ul li a {
        font-size: 14px;
    }
    footer .pub_case .foot_left .foot_links_box {
        display: none;
    }
    footer .pub_case .foot_right .foot_con_box {
        margin-bottom: 0.3rem;
        margin-top: 0.3rem;
    }
    .app_footLeft .notice>a.wx {
        position: relative;
        z-index: 10;
    }
    .app_footLeft .notice>a.wx>img {
        max-width: 120px;
        width: 120px;
        left: auto;
        right: -10px;
    }
    .radioBox input[type=radio]+label {
        padding-left: 22px;
    }
    .radioBox input[type=radio]+label::before {
        width: 14px;
        height: 14px;
    }
    .radioBox input[type=radio]+label::after {
        width: 6px;
        height: 6px;
        left: 4px;
    }
    #customer #main #r1 .inner .box .form_ .in-row .right .radioBox {
        margin-right: 0.3rem;
    }
    #customer #main #r1 .inner .box .form_ .in-row .right.f_r {
        flex-wrap: wrap;
    }
    #customer #main #r1 .inner .box .form_ .in-row:last-of-type .right.f_r {
        justify-content: center;
    }
    .checkBox input[type=radio]+label>span {
        line-height: 1.1;
    }
    .foot_btm>a {
        font-size: 11px;
    }
    .webGL-slider .pagination {
        top: auto;
        transform: none;
        width: 90vw;
        display: flex;
        bottom: 5vw;
        align-items: center;
        justify-content: center;
    }
    .webGL-slider .pagination>[data-slide] {
        margin: 0 9px;
    }
    .webGL-slider .txt-item>li {
        width: 90%;
        left: 5vw;
        text-align: center;
    }
    .webGL-slider .txt-item>li>img {
        max-width: 62%;
    }
    #home #main {
        padding-top: 50px;
    }
    #home #main #banner .webGL-slider {
        border-bottom-left-radius: 1rem;
    }
    #home #main #banner .webGL-slider .layer-btn {
        min-width: 1rem;
    }
    #home #main #banner .webGL-slider .txt-item li>img {
        display: none;
    }
    #home #main #banner .webGL-slider .txt-item li>h2 {
        margin-bottom: 0.2rem;
        min-height: 54px;
    }
    #home #main .row .rowMain {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    #home #main #r1 {
        padding-bottom: 0rem;
        max-height: 320px;
        min-height: 248px;
    }
    #home #main #r1 .bg .pic {
        width: 100%;
        opacity: 1;
        right: -33%;
    }
    #home #main #r1 .rowMain {
        padding-bottom: 0.1rem;
    }
    #home #main #r1 .rowMain .col-2 {
        height: auto;
    }
    #home #main #r1 .rowMain {
        padding-top: 0;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    #home #main #r1 .rowMain .col-2 .left p {
        display: none;
    }
    #home #main #r1 .rowMain .col-2 .left {
        padding-right: 0;
    }
    #home #main #r1 .rowMain .col-2 .left h2 {
        line-height: 1.3;
        font-size: 26px;
        color: #000;
        margin-bottom: 0.4rem;
    }
    #home #main .row .rowMain .title {
        padding-left: 14px;
        width: 90%;
        margin: 0 auto;
        text-align: left;
        display: flex;
        position: relative;
        justify-content: space-between;
        align-items: center;
    }
    #home #main .row .rowMain .title:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        width: 3px;
        height: 74%;
        background-color: #009438;
    }
    #home #main .row .rowMain .title .app_more {
        margin-bottom: 0rem;
        color: #009438;
        font-size: 13px;
        font-weight: 700;
    }
    #home #main .row .rowMain .title .app_more>i {
        margin-left: 8px;
        font-weight: 500;
    }
    #home #main .row .rowMain .title {
        margin-bottom: 0.4rem;
    }
    #home #main .row .rowMain .title h2 {
        font-size: 26px;
        line-height: 1.3;
        margin-bottom: 0;
        color: #000;
    }
    #home #main #r2 {
        padding-top: 0.1rem;
    }
    #home #app_wrap1 .con>h1 {
        top: 45px;
    }
    #home #main #r2 .rowMain {
        width: 100%;
        padding-bottom: 0;
    }
    #home #main #r2 .rowMain .inner {
        border-radius: 0px 0px 0px 0px;
    }
    #home #main #r2 .rowMain .inner {
        padding-bottom: 177%;
    }
    #home #main #r2 .bg .photo {
        display: none;
    }
    #home #app_wrap .con .type-b .list_.active {
        width: 100%;
    }
    #home #app_wrap .con .type-b .list_>.appTop {
        width: 35.4vw;
    }
    #home #app_wrap .con .type-b .list_.active>.appTop {
        width: 81vw;
    }
    #home #app_wrap .con .type-b {
        top: calc(50px + 5vw);
    }
    #home #main #r3 {
        /* background-color: #f0f6ef; */
    }
    #home #main #r3 .bg {
        /* background-color: #f0f6ef; */
    }
    #home #main #r3 .rowMain .inner #sw1 {
        padding-bottom: 0.8rem;
    }
    #home #main #r3 .rowMain .inner #sw1 .swiper-wrapper .swiper-slide {
        width: 57.2vw;
        padding-bottom: 112px;
        opacity: 0.2;
        transition: opacity 0.3s ease-in-out;
    }
    #home #main #r3 .rowMain .inner #sw1 .swiper-wrapper .swiper-slide .box {
        /* border-radius: 0.5rem 5px 0px 0rem; */
        padding-bottom: 78.7%;
    }
    #home #main #r3 .rowMain .inner #sw1 .swiper-wrapper .swiper-slide .box:after {
        content: "";
        position: absolute;
        z-index: 3;
        height: 112px;
        top: 45vw;
        background-color: #fff;
        width: 100%;
        /* border-radius: 0px 0rem 0.5rem 5px; */
        transition: background-color 0.6s ease-in-out;
    }
    #home #main #r3 .rowMain .inner #sw1 .swiper-wrapper .swiper-slide .box .other {
        z-index: 5;
        width: 100%;
        top: 45vw;
        min-height: 0;
        padding: 5% 5% 5% 6%;
        /* border-radius: 0px 0rem 0.5rem 5px; */
        background-color: transparent;
    }
    #home #main #r3 .rowMain .inner #sw1 .swiper-wrapper .swiper-slide .box .other>small {
        margin-bottom: 0.1rem;
        color: #008c3f;
    }
    #home #main #r3 .rowMain .inner #sw1 .swiper-wrapper .swiper-slide .box .other h5 {
        line-height: 0.4rem;
        height: 0.8rem;
        min-height: 0.8rem;
        color: #008c3f;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin-bottom: 0.28rem;
    }
    #home #main #r3 .rowMain .inner #sw1 .swiper-wrapper .swiper-slide .box .other .layer-btn2 {
        display: none;
    }
    #home #main #r3 .rowMain .inner #sw1 .swiper-wrapper .swiper-slide.swiper-slide-active {
        opacity: 1;
    }
    #home #main #r3 .rowMain .inner #sw1 .swiper-wrapper .swiper-slide.swiper-slide-active .box:after {
        /* background-color: #008c3f; */
    }
    #home #main #r3 .rowMain .inner #sw1 .swiper-wrapper .swiper-slide.swiper-slide-active .box .other>small {
        color: #fff;
    }
    #home #main #r3 .rowMain .inner #sw1 .swiper-wrapper .swiper-slide.swiper-slide-active .box .other h5 {
        color: #fff;
    }
    #home #main #r3 .rowMain .inner .swiper-other {
        display: none;
    }
    .col-3 {
        flex-wrap: wrap;
    }
    #home #main #r4 .bg {
        /* background-color: #e7f0e5; */
    }
    #home #main #r4 .rowMain {
        padding-top: 0.6rem;
        padding-bottom: 0.2rem;
    }
    #home #main #r4 .rowMain .other {
        display: none;
    }
    #home #main #r4 .rowMain .inner .col-3 .col {
        width: 47%;
    }
    #home #main #r4 .rowMain .inner .col-3 .col.left {
        margin-bottom: 0.3rem;
    }
    #home #main #r4 .rowMain .inner .col-3 .col .photo {
        padding-bottom: 65%;
    }
    #home #main #r4 .rowMain .inner .col-3 .col.left .photo {
        /* border-top-left-radius: 0.4rem; */
    }
    #home #main #r4 .rowMain .inner .col-3 .col.right .photo {
        border-top-right-radius: 0;
    }
    #home #main #r4 .rowMain .inner .col-3 .col .msg {
        padding: 11% 8%;
        /* border-bottom-right-radius: 0.4rem; */
    }
    #home #main #r4 .rowMain .inner .col-3 .col .msg p {
        font-size: 12px;
        color: #00449b;
    }
    #home #main #r4 .rowMain .inner .col-3 .col .msg h5 {
        line-height: 0.36rem;
        height: 1.08rem;
        min-height: 0.8rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        margin-bottom: 0rem;
        margin-top: 0.18rem;
    }
    #home #main #r4 .rowMain .inner .col-3 .col .msg:after {
        bottom: auto;
        top: 0;
    }
    #home #main #r4 {
        padding-bottom: 0.3rem;
    }
    #home #main #r5 .bg {
        background-color: #e7f0e5;
    }
    #home #main #r5 .bg .mask {
        display: none;
    }
    #home #main #r5 .bg .photo {
        border-top-right-radius: 0.5rem;
    }
    #home #main #r5 .rowMain .inner>div {
        font-size: 0.3rem;
        font-weight: 700;
        line-height: 1.7;
        width: calc(100% - 1rem);
    }
    #home #main #r5 .rowMain .inner>i {
        font-size: 0.6rem;
    }
    #home #main #r5 .rowMain .inner {
        height: 34vw;
    }
    #home #main #r5 .rowMain {
        padding-bottom: 0;
    }
    #about #main #banner {
        padding-bottom: 68%;
        background-color: #000;
    }
    #about #main #banner .bg {
        opacity: 0.7;
    }
    #about #main .row .title {
        width: 80%;
        margin: 0 auto;
        margin-bottom: 0.4rem;
    }
    #about #main .row .title h2 {
        line-height: 1.4;
    }
    #about #main .row {
        padding-bottom: 0.6rem;
        padding-top: 0.6rem;
    }
    #about #main #r1 {
        padding-top: 0.9rem;
        padding-bottom: 0.6rem;
    }
    #about #main #banner .msg h1 {
        margin-bottom: 0.3rem;
    }
    #about #main #r1 .rowMain .photo {
        border-radius: 0 0.5rem 0 0.5rem;
    }
    #about #main #r1 .rowMain .msg {
        margin-top: 0.6rem
    }
    #about #main #r1 .rowMain .msg .col {
        width: 100%;
    }
    #about #main #r1 .rowMain .msg .col p {
        margin-top: 0.4rem;
    }
    #about #main #r1 .rowMain .msg .line {
        position: relative;
        width: 100%;
        height: 1px;
        left: auto;
        top: auto;
        margin: 0.5rem 0;
    }
    #about #main #r1 .rowMain .msg .col>h2.op-0 {
        display: none;
    }
    #about #main #r2 .rowMain .inner {
        flex-wrap: wrap;
    }
    #about #main #r2 .rowMain .inner {
        padding-bottom: 105%;
    }
    #about #main #r2 .rowMain .inner .left .list h6 sup {
        margin-left: 0.1rem;
    }
    #about #main #r2 .rowMain .inner .left {
        width: 100%;
        justify-content: space-between;
    }
    #about #main #r2 .rowMain .inner .left .list {
        margin: 0.1rem 0;
        flex-basis: auto;
        min-width: 33%;
    }
    #about #main #r2 .rowMain .inner .right {
        width: 100%;
        top: auto;
        bottom: 0;
        right: 0;
    }
    #about #main #r2 .rowMain .inner .right .nan {
        display: none;
    }
    #about #main #r2 .rowMain .inner .right .cityBox {
        top: 0;
        display: none;
    }
    #about #main #r2 .rowMain .inner .right .cityBox .list {
        margin-top: 13%;
        height: 30px;
        width: 1.56rem;
    }
    #about #main #r3 .rowMain .inner #sw3 .swiper-wrapper .swiper-slide .items {
        justify-content: space-between;
    }
    #about #main #r3 .rowMain .inner #sw3 .swiper-wrapper .swiper-slide .items li {
        margin: 0.2rem 0.1rem;
        width: calc(50% - 0.2rem);
    }
    #about #main #r3 .rowMain .inner #sw3 .swiper-wrapper .swiper-slide {
        width: 90vw;
    }
    #about #main #r4 .inner .items li>span {
        font-size: 14px;
    }
    #about #main #r4 .inner .items {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    #about #main #r4 .box #sw1 .swiper-wrapper .swiper-slide .box {
        border-radius: 0.5rem 0px 0.5rem 0px
    }
    #about #main #r4 .box .swiper-other {
        display: none;
    }
    #bloc #about #main .row .inner .swiper-container {
        padding-bottom: 40px;
    }
    #bloc #about #main .row .inner .swiper-container .swiper-pagination {
        bottom: 10px!important;
    }
    #bloc #about #main .row .inner .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: 8px!important;
        height: 8px!important;
    }
    #bloc #about #main .row .inner .swiper-container .swiper-wrapper .swiper-slide {
        width: 90vw!important;
    }
    #about #main #r5 .rowMain {
        top: 0.2rem;
    }
    #about #main #r5 .bg {
        padding-top: 16vw;
    }
    #about #main #r6 .rowMain .inner #sw2 .swiper-wrapper .swiper-slide .items {
        justify-content: space-between;
    }
    #about #main #r6 .rowMain .inner #sw2 .swiper-wrapper .swiper-slide .items li {
        margin: 0.2rem 0.1rem;
        width: calc(50% - 0.2rem);
    }
    #about #main #r6 .rowMain .inner .swiper-other {
        display: none;
    }
    #about #main #r7 .rowMain .inner .items {
        flex-wrap: wrap;
    }
    #about #main #r7 .rowMain .inner .items>li {
        width: 47%;
    }
    #about #main #r7 .rowMain .inner .other {
        margin-top: 0.3rem;
    }
    #about #main #r7 .rowMain .inner #sw4 .swiper-wrapper .swiper-slide {
        padding: 0.5rem 0 0rem 0;
    }
    #about #main #r7 .rowMain .inner #sw4 .swiper-wrapper .swiper-slide .items {
        justify-content: space-between;
    }
    #about #main #r7 .rowMain .inner #sw4 .swiper-wrapper .swiper-slide .items>li .box .pic {
        margin: 0.1rem;
        max-width: calc(100% - 0.2rem);
    }
    #about #main #r7 .rowMain .inner #sw4 .swiper-wrapper .swiper-slide .items>li {
        width: 50%;
    }
    #about #main #r7 .rowMain .inner #sw4 .swiper-wrapper .swiper-slide .items>li .box {
        box-shadow: none;
    }
    #about #main #r7 .rowMain .inner #sw4 {
        padding-bottom: 0px;
    }
    #about #main #r3 .rowMain .inner:after {
        width: 100%;
        text-align: center;
        right: 0;
        bottom: -6vw;
    }
    #about #main #r6 .rowMain .inner:after {
        width: 100%;
        text-align: center;
        right: 0;
        bottom: -6vw;
    }
    #about #main #r7 .rowMain .inner #sw4 .swiper-wrapper .swiper-slide .items>li>span {
        font-size: 13px;
        width: 90%;
        margin: 0 auto;
        display: block;
    }
    #about #main #r5 .bg .items {
        opacity: 0;
    }
    #new #main #banner .inner {
        padding-top: 1.2rem;
    }
    #new #main #banner .other {
        display: none;
    }
    #new #main #banner .inner #sw1 {
        padding-bottom: 0.8rem;
    }
    #new #main #banner .inner #sw1 .swiper-wrapper .swiper-slide .msg h6 {
        width: 100%;
        max-width: 100%;
        margin-bottom: 0.2rem;
        text-align: center;
        padding-right: 0;
    }
    #new #main #banner .inner #sw1 .swiper-wrapper .swiper-slide .msg {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 0.2rem;
    }
    #new #main #banner .inner #sw1 .swiper-wrapper .swiper-slide {
        width: 90vw;
    }
    #new #main #banner .inner #sw1 .swiper-pagination {
        bottom: 15px;
    }
    #new #main #banner .inner .swiper-other {
        display: none;
    }
    #new #main #r1 {
        padding-bottom: 0.7rem;
    }
    #new #main #r1 .inner .box .col-3 {
        flex-direction: column;
        margin: 0;
    }
    #new #main #r1 .inner .box .col-3 .col {
        width: 100%;
        margin-bottom: 0.4rem;
    }
    #new #main #r1 .inner .box .col-3 .col .msg {
        padding: 5%;
    }
    #new #main #r1 .inner .box .col-3 .col .msg h5 {
        margin-bottom: 0.1rem;
    }
    #new #main #r1 .inner .box .col-3:first-child {
        margin-top: 0.7rem;
    }
    #video #main #banner .bg .pic {
        transform: none;
    }
    #video #main #banner .other {
        display: none;
    }
    #video #main #banner .inner {
        padding-top: 1.2rem;
    }
    #video #main #banner .inner #sw1 .swiper-wrapper .swiper-slide {
        width: 90vw;
    }
    #video #main #banner .inner #sw1 .swiper-wrapper .swiper-slide .msg {
        flex-direction: column;
        margin-top: 0.2rem;
        padding-bottom: 0.7rem;
    }
    #video #main #banner .inner #sw1 .swiper-wrapper .swiper-slide .msg h6 {
        max-width: 100%;
        width: 100%;
    }
    #video #main #banner .inner #sw1 .swiper-wrapper .swiper-slide .msg .line {
        display: none;
    }
    #video #main #banner .inner #sw1 .swiper-wrapper .swiper-slide .msg .time {
        display: none;
    }
    #video #main #banner .inner .swiper-other {
        display: none;
    }
    #video #main #r1 {
        padding-bottom: 0.7rem;
    }
    #video #main #r1 .inner .title {
        margin-bottom: 0.4rem;
    }
    #video #main #r1 .inner .title h1 {
        margin-bottom: 0.4rem;
    }
    #video #main #r1 .inner .box .tree {
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 0.4rem;
    }
    #video #main #r1 .inner .box .tree .tab {
        width: calc(50% - 18px);
        margin-bottom: 9px;
    }
    #video #main #r1 .inner .box .tab-list .con .layer-box {
        width: 100%;
    }
    .layer-box .msg {
        padding: 5%;
    }
    .layer-box .msg h5 {
        margin-bottom: 0.1rem;
    }
    #dataCenter .row .title {
        margin-bottom: 0.4rem;
    }
    #dataCenter .row .title h1 {
        margin-bottom: 0.4rem;
    }
    #dataCenter #main #r1 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    #dataCenter #main #r1 .inner .box {
        padding-left: 0;
        min-height: 300px;
    }
    #dataCenter #main #r1 .inner .box .left {
        opacity: 0;
        pointer-events: none;
        transform: translate3d(100%, 0, 0);
        transition: all 0.3s ease-in-out;
    }
    #dataCenter #main #r1 .inner .box .left.on {
        opacity: 1;
        transform: none;
        pointer-events: auto;
    }
    #dataCenter #main #r1 .inner .box .left.on .mask {
        opacity: 1;
        pointer-events: auto;
    }
    #dataCenter #main #r1 .inner .box .right {
        box-shadow: none;
        padding: 0 4%;
    }
    #dataCenter #main #r1 .inner .box .right .items .list {
        width: 47%;
    }
    #dataCenter #main #r1 .inner .box .right .items .list .photo {
        box-shadow: 0px 10px 35px 0px rgba(0, 56, 28, 0.28);
    }
    #dataCenter #main #r1 .inner .box .left {
        width: 70%;
        right: 0;
        border-radius: 0px;
        position: fixed;
        height: calc(100% - 50px);
        z-index: 10;
        top: 50px;
    }
    #dataCenter #main #r1 .inner .box .left .search-box {
        height: 0.7rem;
        margin-bottom: 0.3rem;
    }
    #dataCenter #main #r1 .inner .box .left .search-box .sub {
        width: 0.94rem;
    }
    #dataCenter #main #r1 .inner .box .left .downItems .list>a {
        height: 0.9rem;
    }
    #newDetail #main #banner {
        padding-bottom: calc(64vw + 50px);
    }
    #newDetail #main #banner .bg {
        padding-bottom: 64%;
        top: 50px;
    }
    #newDetail #main #banner .bg svg {
        height: 50px;
        bottom: -15px;
    }
    #newDetail #main #banner .inner {
        top: 50px;
        padding-top: 0;
    }
    #newDetail #main #banner .inner .con h1 {
        font-size: 20px;
        width: 100%;
    }
    #newDetail #main #r1 .inner .con img {
        margin: 0.1rem auto;
    }
    #newDetail #main #r1 .inner .btm>a>h6.rm {
        display: none;
    }
    #search #main #r1 .rowMain .inner .search-box {
        width: 86%;
    }
    #search #main #r1 .rowMain .inner .search-box .sub {
        width: 24%;
    }
    #search #main #r1 .rowMain .inner .con .box h2 {
        margin-bottom: 0.3rem;
    }
    #search #main #r1 .rowMain .inner .con .box.case .items {
        justify-content: space-between;
    }
    #search #main #r1 .rowMain .inner .con .box.case .items .list {
        width: 48%;
        margin-right: 0;
    }
    #search #main #r1 .rowMain .inner .con .box .items .list h3 {
        margin-top: 0.2rem;
        margin-bottom: 0.1rem;
    }
    #search #main #r1 .rowMain .inner .con .box.pro .items {
        justify-content: space-between;
    }
    #search #main #r1 .rowMain .inner .con .box.pro .items .list {
        width: 48%;
        margin-right: 0;
    }
    #search #main #r1 .rowMain .inner .con .box .items .list h4 {
        margin-top: 0.2rem;
        margin-bottom: 0.1rem;
    }
    #search #main #r1 .rowMain .inner .con .box.new .items .col {
        width: 47%;
        margin-right: 0;
    }
    #search #main #r1 .rowMain .inner .con .box .items .col .msg {
        padding: 4%;
    }
    #search #main #r1 .rowMain .inner .con .box .items .col .msg h5 {
        height: auto;
    }
    #search #main #r1 .rowMain .inner .con .box.new .items {
        justify-content: space-between;
    }
    #pro #main #r1 .rowMain {
        padding-bottom: 0.7rem;
        padding-top: 80px;
    }
    #pro #main #r1 .rowMain .inner .search-box {
        width: 100%;
        border-radius: 5px;
        height: 0.75rem;
    }
    #pro #main #r1 .rowMain .inner .search-box .icon {
        height: 0.75rem;
        line-height: 0.75rem;
    }
    #pro #main #r1 .rowMain .inner .search-box .sub {
        width: 24%;
    }
    #pro #main #r1 .rowMain .inner .items {
        margin-top: 0.5rem;
    }
    #pro #main #r1 .rowMain .inner .items .list {
        height: 68px;
        padding: 0 12%;
        justify-content: space-between;
        border-radius: 8px;
    }
    #pro #main #r1 .rowMain .inner .items .list.wid-3 {
        width: 100%;
    }
    #pro #main #r1 .rowMain .inner .items .list.wid-2 {
        width: 100%;
    }
    #pro #main #r1 .rowMain .inner .items .list>i {
        width: 50px;
    }
    #pro #main .rowAll .bg .mask>span {
        margin-bottom: 6.5vw;
    }
    #pro #main .rowAll .bg {
        padding-bottom: 50%;
    }
    #pro #main .rowAll .bg .mask>span>i {
        font-size: 0.7rem;
    }
    #pro #main .rowAll .bg .mask {
        width: 100%;
        background-color: rgba(0, 128, 42, 0.6);
    }
    #pro #main .rowAll .rowMain {
        padding-top: 44vw;
    }
    .pager {
        margin-top: 0.15rem;
    }
    #pro #main .rowAll .rowMain .inner .swiper-container .swiper-wrapper .swiper-slide .list {
        width: 50%;
        margin-bottom: 0.1rem;
    }
    #pro #main .rowAll .rowMain .inner .swiper-container .swiper-wrapper .swiper-slide .list .msg span {
        width: 92%;
        margin: 0 auto;
        line-height: 1.3;
    }
    #pro #btm {
        top: 48px;
        border-radius: 0;
        display: none;
    }
    #pro #btm>ul {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #pro #btm>ul li.on>a>i {
        width: 30px;
    }
    #customer #main #banner .inner {
        padding-top: 74px;
        padding-bottom: 50px;
    }
    #customer #main #banner .inner h1 {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 0.3rem;
        text-align: center;
        font-size: 24px;
    }
    #customer #main #banner .inner .msg>small {
        margin-bottom: 0.6rem;
    }
    #customer #main #banner .inner .msg .box .col-2 {
        padding: 15px 0 0px 0;
    }
    #customer #main #banner .inner .msg .box .col-2 .half {
        padding: 20px 0;
    }
    #customer #main #banner .inner .msg .box {
        height: auto;
        max-height: 100vh;
    }
    #customer #main #banner .inner .msg .box .col-2:after {
        width: 84%;
        height: 1px;
        top: 0;
    }
    #customer #main #r1 {
        padding-bottom: 0.7rem;
    }
    #customer #main #r1 .inner>h2 {
        line-height: 1.6;
        margin-bottom: 0.4rem;
    }
    #customer #main #r1 .inner .box {
        padding: 0.1rem 0 0.2rem 0;
    }
    #customer #main #r1 .inner .box .form_ {
        width: 90%;
    }
    #customer #main #r1 .inner .box .form_ .in-row {
        flex-direction: column;
        margin: 0.3rem 0;
    }
    #customer #main #r1 .inner .box .form_ .in-row .right {
        flex-wrap: wrap;
    }
    #customer #main #r1 .inner .box .form_ .in-row .left {
        margin-bottom: 0.1rem;
    }
    #customer #main #r1 .inner .box .form_ .in-row .left>span {
        text-align: left;
        width: 100%;
    }
    #customer #main #r1 .inner .box .form_ .in-row .right {
        width: 100%;
    }
    #customer #main #r1 .inner .box .form_ .in-row .right textarea {
        max-height: 80px;
    }
    #customer #main #r1 .inner .box .form_ .in-row .right .sub,
    #customer #main #r1 .inner .box .form_ .in-row .right .reset {
        margin-top: 0;
    }
    .half {
        width: 100%;
    }
    #plan_detail .downItems .list>a {
        height: 1rem;
    }
    #plan_detail .downItems .list .list-down {
        padding: 0.1rem 0;
    }
    #plan_detail .downItems .list .list-down>ul>li>a {
        height: 0.72rem;
        line-height: 0.72rem;
    }
    nav.app-nav .inner_mid .nav-items>.child_first>.firstList>a {
        height: 56px;
        line-height: 56px;
    }
    nav.app-nav .inner_mid .nav-items>.child_first>.firstList>a {
        font-size: 16px;
    }
    .downItems .list.go>a>span {
        font-size: 15px;
    }
    .downItems .list .list-down>ul>li>a {
        font-size: 14px;
    }
    .pager>ol>a {
        font-size: 13px;
    }
    .pager>a {
        font-size: 15px;
    }
    .checkBox input[type=radio]+label {
        padding: 0.1rem 0.2rem;
    }
    @media screen and (max-height: 608px) {
        .f-80 {
            font-size: 0.4rem;
        }
        #home #main #banner {
            max-height: 260px;
        }
        #home #main #banner .webGL-slider {
            border-bottom-left-radius: 30px;
        }
        #home #main .row .rowMain .title h2 {
            font-size: 24px;
        }
        #home #main #r1 .rowMain .col-2 .left h2 {
            font-size: 24px;
        }
        #home #main #r5 .rowMain .inner>div {
            font-size: 0.25rem;
        }
        #plan_detail .downItems .list>a {
            height: 0.6rem;
        }
        #app_wrap1 .con>h1 {
            top: 70px;
        }
        #app_con #con {
            padding: 105px 0 10px 0;
        }
        #app_con #con h1 {
            font-size: 18px;
        }
        #app_con #inner {
            transform: translateY(16px);
        }
        #plan_detail .downItems .list .list-down>ul>li>a {
            height: 0.52rem;
            line-height: 0.52rem;
        }
        #app_con #con #fn4 .txt-box {
            font-size: 14px;
            line-height: 0.5rem;
            height: 0.5rem;
        }
        #pro #main #r1 .rowMain .inner .items {
            margin-top: 0.3rem;
        }
        #customer #main #r1 .inner .box .form_ .in-row .right .sub,
        #customer #main #r1 .inner .box .form_ .in-row .right .reset {
            width: 1.5rem;
        }
    }
}