body {
    font-family: "Helvetica", "PingFangSC", "Microsoft Yahei", "微软雅黑", Arial, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 14px;
    background: #fff
}

* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

i {
    font-style: normal;
}

.clearfix {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.w {
    width: 1200px;
    margin: auto;
}

.header-banner {
    background: url(zywl_banner2024.png) no-repeat top center;
    width: 100%;
    height: 470px;
}

.header-banner img {
    width: 370px;
    margin-top: 20px;
}

.nav {
    height: 70px;
    border-bottom: solid 1.5px #c7c3c3;

}

.nav ul li {
    float: left;
    margin-right: 30px;
    line-height: 70px;

}

.nav ul li a {
    font-size: 18px;
    color: #5b5a5a;
}

.nav ul li a:hover {
    color: red;
}

.nav ul li a i {
    color: #d2a359;
    margin-left: 15px;
}

.map-info {
    background-color: pink;
}

.map-info .video {
    display: inline-block;
    float: left;
    width: 700px;
    height: 500px;
}

.title_line_long {
    width: 700px;
    height: 60px;
    border-bottom: solid 1.5px #c7c3c3;
    margin-top: 20px;
}

.title_bgimg {
    background: url(zywl_title2024.png) no-repeat bottom left;
    width: 300px;
    height: 60px;
    padding-bottom: 14px;
}

.title_bgimg span {
    font-size: 20px;
    color: #fff;
    line-height: 78px;
    margin-left: 20px;
}

.title_bgimg span i {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border: 8px solid transparent;
    border-left-color: #fff;
    margin-left: 20px;
    vertical-align: middle;
}

.map-info .map_right {
    display: inline-block;
    float: right;
    width: 450px;
    height: 400px;
}

.title_line_short {
    width: 450px;
    height: 60px;
    border-bottom: solid 1.5px #c7c3c3;
    margin-top: 20px;
    margin-bottom: 10px;
}

.map-info .map_right .map_city a img {
    padding-top: 13px;
    padding-right: 11px;
}

.server-platform {
    height: 350px;
}

.server-platform .plat_left {
    display: inline-block;
    float: left;
    width: 700px;
}

.server-platform .plat_right {
    display: inline-block;
    float: right;
    width: 450px;
}

.server-platform .title_bgimg span {
    font-size: 16px;
    color: #fff;
    line-height: 78px;
    margin-left: 20px;
}

.server-platform .title_bgimg span i {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border: 8px solid transparent;
    border-left-color: #fff;
    margin-left: 10px;
    vertical-align: middle;
}

.server-platform .plat_left a img {
    width: 100%;
    margin-top: 20px;
    height: 350px;
}

.server-platform .plat_right a img {
    width: 100%;
    margin-top: 10px;
    height: 350px;
}

.integration-server,
.special-zone .title_line {
    width: 1200px;
    height: 60px;
    border-bottom: solid 1.5px #c7c3c3;
    margin-top: 20px;
}

.integration-server ul li {
    float: left;
    margin-top: 10px;
    margin-right: 20px;
    width: 380px;
}

.integration-server ul li a img {
    width: 100%;
}

.special-zone a {
    display: block;
    margin-top: 20px;
}

.special-zone a img {
    width: 100%;
    height: 120px;
}

.special-zone ul li {
    float: left;
    margin-right: 10px;
    height: 320px;
    text-align: center;
}

.special-zone ul {
    margin-top: 20px;
}

.special-zone ul li img {
    display: block;
    width: 290px;
    height: 290px;

}