main {
    position: relative; 
    overflow: hidden; 
}
header > div:nth-child(1) { 
    height: 6vh;
}
header {
    height: auto;
    height: 42vw;
}
.section1 {
    /* width: 100%;
    line-height: 300px;
    text-align: center;
    font-size: 60px;
    font-weight: 600;
    overflow: hidden;
    color: #fff;
    background-image: url("/img/example/1-banner.png");
    background-position: center center;
    background-repeat: no-repeat; */
    z-index: 998;
    width: 100%;
    overflow: hidden;
    background-image: url('/img/add/长方形占位图@1.5x.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.section1-banner-img {
    width: 100%;
    height: auto;
    height: 42vw;
    transition: transform 3s ease; /* 3秒的过渡效果 */
    transform-origin: center center; /* 缩放时以图片中心为原点 */
    transform: scale(1.1);
    opacity: 0;
}

.section1-banner-zi-img {
    position: absolute;
    z-index: 999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.section1-banner-zi-img-connect {
    width: 47%;
    height: auto;
}
.connect-header {
    position: relative;
    height: 444px;
}
.connect-header-top {
    position: absolute;
    z-index: 999;
    display: flex;
    width: 66%;
    justify-content: space-between;
}
.connect-header-top > img {
    width: 230px;
    height: 48px;
}
.connect-header-banner {
    position: absolute;
    z-index: 998;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
}
.connect-header-banner-img {
    width: 100%;
    height: 444px;
    transition: transform 3s ease; /* 3秒的过渡效果 */
    transform-origin: center center; /* 缩放时以图片中心为原点 */
    transform: scale(1.1);
}
.connect-header-banner-zi-img {
    position: absolute;
    z-index: 999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.connect-main-box {
    padding: 8vh 16%;
}
.connect-map {
    /* height: 700px;  */
    margin-bottom: 8vh;
}
.connect-map-title {
    text-align: center;
    margin-bottom: 8vh;
    font-size: 28px; 
    font-size: 1.42vw; 
}
.connect-map-box {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 0.89vw;
}
.connect-map-box-top {
    position: absolute;
    top: 3px;
    top: 0.15vw;
    width: 100%;
    /* height: 100%; */
    left: 44%;
    display: flex;
    align-items: center;
}
.connect-map-box-top > img {
    width: 1%;
    height: 3.6%;
}
.connect-map-box-top > span {
    margin-left: 0.42vw;
    vertical-align: super;
}
.connect-map-box-top-gs-point1 {
    width: 1.6%!important;
    height: 4.5%!important;
}
.connect-map-box-top-gs-point2 {
    width: 1.6%!important;
    height: 4.5%!important;
    margin-left: 32px;
    margin-left: 1.68vw;
}
.connect-map-box-top-point {
    margin-left: 32px;
    margin-left: 1.68vw;
}
.connect-map-box-office-point {
    width: 1.9%;
    height: 4.8%;
    position: absolute;
    top: 39%;
    left: 34%;
    z-index: 999; 
}
.connect-map-box-head-office-point {
    width: 1.9%;
    height: 4.8%;
    position: absolute;
    top: 47%;
    left: 34.8%;
    z-index: 1000; 
}
.connect-map-box-head-office-point1 {
    width: 1.9%;
    height: 4.8%;
    position: absolute;
    top: 47.2%;
    left: 34.5%;
    z-index: 999;
}
.connect-map-box-branch-point {
    width: 1.9%;
    height: 4.8%;
    position: absolute;
    top: 37.5%;
    right: 28%;
    z-index: 999; 
}
.connect-map-box-office-point1 {
    width: 1.9%;
    height: 4.8%;
    position: absolute;
    top: 27%;
    left: 3.5%;
    z-index: 998; 
}
.connect-map-box-office-point1-name {
    position: absolute;
    top: 27.2%;
    left: 5.8%;
    z-index: 998; 
    color: #3D3D3D;
}
.connect-map-box-office-point2 {
    width: 1.9%;
    height: 4.8%;
    position: absolute;
    top: 58.2%;
    left: 31.8%;
    z-index: 998; 
}
.connect-map-box-office-point2-name {
    position: absolute;
    top: 58.4%;
    left: 26.1%;
    z-index: 998; 
    color: #3D3D3D;
}
.connect-map-box-office-point3 {
    width: 1.9%;
    height: 4.8%;
    position: absolute;
    top: 61.2%;
    left: 36.8%;
    z-index: 998; 
}
.connect-map-box-office-point3-name {
    position: absolute;
    top: 61.4%;
    left: 39.1%;
    z-index: 998; 
    color: #3D3D3D;
}
.connect-map-box-office-point4 {
    width: 1.9%;
    height: 4.8%;
    position: absolute;
    top: 56%;
    left: 38%;
    z-index: 998; 
}
.connect-map-box-office-point4-name {
    position: absolute;
    top: 56.4%;
    left: 40.3%;
    z-index: 998; 
    color: #3D3D3D;
}
.connect-map-box-office-point5 {
    width: 1.9%;
    height: 4.8%;
    position: absolute;
    top: 52%;
    left: 33.5%;
    z-index: 998; 
}
.connect-map-box-office-point5-name {
    position: absolute;
    top: 52.4%;
    left: 35.8%;
    z-index: 998; 
    color: #3D3D3D;
}
.connect-map-box-office-point6 {
    width: 1.9%;
    height: 4.8%;
    position: absolute;
    top: 52%;
    left: 31.3%;
    z-index: 998; 
}
.connect-map-box-office-point6-name {
    position: absolute;
    top: 52.4%;
    left: 25.7%;
    z-index: 998; 
    color: #3D3D3D;
}
.connect-map-box-office-point7 {
    width: 1.9%;
    height: 4.8%;
    position: absolute;
    top: 47%;
    left: 36.8%;
    z-index: 998; 
}
.connect-map-box-office-point7-name {
    position: absolute;
    top: 47.2%;
    left: 39%;
    z-index: 998; 
    color: #3D3D3D;
}
.connect-map-box-office-point8 {
    width: 1.9%;
    height: 4.8%;
    position: absolute;
    top: 48%;
    left: 74.8%;
    z-index: 998; 
}
.connect-map-box-office-point8-name {
    position: absolute;
    top: 48.2%;
    left: 77.1%;
    z-index: 998; 
    color: #3D3D3D;
}
.connect-map-box-office-point9 {
    width: 3.9%;
    height: 7.6%;
    position: absolute;
    top: 38%;
    left: 74%;
    z-index: 998; 
}
.connect-map-box-office-point9-name {
    position: absolute;
    top: 39.4%;
    left: 77.4%;
    z-index: 998; 
    color: #3D3D3D;
}
.connect-map-box-office-point10 {
    width: 3.9%;
    height: 7.6%;
    position: absolute;
    top: 42%;
    left: 33%;
    z-index: 998; 
}
.connect-map-box-office-point10-name {
    position: absolute;
    top: 43.2%;
    left: 36.2%;
    z-index: 998; 
    color: #3D3D3D;
}
.mg-line {
    border: 1px solid #00A3E6;
    position: absolute;
    top: 26%;
    left: 76%;
    z-index: 998; 
    height: 12%;
}
.mg-dot {
    width: 0.42vw;
    height: 0.42vw;
    position: absolute;
    background: #00A3E6;
    border-radius: 50%;
    top: 26%;
    left: 76%;
    transform: translate(-30%, -50%);
    z-index: 998; 
}
.mg-address {
    position: absolute;
    top: 19%;
    left: 64%;
    z-index: 998; 
    background: #00A3E6;
    border-radius: 1.05vw 1.05vw 1.05vw 1.05vw;
    padding: 0.42vw 0.78vw;
    height: 6%;
    color: #fff;
}
.mg-address-dot {
    width: 0.68vw;
    height: 0.68vw;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
}
.zg-line {
    border: 1px solid #00A3E6;
    position: absolute;
    top: 45%;
    left: 40.2%;
    z-index: 998;
    width: 9%;
}
.zg-dot {
    width: 0.42vw;
    height: 0.42vw;
    position: absolute;
    background: #00A3E6;
    border-radius: 50%;
    top: 45%;
    left: 49%;
    transform: translate(-30%, -50%);
    z-index: 998; 
}
.zg-address1 {
    position: absolute;
    top: 41.5%;
    left: 49.8%;
    z-index: 998; 
    background: #00A3E6;
    border-radius: 1.05vw 1.05vw 1.05vw 1.05vw;
    padding: 0.42vw 0.78vw;
    height: 6%;
    color: #fff;
}
.zg-address-dot1 {
    width: 0.68vw;
    height: 0.68vw;
    background: #EE7326;
    border-radius: 50%;
    display: inline-block;
}
.zg-address2 {
    position: absolute;
    top: 48.5%;
    left: 49.8%;
    z-index: 998; 
    background: #00A3E6;
    border-radius: 1.05vw 1.05vw 1.05vw 1.05vw;
    padding: 0.42vw 0.78vw;
    height: 6%;
    color: #fff;
}
.zg-address-dot2 {
    width: 0.68vw;
    height: 0.68vw;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
}
.zg-address3 {
    position: absolute;
    top: 55.5%;
    left: 49.8%;
    z-index: 998; 
    background: #00A3E6;
    border-radius: 1.05vw 1.05vw 1.05vw 1.05vw;
    padding: 0.42vw 0.78vw;
    height: 6%;
    color: #fff;
}
.zg-address-dot3 {
    width: 0.68vw;
    height: 0.68vw;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
}
.connect-map-box-office-parent {
    color: #3D3D3D;
    position: absolute;
    top: 47%;
    left: 34.8%;
    z-index: 1000;
    width: 1.9%;
    height: 4.8%;
}
.connect-map-box-office-parent > .connect-map-box-office {
    display: block;
    background-color: #fff;
    box-shadow: 0px 2px 4px 0px rgba(26,74,94,0.24);
    padding: 0.15vw;
    /* width: 140px; */
    width: 14.36vw;
    position: absolute;
    top: -0.26vw;
    left: 125%;
    text-align: center;
}
.connect-map-box-office {
    /* display: none; */
}
.connect-map-box-branch {
    /* display: none; */
}
.connect-map-box-aomen {
    /* display: none; */
}
.connect-map-box-branch-parent {
    color: #3D3D3D;
    position: absolute;
    top: 37.5%;
    right: 28%;
    z-index: 1000;
    width: 1.9%;
    height: 4.8%; 
}
.connect-map-box-branch-parent > .connect-map-box-branch {
    display: block;
    background-color: #fff;
    box-shadow: 0px 2px 4px 0px rgba(26,74,94,0.24);
    padding: 0.15vw;
    /* width: 130px; */
    width: 12.84vw;
    position: absolute;
    top: -1.7vw;
    left: -6.15vw;
    text-align: center;
}
.connect-map-box-aomen-parent {
    color: #3D3D3D;
    position: absolute;
    top: 47.2%;
    left: 34.5%;
    z-index: 1000;
    width: 1.9%;
    height: 4.8%;
}
.connect-map-box-aomen-parent > .connect-map-box-aomen {
    display: block;
    background-color: #fff;
    box-shadow: 0px 2px 4px 0px rgba(26,74,94,0.24);
    padding: 0.15vw;
    /* width: 130px; */
    width: 9.84vw;
    position: absolute;
    top: 0px;
    left: -800%;
    text-align: center;
}
.connect-map-box-cq {
    /* display: none; */
}
.connect-map-box-cq-parent {
    color: #3D3D3D;
    position: absolute;
    top: 39%;
    left: 34%;
    z-index: 1000;
    width: 1.9%;
    height: 4.8%;
}
.connect-map-box-cq-parent > .connect-map-box-cq {
    display: block;
    background-color: #fff;
    box-shadow: 0px 2px 4px 0px rgba(26,74,94,0.24);
    padding: 0.15vw;
    /* width: 130px; */
    width: 11.84vw;
    position: absolute;
    top: -1.7vw;
    left: -5.15vw;
    text-align: center;
}
.connect-map-box-img {
    position: absolute;
    width: 100%;
    height: auto;
    border: 2px solid #f2f8fa;
}
.connect-together-title {
    text-align: center;
    /* margin-top: 8vh; */
    margin-bottom: 8vh;
    font-size: 28px;
    font-size: 1.42vw;  
}
.connect-together-box-ways {
    display: flex;
    flex-wrap: wrap;
}
.ways-item {
    width: 30%;
    position: relative;
    height: 9.26vw;
    background: #FFFFFF;
    box-shadow: 0px 5px 15px 0px rgba(160,184,198,0.4);
    border-radius: 0px 0px 0px 0px;
    /* margin-bottom: 28px; */
    margin-bottom: 5vh;
    margin-right: 5%;
}
.connect-together-box-ways > .ways-item:nth-child(3n) { 
    margin-right: 0;
}
.ways-item-header {
    display: flex;
    /* margin-left: 24px;
    margin-top: 20px;
    margin-bottom: 36px; */
    margin-left: 1.26vw;
    margin-top: 1.05vw;
    margin-bottom: 1.89vw;
    align-items: center;
}
.ways-item-header-sj {
    margin-bottom: 1.05vw;
}
.ways-item-header > img {
    /* width: 40px;
    height: 40px; */
    width: 2.1vw;
    height: 2.1vw;
    margin-right: 0.42vw;
}
.ways-item-title {
    font-weight: 700;
    margin-left: 1.26vw;
    position: relative;
}
.sj-title-box1 {
    margin-bottom: 10px;
    margin-bottom: 0.52vw;
}
.sj-title-box1 > span:nth-child(1) {
    margin-right: 5px;
    margin-right: 0.26vw;
}
.sj-title-box2 > span:nth-child(1) {
    margin-right: 5px;
    margin-right: 0.26vw;
}
.ways-item-title > img {
    width: 1.68vw;
    height: 1.68vw;
    margin-left: 8px;
    margin-left: 0.42vw;
    vertical-align: text-top;
    cursor: pointer;
}
.ways-item-bg-box {
    position: absolute;
    right: 0;
    bottom: -4px;
    bottom: -0.21vw;
}
.ways-item-bg-box > img {
    width: 11.4vw;
    height: auto;
}
.ways-item-bg-box-address {
    right: -1.3%!important;
    bottom: -8%!important;
}
.ways-item-gzh-bg-box {
    position: absolute;
    left: 5%;
    bottom: -8.4vw;
    background: #FFFFFF;
    /* width: 146px;
    height: 148px; */
    width: 8.68vw;
    height: 7.78vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    z-index: 999;
    display: none;
    /* box-shadow: 0px 2px 6px 0px rgba(160,184,198,0.4); */
    box-shadow: 0px 5px 15px 0px rgba(160,184,198,0.4);
    background: #FFFFFF;
    border-radius: 5px;
}
.box-weight {
    left: -17%;
    width: 15.36vw;
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
.ways-item-gzh-bg-box::after {  
    content: '';  
    position: absolute;  
    top: -6px;
    top: -0.32vw;  
    left: calc(50% + 25px); 
    left: calc(50% + 1.31vw);  
    margin-left: -25px; /* 三角形宽度的一半且方向相反 */
    margin-left: -1.31vw;   
    width: 0;  
    height: 0;  
    border-left: 3px solid transparent;  
    border-right: 3px solid transparent;  
    border-bottom: 6px solid #fff; /* 三角形的高度和颜色 */
    border-left: 0.15vw solid transparent;  
    border-right: 0.15vw solid transparent;  
    border-bottom: 0.31vw solid #fff; /* 三角形的高度和颜色 */
}
.ways-item-gzh-main:hover .ways-item-gzh-bg-box {
    display: flex;
}
.ways-item-gzh-bg-title {
    text-align: center;
    font-size: 12px;
    margin-bottom: 5px;
    font-size: 0.58vw;
}
.ways-item-gzh-bg-box > img {
    /* width: 104px;
    height: 104px; */
    width: 5.47vw;
    height: 5.47vw;
    border: 1px solid #3D3D3D;
}
.ways-item-gzh-bg-box-item > img {
    /* width: 104px;
    height: 104px; */
    width: 5.47vw;
    height: 5.47vw;
    border: 1px solid #3D3D3D;
}
.address-item {
    width: 100%!important;
    height: auto!important;
    padding-top: 24px;
    padding-top: 1.26vw;
}
.address-item-header {
    margin-top: 0px;
}
.address-title {
    padding-bottom: 32px;
    padding-bottom: 1.68vw;
}
.ways-item-gzh-main > span:nth-child(1){
    vertical-align: -webkit-baseline-middle;
}
.footer-box {
    display: flex;
    padding: 3% 16% 4% 16%;
    justify-content: space-between;
}
.footer-left-logo {
    width: 246px;
    height: 51px;
    margin-bottom: 60px;
    width: 12.94vw;
    height: 2.68vw;
    margin-bottom: 3.15vw;
}
.footer-left-imgs {
   margin-top: 16px;
   margin-bottom: 16px;
   display: flex; 
   margin-top: 0.84vw;
   margin-bottom: 0.84vw;
}
.footer-left-imgs > img {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    width: 0.84vw;
    height: 0.84vw;
    margin-right: 0.31vw;
}
.footer-left-imgs-wx {
    position: relative;
    margin-right: 6px;
    margin-right: 0.31vw;
}
.footer-left-imgs-wx > img {
    /* width: 32px;
    height: 32px; */
    width: 1.68vw;
    height: 1.68vw;
}
.imgs-wx-box {
    position: absolute;
    left: 0;
    top: -8.42vw;
    background: #FFFFFF;
    width: 200px;
    width: 13vw;
    display: flex;
    /* flex-direction: column; */
    /* align-items: center; */
    padding: 0.26vw;
    z-index: 999;
    display: none;
    transform: translateX(-45%);
    border-radius: 0.26vw;
}
.footer-left-imgs-wx:hover .imgs-wx-box {
    display: flex;  
}
.imgs-wx-box-title {
    text-align: center;
    font-size: 12px;
    color: #3D3D3D;
    margin-right: 5px;
    font-size: 0.63vw;
    margin-right: 0.26vw;
}
.imgs-wx-box > div > img {
    /* width: 110px;
    height: 110px; */
    width: 5.78vw;
    height: 5.78vw;
    border: 1px solid #3D3D3D;
}
.footer-left-address img {
    width: 20px;
    height: 20px;
    margin-right: 3px;
    width: 1.05vw;
    height: 1.05vw;
    margin-right: 0.15vw;
}
.footer-right {
    display: flex;
}
/* .footer-right-item {
    margin-right: 70px;
}
.footer-right-item-last {
    margin-right: 0!important;
} */
.footer-right-item-title {
    margin-bottom: 32px;
}
.footer-right-item > ul {
    list-style-type: none;
}
.footer-right-item > ul > li {
    font-size: 16px;
    margin-bottom: 24px;
    margin-bottom: 1.26vw;
    opacity: 0.6;
    font-size: 0.63vw;
}
.footer-box {
    background: #192441;
    text-align: left;
    /* height: 394px;   */
}
.footer-bottom-box {
    background: #10182D;
    text-align: center;
    height: 48px;
    line-height: 48px;
    height: 2.52vw;
    line-height: 2.52vw;
}
.footer-bottom-box > span {
    color: #FFFFFF;
    opacity: 0.6;
}
.footer-left-address span {
    font-size: 0.63vw;
}
.connect-main {
    overflow: hidden; 
}
.connect-technology {
    /* background-image: url(/img/about/4-BG.png); */
    width: 100%;
    height: auto;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    /* background-size: 100% 100%; */
}
.connect-technology-img-box {
    position: absolute;
    z-index: 998;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
}
.connect-technology-img {
    width: 100%;
    height: auto;
    height: 40.42vw;
    transition: transform 3s ease; /* 3秒的过渡效果 */
    transform-origin: center center; /* 缩放时以图片中心为原点 */
    transform: scale(1.1);
}
.connect-technology-title {
    text-align: center;
    top: 8vh;
    color: #3D3D3D;
    font-size: 28px;
    position: absolute;
    width: 100%;
    z-index: 999;
    font-size: 1.42vw;
}
.connect-technology-title2 {
    text-align: center;
    top: 13vh;
    color: #3D3D3D;
    font-size: 14px;
    position: absolute;
    width: 68%;
    z-index: 999;
    font-size: 0.73vw;
    left: 16%;
}
.connect-technology-form {
    text-align: center;
    top: 18vh;
    color: #3D3D3D;
    font-size: 16px;
    position: absolute;
    width: 100%;
    z-index: 999;
    font-size: 0.84vw;
    left: 16%;
}
/* .connect-technology-form > input {
    width: calc((68% - 3.15vw) / 4);
    padding: 0.52vw 1vw;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px 0px rgba(0,62,106,0.16);
    border-radius: 0px 0px 0px 0px;
    border: none;
    margin-right: 1.05vw;
} */
.connect-technology-form-input {
    display: flex;
    width: 68%;
}
input::-webkit-input-placeholder {
    /* placeholder颜色  */
    color: #3D3D3D;
    /* placeholder字体大小  */
    font-size: 0.84vw;
    font-family: Arial, sans-serif;
}
.connect-technology-form-input > input {
    flex: 1;
    margin-right: 1.05vw;
    padding: 0.52vw 1vw;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px 0px rgba(0,62,106,0.16);
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 0.84vw;
    font-family: Arial, sans-serif;
}
.connect-technology-form-input > input:last-child {
    flex: 1;
    margin-right: 0;
}
.connect-technology-form-textarea {
    margin-top: 3vh;
    width: 68%;
    position: relative;
}
textarea::-webkit-input-placeholder {
    /* placeholder颜色  */
    color: #3D3D3D;
    /* placeholder字体大小  */
    font-size: 0.84vw;
    font-family: Arial, sans-serif;
}
.connect-technology-form-textarea > textarea {
    width: 100%;
    height: 21vw;
    padding: 0.52vw 1vw;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px 0px rgba(0,62,106,0.16);
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 0.84vw;
    resize: none;
    font-family: Arial, sans-serif;
}
.connect-technology-form-textarea > div {
    position: absolute;
    right: 1.05vw;
    bottom: 1.05vw;
    background: #0094E8;
    border-radius: 0px 0px 0px 0px;
    padding: 0.63vw 1.73vw;
    color: #FFFFFF;
    font-size: 16px;
    font-size: 0.84vw;
    cursor: pointer;
}
.ways-item-title1 {
    margin-bottom: 0.84vw;
}