footer .pub_case .foot_right {
    width: 45%
}

@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: -.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: .7rem
    }
    .f-70 {
        font-size: .6rem
    }
    .f-60 {
        font-size: .5rem
    }
    .f-56 {
        font-size: .46rem
    }
    .f-50 {
        font-size: .4rem
    }
    .f-40 {
        font-size: 24px
    }
    .f-36 {
        font-size: 22px
    }
    .f-30 {
        font-size: 20px
    }
    .f-20 {
        font-size: 17px
    }
    .pc-nav {
        height: .8rem
    }
    #pro #btm {
        top: .8rem
    }
    h5 {
        margin-bottom: .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: .4rem;
        color: #6991cb;
        margin-bottom: .2rem
    }
    footer .pub_case .foot_right .foot_lx_info p>b {
        font-size: .26rem
    }
    footer .pub_case .foot_left .foot_search_his a {
        margin-right: .2rem;
        padding: .05rem 0
    }
    footer .pub_case .foot_left .foot_search_case,
    footer .pub_case .foot_right .f_link {
        min-height: 230px
    }
    footer .pub_case .foot_right .foot_lx_info p {
        line-height: .4rem
    }
    p {
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: .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: 0
    }
    #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: .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: .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-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: .3rem
    }
    .f-80 {
        font-size: .48rem
    }
    .f-70 {
        font-size: .45rem
    }
    .f-60 {
        font-size: .42rem
    }
    .f-56 {
        font-size: .4rem
    }
    .f-50 {
        font-size: .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-btn,
    .layer-btn1 {
        padding: .2rem .3rem;
        border-bottom-right-radius: 0;
        border-top-left-radius: 0;
    }
    .layer-btn1:before,
    .layer-btn:before {
        border-bottom-right-radius: 0;
        border-top-left-radius: 0;
    }
    .layer-btn1:before,
    .layer-btn:after {
        border-bottom-right-radius: 0;
        border-top-left-radius: 0;
    }
    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, .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: .42rem;
        margin-bottom: .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: .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: .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: .3rem;
        margin-bottom: .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: .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: .3rem;
        margin-top: .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: .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: .2rem;
        min-height: 54px
    }
    #home #main .row .rowMain {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
    #home #main #r1 {
        padding-bottom: 0;
        max-height: 320px;
        min-height: 248px
    }
    #home #main #r1 .bg .pic {
        width: 100%;
        opacity: 1;
        right: -33%
    }
    #home #main #r1 .rowMain {
        padding-bottom: .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: .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: #00449b;
    }
    #home #main .row .rowMain .title .app_more {
        margin-bottom: 0;
        color: #00449b;
        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: .4rem
    }
    #home #main .row .rowMain .title h2 {
        font-size: 26px;
        line-height: 1.3;
        margin-bottom: 0;
        color: #000
    }
    #home #main #r2 {
        padding-top: .1rem
    }
    #home #app_wrap1 .con>h1 {
        top: 45px
    }
    #home #main #r2 .rowMain {
        width: 100%;
        padding-bottom: 0
    }
    #home #main #r2 .rowMain .inner {
        border-radius: 0
    }
    #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: .8rem
    }
    #home #main #r3 .rowMain .inner #sw1 .swiper-wrapper .swiper-slide {
        width: 57.2vw;
        padding-bottom: 112px;
        opacity: .2;
        transition: opacity .3s ease-in-out
    }
    #home #main #r3 .rowMain .inner #sw1 .swiper-wrapper .swiper-slide .box {
        /* border-radius: .5rem 5px 0 0; */
        padding-bottom: 78.7%
    }
    #home #main #r3 .rowMain .inner #sw1 .swiper-wrapper .swiper-slide .box:after {
        content: "";
        position: absolute;
        z-index: 3;
        height: 100px;
        top: 45vw;
        background-color: #6991cb;
        width: 100%;
        /* border-radius: 0 0 .5rem 5px; */
        transition: background-color .6s ease-in-out
    }
    #home #main #r3 .rowMain .inner #sw1 .swiper-wrapper .swiper-slide .box .other {
        z-index: 5;
        width: 100%;
        top: 45vw;
        height: 100px;
        min-height: 0;
        padding: 5% 5% 5% 6%;
        /* border-radius: 0 0 .5rem 5px; */
        /* background-color: transparent */
    }
    #home #main #r3 .rowMain .inner #sw1 .swiper-wrapper .swiper-slide .box .other>small {
        margin-bottom: .1rem;
        color: #008c3f
    }
    #home #main #r3 .rowMain .inner #sw1 .swiper-wrapper .swiper-slide .box .other h5 {
        line-height: .4rem;
        height: .4rem;
        min-height: .4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin-bottom: .1rem
    }
    #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: .6rem;
        padding-bottom: .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: .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: .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: .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: .36rem;
        height: 1.08rem;
        min-height: .8rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        margin-bottom: 0;
        margin-top: .18rem
    }
    #home #main #r4 .rowMain .inner .col-3 .col .msg:after {
        bottom: auto;
        top: 0
    }
    #home #main #r4 {
        padding-bottom: .3rem
    }
    #home #main #r5 .bg {
        background-color: #e7f0e5
    }
    #home #main #r5 .bg .mask {
        display: none
    }
    #home #main #r5 .bg .photo {
        border-top-right-radius: .5rem
    }
    #home #main #r5 .rowMain .inner>div {
        font-size: .3rem;
        font-weight: 700;
        line-height: 1.7;
        width: calc(100% - 1rem)
    }
    #home #main #r5 .rowMain .inner>i {
        font-size: .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: .7
    }
    #about #main .row .title {
        width: 80%;
        margin: 0 auto;
        margin-bottom: .4rem
    }
    #about #main .row .title h2 {
        line-height: 1.4
    }
    #about #main .row {
        padding-bottom: .6rem;
        padding-top: .6rem
    }
    #about #main #r1 {
        padding-top: .9rem;
        padding-bottom: .6rem
    }
    #about #main #banner .msg h1 {
        margin-bottom: .3rem
    }
    #about #main #r1 .rowMain .photo {
        border-radius: 0 .5rem 0 .5rem
    }
    #about #main #r1 .rowMain .msg {
        margin-top: .6rem
    }
    #about #main #r1 .rowMain .msg .col {
        width: 100%
    }
    #about #main #r1 .rowMain .msg .col p {
        margin-top: .4rem
    }
    #about #main #r1 .rowMain .msg .line {
        position: relative;
        width: 100%;
        height: 1px;
        left: auto;
        top: auto;
        margin: .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: .1rem
    }
    #about #main #r2 .rowMain .inner .left {
        width: 100%;
        justify-content: space-between
    }
    #about #main #r2 .rowMain .inner .left .list {
        margin: .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: .2rem .1rem;
        width: calc(50% - .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: .5rem 0 .5rem 0
    }
    #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: .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: .2rem .1rem;
        width: calc(50% - .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: .3rem
    }
    #about #main #r7 .rowMain .inner #sw4 .swiper-wrapper .swiper-slide {
        padding: .5rem 0 0 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: .1rem;
        max-width: calc(100% - .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: 0
    }
    #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: .8rem
    }
    #new #main #banner .inner #sw1 .swiper-wrapper .swiper-slide .msg h6 {
        width: 100%;
        max-width: 100%;
        margin-bottom: .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: .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: .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: .4rem
    }
    #new #main #r1 .inner .box .col-3 .col .msg {
        padding: 5%
    }
    #new #main #r1 .inner .box .col-3 .col .msg h5 {
        margin-bottom: .1rem
    }
    #new #main #r1 .inner .box .col-3:first-child {
        margin-top: .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: .2rem;
        padding-bottom: .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: .7rem
    }
    #video #main #r1 .inner .title {
        margin-bottom: .4rem
    }
    #video #main #r1 .inner .title h1 {
        margin-bottom: .4rem
    }
    #video #main #r1 .inner .box .tree {
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: .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: .1rem
    }
    #dataCenter .row .title {
        margin-bottom: .4rem
    }
    #dataCenter .row .title h1 {
        margin-bottom: .4rem
    }
    #dataCenter #main #r1 {
        padding-top: .5rem;
        padding-bottom: .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 .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: 0 10px 35px 0 rgba(0, 68, 155, .1)
    }
    #dataCenter #main #r1 .inner .box .left {
        width: 70%;
        right: 0;
        border-radius: 0;
        position: fixed;
        height: calc(100% - 50px);
        z-index: 10;
        top: 50px
    }
    #dataCenter #main #r1 .inner .box .left .search-box {
        height: .7rem;
        margin-bottom: .3rem
    }
    #dataCenter #main #r1 .inner .box .left .search-box .sub {
        width: .94rem
    }
    #dataCenter #main #r1 .inner .box .left .downItems .list>a {
        height: .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: .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: .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: .2rem;
        margin-bottom: .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: .2rem;
        margin-bottom: .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: .7rem;
        padding-top: 80px
    }
    #pro #main #r1 .rowMain .inner .search-box {
        width: 100%;
        border-radius: 5px;
        height: .75rem
    }
    #pro #main #r1 .rowMain .inner .search-box .icon {
        height: .75rem;
        line-height: .75rem
    }
    #pro #main #r1 .rowMain .inner .search-box .sub {
        width: 24%
    }
    #pro #main #r1 .rowMain .inner .items {
        margin-top: .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: .7rem
    }
    #pro #main .rowAll .bg .mask {
        width: 100%;
        background-color: rgba(0, 128, 42, .6)
    }
    #pro #main .rowAll .rowMain {
        padding-top: 44vw
    }
    .pager {
        margin-top: .15rem
    }
    #pro #main .rowAll .rowMain .inner .swiper-container .swiper-wrapper .swiper-slide .list {
        width: 50%;
        margin-bottom: .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: .3rem;
        text-align: center;
        font-size: 24px
    }
    #customer #main #banner .inner .msg>small {
        margin-bottom: .6rem
    }
    #customer #main #banner .inner .msg .box .col-2 {
        padding: 15px 0 0 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: .7rem
    }
    #customer #main #r1 .inner>h2 {
        line-height: 1.6;
        margin-bottom: .4rem
    }
    #customer #main #r1 .inner .box {
        padding: .1rem 0 .2rem 0
    }
    #customer #main #r1 .inner .box .form_ {
        width: 90%
    }
    #customer #main #r1 .inner .box .form_ .in-row {
        flex-direction: column;
        margin: .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: .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 .reset,
    #customer #main #r1 .inner .box .form_ .in-row .right .sub {
        margin-top: 0
    }
    .half {
        width: 100%
    }
    #plan_detail .downItems .list>a {
        height: 1rem
    }
    #plan_detail .downItems .list .list-down {
        padding: .1rem 0
    }
    #plan_detail .downItems .list .list-down>ul>li>a {
        height: .72rem;
        line-height: .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: .1rem .2rem
    }
    @media screen and (max-height:608px) {
        .f-80 {
            font-size: .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: .25rem
        }
        #plan_detail .downItems .list>a {
            height: .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: .52rem;
            line-height: .52rem
        }
        #app_con #con #fn4 .txt-box {
            font-size: 14px;
            line-height: .5rem;
            height: .5rem
        }
        #pro #main #r1 .rowMain .inner .items {
            margin-top: .3rem
        }
        #customer #main #r1 .inner .box .form_ .in-row .right .reset,
        #customer #main #r1 .inner .box .form_ .in-row .right .sub {
            width: 1.5rem
        }
    }
}