/* 主题body 颜色 */
body {
    background-color: #f6f6f6;
}

/* 背景模块 contact_bg部分 开始 */
.contact_bg {
    position: relative;
    top: -90px;
    width: 100%;
}

.contact_bg img {
    width: 100%;
    height: 70vh;
    object-fit: cover;
}

.contact_bg h3 {
    position: absolute;
    width: 742px;
    left: 50%;
    margin-left: -371px;
    top: 30%;
    font-size: 48px;
    color: #fff;
}

.contact_bg p {
    position: absolute;
    width: 306px;
    left: 50%;
    margin-left: -153px;
    top: 60%;
    font-size: 18px;
    color: #fff;
}

/* 背景模块 contact_bg部分 结束 */
/* 标题 title模块 开始 */
.title {
    margin-top: -60px;
    width: 100%;
}

.title h3 {
    width: 200px;
    /* margin: 0 auto; */
    margin-left: 42%;
    text-align: center;
    font-size: 48px;
}

/* 标题 title模块 结束 */
/* 内容warpbox 公共部分 开始 */
.warpbox {
    width: 100%;
    height: 300px;
    margin-top: 20px;
}

.warpbox ul {
    display: block;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: space-around;
    margin: 0 auto;
    /* margin-left: 8%; */
    width: 80%;
    align-items: flex-end;
}

.warpbox ul li {
    display: flex;
    float: left;
    width: 45%;
    height: 250px;
    background-color: #fff;
    border-radius: 10px;
}

.warpbox ul li .left {
    float: left;
    margin: 62px 20px 0px 20px;
    width: 20%;
}

.warpbox ul li .left img {
    margin-top: 24px;
    width: 100px;
    object-fit: cover;
}

.warpbox ul li .right {
    float: left;
    margin-top: 75px;
}

.warpbox ul li .right h4 {
    font-size: 24px;
    color: #333;
    margin-bottom: 10px;
}

.warpbox ul li .right a,
.warpbox ul li .right p {
    display: block;
    margin: 10px 0;
    font-size: 18px;
    color: #666;
}

.warpbox ul li .right a span {
    margin-left: 20px;
    font-size: 24px;
    color: red;
    transition: all 0.5s;
}

.warpbox ul li .right a:hover span {
    margin-left: 30px;
}

/* 内容warpbox 公共部分 结束  */

/* 技术支持contact 意见和建议suggest 部分 开始 */
.warpbox ul .contact,
.warpbox ul .suggest {
    margin-left: 4%;
}

/* 技术支持contact 意见和建议suggest 部分 结束 */
/* 媒体联络medium 建议suggest 部分 开始 */
.warpbox ul .medium,
.warpbox ul .suggest {
    margin-top: 20px;
}

.warpbox ul .medium .right h4,
.warpbox ul .suggest .right h4 {
    margin-top: 15px;
}

/* 媒体联络medium 建议suggest 部分 结束 */
/* 位置 location 部分 开始 */
.location {
    width: 100%;
    height: 600px;
    margin-top: 50px;
    /* visibility: hidden; */
}

.location_left {
    float: left;
    width: 40%;
    height: 500px;
    margin-left: 10%;
    margin-top: 100px;
}

.location_left h3 {
    font-size: 28px;
}

.location_left h3 img {
    width: 121px;
    height: 66px;
}

.location_left ul li {
    margin-top: 30px;
    margin-left: 27px;
}

.location_left ul li img {
    display: inline-*block;
    width: 66px;
    height: 66px;
    margin-right: 38px;
}

.location_left ul li p {
    margin-left: 107px;
}

.location_left ul li .phone1 {
    margin-top: -19px;
}

.location_left ul li span {
    vertical-align: middle;
    display: inline-block;
    font-size: 18px;
    margin-left: -4px;
    margin-top: -4px;
}

.location_right {
    float: left;
    width: 40%;
    height: 400px;
    margin-top: 50px;
    margin-left: -50px;
    background-color: skyblue;
}

/* 百度地图部分start */
#container {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    font-family: "微软雅黑";
}

#allmap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    font-family: "微软雅黑";
}

footer {
    position: relative;
    top: 200px;
    /* margin-top: -100px; */
}

/* 位置 location 部分 结尾 */