.banner {
    width: 100%;
    height: auto;
    font-size: 2vw;
    color: #fff;
    font-weight: 600;
    text-align: center;
    position: relative;
}
.banner .text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.pcImg{
    display: block;
}
.mobileImg{
    display: none;
}

.regionMobile {
    display: none;
}

.center {
    background-color: #fff;
}

.tabs {
    width: 75%;
    height: calc(5vw - 4px);
    margin: 0 auto;
        margin-top: calc(-5vw + -7px);
    background-color: #fff;
    border-bottom: 1px solid #816456;
    position: relative;
}

.tabs .line {
    position: absolute;
    top: 1.5vw;

    width: 1px;
    height: 2vw;
    background-color: #999;
}

.tabs .tab {
    width: calc(33% - 1px);
    float: left;
    line-height: 5vw;
    text-align: center;
    font-size: 1.2vw;
    cursor: pointer;
}

.tabs .tabHover {
    color: #ff5500;
    height: calc(5vw - 4px);
    border-bottom: 2px solid #ff5500;
}

.tabs .tab:hover {
    color: #ff5500;
    height: calc(5vw - 4px);
    border-bottom: 2px solid #ff5500;
}

#tab2,
#tab3 {
    display: block;
}

.centerRegion {
    width: 75%;
    margin: 0 auto;
}


.region1 {
    margin-top: 3vw;
    width: calc(100% - 4vw);
    height: auto;
    background-color: #f7f7f7;
    padding: 2vw;
}

.region1 .title {
    font-size: 1.8vw;
    font-weight: 600;
}

.region1 .info {
    font-size: 1vw;
    color: #000a;
    line-height: 2.1vw;
}

.region2 {
    margin-top: 1.5vw;
    width: 100%;
    height: auto;
    background-color: #f7f7f7;

}

.region2 .img {
    float: left;
    width: 50%;
}

.region2 .left {
    float: left;
    width: calc(50% - 3vw);
    padding: 3vw 1.5vw 3vw 1.5vw;
}

.region2 .left .title2 {
    font-size: 1.6vw;
    font-weight: 600;
}

.region2 .left .span2 {
    font-size: 0.9vw;
    line-height: 1.6vw;
}

.region3 {
    margin-top: 1.5vw;
    width: 100%;
    height: auto;
    background-color: #f7f7f7;

}

.region3 .img {
    float: left;
    width: 50%;
}

.region3 .right {
    float: left;
    width: calc(50% - 3vw);
    padding: 3vw 1.5vw 3vw 1.5vw;
}

.region3 .right .title2 {
    font-size: 1.6vw;
    font-weight: 600;
}

.region3 .right .span2 {
    font-size: 0.9vw;
    line-height: 1.6vw;
}

.region4 {
    margin-top: 1.5vw;
    width: 100%;
    height: auto;
    position: relative;
}

.region4 .title {
    line-height: 5vw;
    font-size: 1.6vw;
    color: #000;
    font-weight: 600;
    text-align: center;
}

.region4 .item {
    width: 100%;
    /*width: 24%;*/
    /*margin-right: 1%;*/
    float: left;
    background-color: #eee;
}

.region4 .item .img {
    width: 95%;
    margin-top: 0.4vw;
    height: 27vw;
    margin-left: 50%;
    transform: translateX(-50%);
    background-image: url(../img/img.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;

}

.region4 .item .info {
    width: 100%;
    height: 2vw;
    line-height: 2vw;
    text-align: center;
    font-size: 0.9vw;
}

.region4 .item2 {
    width: 100%;
    /*width: 32%;*/
    /*margin-right: 1%;*/
    float: left;
    background-color: #eee;
}

.region4 .item2 .img {
    width: 95%;
    margin-top: 0.4vw;
    height: 17vw;
    margin-left: 50%;
    transform: translateX(-50%);
    background-image: url(../img/img.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;

}

.region4 .item2 .info {
    width: 100%;
    height: 2vw;
    line-height: 2vw;
    text-align: center;
    font-size: 0.9vw;
}

/* 产业布局 */


.region2_1 {
    margin-top: 3vw;
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f7f7f7;
    padding-bottom: 1vw;
}

.region2_1 .title {
    line-height: 5vw;
    font-size: 1.6vw;
    color: #000;
    font-weight: 600;
    text-align: center;
}

.region2_1 .span {
    line-height: 1.2vw;
    font-size: 0.8vw;
    color: #0009;
    font-weight: 600;
    text-align: center;
}

.region2_2 .item {
    width: 49%;
    margin-right: 1%;
    float: left;
    background-color: #eee;
    margin-bottom: 1vw;
}

.region2_2 .item .img {
    width: 100%;
    /* height: 27vw; */
    background-image: url(../img/img.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;

}

.region2_2 .item .info {
    padding: 2vw 1vw;
}

.region2_2 .item .info .title {
    width: 100%;
    height: 2vw;
    line-height: 2vw;
    text-align: left;
    font-size: 1.2vw;
}

.region2_2 .item .info .span {
    margin-top: 1vw;
    width: 100%;
    color: #000a;
    line-height: 1vw;
    text-align: left;
    font-size: 0.8vw;
    height: 4vw;
}

.region2_2 .item2 {
    width: 24%;
    margin-right: 1%;
    float: left;
    background-color: #eee;
}


.region2_2 .item2 .img {
    width: 100%;
    /* height: 17vw; */
    background-image: url(../img/img.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;

}

.region2_2 .item2 .info {
    padding: 2vw 1vw;
}

.region2_2 .item2 .info .title {
    width: 100%;
    height: 2vw;
    line-height: 2vw;
    text-align: left;
    font-size: 1.2vw;
}

.region2_2 .item2 .info .span {
    margin-top: 1vw;
    width: 100%;
    color: #000a;
    line-height: 1vw;
    text-align: left;
    font-size: 0.8vw;
    height: 3vw;
}

#tab3 .title {
    line-height: 5vw;
    font-size: 1.6vw;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin-top: 1vw;
}


#tab3 .formItem {
    width: 45%;
    margin-right: 8%;
    margin-bottom: 1vw;
    float: left;
}

#tab3 .formItem:nth-child(2n) {
    margin-right: 0
}


#tab3 .formItem .title {
    width: 100%;
    text-align: left;
    font-size: 1vw;
    font-weight: 500;
    line-height: 1.5vw;
    padding-left: 0.5vw;
}

#tab3 .formItem input {
    width: 100%;
    height: 3vw;
    padding: 0 0.6vw;
    font-size: 0.8vw;
    border: 1px solid #0002;
}

#tab3 .button {
    width: 10vw;
    line-height: 2vw;
    height: 2vw;
    font-size: 1vw;
    color: #fff;
    background-color: #ea6200;
    text-align: center;
    margin: 0 auto;
}

#tab3 .bottomTel {
    margin: 8vw 0;
}

#tab3 .bottomTel .item {
    width: 31%;
    float: left;
    margin-right: 2%;
    margin-bottom: 1vw;
    height: auto;
    border: 1px solid #0003;
}

#tab3 .bottomTel .item:nth-child(3n) {
    margin-right: 0
}

#tab3 .bottomTel .item .icon {
    margin: 1vw auto;
    width: 2vw;
    height: 2vw;
    background-image: url(../img/icon_1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#tab3 .bottomTel .item .title {
    width: 100%;
    font-size: 1.4vw;
    font-weight: 600;
    line-height: 3vw;
}

#tab3 .bottomTel .item .address {
    width: 100%;
    font-size: 0.8vw;
    line-height: 1.6vw;
    text-align: center;
}

#tab3 .bottomTel .item .info {
    width: 100%;
    font-size: 0.8vw;
    line-height: 5vw;
    text-align: center;
}

    #tab3 .bottomTel .item  .address img{
    width: 26.8%;

    }
    .leftIcon{
        position: absolute;
        height: 100%;
        width: 7vw;
        left: 0;
        transform: translateX(-100%);
    }
    .leftIcon svg {
        width: 100%;
        height: 100%;
    }
    .rightIcon{
        position: absolute;
        height: 100%;
        width: 7vw;
        top: 0;
        right:  0;
        transform: translateX(100%);
    }
    .rightIcon svg {
        width: 100%;
        height: 100%;
    }
    .swiper-button-lock{
        display: block !important
    ;
    }
    

    .swiper {
      width: calc(100% - 90px);
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }