@media screen and (max-width: 1299px) {
    html{
        height: calc(100% - env(SAFE-AREA-INSET-TOP, 0rem));
    }
    body {
        height: calc(100% - env(SAFE-AREA-INSET-TOP, 0rem));
        background-color: #f5f5f5;
    }

    .layout {
        font-family: 'PingFang SC', 'MicrosoftYaHei';
        width: 100%;
        font-size: 1.14285714rem;
    }
    .lvsu1 {
        display: none;
    }

    .lvsu2 {
        display: block;
    }

    .layout .layoutMain {
        width: 100%;
        margin: 0 auto;
    }

    .layout .header {
        width: 100%;
        height: 3.42857143rem;
        background: #222222;
        position: fixed;
        top: 0;
        z-index: 99;
    }

    .layout .header .headerLogo {
        float: left;
        margin-top: 1.57142857rem;
        display: none;
    }

    .layout .header .navList {
        background-color: #111;
    }

    .layout .header .navList ul {
        /* overflow-x: scroll;
        overflow-y: hidden; */
        white-space: nowrap;

    }

    .layout .header .navList ul li {
        position: relative;
        transition-duration: 0.3s;
        display: inline-block;
    }

    .layout .header .navList ul li:first-child {
        margin-left: 0.63rem;
    }

    .layout .header .navList ul li:last-child {
        margin-right: 0.63rem;
    }

    .layout .header .navList ul li a {
        font-size: 1.1rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
        margin: 0 0.63rem 0;
        opacity: 0.6;
        height: 3.78571429rem;
        line-height: 3.78571429rem;
    }

    .layout .header .navList ul li a.on {
        color: #88BD42 !important;
        opacity: 1;
    }

    .layout .header .navList ul .item_lvSuFengHui .navLiMenu {
        padding: 1.42857143rem 2rem;
        color: white;
        position: absolute;
        opacity: 0;
        visibility: hidden;
        transition-duration: 0.2s;
        top: 5.14285714rem;
        white-space: nowrap;
        background-color: #4D4D4D;
        font-size: .92857143rem;
    }

    .layout .header .navList ul .item_lvSuFengHui .navLiMenu a:first-child {
        font-size: 1.07142857rem;
        margin-right: auto;
        margin-bottom: .57142857rem;
    }

    .layout .header .navList ul .item_lvSuFengHui .navLiMenu a {
        color: white;
        line-height: 2rem;
        margin-left: 0px;
        margin-right: auto;
    }


    .layout .header .navList ul .item_guest a.on {
        color: #03C173 !important;
    }

    .layout .header .navList ul .item_guest .navLiMenu {
        padding: 1.42857143rem 2rem;
        white-space: nowrap;
        color: white;
        position: absolute;
        opacity: 0;
        transition-duration: 0.2s;
        visibility: hidden;
        top: 5.14285714rem;
        background-color: #4D4D4D;
    }

    .layout .header .navList ul .item_guest .navLiMenu a {
        color: white;
        font-size: 1.07142857rem;
        line-height: 1.42857143rem;
        margin-left: 0px;
        margin-right: auto;
        margin-top: 0px;
    }

    .layout .header .navList ul .item_guest .navLiMenu a:first-child {
        margin-bottom: 0;
    }

 

    .layout .banner {
        display: none;
        height: 17.14285714rem;
        background: url(../images/bg_title.png) center no-repeat;
        margin-top: 3.42857143rem;
        overflow: hidden;
    }

    .layout .banner .titleBlock {
        margin: 0 auto;
        text-align: center;
        color: #FFFFFF;
        margin-top: 8.57142857rem;
    }

    .layout .banner .titleBlock h1 {
        font-size: 2.14285714rem;
        line-height: 2.85714286rem;
        font-weight: normal;
    }

    .layout .banner .titleBlock .bar {
        width: 5.71428571rem;
        height: .28571429rem;
        background: #FFFFFF;
        border-radius: .28571429rem;
        margin: 0 auto;
        margin-top: 1.42857143rem;
    }

    .layout .content {
        width: 100%;
        /* height: 90vh; */
        background-color: #F5F5F5;
        overflow: hidden;
        padding-top: 5.3623rem /* 68/12.6812 */;
        padding-bottom: 3.1543rem /* 40/12.6812 */;
    }

    .layout .content .wrap {
        margin: 0 1.2617rem /* 16/12.6812 */;
        /* display: flex;
    width: 936px;
    height: 520px;
    margin: 0 auto;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between; */
    }

    .layout .content .wrap .item {
        box-sizing: border-box;
        padding: 1.5771rem /* 20/12.6812 */;
        background: #FFFFFF;
        border-radius: .6309rem /* 8/12.6812 */;
        position: relative;
        margin-bottom: 1.5771rem /* 20/12.6812 */;
    }
    .layout .content .wrap .item:last-child{
        margin-bottom: 0px;
    }

    .layout .content .wrap .item .logoBlock {
        position: absolute;
        top: 1.5771rem /* 20/12.6812 */;
        left: 1.5771rem /* 20/12.6812 */;
        box-sizing: border-box;
        width: 3.7851rem /* 48/12.6812 */;
        height: 3.7851rem /* 48/12.6812 */;
        background: #FFFFFF;
        border-radius: .6309rem /* 8/12.6812 */;
    }

    .layout .content .wrap .item .logoBlock img {
        width: 100%;
        height: 100%;
    }

    .layout .content .wrap .item p {
        position: relative;
        font-size: 1.28571429rem;
        color: #222222;
        line-height: 2.208rem /* 28/12.6812 */;
        padding-left: 5.0468rem /* 64/12.6812 */;
        margin-bottom: .28571429rem;
        z-index: 2;
    }

    .layout .content .wrap .item span {
        position: relative;
        font-size: 1.1829rem /* 15/12.6812 */;
        color: #888888;
        line-height: 2.208rem /* 28/12.6812 */;
        padding-left: 5.0468rem /* 64/12.6812 */;
        z-index: 2;
        margin-top: .3154rem /* 4/12.6812 */;
    }

    .layout .content .wrap .item .bottom {
        /* position: relative;
    text-align: right;
    font-size: 30px;
    color: #EEEEEE;
    line-height: 40px;
    white-space: nowrap;
    margin-top: 68px; */
        display: none;
    }

    .layout .content .wrap .item .bottom3 {
        margin-top: -1.14285714rem;
        z-index: 1;
    }

    .layout .content .announce {
        display: none;
    }

    .layout footer {
        box-sizing: border-box;
        height: 30.42857143rem;
        padding: 3.42857143rem 0 2rem 0;
        background-color: #222222;
        color: white;

        display: none;
    }

    .layout footer h1 {
        font-size: 1.28571429rem;
        margin-bottom: 1.71428571rem;
    }

    .layout footer .fastHref {
        float: left;
        width: 26.28571429rem;
        margin-right: 6.28571429rem;
    }

    .layout footer .fastHref ul li {
        float: left;
        text-align: center;
        line-height: 3.42857143rem;
        font-size: 1rem;
        width: 11.42857143rem;
        height: 3.42857143rem;
        background-color: #333333;
        margin-right: 1.71428571rem;
        margin-bottom: 1.71428571rem;
        border-radius: .57142857rem;
    }

    .layout footer .fastHref ul li a {
        color: #BBBBBB;
    }

    .layout footer .mediaMatrix {
        float: left;
        width: 53.14285714rem;
        overflow: hidden;
    }

    .layout footer .mediaMatrix ul {
        width: 768px;
    }

    .layout footer .mediaMatrix ul li {
        float: left;
        text-align: center;
        font-size: 1rem;
        width: 7.42857143rem;
        height: 9.35714286rem;
        color: #BBBBBB;
        margin-right: 1.71428571rem;
        margin-bottom: 1.71428571rem;
    }

    .layout footer .mediaMatrix ul li p {
        padding-top: .57142857rem;
    }

    #mobiledown {
        width: .5rem;
        height: .5rem;
        display: inline-block;
        transform: translateY(-0.07142857rem);
    }

    .footerMob {
        display: block;
        text-align: center;
        background: #f5f5f5;
        font-size: .92857143rem;
        font-family: 'PingFangSC-Regular', 'PingFang SC', 'MicrosoftYaHei';
        font-weight: 400;
        color: #888888;
        line-height: 1.35714286rem;
        border-top: 1px solid #ddd;
        padding: 1.28571429rem 0;
        /* position: fixed; */
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 97;
     
    }
    .footerMob  :last-child{
        margin-top: .28571429rem;
        margin-bottom:  constant(safe-area-inset-bottom);
        margin-bottom:  env(safe-area-inset-bottom);
      
      }
    .navLiMenu2 {
        display: none;
        position: absolute;
        right: -3rem;
        top: 3.8rem;
        width: 10.07142857rem;
    }

    .navLiMenu2 img {
        margin: 0 auto;
        width: .78571429rem;
        height: .5rem;
    }

    .navLiMenu2 div {
        background-color: #222;
        color: white;
        font-size: 1.07142857rem;
        font-family: 'PingFangSC-Regular', 'PingFang SC', 'MicrosoftYaHei';
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
    }
    .navLiMenu2 div a{
        height: 3.14285714rem;
    }
    .navLiMenu2 div a:last-child {
        margin-top: 1.57142857rem;
    }

    .guest1 {
        display: none !important;
    }

    .guest2 {
        display: inline-block;
    }

    .navScroll {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .shadow {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: transparent;
        z-index: 98;
    }
}