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;
}
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;
}
/* =================================================== */
.wrapper {
background:url(../img/public-bg2.png ) no-repeat;
background-size: cover;
background-color: #ecf4ff;
}
.occupation-con {
width: 96%;
height: 100%;
}
.swiper-occupation {
width: 1215px;
height: 100%;
max-height: 810px;
margin: 0 auto;
position: relative;
}
.occupation-con .swiper-occupation .swiper-slide {
height: 0;
padding-top: 56.25%;
overflow: hidden;
background-color: #ddd;
}
.occupation-con .swiper-occupation .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
position: absolute;
}
.occu-nextpre {
width: 45px !important;
height: 45px !important;
border-radius: 22.5px;
background-image: url(../img/arrow.png);
background-color: #06479c;
background-repeat: no-repeat;
background-size: 65%;
background-position: center;
}
.swiper-button-prev::after,
.swiper-button-next::after {
content: "" !important;
}
.nexpre-btn {
margin-left: auto;
margin-right: auto;
width: 1300px;
height: 45px;
position: relative;
top: 107px !important;
}
.occu-btn-prev {
transform: rotateY(180deg);
left: -5% !important;
}
.occu-btn-next {
right: -5% !important;
}
.swiper-nav {
top: 20px;
max-width: 1215px;
height: 129px;
}
.swiper-nav .swiper-wrapper .swiper-slide {
width: 229px;
height: 129px;
overflow: hidden;
}
.swiper-nav .swiper-slide img {
width: 100%;
height: 100%;
}
.swiper-nav .swiper-wrapper .swiper-slide-thumb-active {
border: #00479E solid 4px;
box-sizing: border-box;
}
@media screen and (max-width: 900px) {
.occupation-con {
min-height: unset;
padding: 50px 0;
}
.swiper-screen p {
font-size: 0.6rem;
}
.swiper h1 {
font-size: 1.9rem;
}
.swiper-occupation {
width: 100%;
}
.swiper-nav {
width: 100%;
height: 70px;
top: 10px;
}
.nexpre-btn {
position: absolute;
width: 100%;
top: 39% !important;
left: 0;
}
.swiper-nav .swiper-wrapper .swiper-slide {
height: 52px;
border: #00479E solid 2px;
margin: auto 5px auto 0 !important;
}
.swiper-nav .swiper-wrapper .swiper-slide-thumb-active {
box-sizing: content-box;
box-shadow: 0px 0px 1px 1px #00479E;
}
.occu-nextpre {
width: 36px !important;
height: 36px !important;
}
.occu-btn-prev {
left: 10px !important;
}
.occu-btn-next {
right: 10px !important;
}
}