@charset "utf-8";


.contact h2{text-align: center;margin-bottom: 3%;font-size: 30px;line-height: 42px;color: #595757;font-family: "微软雅黑";position: relative;padding-bottom: 18px;}
.contact h2::before{content: '';position: absolute;width: 54px;height: 2px;background: #EB5A10;left: 50%;transform: translateX(-50%);bottom: 0;}

.contact .index-cont{display: flex;flex-wrap: wrap;}
.contact .index-cont input{display: block;width: calc(33.3% - 1%);margin-right: 1.5%;height: 50px;border: 1px solid #949598;margin-bottom: 2%;padding: 0 14px;font-size: 18px;font-family: "微软雅黑";line-height: 30px;color: #595757;}
.contact .index-cont input:nth-child(3){margin-right: 0;}
.contact .index-cont textarea{border: 1px solid #949598;padding: 16px;font-size: 16px;width: 100%;min-height: 130px;margin-bottom: 30px;font-family: "微软雅黑";}
.contact .index-cont button{width: 148px;height: 40px;margin: 0 auto;background-color: #eb5a10;border: unset;color: #fff;font-size: 16px;font-family: "AlibabaPuHuiTi-Regular";}

.contact .index-cont input::-webkit-input-placeholder {font-size: 16px;color: #595757;font-family: "微软雅黑";}
.contact .index-cont input:-moz-placeholder {font-size: 16px;color: #595757;font-family: "微软雅黑";}
.contact .index-cont input::-moz-placeholder {font-size: 16px;color: #595757;font-family: "微软雅黑";}
.contact .index-cont input:-ms-input-placeholder {font-size: 16px;color: #595757font-family: "微软雅黑";;}


.contact .index-cont textarea::-webkit-textarea-placeholder {font-size: 18px;color: #595757;font-family: "微软雅黑";}
.contact .index-cont textarea:-moz-placeholder {font-size: 18px;color: #595757;font-family: "微软雅黑";}
.contact .index-cont textarea::-moz-placeholder {font-size: 18px;color: #595757;font-family: "微软雅黑";}
.contact .index-cont textarea:-ms-textarea-placeholder {font-size: 18px;color: #595757;font-family: "微软雅黑";;}

.contact .cont-mode{background: #f7f8f9;padding: 54px;margin: 10.4% 0;}
.contact .cont-mode ul{display: flex;flex-wrap:wrap;}
.contact .cont-mode ul li{margin-right: 20px;width: calc(33% - 12px);background: #fff;padding: 30px;display: flex;margin-top: 2%;}
.contact .cont-mode ul li:nth-child(3n){margin-right: 0px;}
.contact .cont-mode ul li .img{width: 44px;height: 44px;margin-right: 20px;}
.contact .cont-mode ul li .img img{display: block;width: 100%;height: 100%;object-fit: contain;}
.contact .cont-mode ul li .text{width: calc(100% - 64px);}
.contact .cont-mode ul li .text h3{font-weight: bold;font-size: 18px;line-height: 30px;color: #595757;font-family: "微软雅黑";}
.contact .cont-mode ul li .text p{font-size: 16px;line-height: 30px;color: #595757;font-family: "微软雅黑";}

@media (max-width:1080px) {
	.contact .cont-mode{padding: 30px;}
	.contact h2{font-size: 26px;line-height: 36px;}
	.contact .cont-mode ul li{width: 100%;margin-right: 0;}
}
@media (max-width:769px) {
	.contact .index-cont input{height: 40px;width: 100%;margin-right: 0;}
}
@media (max-width:480px) {
	.contact .index-cont input:nth-child(1){margin-right: 0;}
	.contact .index-cont input{height: 40px;width: 100%;}
	.contact .cont-mode ul li{padding: 20px;}
	.contact .cont-mode ul li .img{width: 30px;height: 30px;}
	.contact .cont-mode{padding: 30px 20px;}
	.contact .cont-mode ul li .text p{font-size: 14px;}
	.contact h2{font-size: 22px;padding-bottom: 10px;}
}

.contact.table{width: 100%;padding: 4.2% 0 11%;}
.contact.table table{width: 100%;border-top: 1px solid #707070;}
.contact.table table tr{border-bottom: 1px solid #707070;}
.contact.table table tr:nth-child(1) td{color: #595757;}
.contact.table table tr td{transition: all .3s linear;-webkit-transition: all .3s linear;font-size: 18px;line-height: 60px;color: #949598;font-family: "微软雅黑";text-align: center;}
.contact.table table tr:hover td.link{position: relative;}
.contact.table table tr:hover td.link a{color: #fff;}
.contact.table table tr:hover td.link::before{z-index: -2;content: '';width: 96px;height: 80%;background: #EB5A10;;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.contact.table table tr a{display: block;width: 100%;height: auto;font-size: 18px;line-height: 60px;color: #949598;font-family: "微软雅黑";}

@media (max-width:1080px) {
	.contact.table table tr a{font-size: 14px;}
	.contact.table table tr td{font-size: 16px;line-height: 50px;}
}
@media (max-width:769px) {
	.contact.table table tr td{font-size: 14px;}
	.contact.table table tr:hover td.link::before{width: 100%;height: 60%;}
	.contact.table table tr td p{width: 56%;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;
-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;white-space: nowrap;overflow: hidden;margin: 0 auto;}
	.contact.table table tr td{white-space: nowrap;}
	.contact.table table tr td:nth-child(2){display: none;}
	.contact.table .main3{overflow: scroll;width: 100%;}
}
@media (max-width:480px) {
	.contact.table table tr:nth-child(1) td{line-height:60px;}
	.contact.table table tr td{font-size: 12px;line-height: 30px;}
	.contact.table table tr a{font-size: 12px;}
}

.recruit-detail{padding: 3.6% 0 6.2%;}
.recruit-detail h1{font-size: 30px;line-height: 42px;color: #eb5a10;font-family: "微软雅黑";}
.recruit-detail .rec-info{margin: 4% 0;}
.recruit-detail .rec-info ul{display: flex;flex-wrap: wrap;}
.recruit-detail .rec-info li{width: 33%;}
.recruit-detail .rec-info li p{font-size: 18px;line-height: 40px;color: #595757;font-family: "微软雅黑";}
.recruit-detail .cent h2{font-weight: bold;font-size: 20px;line-height: 40px;color: #595757;font-family: "微软雅黑";margin-bottom: 3%;}
.recruit-detail .cent p{font-size: 18px;line-height: 40px;color: #595757;font-family: "微软雅黑";}
.recruit-detail .cent h3{font-weight: bold;margin-top: 4%;font-size: 18px;line-height: 40px;color: #eb5a10;font-family: "微软雅黑";margin-bottom: 3%;}

.recruit-detail .to-black{width: 74px;height: 40px;background: #949598;margin-left: auto;}
.recruit-detail .to-black a{display: block;font-size: 16px;line-height: 40px;color: #fff;text-align: center;}

@media (max-width:1080px) {
	.recruit-detail .cent h2{margin-bottom: 1%;}
	.recruit-detail .cent p{font-size: 16px;line-height: 34px;}
}
@media (max-width:769px) {
	.recruit-detail .rec-info li{width: 50%;}
	.recruit-detail .rec-info li p{font-size: 16px;line-height: 30px;}
	.recruit-detail .cent h2{font-size: 18px;line-height: 28px;}
	.recruit-detail .cent p{font-size: 14px;}
}
@media (max-width:480px) {
	.recruit-detail .cent h2{margin-top: 2%;}
	.recruit-detail .rec-info li{width: auto;margin-right: 8%;}
	.recruit-detail h1{font-size: 28px;line-height: 40px;}
	.recruit-detail .rec-info li p{font-size: 14px;line-height: 24px;}
}