* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

ul {
    list-style-type: none;
}
html{
    font-size: 5.208vw;
    font-family:Helvetica, Arial, PingFang SC, Microsoft Yahei, sans-serif;
}
/* @media screen and (min-width: 1200px)and (max-width: 3200px) { */
    body {
        background-color: #f6f6f6;
    }

    .ina1 {
        color: #f36f3a;
        height: 0.77rem;
        line-height: 0.77rem;
        font-size: 0.2rem;
        border-bottom: 0.03rem solid #f36f3a;
    }

    .location {
        width: 40%;
        position: absolute;
        top: 40%;
        left: 10%;
        z-index: 2;
    }

    .location h4 {
        font-size: 0.72rem;
        color: #fff;
    }

    .location p {
        font-size: 0.3rem;
        opacity: 0.8;
        color: #EFEFEFFF;
    }

    .header {
        width: 100%;
        margin: auto;
        background-color: #f6f6f6;
    }

    .cent {
        width: 90%;
        margin: auto;
        /* margin-bottom: 0.2rem; */
    }

    .centA {
        width: 100%;
        /* height: 0px; */
        text-align: center;
        font-size: 2rem;
        opacity: .1;
        color: #333333FF;
        /* position: relative;
        top: 0.48rem; */
    }

    .centB {
        width: 100%;
        font-size: 0.48rem;
        text-align: center;
        color: #333333FF;
        position: relative;
        /* top: -110px; */
    }

    .centB-B {
        width: 100%;
        font-size: 0.48rem;
        text-align: center;
        color: #333333FF;
        position: relative;
        top: -1.1rem;
    }

    .centB img {
        width: 0.41rem;
        height: 0.41rem;
    }

    .xing {
        color: #666666FF;
    }

    .duan {
        margin-top: 0.1rem;
        font-size: 0.3rem;
        color: #F36F3AFF;
        font-weight:300;
    }

    .centlower {
        width: 90%;
        margin: auto;
    }

    .lowerR {
        width: 100%;
    }

    .cencentR {
        width: 100%;
        display: flex;
        margin-top: -0.1rem;
        justify-content: space-between;
    }

    .cencentR1 {
        width: 100%;
        display: flex;
        margin-top: 0.6rem;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .centLeftR {
        width: 49%;
    }

    .centLeftAR {
        width: 60%;
        font-size: 0.42rem;
        color: #F36F3AFF;
    }

    .centLeftAR1 {
        width: 60%;
        text-align: right;
        margin-left: 40%;
        font-size: 0.42rem;
        color: #F36F3AFF;
    }

    .centLeftBR {
        width: 100%;
        margin-top: 10%;
        color: #666666FF;
        font-size: 0.3rem;
        text-align: justify;
        font-weight:300;
    }

    .centRightR {
        width: 49%;
    }

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

    .Icon {
        padding: 1rem 0 0 0;
        box-sizing: border-box;
        width: 90%;
        margin: auto;
    }

    .IconA {
        width: 100%;
    }

    .IconB {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .Icon1 {
        width: 32%;
        height: 3.5rem;
        padding: 0 0.2rem;
        margin-bottom: 0.4rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        background-color: #fff;
    }

    .Icon11 {
        width: 32%;
        height: 3.5rem;
        padding: 0 0.2rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #F36F3AFF;
    }

    .Icon1 h3 {
        margin: 0.2rem 0;
        font-size: 0.32rem;
        color: #333333FF;
    }

    .Icon1 p {
        font-size: 0.22rem;
        color: #666666FF;
        font-weight:300;
    }

    .Icon11 h4 {
        margin: 0.2rem 0;
        margin-top: 0.8rem;
        font-size: 0.3rem;
        color: #fff;
    }

    .Icon11 p {
        font-size: 0.24rem;
        color: #666666FF;
    }

    .Img {
        width: 0.94rem;
        height: 0.94rem;
    }

    .Img img {
        width: 100%;
    }

    .Img1 {
        width: 0.94rem;
        height: 0.94rem;
    }

    .Img1 img {
        width: 100%;
    }

    .Img11 {
        width: 0.8rem;
        height: 1rem;
    }

    .Img11 img {
        width: 100%;
    }

    .match {
        width: 90%;
        margin: auto;
    }

    .linkage {
        width: 100%;
        /* padding: 1rem 0 0 0; */
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
    }

    .matchA,
    .matchB {
        width: 49%;
        box-sizing: border-box;
        padding: 0.7rem 0.5rem 0.5rem 0.2rem;
        display: flex;
        background-color: #fff;
        justify-content: space-between;
    }

    .mach1 {
        width: 50%;
        position: relative;
    }

    .mach1 h4 {
        color: #666666FF;
        font-size: 0.36rem;
        z-index: 15;
        position: absolute;
        top: -1%;
    }

    .hh {
        width: 0.79rem;
        height: 0.24rem;
        margin-top: 0.2rem;
        margin-bottom: 0.47rem;
        background: #F36F3A;
    }

    .mach1 p {
        color: #666666FF;
        font-size: 0.19rem;
        font-weight:300;
    }

    .mach2 {
        width: 30%;
    }

    .match2 img {
        width: 100%;
    }

    .middle {
        width: 90%;
        margin: auto;
        padding: 0.4rem 0 0 0;
        box-sizing: border-box;
    }

    .vientiane {
        width: 100%;
    }

    .middleA {
        width: 100%;
        margin-bottom: 0.4rem;
    }

    .middleA img {
        width: 100%;
    }

    .phase {
        width: 90%;
        margin: auto;
    }

    .phaseTo {
        width: 100%;
        padding: 0.6rem 0;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
    }

    .programme {
        width: 33%;
    }

    .progme {
        width: 95%;
        height: 6.59rem;
        padding-left: 0.5rem;
        box-sizing: border-box;
        background-size: 100% 100%;
        background-image: url(../image/prA.png);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .progmeB {
        width: 95%;
        height: 6.59rem;
        padding-left: 0.5rem;
        box-sizing: border-box;
        background-size: 100% 100%;
        background-image: url(../image/prB.png);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .progmeC {
        width: 95%;
        height: 6.59rem;
        padding-left: 0.5rem;
        box-sizing: border-box;
        background-size: 100% 100%;
        background-image: url(../image/prC.png);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .progme h1 {
        color: #F36F3AFF;
        font-size: 0.48rem;
        margin-bottom: 0.1rem;
    }

    .progme h2 {
        color: #666666FF;
        font-size: 0.32rem;
        margin-bottom: 0.1rem;
        margin-top: 0.1rem;
        font-weight:400;
    }

    .progme h3 {
        color: #333;
        font-size: 0.24rem;
        padding: 0.04rem 0;
        font-weight:300;
    }

    .wisdom {
        width: 90%;
        margin: auto;
    }

    .croe {
        width: 100%;
        padding: 1rem 0 0 0;
        box-sizing: border-box;
    }

    .croe1 {
        width: 100%;
        padding: 0.4rem 0;
        box-sizing: border-box;
    }

    .cro {
        width: 0.67rem;
        margin: auto;
    }

    .cro img {
        width: 100%;
    }

    .croeA {
        width: 100%;
        height: 22.36rem;
        margin: auto;
        position: relative;
        display: flex;
        justify-content: center;
    }

    .croeA img {
        height: 100%;

    }

    .cr {
        position: absolute;
        /* top: 7%; */
        top:1.12rem;
        left: 40%;
        width: 1.17rem;
        height: 0.27rem;
        background-image: url(../image/yingui.png);
    }

    .cr p {
        color: #777777FF;
        font-size: 0.36rem;
        width: 2rem;
        position: absolute;
        top: -70%;
        left: -30%;
        font-weight:400;
    }

    .cr1 {
        position: absolute;
        transform: rotate(360deg);
        /* top: 3%; */
        top: 0.4rem;
        left: 55%;
        width: 1.17rem;
        height: 0.27rem;
        background-image: url(../image/yingui.png);
    }

    .cr1 p {
        color: #777777FF;
        font-size: 0.36rem;
        width: 2rem;
        position: absolute;
        top: -70%;
        left: -30%;
        transform: rotate(360deg);
        font-weight:400;
    }

    .cr2 {
        position: absolute;
        transform: rotate(360deg);
        /* top: 26%; */
        top: 5.13rem;
        left: 55%;
        width: 1.17rem;
        height: 0.27rem;
        background-image: url(../image/yingui.png);
    }

    .cr2 p {
        color: #777777FF;
        font-size: 0.36rem;
        width: 2rem;
        position: absolute;
        top: -70%;
        left: -30%;
        transform: rotate(360deg);
        font-weight:400;
    }

    .cr3 {
        position: absolute;
        transform: rotate(360deg);
        /* top: 32%; */
        top: 7.09rem;
        left: 40%;
        width: 1.17rem;
        height: 0.27rem;
        background-image: url(../image/yingui.png);
    }

    .cr3 p {
        color: #777777FF;
        font-size: 0.36rem;
        width: 2rem;
        position: absolute;
        top: -70%;
        left: -30%;
        transform: rotate(360deg);
        font-weight:400;
    }

    .cr4 {
        position: absolute;
        transform: rotate(360deg);
        /* top: 36%; */
        top: 7.97rem;
        left: 40%;
        width: 1.17rem;
        height: 0.27rem;
        background-image: url(../image/yingui.png);
    }

    .cr4 p {
        color: #777777FF;
        font-size: 0.36rem;
        width: 2rem;
        position: absolute;
        top: -70%;
        left: -30%;
        transform: rotate(360deg);
        font-weight:400;
    }

    .cr5 {
        position: absolute;
        transform: rotate(360deg);
        /* top: 40%; */
        top: 8.82rem;
        left: 40%;
        width: 1.17rem;
        height: 0.27rem;
        background-image: url(../image/yingui.png);
    }

    .cr5 p {
        color: #777777FF;
        font-size: 0.36rem;
        width: 2rem;
        position: absolute;
        top: -70%;
        left: -30%;
        transform: rotate(360deg);
        font-weight:400;
    }

    .cr6 {
        position: absolute;
        transform: rotate(180deg);
        /* top: 50%; */
        top: 11.03rem;
        left: 53%;
        width: 1.17rem;
        height: 0.27rem;
        background-image: url(../image/yingui.png);
    }

    .cr6 span {
        color: #777777FF;
        font-size: 0.36rem;
        /* width: 2rem; */
        position: absolute;
        top: -220%;
        left: -30%;
        transform: rotate(180deg);
        font-weight:400;
    }

    .cr7 {
        position: absolute;
        transform: rotate(180deg);
        /* top: 62%; */
        top: 14.94rem;
        left: 40%;
        width: 1.17rem;
        height: 0.27rem;
        background-image: url(../image/yingui.png);
    }

    .cr7 p {
        color: #777777FF;
        font-size: 0.36rem;
        width: 2rem;
        position: absolute;
        top: -220%;
        left: 5%;
        text-align: right;
        transform: rotate(180deg);
        font-weight:400;
    }

    .cr8 {
        position: absolute;
        transform: rotate(180deg);
        /* top: 78%; */
        top: 16.53rem;
        left: 53%;
        width: 1.17rem;
        height: 0.27rem;
        background-image: url(../image/yingui.png);
    }

    .cr8 span {
        color: #777777FF;
        font-size: 0.36rem;
        /* width: 2rem; */
        position: absolute;
        top: -220%;
        left: -30%;
        transform: rotate(180deg);
        font-weight:400;
    }

    .crdiv {
        position: absolute;
        /* top: 10%; */
        top: 1.76rem;
        left: 32%;
        width: 15%;
        height: 2.6rem;
        border: 0.02rem #ccc dashed;
        padding: 0.1rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

    .crdiv span {
        font-size: 0.26rem;
        color: #999999FF;
        font-weight:300;
    }

    .crdiv1 {
        position: absolute;
        /* top: 6%; */
        top: 1.03rem;
        left: 53%;
        width: 20%;
        height: 3rem;
        border: 0.02rem #ccc dashed;
        padding: 0.2rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .crdiv1 span {
        font-size: 0.26rem;
        color: #999999FF;
        font-weight:300;
    }

    .crdivA {
        width: 50%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }

    .crdiv2 {
        position: absolute;
        /* top: 29%; */
        top: 5.78rem;
        left: 53%;
        width: 15%;
        height: 2.6rem;
        border: 0.02rem #ccc dashed;
        padding: 0.2rem;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }

    .crdiv2 span {
        font-size: 0.26rem;
        color: #999999FF;
        font-weight:300;
    }

    .crdiv3 {
        position: absolute;
        /* top: 43%; */
        top: 9.47rem;
        left: 32%;
        width: 15%;
        height: 2.6rem;
        border: 0.02rem #ccc dashed;
        padding: 0.2rem;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }

    .crdiv3 span {
        font-size: 0.26rem;
        color: #999999FF;
        font-weight:300;
    }

    .crdiv4 {
        position: absolute;
        /* top: 56%; */
        top: 12.19rem;
        left: 53%;
        width: 15%;
        height: 1.8rem;
        border: 0.02rem #ccc dashed;
        padding: 0.2rem;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }

    .crdiv4 span {
        font-size: 0.26rem;
        color: #999999FF;
        font-weight:300;
    }

    .crdiv5 {
        position: absolute;
        /* top: 68%; */
        top: 16.06rem;
        left: 32%;
        width: 15%;
        height: 2.2rem;
        border: 0.02rem #ccc dashed;
        padding: 0.2rem;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }

    .crdiv5 span {
        font-size: 0.26rem;
        color: #999999FF;
        font-weight:300;
    }

    .crdiv6 {
        position: absolute;
        /* top: 86%; */
        top: 17.72rem;
        left: 53%;
        width: 15%;
        height: 1.8rem;
        border: 0.02rem #ccc dashed;
        padding: 0.2rem;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }

    .crdiv6 span {
        font-size: 0.26rem;
        padding-left: 0.05rem;
        color: #999999FF;
        font-weight:300;
    }

    .croeB {
        width: 100%;
        /* height: 700px; */
        background-size: 100% 100%;
        background-image: url(../image/pr0081.png);
        padding-top: 50%;
    }

    .tail {
        width: 100%;
        margin: auto;
        margin-top: 0.4rem;
        height: 3rem;
        background-color: #000000;
        display: flex;
        align-items: center;
    }

    .buttonLeft {
        width: 30%;
        height: 60%;
        display: flex;
        justify-content: center;
    }

    /* .buttonLeft img {
        width: 220px;
        height: 45px;
    } */

    .buttoncenter {
        width: 30%;
        height: 60%;
        color: #fff;
    }

    .lowerA {
        display: flex;
        height: 0.4rem;
        width: 100%;
        text-align: left;
        justify-content: space-between;
    }

    .lowerA a {
        font-size: 16px;
        color: #fff;
        width: 20%;
        height: 0.3rem;
        display: block;
    }

    .lower1 {
        display: flex;
        height: 0.3rem;
        text-align: left;
        justify-content: space-between;
    }

    .lower1 a {
        width: 22%;
        font-size: 0.12rem;
        color: #717171FF;
    }

    .buttonRigth {
        width: 30%;
        height: 60%;
        color: #fff;
    }

    .lower2 {
        display: flex;
        height: 0.3rem;
        text-align: left;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        font-size: 0.12rem;
        color: #717171FF;
    }

    .swiper-contione {
        width: 100%;
        overflow: hidden;
        margin: 0.2rem auto;
        position: relative;
    }

    .swiper {
        width: 9999999px;
        height: 4rem;
        transition: all 1s ease;
    }

    .swiper-item {
        /*width: 100%;*/
        width: 19.2rem;
        height: 100vh;
        float: left;
        position: relative;
    }

    .swiper-item img {
        width: 100%;
        height: 12rem;

    }

    .swiper-item p {
        width: 100%;
        height: 0.5rem;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        text-align: center;
        line-height: 0.5rem;
        cursor: pointer;
    }

    .swiper-point {
        width: 100%;
        height: 0.4rem;
        position: absolute;
        bottom: 0.5rem;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .point {
        width: 0.12rem;
        height: 0.12rem;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.9);
        margin-right: 0.05rem;
        float: left;
    }

    .point.active {
        background: #fff;
    }

    .swiper-left {
        width: 0.74rem;
        height: 1.4rem;
        position: absolute;
        top: 50%;
        left: -0.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.4s ease;
    }

    .swiper-right {
        width: 0.74rem;
        height: 1.4rem;
        position: absolute;
        top: 50%;
        right: -0.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.4s ease;
    }

    .swiper-left img,
    .swiper-right img {
        width: 0.74rem;
        height: 1.4rem;
    }

    .swiper-contione:hover .swiper-left {
        left: 0;
    }

    .swiper-contione:hover .swiper-right {
        right: 0;
    }

    .show-img {
        margin-top: 0.03rem;
        width: 0.14rem;
        height: 0.085rem;
    }

    .show-title {
        margin-left: 0.02rem;
        font-size: 0.12rem;
    }

    .img-box2 {
        margin-left: 0.2rem;
    }

    .img-item {
        margin-top: 0.08rem;
    }
/* } */