* {
    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: 3000px) { */

    /* body {
       
    } */
    .head {
        width: 100%;
    }

    .headA {
        width: 80%;
        margin: auto;
    }

    .Top {
        width: 100%;
        height: 100vh;
        position: relative;
    }

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

    .center {
        width: 80%;
        height: 2.15rem;
        margin: auto;
        margin-bottom: 0.2rem;
    }

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

    .centA {
        width: 100%;
        text-align: center;
        /* height: 151px; */
        font-size: 1.5rem;
        opacity: .1;
        color: #333333FF;
    }

    .centB {
        position: absolute;
        bottom: 0.2rem;
        width: 100%;
        font-size: 0.48rem;
        text-align: center;
        color: #333333FF;
    }

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

    .data {
        width: 100%;
        margin-top: 0.5rem;
    }

    .chart {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }

    .chartA {
        width: 60%;
    }

    .chartA img {
        width: 100%;
    }

    .chartB {
        width: 30%;
        padding: 0 0.2rem;
        margin-left: 0.8rem;
        box-sizing: border-box;
        margin-top: 0.9rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: justify;
    }

    .chartB h3 {
        /* margin: 0.4rem 0; */
        color: #3B3B3BFF;
        font-size: 0.32rem;
        padding-bottom: 0.4rem;
    }
    .chartB div {
        font-size: 0.24rem;
        font-weight:300;
    }

    .chartB div p {
        color: #3B3B3BFF;
        font-size: 0.2rem;
        height: 50%;
    }

    .IpA {
        position: absolute;
        top: 40%;
        left: 59%;
        width: 30%;
        height: 0.91rem;
        z-index: 1;
    }

    .IpA img {
        /* width: 100%; */
        height: 0.91rem;
    }

    .lpark {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .park {
        width: 30%;
    }

    .park img {
        width: 100%;

    }

    .park1 {
        width: 28%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .park1 h3 {
        color: #3B3B3BFF;
        font-size: 0.32rem;
    }

    .pap {
        font-size: 0.24rem;
        font-weight:300;
    }

    .park1 img {
        width: 5.54rem;
        height: 0.28rem;
        object-fit: contain;
    }

    .park2 img {
        width: 100%;
    }

    .park2 {
        width: 28%;
    }

    .product {
        width: 100%;
        margin-top: 0.3rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .productA {
        width: 30%;
        margin-top: 0.1rem;
        padding-top: 0.5rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .image {
        width: 100%;
    }

    .image img {
        /* height: 400px; */
        width: 100%;
    }

    .image1 {
        width: 100%;
        height: 4.57rem;
        background-color: #fff;
    }

    .image1 img {
        /* height: 400px; */
        width: 100%;
    }

    .productA img {
        width: 100%;
    }

    .prop {
        width: 100%;
        display: flex;
        margin-top: 0.3rem;
        align-items: center;
    }

    .prop img {
        width: 0.28rem;
        height: 0.17rem;
        margin-left: 0.1rem;
    }

    .prop p {
        color: #3B3B3BFF;
        font-size: 0.3rem;
    }

    .props {
        width: 100%;
        margin-top: 0.2rem;
        display: flex;
        font-size: 0.17rem;
        text-align: justify;
        color: #333;
        font-weight:300;
    }

    .system {
        width: 100%;
        margin-top: 0.8rem;
        position: relative;
    }

    .system img {
        width: 100%;
    }

    .sym {
        position: absolute;
        top: 17%;
        left: 13%;
        font-size: 0.48rem;
        color: #fff;
    }

    .syms {
        position: absolute;
        width: 2.73rem;
        height: 1.25rem;
        top: 40%;
        left: 20%;
        opacity: 60%;
        font-size: 0.16rem;
        color: #fff;
    }

    .home {
        width: 80%;
        margin: auto;
    }

    .lamp {
        width: 100%;
        margin-top: 1.5rem;
        margin-bottom: 1rem;
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
    }

    .wisdom {
        width: 100%;
        padding-top: 1rem;
        box-sizing: border-box;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .lampA {
        width: 70%;
        display: flex;
        justify-content: space-evenly;
    }

    .lampAA {
        width: 70%;
        display: flex;
        justify-content: space-evenly;
    }

    .lamp1 {
        width: 48%;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .lampImg {
        width: 100%;
        height: 2.7rem;
        margin-bottom: 0.1rem;
    }

    .lampImg1 {
        width: 100%;
        height: 2.7rem;
        margin-top: 0.1rem;
    }

    .lamp11 {
        width: 48%;
        height: 7.2rem;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .lamp11img {
        width: 100%;
        height: 2.7rem;
    }

    .lamp22 {
        width: 48%;
        height: 8.3rem;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .lamp22 img {
        width: 100%;
        height: 2.7rem;
    }

    .lamp2 {
        width: 48%;
        justify-content: space-between;
        display: flex;
        flex-direction: column;
    }

    .lamp2 img {
        width: 100%;
        height: 2.7rem;
    }

    .lamp3 {
        display: flex;
        flex-direction: column;
    }

    .lamp3 img {
        width: 100%;
        height: 2.7rem;
        margin-bottom: 0.1rem;
    }

    .lamp4 img {
        width: 100%;
        height: 2.7rem;
        margin-top: 0.1rem;
    }

    .lamp4 {
        display: flex;
        flex-direction: column;
    }

    .lel {
        width: 30%;
    }

    .belt {
        width: 100%;
        position: relative;
    }

    .bolt img {
        width: 100%;
    }

    .beltA {
        position: absolute;
        top: 0px;
        padding: 0.2rem;
        box-sizing: border-box;
        width: 100%;

    }

    .img {
        width: 100%;
    }

    .img11 {
        width: 100%;
        background-image: linear-gradient(to right, rgb(234, 243, 243), transparent);
    }

    .beltA h5 {
        color: #3B3B3BFF;
        font-size: 0.4rem;
        padding-bottom: 0.2rem;
        box-sizing: border-box;
    }

    .ct {
        transform: rotate(270deg);
        margin-bottom: 0.05rem;
    }

    .ct img {
        width: 0.28rem;
        height: 0.17rem;
    }

    .ct-0 {
        transform: rotate(90deg);
        margin-bottom: 0.05rem;
    }

    .ct-0 img {
        width: 0.28rem;
        height: 0.17rem;
    }

    .wim {
        width: 30%;
        height: 8.1rem;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .wimimg {
        width: 100%;
    }

    .wiso {
        display: flex;
        flex-direction: column;
        width: 40%;
    }

    .wionimg {
        width: 100%;
        height: 2.7rem;
    }

    .ling {
        width: 100%;
        height: 2.7rem;
    }

    .oo {
        display: flex;
        width: 100%;
        flex-direction: column;
        margin-top: 0.8rem;
    }

    .admin {
        width: 100%;
        height: 5.5rem;
        margin-top: 0.1rem;
        background-image: linear-gradient(to left, rgb(234, 243, 243), transparent), url(../image/core44.png);
    }

    .adminS {
        width: 100%;
        height: 5.5rem;
        margin-top: 1rem;
        background-image: linear-gradient(to left, rgb(234, 243, 243), transparent), url(../image/core29.png);
    }

    .adminSS {
        width: 100%;
        height: 5.5rem;
        background-image: linear-gradient(to left, rgb(234, 243, 243), transparent), url(../image/core27.png);
    }

    .admin1 {
        padding: 0.2rem;
        box-sizing: border-box;
    }

    .admin1 h5 {
        color: #3B3B3BFF;
        font-size: 0.4rem;
        margin-bottom: 0.39rem;
    }

    .admin15 {
        padding: 0.2rem;
        box-sizing: border-box;
    }

    .admin15 h5 {
        color: #3B3B3BFF;
        font-size: 0.4rem;
        text-align: right;
        margin-bottom: 0.39rem;
    }

    .img1 {
        width: 100%;
        height: 5.5rem;
    }

    /* .wim0 img {
    width: 100%;
} */
    .wim1 {
        position: absolute;
        top: 0.3rem;
        margin-bottom: 0.1rem;
    }

    .wim1img {
        width: 100%;
        height: 5.32rem;
    }

    .img {
        width: 100%;
        height: 5.5rem;
    }

    .wim1 h5 {
        color: #3B3B3BFF;
        font-size: 0.4rem;
    }

    .can {
        width: 30%;
        height: 8.1rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .can img {
        width: 100%;
    }

    .cans {
        margin-top: 0.1rem;
    }

    .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: 0.16rem;
        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%;
        height: 100vh;
        overflow: hidden;
        margin: auto;
        position: relative;
    }

    .swiper {
        width: 9999999px;
        height: 100vh;
        transition: all 1s ease;
    }

    .swiper-item {
        width: 19.2rem;
        /*height: 100vh;*/
        width: 100%;


        float: left;
        position: relative;
    }

    .swiper-item img {
        width: 100%;
        height: 100vh;
    }

    .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.6rem;
        height: 100%;
        position: absolute;
        top: 0;
        left: -0.77rem;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.4s ease;
    }

    .swiper-right {
        width: 0.6rem;
        height: 100%;
        position: absolute;
        top: 0;
        right: -0.77rem;
        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;
    }

    .location {
        width: 40%;
        position: absolute;
        top: 50%;
        left: 35%;
    }

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

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

    /* 头部 */
    .Top {
        width: 100%;
        height: 100vh;
        position: relative;
    }

    .we {
        width: 100%;
        position: absolute;
        top: 0;
        z-index: 77;
    }

    .wei {
        width: 80%;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        top: 0;
        left: 10%;
    }

    .zong {
        width: 1.32rem;
        height: 0.27rem;
    }

    .weimg {
        height: 0.8rem;
        width: 100%;
    }

    .weii {
        width: 15%;
        height: 0.8rem;
        display: flex;
        align-items: center;
    }

    .inde {
        width: 60%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .ina {
        height: 0.77rem;
        line-height: 0.77rem;
        font-size: 0.18rem;
        color: #EFEFEFFF;
    }

    .ina:hover {
        color: #f36f3a;
        font-size: 0.18rem;
        border-bottom: 0.03rem solid #f36f3a;
    }

    .indes {
        width: 22%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        font-size: 0.24rem;
        color: #EFEFEFFF;
    }

    .indes img {
        height: 0.39rem;
        width: 0.39rem;
        margin-right: 0.15rem;
    }

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

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

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

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