@media (min-width: 1281px) {
    * {
        margin: 0;
        padding: 0;
    }

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

    body,
    html {
        font-size: 0;
    }

    a {
        text-decoration: none;
    }

    li {
        list-style: none;
    }

    .pc {
        display: block;
    }

    .mob {
        display: none;
    }

    /* banner */
    .Homepage {
        width: 100%;
        height: 448px;
        background-image: url(/template/pc/skin/images/ZXZX_banner.png);
        background-position: center center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .Homepage_contain {
        width: 1200px;
        margin: 0 auto;
        padding-top: 110px;
    }

    .Homepage_contain_1 {
        font-weight: 800;
        font-size: 102px;
        color: #FFFFFF;
        line-height: 90px;

    }

    .Homepage_contain_2 {
        font-weight: 400;
        font-size: 49px;
        color: #FFFFFF;
        margin-top: 40px;
    }

    /* 面包屑 */
    .zxzx_MBX {
        width: 100%;
        height: 61px;
        background: #F3F6FF;
    }

    .zxzx_MBX_contain {
        width: 1200px;
        margin: 0 auto;
        padding-top: 20px;
    }

    .zxzx_MBX_x {
        font-weight: 500;
        font-size: 16px;
        color: #626060;
        line-height: 25px;
    }

    .nav-bread a{
        color: #626060;
    }

    /* 内容 */
    .ZXZX_content {
        width: 100%;
        background-color: white;
    }

    .ZXZX_content_contain {
        width: 1200px;
        margin: 0 auto;
    }

    .pagination{
        margin-top: 40px;
        font-size: 14px;
    }

    /* 简介 */

    .YDR {
        width: 100%;
        background-color: white;
        padding: 40px 0 100px 0;
    }

    .YDRB {
        width: 1200px;
        margin: 0 auto;
    }

    .YDRBBB {
        
        display: inline-block;
        width: 100%;
    }

    .YDRBBB:hover {
        text-decoration: none;
    }

    .YDR_1 {
        width: 100%;
        height: 187px;
        background-color: white;
        padding: 27px 0 0 40px;
    }

    .YDR_1-1 {
        font-weight: bold;
        font-size: 22px;
        color: #006CFF;
    }

    .YDR_1-2 {
        margin: 24px 24px 0 0;
        text-align: justify;
        font-weight: 400;
        font-size: 16px;
        color: #626060;
    }

    .YDR_1-3 {
        margin-top: 19px;
        font-weight: 400;
        font-size: 14px;
        color: #706C6C;
    }

    .YDR_2 {
        width: 100%;
        height: 187px;
        background: #F6F6F6;
        padding: 27px 0 0 40px;
    }


    .CGAL_KHAL_four {
        margin-top: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .CGAL_KHAL_four span {
        font-weight: 400;
        font-size: 18px;
        color: #626060;
        line-height: 58px;
        margin: 0 20px 0 20px;
    }

    .CGAL_KHAL_four_x {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 30px;
        margin-left: 10px;
        background: linear-gradient(140deg, #7DA6FF 0%, #1455E1 100%);
    }

    .CGAL_KHAL_four_xx {
        font-weight: 400;
        font-size: 18px;
        color: #FFFFFF;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 1px solid #DBDADA;
    }

    .CGAL_KHAL_four_xxx {
        font-weight: 400;
        font-size: 18px;
        color: #787878;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 30px;
        margin-left: 10px;
        border: 1px solid #DBDADA;
    }

    /* 预约 */
    .Reservation {
        width: 100%;
        height: 337px;
        background-image: url(/template/pc/skin/images/Reservation.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
    }

    .Reservation_contain {
        width: 1200px;
        margin: 0 auto;
        padding: 47px 0 50px 0;
    }

    .Reservation_one {
        text-align: center;
        font-weight: 400;
        font-size: 20px;
        color: #FFFFFF;
    }

    .Reservation_two {
        margin-top: 25px;
        text-align: center;
    }

    .Reservation_two input {
        display: inline-block;
        width: 396px;
        height: 48px;
        background: #FFFFFF;
        border-radius: 8px 8px 8px 8px;
        border: none;
        outline: none;
        padding-left: 20px;
    }

    .Reservation_three {
        margin-top: 15px;
        text-align: center;
    }

    .Reservation_three input {
        display: inline-block;
        width: 396px;
        height: 48px;
        background: #FFFFFF;
        border-radius: 8px 8px 8px 8px;
        border: none;
        outline: none;
        padding-left: 20px;
    }

    .Reservation_four {
        margin-top: 21px;
        text-align: center;
    }

    .Reservation_four input {
        display: inline-block;
        width: 396px;
        height: 48px;
        border-radius: 8px 8px 8px 8px;
        border: 1px solid #FFFFFF;
        text-align: center;
        line-height: 48px;
        font-weight: 400;
        font-size: 16px;
        color: #FFFFFF;
        background: none;
        cursor: pointer;
    }
}

@media (min-width:751px) and (max-width:1280px) {
    * {
        margin: 0;
        padding: 0;
    }

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

    body,
    html {
        font-size: 10px;
    }

    a {
        text-decoration: none;
    }

    li {
        list-style: none;
    }

    .pc {
        display: none;
    }

    .mob {
        display: block;
    }

    /* 移动端导航栏 */

    .Navigation_MOB {
        width: 100%;
        background-color: white;
    }

    .Navigation_MOB_contain {
        width: 81%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.3rem 0 0.3rem 0;
    }

    .Navigation_MOB_one a {
        display: inline-block;
    }

    .Navigation_MOB_one a img {
        width: 3rem;
        height: 0.8rem;
    }

    .mp-top-right {
        width: 0.6rem;
        height: 0.5rem;
    }

    .mp-nav-off {
        display: none;
        width: 0.6rem;
        height: 0.6rem;
    }

    .mp-all {
        position: fixed;
        /* top: 148px; */
        z-index: 100;
        width: 100%;
        height: 100%;
        /* background-color: rgba(0, 0, 0, 0.5); */
        transition: all 0.5s;
        transform: translateX(100%);
        background-color: #f8f8f8;
        /* padding: 0.30rem; */
        display: flex;
    }

    .MLGB_UL {
        width: 85%;
        margin: 0 auto;
        /* border: 1px solid red; */
    }

    .MLGB_UL li {
        border-bottom: 1px solid #DBDADA;
    }

    .MLGB_UL li a {
        font-weight: 400;
        font-size: 0.32rem;
        color: #3B3B3B;
        line-height: 1.4rem;
        margin-left: 0.3rem;
    }

    /* banner */
    .Homepage {
        width: 100%;
        background-image: url(/template/pc/skin/images/ZXZX_MOB_banner.png);
        background-position: center center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .Homepage_contain {
        width: 60%;
        margin: 0 auto;
        padding: 1.2rem 0 1.2rem 0;
    }

    .Homepage_contain_1 {
        font-weight: bold;
        font-size: 0.55rem;
        color: white;
        text-align: left;
    }

    .Homepage_contain_2 {
        font-weight: 400;
        font-size: 0.3rem;
        line-height: 0.4rem;
        color: white;
        text-align: left;
        margin-top: 0.3rem;
    }


    /* 内容 */
    .ZXZX_content {
        width: 100%;
        background-color: white;

    }

    .ZXZX_content_contain {
        width: 90%;
        margin: 0 auto;
    }

    /* 简介 */

    .YDR {
        width: 100%;
        background-color: white;
        padding: 0.87rem 0 0.87rem 0;
    }

    .YDRB {
        width: 98%;
        margin: 0 auto;
    }

    .YDRBBB {
        display: inline-block;
    }

    .YDRBBB:hover {
        text-decoration: none;
    }

    .YDR_1x {
        width: 8.5rem;
        background-color: white;
        padding: 0.4rem 0 0 0;
        border-bottom: 1px solid #E8E0E0;
    }

    .YDR_1-1 {
        font-weight: bold;
        font-size: 0.34rem;
        color: #006CFF;
    }

    .YDR_1-2 {
        margin-top: 0.2rem;
        font-weight: 400;
        font-size: 0.28rem;
        line-height: 0.5rem;
        text-align: justify;
        color: #626060;
    }

    .YDR_1-3 {
        margin: 0.2rem 0 0.3rem 0;
        font-weight: 400;
        font-size: 0.28rem;
        color: #706C6C;

    }

    /* 预约 */
    .Reservation {
        width: 100%;
        height: 5.77rem;
        background: linear-gradient(135deg, #71CCE9 0%, #104CCE 100%);
    }

    .Reservation_contain {
        width: 85%;
        margin: 0 auto;
        padding: 0.77rem 0 0.89rem 0;
    }

    .Reservation_one {
        text-align: center;
        font-weight: 400;
        font-size: 0.4rem;
        color: #FFFFFF;
    }

    .Reservation_two {
        margin-top: 0.7rem;
        text-align: center;
    }

    .Reservation_two input {
        display: inline-block;
        width: 5.84rem;
        height: 0.8rem;
        background: #FFFFFF;
        border-radius: 0.08rem;
        border: none;
        outline: none;
        padding-left: 0.2rem;
        font-size: 0.26rem;
    }

    .Reservation_three {
        margin-top: 0.2rem;
        text-align: center;
    }

    .Reservation_three input {
        display: inline-block;
        width: 5.84rem;
        height: 0.8rem;
        background: #FFFFFF;
        border-radius: 0.08rem;
        border: none;
        outline: none;
        padding-left: 0.2rem;
        font-size: 0.26rem;
    }

    .Reservation_four {
        margin-top: 0.34rem;
        text-align: center;
    }

    .Reservation_four input {
        display: inline-block;
        width: 5.84rem;
        height: 0.8rem;
        border-radius: 0.08rem;
        border: 1px solid #FFFFFF;
        text-align: center;
        line-height: 0.8rem;
        font-weight: 400;
        font-size: 0.3rem;
        color: #FFFFFF;
        background: none;
        cursor: pointer;
    }


    /* 底部 */
    .plan {
        width: 100%;
        height: 1.34rem;
        background: #020429;
        padding-top: 0.27rem;
        margin-bottom: 1.5rem;
    }

    .plan_1 {
        font-weight: 400;
        font-size: 0.22rem;
        color: #FFFFFF;
        text-align: center;
    }

    .plan_2 {
        font-weight: 400;
        font-size: 0.22rem;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0.1rem;
    }

    .plan_2 img {
        width: 0.24rem;
        height: 0.26rem;
    }

    /* 底部导航栏 */
    .gameover {
        width: 100%;
        /* height: 1.2rem; */
        background: #006CFF;
        box-shadow: 0px -3px 5px 1px rgba(0, 0, 0, 0.16);
        position: fixed;
        bottom: 0;
        padding: 0.43rem 0 0.33rem 0;
        display: flex;
        justify-content: space-evenly;
        z-index: 999;
    }

    .gameover_1_1 {
        width: 0.44rem;
        height: 0.44rem;
    }

    .gameover_1_1 img {
        width: 100%;
        height: 100%;
    }

    .gameover_2_1 {
        width: 0.44rem;
        height: 0.44rem;
        margin: 0 auto;
    }

    .gameover_2_1 img {
        width: 100%;
        height: 100%;
    }

    .gameover_3_1 {
        width: 0.44rem;
        height: 0.44rem;
        margin: 0 auto;
    }

    .gameover_3_1 img {
        width: 100%;
        height: 100%;
    }

    .gameover_1_2 {
        font-weight: 400;
        font-size: 0.24rem;
        color: #FFFFFF;
        margin-top: 0.1rem;
    }

    .gameover_1 a {
        display: inline-block;

    }

    .gameover_1 a:hover {
        text-decoration: none;
    }

    .gameover_2 {
        width: 0px;
        height: 0.85rem;
        border: 1px solid #FFFFFF;
    }
}

@media (max-width:750px) {
    * {
        margin: 0;
        padding: 0;
    }

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

    body,
    html {
        font-size: 10px;
    }

    a {
        text-decoration: none;
    }

    li {
        list-style: none;
    }

    .pc {
        display: none;
    }

    .mob {
        display: block;
    }

    /* 移动端导航栏 */

    .Navigation_MOB {
        width: 100%;
        background-color: white;
    }

    .Navigation_MOB_contain {
        width: 81%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.3rem 0 0.3rem 0;
    }

    .Navigation_MOB_one a {
        display: inline-block;
    }

    .Navigation_MOB_one a img {
        width: 3rem;
        height: 0.8rem;
    }

    .mp-top-right {
        width: 0.6rem;
        height: 0.5rem;
    }

    .mp-nav-off {
        display: none;
        width: 0.6rem;
        height: 0.6rem;
    }

    .mp-all {
        position: fixed;
        /* top: 148px; */
        z-index: 100;
        width: 100%;
        height: 100%;
        /* background-color: rgba(0, 0, 0, 0.5); */
        transition: all 0.5s;
        transform: translateX(100%);
        background-color: #f8f8f8;
        /* padding: 0.30rem; */
        display: flex;
    }

    .MLGB_UL {
        width: 85%;
        margin: 0 auto;
        /* border: 1px solid red; */
    }

    .MLGB_UL li {
        border-bottom: 1px solid #DBDADA;
    }

    .MLGB_UL li a {
        font-weight: 400;
        font-size: 0.32rem;
        color: #3B3B3B;
        line-height: 1.4rem;
        margin-left: 0.3rem;
    }

    /* banner */
    .Homepage {
        width: 100%;
        background-image: url(/template/pc/skin/images/ZXZX_MOB_banner.png);
        background-position: center center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .Homepage_contain {
        width: 60%;
        margin: 0 auto;
        padding: 1.2rem 0 1.2rem 0;
    }

    .Homepage_contain_1 {
        font-weight: bold;
        font-size: 0.55rem;
        color: white;
        text-align: left;
    }

    .Homepage_contain_2 {
        font-weight: 400;
        font-size: 0.3rem;
        line-height: 0.4rem;
        color: white;
        text-align: left;
        margin-top: 0.3rem;
    }


    /* 内容 */
    .ZXZX_content {
        width: 100%;
        background-color: white;

    }

    .ZXZX_content_contain {
        width: 90%;
        margin: 0 auto;
    }

    /* 简介 */

    .YDR {
        width: 100%;
        background-color: white;
        padding: 0.87rem 0 0.87rem 0;
    }

    .YDRB {
        width: 100%;
        margin: 0 auto;
    }

    .YDRBBB {
        display: inline-block;
    }

    .YDRBBB:hover {
        text-decoration: none;
    }

    .YDR_1x {
        width: 6.69rem;
        background-color: white;
        padding: 0.4rem 0 0 0;
        border-bottom: 1px solid #E8E0E0;
    }

    .YDR_1-1 {
        font-weight: bold;
        font-size: 0.34rem;
        color: #006CFF;
    }

    .YDR_1-2 {
        margin-top: 0.2rem;
        font-weight: 400;
        font-size: 0.28rem;
        line-height: 0.5rem;
        text-align: justify;
        color: #626060;
    }

    .YDR_1-3 {
        margin: 0.2rem 0 0.3rem 0;
        font-weight: 400;
        font-size: 0.28rem;
        color: #706C6C;

    }


    /* 预约 */
    .Reservation {
        width: 100%;
        height: 5.77rem;
        background: linear-gradient(135deg, #71CCE9 0%, #104CCE 100%);
    }

    .Reservation_contain {
        width: 85%;
        margin: 0 auto;
        padding: 0.77rem 0 0.89rem 0;
    }

    .Reservation_one {
        text-align: center;
        font-weight: 400;
        font-size: 0.4rem;
        color: #FFFFFF;
    }

    .Reservation_two {
        margin-top: 0.7rem;
        text-align: center;
    }

    .Reservation_two input {
        display: inline-block;
        width: 5.84rem;
        height: 0.8rem;
        background: #FFFFFF;
        border-radius: 0.08rem;
        border: none;
        outline: none;
        padding-left: 0.2rem;
        font-size: 0.26rem;
    }

    .Reservation_three {
        margin-top: 0.2rem;
        text-align: center;
    }

    .Reservation_three input {
        display: inline-block;
        width: 5.84rem;
        height: 0.8rem;
        background: #FFFFFF;
        border-radius: 0.08rem;
        border: none;
        outline: none;
        padding-left: 0.2rem;
        font-size: 0.26rem;
    }

    .Reservation_four {
        margin-top: 0.34rem;
        text-align: center;
    }

    .Reservation_four input {
        display: inline-block;
        width: 5.84rem;
        height: 0.8rem;
        border-radius: 0.08rem;
        border: 1px solid #FFFFFF;
        text-align: center;
        line-height: 0.8rem;
        font-weight: 400;
        font-size: 0.3rem;
        color: #FFFFFF;
        background: none;
        cursor: pointer;
    }


    /* 底部 */
    .plan {
        width: 100%;
        height: 1.34rem;
        background: #020429;
        padding-top: 0.27rem;
        margin-bottom: 1.5rem;
    }

    .plan_1 {
        font-weight: 400;
        font-size: 0.22rem;
        color: #FFFFFF;
        text-align: center;
    }

    .plan_2 {
        font-weight: 400;
        font-size: 0.22rem;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0.1rem;
    }

    .plan_2 img {
        width: 0.24rem;
        height: 0.26rem;
    }

    /* 底部导航栏 */
    .gameover {
        width: 100%;
        /* height: 1.2rem; */
        background: #006CFF;
        box-shadow: 0px -3px 5px 1px rgba(0, 0, 0, 0.16);
        position: fixed;
        bottom: 0;
        padding: 0.43rem 0 0.33rem 0;
        display: flex;
        justify-content: space-evenly;
        z-index: 999;
    }

    .gameover_1_1 {
        width: 0.44rem;
        height: 0.44rem;
    }

    .gameover_1_1 img {
        width: 100%;
        height: 100%;
    }

    .gameover_2_1 {
        width: 0.44rem;
        height: 0.44rem;
        margin: 0 auto;
    }

    .gameover_2_1 img {
        width: 100%;
        height: 100%;
    }

    .gameover_3_1 {
        width: 0.44rem;
        height: 0.44rem;
        margin: 0 auto;
    }

    .gameover_3_1 img {
        width: 100%;
        height: 100%;
    }

    .gameover_1_2 {
        font-weight: 400;
        font-size: 0.24rem;
        color: #FFFFFF;
        margin-top: 0.1rem;
    }

    .gameover_1 a {
        display: inline-block;

    }

    .gameover_1 a:hover {
        text-decoration: none;
    }

    .gameover_2 {
        width: 0px;
        height: 0.85rem;
        border: 1px solid #FFFFFF;
    }
}