.li-blue{ background-color: #194d8b; color: white; } .li-blue a{ color: white; } .top img{ width: 100%; } .abouts-container{ width: 1200px; height: auto; margin: 0 auto; display: flex; justify-content: space-between; margin-bottom: 50px; position: relative; } .abouts-left{ width: fit-content; height: auto; } .abouts-right{ flex: 1; height: auto; padding: 30px; background-color: #ffffff; box-shadow: 0px 2px 6px 0px rgba(4, 0, 0, 0.2); border-radius: 10px; } .abouts-right p{ background: white; } .abouts-right span{ background: white; } .about-locat{ width: 100%; height: 52px; position: relative; padding-right: 10px; } .about-locat::after{ width: 100%; height: 1px; display: block; position: absolute; content: ""; left: 0; bottom: 0; background-color: #e6e6e6; z-index: 9; } .locatA{ width: 100%; height: auto; display: block; line-height: 52px; padding-left: 17px; } .position a{ font-size: 12px; } .position a:last-child{ color: #62a8ea; } .about-locat::before{ width: 2px; height: 16px; display: block; content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); background-color: white; } .about-locat::after{ width: 100%; height: 1px; display: block; position: absolute; content: ""; left: 0; bottom: 0; background-color: #e6e6e6; z-index: 9; } .aboutfive{ display: flex; align-items: center; } .aboutfive-ico{ display: flex; position: relative; } .sao{ width: 100px; background: white; border: 1px solid #ccc; position: absolute; top: 6px; left: 50%; transform: translateX(-50%); text-align: center; display: none; } .dingyue{ width: 135px; height: 145px; background: url(../static/images/dingyue.png) no-repeat; margin-left: 20px; } .fuwu{ width: 135px; height: 145px; background: url(../static/images/fuwu.png) no-repeat; margin-left: 10px; } .abouts-left2{ width: fit-content; height: auto; } .abouts-right2{ width: 72%; height: auto; padding: 30px; background-color: #ffffff; box-shadow: 0px 2px 6px 0px rgb(4 0 0 / 20%); border-radius: 10px; } .abouts-right2 .aboutContents img{ width: 400px; } .aboutheadimg{ display: flex; justify-content: space-between; align-items: center; } .aboutheadimg img{ height: 263px; }