.container {position: relative;max-width: var(--container-width);height: 100%;padding: 0;left: 50%;transform: translateX(-50%);}
a,
a:hover,
a:focus {color: inherit;}
.box-inline {display: inline-block;vertical-align: top;}
.font-size-32 {font-size: 32px;}
.font-size-24 {font-size: 24px;}
.font-size-20 {font-size: 20px;}
.font-size-18 {font-size: 18px;}
.font-size-16 {font-size: 16px;}
.font-size-14 {font-size: 14px;}
.grayscale-level75 {opacity: .75;}
.bgcolor-f7 {background-color: #F7F7F7;}
.bgcolor-f9 {background-color: #F9F9F9;}
.m-t-25 {margin-top: 25px;}
.m-l-10 {margin-left: 10px;}
.m-r-10 {margin-right: 10px;}
.m-r-20 {margin-right: 20px;}
.m-r-30 {margin-right: 30px;}
.m-b-10 {margin-bottom: 10px;}
.m-b-30 {margin-bottom: 30px;}
.float-left {float: left;}
.float-right {float: right;}
.swiper-container {max-width: var(--container-width);margin: 43px auto 60px auto;}
.swiper-button-prev {left: -90px;width: 64px;height: 64px;background-image: url(../images/kingdee-recruitment/icon-left-arrow.png);}
.swiper-button-next {right: -90px;width: 64px;height: 64px;background-image: url(../images/kingdee-recruitment/icon-right-arrow.png);}
.swiper-button-prev::after,
.swiper-button-next::after {display: none;}
@keyframes animationScale-biger {0% {transform: scale(1);}
    100% {transform: scale(1.1);}
}

@keyframes animationScale-smaller {0% {transform: scale(1.1);}
    100% {transform: scale(1);}
}



.banner {width: 100%;height: 400px;position: relative;}
.banner-center-con {position: absolute;top: 57%;transform: translateY(-50%);color: #061828;font-weight: 400;text-align: start;}
.banner-title {font-size: 42px;}
.banner-slogan {margin: 10px 0 25px 0;width: 580px;font-size: 16px;line-height: 32px;}
.xxxxsection {width: 100%;padding: 70px 0;color: #061828;}
.section-title {font-size: 32px;font-weight: 500; text-align:center;}
.con1 {max-width: var(--container-width);height: 356px;background-color: #eee;position: relative;margin: 0 auto 50px auto;overflow: hidden;}
.page-988 .hauto{ margin-top:50px;}
.hauto{ height:auto;}
.zjtd{ height: 456px; margin-bottom:0;}

.con1-img,.con2-wider-img,.con4-img {position: absolute;z-index: 1;top: 0;right: 0;width: 100%;height: 356px;}
.con1-text,.con2-wider-text,.con4-text {position: absolute;z-index: 2;width: 50%;height: 356px;top: 0;left: 0;padding: 90px 5%;text-align: start;}.zjtd .con4-text{ padding-right:30px;}
.con1 .con1-img{ height:100%; width:auto; right:auto; left:45%;}
.hauto .con1-img{height: 356px; left:auto; right:0;}
div.dierh{ margin-top:395px;}

.con1-title,
.con2-wider-title,
.con4-title {font-weight: 500;}
.con1-cont,
.con2-wider-cont,
.con4-cont {font-weight: 400;line-height: 32px;margin: 20px 0 22px 0;}
.con1-icon {width: 37px;height: 18px;display:none;}
.con2 {margin: 30px 0 40px 0;}
.con2-box {display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;overflow: hidden;}
.con2-box-wider {max-width: var(--container-width);height: 356px;background-color: #eee;position: relative;margin-bottom: 10px;overflow: hidden;}
.con2-wider-icon {width: 36px;height: 36px;}
.con2-box-normal {width: 595px;height: 386px;position: relative;margin-bottom: 10px;overflow: hidden;}
.con2-normal-img {position: absolute;z-index: 1;top: 0;left: 0;width: 595px;height: 386px;}
.con2-normal-text {position: absolute;z-index: 2;top: 0;left: 0;width: 595px;height: 386px;background-color: rgba(0, 0, 0, .2);display: flex;justify-content: center;align-items: center;}
.con2-normal-text p {font-size: 32px;font-weight: 500;color: #FFF;}
.con3 {max-width: var(--container-width);height: 306px;overflow: hidden;margin: 40px auto 30px auto;}
.swiper-slide,.con3-box-small {display: inline-block;vertical-align: top;width: 28%;height:286px;position: relative;overflow: hidden;}
.con3-box-small:nth-child(1){ margin-left:5%;}
.con3-box-small:nth-child(2){ margin-left:3%; margin-right:3%}
.con3-small-img {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;aheight: 306px;
	transition: all .5s ease .1s;}div.swiper-slide a:hover .con3-small-img{animation: 1s ease 0s 1 normal forwards running animationScale-smaller;}
div.con1 img.con1-img:hover{animation: 1s ease 0s 1 normal forwards running animationScale-biger;}

.con3-small-text {position: absolute;z-index: 2;bottom: 0;left: 0;width: 100%;height: 50%;background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4));padding: 28px 25px;display: flex;justify-content: flex-start;align-items: flex-end;}
.con3-small-text p {font-size: 20px;font-weight: 500;color: #FFF;}
.con4 {max-width: var(--container-width);height: 356px;color: #fff;background-color: #eee;position: relative;margin: 20px 0 30px 0;overflow: hidden;}
.con4-icon {width: 22px;height: 10px;margin-left: 10px;}

@media (max-width:767px){
.con1-text, .con2-wider-text, .con4-text{ width:100%; padding:0 10px; padding-top:50px;}
.swiper-slide,.con3-box-small {width: 96%;height:286px; clear:both; display:block;}
.con3-box-small:nth-child(1){ margin-left:auto; margin-right:auto;}
.con3-box-small:nth-child(2){ margin-left:auto; margin-right:auto;}
}