.banner{width: 100%; position: relative;}
.banner .container{top: 50%;left: 50%;transform: translate(-50%, -50%);position: absolute; padding-left: 45px;}
.banner .container dl{color: #ffffff;font-size: 40px;font-weight: 700;line-height: 1;}
.banner .container dd{color: #ffffff;font-size: 20px; font-weight: 400;line-height: 1.5;padding-top: 30px;}
.banner img{width: 100%; display: block;}

@media (max-width: 1200px) {
	.banner .info{top: 50%;transform: translateY(-50%);position: absolute;width: 100%;text-align: center;color: #ffffff;}
	.banner .info dl{font-size: 16px;font-weight: 700;}
	.banner .info dd{font-size: 12px;padding-top: 30px;}
}

/*加入我们*/
.about{background: linear-gradient(178.9deg, #010719 23.97%, #000726 63.38%, #070A13 73.34%); padding-bottom: 40px;}
.about .box1{padding:30px;}
.about .box1 .title{width: 100%; text-align: center;font-size: 40px; font-weight: 600;padding-top: 60px;color: #ffffff;line-height: 1;}
.about .box1 .info{background: linear-gradient(126.22deg, #061943 11.91%, #05033D 49.38%, #020647 90.12%);box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3);border-radius: 10px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;margin-top: 50px;display: flex; justify-content: center;align-items: center;}
.about .box1 .info dl{width: 50%; color: #ffffff; padding:30px;}
.about .box1 .info dl .p1{font-size: 18px; font-weight: 700;}
.about .box1 .info dl .p2{font-size: 14px; line-height: 1.8; font-weight: 300;padding-top: 20px;}
.about .box1 .info dd{width: 50%;}
.about .box1 .info dd img{width: 100%; display: block;}
@media (max-width: 1200px) {
	.box1_m{padding:10px;}
	.box1_m .info{background: linear-gradient(126.22deg, #061943 11.91%, #05033D 49.38%, #020647 90.12%);box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3);border-radius: 10px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;margin-top: 20px;overflow: hidden;color: #ffffff;}
	.box1_m .info dd{width: 100%;}
	.box1_m .info dd img{width: 100%; display: block;}
	.box1_m .info dl{width: 100%; color: #ffffff; padding:20px;}
	.box1_m .info dl .p1{font-size: 16px; font-weight: 700;text-align: center;}
	.box1_m .info dl .p2{font-size: 12px; line-height: 1.8; font-weight: 300;padding-top:10px;}
}

/*社会招聘*/
.job{padding:60px 30px 40px;}
.job .title{width:100%;text-align:center;font-size:34px;font-weight:700;color:#ffffff;line-height:1;}
.job .exp{width:100%;text-align:center;font-size:16px;color:#ffffff;line-height:1.5;padding-top:20px;font-weight:300;}
.job .re-cards{display:flex;justify-content:space-between;margin-top:50px;flex-wrap:wrap;}
.job .re-card{
	width:32%;box-sizing:border-box;
	background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.02) 100%);
	border:1px solid rgba(255,255,255,.1);
	border-radius:12px;
	padding:50px 36px 40px;text-align:center;
	transition:.25s ease;display:block;text-decoration:none;
}
.job .re-card:hover{
	transform:translateY(-4px);
	border-color:rgba(31,157,108,.35);
	background:linear-gradient(180deg,rgba(31,157,108,.06) 0%,rgba(255,255,255,.02) 100%);
}
.job .re-icon{width:72px;height:72px;margin:0 auto;display:flex;align-items:center;justify-content:center;}
.job .re-icon .re-svg{width:80px;height:80px;display:block;}
.job .re-card-title{font-size:24px;font-weight:700;color:#ffffff;padding-top:24px;}
.job .re-card-desc{font-size:14px;color:rgba(255,255,255,.65);line-height:1.9;font-weight:300;padding-top:16px;min-height:60px;}
.job .re-card-btn{
	display:inline-block;margin-top:28px;line-height:46px;padding:0 42px;
	background:transparent;border:1px solid rgba(40,181,107,.45);color:#0F8052;
	font-size:15px;font-weight:500;border-radius:50px;transition:.3s;
}
.job .re-card:hover .re-card-btn{background:rgba(40,181,107,.12);border-color:#0F8052;color:#34D399;}
@media (max-width:768px){
	.job{padding:40px 10px 20px;}
	.job .title{font-size:16px;line-height:1.4;}
	.job .exp{font-size:12px;padding-top:12px;line-height:1.7;}
	.job .re-cards{margin-top:28px;}
	.job .re-card{width:100%;margin-bottom:16px;padding:32px 20px 28px;}
	.job .re-icon{width:60px;height:60px;}
	.job .re-card-title{font-size:16px;padding-top:18px;}
	.job .re-card-desc{min-height:0;font-size:13px;line-height:1.8;padding-top:12px;}
	.job .re-card-btn{margin-top:22px;line-height:40px;padding:0 32px;font-size:14px;}
}

.why{padding-bottom: 40px;}
.why .box2{width: 100%;padding: 30px;}
.why .box2 .title{width: 100%; text-align: center;font-size: 34px; font-weight: 700;color: #ffffff;}
.why .box2 .exp{width: 100%; text-align: center;font-size: 16px;color: #fff; line-height: 1; padding-top: 20px;font-weight: 300;}
.why .box2 .info{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;width:100%;padding-top: 40px;}
.why .box2 .info li{width: 49%; margin-right: 2%;background: linear-gradient(126.22deg, #00226B 11.91%, #002697 49.38%, #070F9A 90.12%);box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3);display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;border-radius: 8px; padding:40px 20px; margin-bottom: 20px;transition: .25s ease;color: #ffffff;}
.why .box2 .info li:hover{transform: translateY(-6px);box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);}
.why .box2 .info li:nth-child(2n){margin-right: 0;}
.why .box2 .info li dl{font-size: 18px;height: 18px; font-weight: 700;width: 100%;position: relative;padding-left: 14px;line-height: 1;}
.why .box2 .info li dl:after{content: '';position: absolute;left: 0;top: 2px;width: 3px;height: 100%; background: #0F8052;border-radius: 2px;}
.why .box2 .info li dd{font-size: 14px; font-weight: 300; padding-top: 20px;width: 100%;}
@media (max-width: 1200px) {
	.why{padding: 10px;}
	.why .box2{padding: 0;}
	.why .box2 .title{width: 100%; text-align: center;font-size:16px; font-weight: 700;color: #ffffff;}
	.why .box2 .exp{width: 100%; text-align: center;font-size: 12px;color: #fff; line-height: 1; padding-top: 10px;font-weight: 300;}
	.why .box2 .info{width:100%;padding-top: 20px;}
	.why .box2 .info li{width: 100%;border-radius: 12px; padding:15px 20px; margin-bottom: 15px;margin-right: 0;}
	.why .box2 .info li .icon{display: flex; justify-content: center;align-items: center;width: 100%;}
	.why .box2 .info li .icon img{width: 60px; display: block;}

	.why .box2 .info li dl{font-size: 16px; font-weight: 700;height: 16px;}
	.why .box2 .info li dd{font-size: 12px; font-weight: 300; padding-top: 10px;line-height: 1.8;}
}
/*弹出详情*/
.tc_job{top: 50%;transform: translateY(-50%);position: fixed;width: 1000px; left: 50%; margin-left: -500px;background: linear-gradient(126.22deg, #05112A 11.91%, #0B0A2C 49.38%, #0A0C2D 90.12%);z-index: 110;padding:40px 50px;}
.tc_job .rongqi{width: 100%;max-height: 500px; overflow-y: auto;scrollbar-width: none;}
.tc_job .rongqi::-webkit-scrollbar {
  width: 0px; /*直接把滚动条宽度置0，白色区域直接消失*/
}


.tc_box1{width: 100%;}
.tc_box1 .fenlei{width: 100%;display:flex; justify-content:space-between;}
.tc_box1 .fenlei dd{background: rgba(40, 181, 107, 0.2);color: #0F8052;font-size: 12px;line-height: 1; padding:5px 20px;border-radius: 20px;}
.tc_box1 .title{font-size: 34px;color: #ffffff;font-weight: 700;padding-top: 20px;}
.tc_box1 dt{font-size: 14px;font-weight: 300;padding-top: 15px; line-height: 1.8;color: #ffffff;}
.tc_box1 .tag{width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;padding-top: 20px;}
.tc_box1 .tag li{display: flex; justify-content: center;align-items: center;margin-right: 20px;color: #ffffff; font-size: 14px; font-weight: 300;}
.tc_box1 .tag li img{width: 14px;display: block;margin-right:10px;}
.tc_box1 .tag li:last-child{margin-right: 0;}
.tc_job .content{width: 100%;}
.tc_job .content li{width: 100%;padding-top: 40px;}
.tc_job .content li dl{position: relative; padding-left: 15px;font-size: 18px;line-height: 1; font-weight: 700;color: #ffffff;}
.tc_job .content li dl:after{content: "";position: absolute;width: 5px; height: 100%;border-radius: 10px; background: #0F8052;left: 0; top: 0;}
.tc_job .content li dd{color: #ffffff;font-size: 14px; line-height: 2;font-weight: 300;padding-top: 15px;white-space: pre-wrap;}
.tc_box2{width: 100%;}
.tc_box2 .title{position: relative; padding-left: 15px;font-size: 18px;line-height: 1; font-weight: 700;color: #ffffff;margin-top: 50px;}
.tc_box2 .title:after{content: "";position: absolute;width: 5px; height: 100%;border-radius: 10px; background: #0F8052;left: 0; top: 0;}
.tc_box2 ul{width: 100%;padding-top: 30px;}
.tc_box2 ul li{width: 400px;padding-top: 40px;background: linear-gradient(126.22deg, #00226B 11.91%, #002697 49.38%, #070F9A 90.12%);box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3);display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;border-radius: 12px; padding:40px 20px; margin-bottom: 20px;}

.tc_box2 ul li .icon{display: flex; justify-content: center;align-items: center;width: 80px;}
.tc_box2 ul li .icon img{width: 44px; display: block;}

.tc_box2 ul li .info{width: calc(100% - 80px);padding-left: 10px;color: #ffffff;}
.tc_box2 ul li .info dl{font-size: 14px; font-weight: 300;line-height: 1}
.tc_box2 ul li .info dd{font-size: 14px; font-weight: 700;line-height: 1.5; padding-top:10px;}
.tc_job .btn{width: 260px;line-height: 68px; text-align: center;color: #ffffff;background: #0F8052;font-size: 16px; font-weight: 500;border-radius: 50px;margin-top: 30px; cursor:pointer;transition: .3s;}
.tc_job .btn a{color: #ffffff;display: block;}
.tc_job .btn:hover{background: #0F8052;transform: translateY(-2px);box-shadow: 0 8px 28px rgba(60, 187, 110, 0.2);}


.tc_job .close{width: 40px; position: fixed; top:10px; right: 10px; cursor:pointer}
.tc_job .close img{width: 40px; display: block;}
@media (max-width: 1200px) {
	.tc_job{top: 50%;transform: translateY(-50%);position: fixed;width: 90%; left: 5%; margin-left: 0;padding:20px 20px;max-height: 70%; overflow-y: auto;}
	.tc_box1{width: 100%;}
	.tc_box1 .fenlei{width: 100%;display:flex; justify-content:space-between;}
	.tc_box1 .fenlei dd{background: rgba(40, 181, 107, 0.2);color: #0F8052;font-size: 12px;line-height: 1; padding:5px 20px;border-radius: 20px;}
	.tc_box1 .title{font-size: 16px;color: #ffffff;font-weight: 700;padding-top: 20px;}
	.tc_box1 dt{font-size: 12px;font-weight: 300;padding-top: 15px; line-height: 1.8;color: #ffffff;}
	.tc_box1 .tag{width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;padding-top: 10px;}
	.tc_box1 .tag li{display: flex; justify-content: center;align-items: center;margin-right: 15px;color: #ffffff; font-size: 12px; font-weight: 300;}
	.tc_box1 .tag li img{width: 8px;display: block;margin-right:5px;}
	.tc_box1 .tag li:last-child{margin-right: 0;}
	.tc_job .content{width: 100%;}
	.tc_job .content li{width: 100%;padding-top: 30px;}
	.tc_job .content li dl{position: relative; padding-left: 15px;font-size: 14px;line-height: 1; font-weight: 700;color: #ffffff;}
	.tc_job .content li dl:after{content: "";position: absolute;width: 5px; height: 100%;border-radius: 10px; background: #0F8052;left: 0; top: 0;}
	.tc_job .content li dd{color: #ffffff;font-size: 12px; line-height: 2;font-weight: 300;padding-top: 10px;}
	.tc_box2{width: 100%;}
	.tc_box2 .title{position: relative; padding-left: 15px;font-size: 14px;line-height: 1; font-weight: 700;color: #ffffff;margin-top: 50px;}
	.tc_box2 .title:after{content: "";position: absolute;width: 5px; height: 100%;border-radius: 10px; background: #0F8052;left: 0; top: 0;}
	.tc_box2 ul{width: 100%;padding-top: 30px;}
	.tc_box2 ul li{width: 100%;background: linear-gradient(126.22deg, #00226B 11.91%, #002697 49.38%, #070F9A 90.12%);box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3);display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;border-radius: 12px; padding:20px 20px; margin-bottom: 20px;}

	.tc_box2 ul li .icon{display: flex; justify-content: center;align-items: center;width: 40px;}
	.tc_box2 ul li .icon img{width: 27px; display: block;}

	.tc_box2 ul li .info{width: calc(100% - 40px);padding-left: 10px;color: #ffffff;}
	.tc_box2 ul li .info dl{font-size: 12px; font-weight: 300;line-height: 1}
	.tc_box2 ul li .info dd{font-size: 14px; font-weight: 400;line-height: 1; padding-top:10px;}
	.tc_job .btn{width: 160px;line-height: 32px; text-align: center;color: #ffffff;background: #0F8052;font-size: 12px; font-weight: 500;border-radius: 50px;margin:0 auto; margin-top: 30px;}
	
	.tc_job .close{width: 24px; position: fixed; top:10px; right: 10px;}
	.tc_job .close img{width: 24px; display: block;}
}