html,
body {
font-size: 18px;
overflow-x: clip;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
margin: 0;
padding: 0;
background-color: #f3f3f3;
}
a {
color: #2d2e2f;
outline: none;
text-decoration: none;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
a:focus {
text-decoration: none;
}
.nav_item .nav_con {
top: 70px !important;
}
/* =================================================== */
.banner-nav-item {
position: relative;
}
.banner-nav-item .banner-zp {
position: absolute;
top: 80px;
left: -32px;
font-size: 18px;
display: flex;
width: 1130px;
height: 64px;
border-bottom: 1px solid #ccd5e1;
}
.banner-nav-item .banner-zp .active {
height: 64px;
line-height: 64px;
color: #00479e;
border-bottom: 2px solid #00479e;
}
.banner-nav-item .banner-zp a {
color: #000;
}
.zhiye-con {
background: url(../img/zhiye-zp-bg.png) no-repeat;
}
.zhiye {
width: 1200px;
background-size: 100%;
margin: 0 auto;
min-height: unset;
}
.zhiye .recruit-card {
width: 90%;
height: 497px;
margin: 0 auto;
border-radius: 22px;
background-image: url(../img/recruit-card-bg.jpg);
background-size: cover;
box-shadow: 3px 3px 20px 1px #00317fd1;
}
.zhiye .recruit-card img {
position: relative;
top: 14%;
margin-left: 5%;
width: 150px;
}
.zhiye .recruit-card h1 {
position: relative;
color: #fff;
left: 5%;
top: 27%;
font-size: 55px;
}
.zhiye .recruit-card button {
position: relative;
left: 5%;
margin-top: 17%;
height: 40px;
width: 137px;
padding-right: 25px;
border-radius: 5px;
box-sizing: content-box;
font-size: 16px;
letter-spacing: 2px;
font-weight: 600;
color: #fff;
background-image: url(../img/arrow.png);
background-color: #2678ec;
background-size: 13%;
background-position: 81% center;
background-repeat: no-repeat;
transition: .3s;
cursor: pointer;
}
.zhiye .recruit-card button:hover {
box-shadow: 0 0 11px 4px #1e6edf9c;
transition: .3s;
}
@media screen and (max-width: 900px) {
.zhiye {
width: 100%;
padding: 40px 0;
}
.zhiye .recruit-card {
width: 90%;
height: 236px;
border-radius: 10px;
background-position: 67% center;
}
.zhiye .recruit-card img {
width: 90px;
top: 10%;
margin-left: 5%;
}
.zhiye .recruit-card h1 {
font-size: 28px;
font-weight: 600;
left: 5%;
top: 24%;
}
.zhiye .recruit-card button {
margin-top: 20%;
width: 85px;
height: 29px;
font-size: 14px;
padding-right: 14px;
background-position: 90% center;
}
.zhiye .recruit-card button:hover {
box-shadow:unset;
}
}