/*ny_jobone*/
.ny_jobone{ background:#fff; padding:100px 0 70px;}
.ny_jobone .nyTitle{ margin-bottom:20px;}
.ny_jobone .smms{ text-align:center; color:#999; line-height:24px; margin-bottom:50px;}
.ny_jobone ul{ display: -webkit-flex;display: flex;flex-wrap: wrap;}
.ny_jobone ul li{ background:#fff; box-shadow:0 0 32px rgba(0,0,0,.04); width:48.8%; margin:0 2.4% 30px 0;float:left;position:relative; overflow:hidden;}
.ny_jobone ul li:nth-child(2n){ margin-right:0;}
.ny_jobone ul li .box{ padding:42px 158px 42px 42px;}
.ny_jobone ul li .box:after{ content:''; display:block; width:100%; height:0px;background:url(../images/ygpx_bg.jpg) center no-repeat;background-size:cover;position:absolute; top:0; left:0;transition: all .4s ease;}
.ny_jobone ul li .box .text{ position:relative; z-index:2;}
.ny_jobone ul li .box span{ display:block;font-size:24px; padding:17px 0 25px; position:relative;}
.ny_jobone ul li .box span:before{ content:''; display:block; width:28px; height:4px; background:#ff0001; position:absolute; top:0; left:0;}
.ny_jobone ul li .box p{ color:#555; line-height:28px;}
.ny_jobone ul li .box em{ display:block; width:68px; height:68px; border-radius:50%; border:1px solid #e7e7e7;display:flex; display: -webkit-flex;  justify-content:center;align-items:center; position:absolute; right:42px; top:42px; z-index:2;}
.ny_jobone ul li .box em svg{ width:32px; height:32px; fill:#ff0001;transition: all 0s ease;}
.ny_jobone ul li:hover .box{ box-shadow:0 0 32px rgba(255,0,1,.2); transform:translateY(-5px);}
.ny_jobone ul li:hover .box:after{ height:100%;}
.ny_jobone ul li:hover .box span{ color:#fff;}
.ny_jobone ul li:hover .box span:before{background:#fff;}
.ny_jobone ul li:hover .box p{ color:#fff;}
.ny_jobone ul li:hover .box em{border:1px solid #fff;}
.ny_jobone ul li:hover .box em svg{fill:#fff;}
@media (max-width:1680px) {
	.ny_jobone{padding:80px 0 50px;}
}
@media (max-width:1440px) {
	.ny_jobone{padding:60px 0 50px;}
	.ny_jobone .smms{ margin-bottom:40px;}
}
@media (max-width:1080px) {
	.ny_jobone{padding:60px 0 40px;}
	.ny_jobone .smms{ margin-bottom:30px;}
	.ny_jobone ul{ margin:0 -10px;}
	.ny_jobone ul li{ margin:0 2.4% 20px 0;}
	.ny_jobone ul li .box{padding: 30px 120px 30px 30px;}
	.ny_jobone ul li .box span{padding: 17px 0 10px;font-size: 20px;}
	.ny_jobone ul li .box em{ right:30px;}
}
@media (max-width:920px) {
	.ny_jobone{padding:40px 0 20px;}
	
}
@media (max-width:767px) {
	.ny_jobone .smms{ margin-bottom:20px;}
	.ny_jobone ul li { width:100%; margin:0 0 15px 0;}	
}
@media (max-width:414px) {
	.ny_jobone ul li .box{padding:30px 20px;}
	.ny_jobone ul li .box em{ display:none;}
}

/*ny_jobtj*/
.ny_jobtj{background:url(../images/gstj_bg.jpg) no-repeat; padding:90px 0;}
.ny_jobtj .nyTitle p{ color:#fff;}
.ny_jobtj .swiper-container{ padding-bottom:50px;}
.ny_jobtj li .pic{ width:100%; height:300px; background:#fff; overflow:hidden;}
.ny_jobtj li .pic img{ width:100%; height:100%;object-fit: cover;}
.ny_jobtj li .name{ width:100%; height:60px; line-height:60px; font-size:18px; padding:0 25px 0 40px; background:#fff;position:relative;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.ny_jobtj li .name:before{ content:''; display:block; width:4px; height:4px; border-radius:50%; background:#ff0001; position:absolute; left:25px; top:28px;}
.ny_jobtj li:hover .pic img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.ny_jobtj li:hover .name{ background:#ff0001; color:#fff;}
.ny_jobtj li:hover .name:before{ background:#fff;}
.ny_jobtj .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0;}
.ny_jobtj .swiper-pagination-bullet{ width:25px; height:4px; background:rgba(255,255,255,.25); border-radius:0; opacity:1;}
.ny_jobtj .swiper-pagination-bullet-active{ background:#ff0001;}
@media (max-width:1680px) {
	.ny_jobtj{padding:80px 0;}
	
}
@media (max-width:1440px) {
	.ny_jobtj{padding:60px 0;}
	.ny_jobtj .swiper-container {padding-bottom: 40px;}
}
@media (max-width:1280px) {
	.ny_jobtj li .pic{ height:260px;}
	.ny_jobtj li .name{ font-size:16px;}
}
@media (max-width:1080px) {
	.ny_jobtj li .pic{ height:220px;}
}
@media (max-width:920px) {
	.ny_jobtj{padding:40px 0;}
	.ny_jobtj .swiper-container {padding-bottom:30px;}
	.ny_jobtj li .pic{ height:180px;}
	.ny_jobtj li .name{height:50px; line-height:50px;}
    .ny_jobtj li .name:before{top:23px;}
	.ny_jobtj .swiper-pagination-bullet{ width:18px; height:3px;margin:0 2px;}
}
@media (max-width:767px) {
	.ny_jobtj .swiper-container {padding-bottom:20px;}
	.ny_jobtj li .name{height:44px; line-height:44px;}
	.ny_jobtj li .name:before{top:20px;}
}
@media (max-width:550px) {
	.ny_jobtj{padding:30px 0;}
	.ny_jobtj li .pic{ height:140px;}
	.ny_jobtj li .name{ padding:0 15px 0 25px;}
	.ny_jobtj li .name:before{ left:15px;}
}
@media (max-width:500px) {
	.ny_jobtj li .pic{ height:180px;}
	.ny_jobtj .swiper-pagination-bullet{ width:12px; height:2px;}
}

/*nyAbout_job start*/
.nyAbout_job { overflow: hidden; padding: 100px 0; background-color: #f8f8f8;}
.nyAboutJob_head { overflow: hidden;background-color: #ff0001;}
.nyAboutJob_head dl { display: flex; align-items: center;}
.nyAboutJob_head dl dt, .nyAboutJob_head dl dd { line-height: 50px; color: #fff; font-size: 18px; font-weight: bold;}
.nyAboutJob_head dl dt { width: 32%; padding: 20px 80px;}
.nyAboutJob_head dl dd { width: 17%; padding: 20px 40px; text-align: center;}

.nyAboutJob_list { overflow: hidden; background-color: #fff;border: 1px solid #ddd; border-top: 0;}
.nyAboutJob_list ul li { border-bottom: 1px solid #ddd;}
.nyAboutJob_list ul li:last-child { border-bottom: 0;}
.nyAboutJob_list ul li dl { display: flex; align-items: center; background-color: #fff; cursor: pointer;}
.nyAboutJob_list ul li.active dl, .nyAboutJob_list ul li:hover dl { background-color: #f8f8f8;}
.nyAboutJob_list ul li dl dt { width: 32%; padding: 20px 80px;}
.nyAboutJob_list ul li dl dd { width: 17%; padding: 20px 40px;}
.nyAboutJob_name { width: 100%; height: 50px; overflow: hidden; line-height: 50px; color: #020202; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; padding-left: 28px; position: relative;}
.nyAboutJob_name i { display: block; width: 16px; height: 16px; overflow: hidden; margin-top: -8px; position: absolute; left: 0; top: 50%;}
.nyAboutJob_num { width: 100%; height: 50px; overflow: hidden; line-height: 50px; color: #555; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; text-align: center;}
.nyAboutJob_salary { width: 100%; height: 50px; overflow: hidden; line-height: 50px; color: #ff0001; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; text-align: center;}
.nyAboutJob_time { width: 100%; height: 50px; overflow: hidden; line-height: 50px; color: #555; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; text-align: center;}
.nyAboutJob_time i { display: inline-block; width: 16px; height: 16px; overflow: hidden; vertical-align: middle; margin: -2px 8px 0 0;}
.nyAboutJob_btn { width: 100%; height: 50px; overflow: hidden; padding: 7px 0;}
.nyAboutJob_btn i { display: block; width: 36px; height: 36px; overflow: hidden; margin: 0 auto; padding: 9px; border: 1px solid #bbb; border-radius: 50%;}
.nyAboutJob_list ul li.active .nyAboutJob_btn i { border: 1px solid #ff0001;}
.nyAboutJob_list ul li.active .nyAboutJob_btn i svg { transform: rotateX(180deg); -webkit-transform: rotateX(180deg);}
.nyAboutJob_list ul li.active .nyAboutJob_btn i svg path { fill: #ff0001;}

.nyAboutJob_list ul li .nyAboutJob_con { height:0; overflow:hidden;padding: 0 80px;}
.nyAboutJob_list ul li.active .nyAboutJob_con { height:auto; padding:40px 80px;}
.nyAboutJob_text { margin-bottom: 30px;}
.nyAboutJob_text .nyAboutJob_tit { line-height: 32px; color: #555; font-size: 18px; font-weight: bold; margin-bottom: 15px;}
.nyAboutJob_text p { line-height: 30px; color: #555; font-size: 16px; padding: 3px 0;}
.nyAboutJob_text p:last-child { margin-bottom: 0;}
.nyAboutJob_text p span { color: #ff0001; font-size: 16px;}
.nyAboutJob_con a.nyAboutJob_send { display: inline-block; width: auto; height: 50px; overflow: hidden; line-height: 50px; color: #fff; font-size: 18px; border-radius: 25px; background-color: #ff0001; padding: 0 40px; vertical-align: top;}
.nyAboutJob_con a.nyAboutJob_send i { display: inline-block; width: 20px; height: 20px; overflow: hidden; vertical-align: middle; margin: -4px 8px 0 0;}
.nyAboutJob_con a.nyAboutJob_send:hover i {  margin: -4px 12px 0 0;}
.nyAboutJob_con a.nyAboutJob_send:nth-of-type(2){ margin-left:15px; background:#fff; border:1px solid #ff0001; color:#ff0001;}
.nyAboutJob_con a.nyAboutJob_send:nth-of-type(2) i{ width:24px; height:24px;}
.nyAboutJob_con a.nyAboutJob_send:nth-of-type(2) i svg{ fill:#ff0001;}

@media (max-width:1680px) {
	.nyAbout_job {padding: 80px 0;}
	.nyAboutJob_head dl dt, .nyAboutJob_head dl dd { line-height: 40px;}
	.nyAboutJob_head dl dt, .nyAboutJob_list ul li dl dt { padding: 20px 60px;}
	.nyAboutJob_name, .nyAboutJob_num, .nyAboutJob_salary, .nyAboutJob_time { height: 40px; line-height: 40px;}
	.nyAboutJob_btn { height: 40px; padding: 2px 0;}
	.nyAboutJob_list ul li .nyAboutJob_con { padding: 30px 60px 40px;}
	.nyAboutJob_text { margin-bottom: 20px;}
	.nyAboutJob_text .nyAboutJob_tit { margin-bottom: 10px;}
}
@media (max-width:1560px) {
     .nyAboutJob_head dl dt, .nyAboutJob_list ul li dl dt { padding: 20px 50px;}
}
@media (max-width:1440px) {
	.nyAbout_job {padding: 60px 0;}
	.nyAboutJob_head dl dt, .nyAboutJob_list ul li dl dt, .nyAboutJob_head dl dd, .nyAboutJob_list ul li dl dd { padding: 15px 40px;}
	.nyAboutJob_name, .nyAboutJob_num, .nyAboutJob_salary, .nyAboutJob_time { font-size: 15px;}
	.nyAboutJob_btn { padding: 4px 0;}
	.nyAboutJob_btn i { width: 32px; height: 32px; padding: 8px;}
	.nyAboutJob_list ul li .nyAboutJob_con { padding:0 40px;}
	.nyAboutJob_list ul li.active .nyAboutJob_con {padding:30px 40px 40px;}
	.nyAboutJob_text .nyAboutJob_tit { line-height: 30px; font-size: 16px;}
	.nyAboutJob_text p { font-size: 15px; padding: 0;}
	.nyAboutJob_text p span { font-size: 15px;}
	.nyAboutJob_con a.nyAboutJob_send { font-size: 16px; padding: 0 30px;}
	.nyAboutJob_con .nyAboutJob_email, .nyAboutJob_con .nyAboutJob_email span { font-size: 15px;}
}
@media (max-width:1366px) {
    .nyAboutJob_con a.nyAboutJob_send { height: 45px; line-height: 45px; font-size: 15px;}
}
@media (max-width:1200px) {
  .nyAboutJob_head dl dt, .nyAboutJob_list ul li dl dt, .nyAboutJob_head dl dd, .nyAboutJob_list ul li dl dd { padding: 10px 30px;}
  .nyAboutJob_list ul li .nyAboutJob_con { padding: 0 30px;}
  .nyAboutJob_list ul li.active .nyAboutJob_con { padding:20px 30px 30px;}
  .nyAboutJob_text { margin-bottom: 15px;}
  .nyAboutJob_text .nyAboutJob_tit { line-height: 25px; font-size: 15px;}
  .nyAboutJob_text p { line-height: 28px; font-size: 14px;}
  .nyAboutJob_text p span { font-size: 14px;}

  .nyAboutJob_con .nyAboutJob_email, .nyAboutJob_con .nyAboutJob_email span { line-height: 45px; font-size: 14px;}
}

@media (max-width:1080px) {
  .nyAboutJob_btn { padding: 8px 0;}
  .nyAboutJob_btn i { width: 24px; height: 24px; padding: 6px;}
  .nyAboutJob_con a.nyAboutJob_send { height: 40px; line-height: 40px; font-size: 14px; padding: 0 24px;}
  .nyAboutJob_con a.nyAboutJob_send i { width: 18px; height: 18px;}

  .nyAboutJob_con .nyAboutJob_email, .nyAboutJob_con .nyAboutJob_email span { line-height: 40px;}
}

@media (max-width:920px) {
	.nyAbout_job {padding: 40px 0;}
	.nyAboutJob_head dl dt, .nyAboutJob_list ul li dl dt, .nyAboutJob_head dl dd, .nyAboutJob_list ul li dl dd { padding: 10px 20px;}
	.nyAboutJob_head dl dt, .nyAboutJob_head dl dd { line-height: 32px; font-size: 16px;}
	.nyAboutJob_name, .nyAboutJob_num, .nyAboutJob_salary, .nyAboutJob_time { font-size: 14px;}
	.nyAboutJob_time i { width: 14px; height: 14px;}
	.nyAboutJob_list ul li .nyAboutJob_con { padding:0 20px;}
	.nyAboutJob_list ul li.active .nyAboutJob_con { padding:20px;}
  
	.nyAboutJob_con .nyAboutJob_email { padding-left: 12px;}
}
@media (max-width:820px) {
  .nyAboutJob_head dl dt, .nyAboutJob_list ul li dl dt { width: 80%;}
  .nyAboutJob_head dl dd, .nyAboutJob_list ul li dl dd { width: 20%;}
  .nyAboutJob_head dl dd:nth-child(2), .nyAboutJob_head dl dd:nth-child(3), .nyAboutJob_head dl dd:nth-child(4), .nyAboutJob_list ul li dl dd:nth-child(2), .nyAboutJob_list dl dd:nth-child(3),    .nyAboutJob_list dl dd:nth-child(4) { display: none;}
  .nyAboutJob_text { display: block !important;}
  .nyAboutJob_text .nyAboutJob_tit{ font-size:16px;}
  .nyAboutJob_name, .nyAboutJob_num, .nyAboutJob_salary, .nyAboutJob_time{ font-size:15px;}
}
@media (max-width:767px) {
	.nyAbout_job {padding: 30px 0;}
	.nyAboutJob_head dl dt, .nyAboutJob_head dl dd { line-height: 30px;}
	.nyAboutJob_head dl dt, .nyAboutJob_list ul li dl dt, .nyAboutJob_head dl dd, .nyAboutJob_list ul li dl dd { padding: 10px 12px;}
	.nyAboutJob_head dl dt, .nyAboutJob_list ul li dl dt { width: calc(100% - 90px);}
	.nyAboutJob_head dl dd, .nyAboutJob_list ul li dl dd { width: 90px;}
  
	.nyAboutJob_list ul li.active .nyAboutJob_con { text-align: center;}
	.nyAboutJob_text { text-align: left;}
}
@media (max-width:390px) {
	.nyAboutJob_con a.nyAboutJob_send{padding: 0 20px;}
	.nyAboutJob_con a.nyAboutJob_send:nth-of-type(2){ margin-left:5px;}
	.nyAboutJob_con a.nyAboutJob_send i{margin: -4px 3px 0 0; display:none;}
}
/*nyAbout_job end*/