/* banner */
.banner {height: 865px;}
.banner .banner-img{width: 68%;height: 865px;}
.banner .banner-img ul li{width: 100%;height: 865px;background-size: cover;background-position: center;background-repeat: no-repeat;overflow: hidden;}
.banner .banner-img ul li .text h3{margin-top: 400px;font-size: 48px;font-weight: bold;font-family: '思源黑体';line-height: 70px;text-align: center; cursor:pointer;background-image:-webkit-linear-gradient(bottom ,#a1d42c,#068bcd); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.banner .banner-img ul li .text i{width: 35px;height: 2px;background:linear-gradient(to left,#068bcd, #a1d42c);display: block;margin: 30px auto 0 auto;}
.banner .banner-text{width: 32%;height: 865px;background:linear-gradient(to bottom right,#068bcd, #a1d42c);padding: 0 102px;}
.banner .banner-text h4{font-size: 36px;color: #e8f4f6;line-height: 50px;margin-bottom: 20px;}
.banner .banner-text span{display: block;font-size: 18px;color: #d7eef3;line-height: 30px;}

/* 招聘岗位 */
.recruitment_1{background-image: url(../img/recruitment_1.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;padding-top: 108px;position: relative;}
.recruitment_1 h3{font-size: 36px;padding-left: 30px;position: relative;padding-bottom: 50px;}
.recruitment_1 h3::after{content: '';width: 5px;height: 36px;background:linear-gradient(to top,#068bcd, #a1d42c);position: absolute;left: 0;top: 0;}
.recruitment_1 .swiper-container{position: relative;}
.recruitment_1 .swiper-container ul li table{border-collapse: separate; border-spacing: 0 10px; }
.recruitment_1 .swiper-container ul li table tbody tr{ background-color: rgb(142 196 245 / 30%);}
.recruitment_1 .swiper-container ul li table tbody tr th{height: 94px; text-align: center; font-weight: bold; font-size: 18px;padding-left: 80px;margin: 20px 0;}
.recruitment_1 .swiper-container ul li table tbody tr td{height: 94px; text-align: center; font-size: 18px;padding-left: 80px;margin: 20px 0;}
.recruitment_1 .swiper-container ul li table tbody tr td a{cursor: pointer;}
.recruitment_1 .swiper-container ul li table tbody tr.info td{text-align: left;padding: 20px;height: 0;transition: all 0.3s linear;}

.recruitment_1 .swiper-pagination-bullets{position: absolute; bottom: 145px;width: 1720px;}
.recruitment_1 .swiper-pagination-bullet{margin: 0 10px;border-bottom: 5px solid #2198b0; opacity: 1;color: #e8f9fd;}
.recruitment_1 .swiper-pagination-bullet-active{color: #2198b0;font-weight: bold;}
.recruitment_1 .connect{padding: 85px 0;text-align: right;color: #454545;}
.recruitment_1 .connect span{font-size: 18px;text-transform: uppercase;}

/* 办公环境 */
.recruitment_2{height: 990px;background-image: url(../img/recruitment_2.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;padding-top: 108px;position: relative;}
.recruitment_2 h3{font-size: 36px;padding-left: 30px;position: relative;padding-bottom: 50px;}
.recruitment_2 h3::after{content: '';width: 5px;height: 36px;background:linear-gradient(to top,#068bcd, #a1d42c);position: absolute;left: 0;top: 0;}
.recruitment_2 .content{height: 640px;margin: 0 auto;position: relative;}
.recruitment_2 .content .swiper-container5{ height: 640px;overflow: hidden; width: 100%;}
.recruitment_2 .content .swiper-container5 ul li{width: 44% !important; height:640px;text-align: right;}
.recruitment_2 .content .swiper-container5 ul li i{height: 560px;display: block;background-size: cover;background-position: center;background-repeat: no-repeat;}
.recruitment_2 .content .swiper-container5 ul li .text{height: 80px;background-color: #fbfff8;display: none;}
.recruitment_2 .content .swiper-container5 ul li .text h5{line-height: 80px;text-align: center;font-size: 24px;}
.recruitment_2 .content .swiper-container5 ul li.swiper-slide-active .text{display: block;}
.recruitment_2 .content .swiper-button-next{background-image: url(../img/garden_3-news-list-swiper-button-next1.png);width: 50px;height: 50px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.recruitment_2 .content .swiper-button-prev{background-image: url(../img/garden_3-news-list-swiper-button-prev1.png);width: 50px;height: 50px;background-size: cover;background-repeat: no-repeat;background-position: center;}

/* 办公环境 */
.recruitment_3{height: 785px;background-image: url(../img/recruitment_3.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;padding-top: 108px;position: relative;}
.recruitment_3 h3{font-size: 36px;padding-left: 30px;position: relative;padding-bottom: 50px;}
.recruitment_3 h3::after{content: '';width: 5px;height: 36px;background:linear-gradient(to top,#068bcd, #a1d42c);position: absolute;left: 0;top: 0;}
.recruitment_3 ul{margin: 70px auto 0 auto;width: 1320px;height: 380px;}
.recruitment_3 ul li{width: 224px; height: 380px; background-color: #f9f9f9;border-radius: 110px;text-align: center;float: left;position: relative;margin: 0 20px;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);}
.recruitment_3 ul li h4{font-size: 60px;font-family:HelveticaBlack;background:linear-gradient(to right,  #068bcd, #a1d52c);-webkit-background-clip: text;color: transparent;display: block;width: 85px;height: 75px;margin: 38px auto;}
.recruitment_3 ul li span{font-size: 18px;color: #454545;}
.recruitment_3 ul li:nth-child(even){padding-top: 120px;}
.recruitment_3 ul li:nth-child(odd)::before{content: '';width: 293px;height: 193px;background-image: url(../img/recruitment_3.png);background-size: 293px 193px;background-position: center;background-repeat: no-repeat;position: absolute;left: -34px;top: -35px;}
.recruitment_3 ul li:nth-child(even)::after{content: '';width: 293px;height: 193px;background-image: url(../img/recruitment_3-1.png);background-size: 293px 193px;background-position: center;background-repeat: no-repeat;position: absolute;left: -34px;bottom: -35px;}

@media (max-width: 1680px) {


    /* 招聘岗位 */
    .recruitment_1::after{width: 711px;}
    .recruitment_1::before{width: 711px;}
    .recruitment_1 .swiper-container ul li table tbody tr td{padding-left: 70px;}
    .recruitment_1 .swiper-pagination-bullets{width: 1505px;}
    .recruitment_1 .swiper-pagination-bullet{margin: 0 8px;}

}
@media (max-width: 1560px) {

    /* 招聘岗位 */
    .recruitment_1::after{width: 660px;}
    .recruitment_1::before{width: 660px;}
    .recruitment_1 .swiper-container ul li table tbody tr td{padding-left: 65px;}
    .recruitment_1 .swiper-pagination-bullets{width: 1397px;}
    .recruitment_1 .swiper-pagination-bullet{margin: 0 7px;}

}
@media (max-width: 1440px) {

    /* 招聘岗位 */
    .recruitment_1::after{width: 609px;}
    .recruitment_1::before{width: 609px;}
    .recruitment_1 .swiper-container ul li table tbody tr td{padding-left: 60px;}
    .recruitment_1 .swiper-pagination-bullets{width: 1289px;}
    .recruitment_1 .swiper-pagination-bullet{margin: 0 6px;}

}
@media (max-width: 1366px) {

    .banner .banner-text h4{font-size: 33px;}

    /* 招聘岗位 */
    .recruitment_1::after{width: 577px;}
    .recruitment_1::before{width: 577px;}
    .recruitment_1 .swiper-container ul li table tbody tr td{padding-left: 56px;}
    .recruitment_1 .swiper-pagination-bullets{width: 1222px;}
    .recruitment_1 .swiper-pagination-bullet{margin: 0 5px;}

}

@media (max-width: 1099.98px) ,(min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {

	.banner {height: 9rem ;}
	.banner .banner-img{height: 5rem; width: 100%;}
	.banner .banner-img ul li{height:5rem ;}
	.banner .banner-img ul li .text h3{margin-top:4.00rem ;font-size:0.60rem ;line-height:0.70rem ;}
	.banner .banner-img ul li .text i{width:0.35rem ;height:0.02rem ;margin:0.30rem auto auto ;}
	.banner .banner-text{height:4rem ; width: 100%; padding:0.5rem 0.4rem;}
	.banner .banner-text h4{font-size:0.32rem ;line-height:0.50rem ;margin-bottom:0.20rem ;}
	.banner .banner-text span{font-size:0.26rem ;line-height:0.36rem ;}
	.recruitment_1{height:auto ;padding-top:1.08rem ;}
	.recruitment_1 h3{font-size:0.32rem ;padding-left:0.30rem ;padding-bottom:0.50rem ;}
	.recruitment_1 h3::after{width:0.05rem ;height:0.36rem ;}
	.recruitment_1 .swiper-container ul li table{border-spacing:0.05rem ;}
	.recruitment_1 .swiper-container ul li table tbody tr th{text-align: center; height:0.94rem ;font-size:0.26rem ; font-weight: bold;  padding-left:inherit ;margin:0.10rem ;}
	.recruitment_1 .swiper-container ul li table tbody tr td{text-align: center; height:0.94rem ;font-size:0.26rem ;padding-left:inherit ;margin:0.10rem ;}
	
	.recruitment_1 .swiper-container ul li table tbody tr th:nth-child(1){width: 2rem;}
	.recruitment_1 .swiper-container ul li table tbody tr.info td{padding: 0.2rem;}
	
	.recruitment_1 .swiper-pagination-bullets{bottom:1.45rem ;width:100%;}
	.recruitment_1 .swiper-pagination-bullet{margin:0.10rem ;border-bottom:0.05rem solid #2198b0; }
	.recruitment_1 .connect{padding:0.8rem 0.3rem 0.3rem 0.3rem;}
	.recruitment_1 .connect span{font-size: 0.26rem; display: block;}
	.recruitment_2{height:9.90rem ;padding-top:1.08rem ;}
	.recruitment_2 h3{font-size:0.32rem ;padding-left:0.30rem ;padding-bottom:0.50rem ;}
	.recruitment_2 h3::after{width:0.05rem ;height:0.36rem;}
	.recruitment_2 .content{height:6.40rem ;margin:auto ;}
	.recruitment_2 .content .swiper-container5{height:6.40rem ;}
	.recruitment_2 .content .swiper-container5 ul li{height:6.40rem ;}
	.recruitment_2 .content .swiper-container5 ul li i{height:5.60rem ;}
	.recruitment_2 .content .swiper-container5 ul li .text{height:0.80rem ;}
	.recruitment_2 .content .swiper-container5 ul li .text h5{line-height:0.80rem ;font-size:0.26rem ; margin: 0;}
	.recruitment_2 .content .swiper-button-next{display: none;}
	.recruitment_2 .content .swiper-button-prev{display: none;}
	
	.recruitment_3{height:12.85rem; padding-top:1.08rem ;}
	.recruitment_3 h3{font-size:0.32rem ;padding-left:0.30rem ;padding-bottom:0.50rem ;}
	.recruitment_3 h3::after{width:0.05rem ;height:0.36rem ;}
	.recruitment_3 ul{margin:auto ;width:7.20rem ;height:13.80rem ;}
	.recruitment_3 ul li{width:2rem ;height:3.80rem ;border-radius:1.10rem ;margin:0.60rem 0.20rem;}
	.recruitment_3 ul li h4{font-size:0.72rem ;width:1.8rem ;height:0.75rem ;margin:0.38rem auto ;}
	.recruitment_3 ul li span{font-size: 0.24rem;width: 2rem; display: block; margin: auto;}
	.recruitment_3 ul li:nth-child(even){padding-top:0.60rem;}
	.recruitment_3 ul li:nth-child(odd)::before{width: 2.5rem;height: 1.8rem;background-size: 2.5rem 1.8rem;left: -0.24rem;top: -0.3rem;}
	.recruitment_3 ul li:nth-child(even)::after{width: 2.5rem;height: 1.8rem;background-size: 2.5rem 1.8rem;left: -0.24rem;bottom:-0.3rem ;}
	.recruitment_3 ul li:nth-child(4){margin: 0.60rem 0.20rem 0.60rem 1.40rem;}
	
	

}