/********浜烘墠鎷涜仒棣栭〉*************/ .recuitMain{width: 100%;position: relative;} .recuitMain .section1{background:url(../images/recuitbg1.png) no-repeat center;background-size: cover;width: 100%;overflow: hidden;} .recuitMain .section1 .recuittit{color: #fff;text-align: center;} .recuitMain .section1 .recuittit p.cn{font-size:30px;} .recuitMain .section1 .recuittit h5.h5{font-size: 48px;font-weight:500;line-height: 2;position: relative;} .recuitMain .section1 .recuittit h5.h5::after{content: '';width: 43px;height: 5px;border-radius: 3px;background:#fff;display: block;margin: 20px auto;} .recuitMain .section1 .recuittit .desc{font-size: 22px;line-height: 1.7;} .recuitMain .section1 .rec-value{overflow: hidden;width: 100%;height:auto ;margin-top: .4rem;} .recuitMain .section1 .rec-value .li{width: 44%;background: #fff;padding: .3rem 1%;border-radius: .15rem;overflow: hidden;} .recuitMain .section1 .rec-value .li .img{display: inline-block;width: .61rem;height:.61rem;float:left;} .recuitMain .section1 .rec-value .li .img img{display: block;width: 100%;height: 100%;} .recuitMain .section1 .rec-value .li .txt{float: right;width: calc(100% - .8rem);} .recuitMain .section1 .rec-value .li .txt h3{font-size: 22px;color: #333;} .recuitMain .section1 .rec-value .li .txt p{color: #656565;font-size: 18px;padding-top: 5px;} .recuitMain .section2{background:#000 url(../images/recuitbg2.png) no-repeat center;background-size: cover;width: 100%;padding-top: .6rem;overflow: hidden;} .recuitMain .section2 .recuitdescbox .li{position: relative;width: 46%;} .recuitMain .section2 .recuitdescbox .li .imgicon{width: 1.73rem;height: 1.73rem;background: #fff;border-radius: 100%;position: absolute;top: -0.9rem;left: 50%;margin-left: -0.865rem;z-index: 10;} .recuitMain .section2 .recuitdescbox .li .imgicon img{display: block;width: .67rem;} .recuitMain .section2 .recuitdescbox .li .conts{background:#F7F7F7;padding:.9rem .3rem .3rem .3rem;overflow: hidden;opacity:.9;position: relative;z-index: 9;height: 4rem;border-radius: .1rem;} .recuitMain .section2 .recuitdescbox .li .conts h4{text-align: center;font-size: 30px;color: #333;padding-top: .3rem;margin-bottom: .2rem;} .recuitMain .section2 .recuitdescbox .li .conts p{font-size: 18px;color: #656565;margin-top: .15rem;position: relative;padding-left: .15rem;line-height:1.5;} .recuitMain .section2 .recuitdescbox .li .conts p::before {content:"";width:5px;height:5px;background: #00B3C3;border-radius:50px;position: absolute;top: .1rem;left: 0;} .recuitMain .section2 .recuitdescbox .li .conts p span{display: inline-block;color: #333;font-weight: 600;} .recuit-link{width: 100%;position:relative;overflow: hidden;margin-top:5%;} .recuit-link::before{display: block;content: '';width:33%;height: 2px;background: #fff;position: absolute;top: 50%;left: 0;margin-top:-1px;} .recuit-link::after{display: block;content: '';width:33%;height: 2px;background: #fff;position: absolute;top: 50%;right: 0;margin-top:-1px;} .recuit-link a{display: block;margin: 0 auto;width: 2.9rem;height: 66px;border: 2px solid #fff;border-radius: .35rem;text-align: center;line-height: 66px;color: #fff;font-size: 22px;} .recuit-link a span{display:inline-block;padding-left:30px;background: url(../images/alink.png) no-repeat left center;background-size:25px auto;} .section6{height:auto !important;} .recuit-link a:hover{background-color: #03B9C5;border-color: #03B9C5;} @media screen and (max-width: 1680px){ .recuitMain .section2 .recuitdescbox .li .imgicon{height:0.8rem;width:0.8rem;top:-0.5rem;margin-left:-0.4rem;} .recuitMain .section2 .recuitdescbox .li .imgicon img{width:0.4rem;} .recuitMain .section2 .recuitdescbox .li .conts{height:auto;padding-top:0rem;height:3.5rem;} .recuitMain .section2 .recuitdescbox .li{width: 49%;} .recuitMain .section2 .recuitdescbox .li .conts h4{font-size:25px;} .recuitMain .section1{padding-top:90px;box-sizing:border-box;} .YQbox {width: 90%;} .recuit-link a{height:50px;line-height:50px;font-size:20px;} } @media screen and (max-width: 1480px){ .recuitMain .section2 .recuitdescbox .li .conts{height:2.5rem;} .recuitMain .section2 .recuitdescbox .li .conts h4{font-size:22px;} .recuitMain .section1 .recuittit p.cn{display:none;} .recuitMain .section1 .recuittit h5.h5{font-size:28px;} .recuitMain .section1 .recuittit .desc{font-size:14px;} .recuitMain .section2 .recuitdescbox .li .conts p{font-size:14px;} } @media screen and (max-width: 1250px){ .recuitMain .section2{height:auto !important;padding:0.8rem 0;} .recuitMain .section2 .recuitdescbox .li .imgicon{width: 1.2rem;height: 1.2rem;top: -0.6rem;margin-left: -0.6rem;} .recuitMain .section2 .recuitdescbox .li .conts{height:3.5rem;padding:0.8rem 0.3rem;} .recuitMain .section2 .recuitdescbox .li .conts h4{font-size:22px;padding-top:0;} .recuitMain .section2 .recuitdescbox .li .conts p{font-size:16px;} .recuitMain .section1{height:auto !important;padding:0.8rem 0;padding-top:1.4rem;} .recuitMain .section1 .recuittit h5.h5{font-size:30px;line-height:1.4;padding-top:10px;} .recuitMain .section1 .recuittit p.cn{font-size:24px;} .recuitMain .section1 .recuittit .desc{font-size:18px;} .recuit-link a{font-size:18px;} .recuitMain .section1 .rec-value .li .txt h3{font-size:22px;} .recuitMain .section1 .rec-value .li .txt p{font-size:14px;} } @media screen and (max-width: 850px){ .recuitMain .section2 .recuitdescbox .li{width:auto;} .recuitMain .section2 .recuitdescbox .li:last-child{margin-top:1rem;} .recuitMain .section2 .recuitdescbox .li .conts{height:auto;} .recuitMain .section2 .recuitdescbox{display:block;} .rec-value{display: block;} .recuit-link::before{width:20%;} .recuit-link::after{width:20%;} .recuitMain .section1 .recuittit h5.h5{font-size:25px;line-height:1.4;padding-top:10px;} .recuitMain .section1 .recuittit p.cn{font-size:20px;} .recuitMain .section1 .recuittit .desc{font-size:16px;} .recuit-link a{font-size:18px;} .recuitMain .section1 .rec-value .li{width:auto;margin-top:0.5rem;} .recuit-link a{font-size:16px;line-height:45px;height:45px;} } @media screen and (max-height: 650px){ .recuitMain .section1 .rec-value .li .txt h3{font-size:16px;} .recuitMain .section1 .rec-value .li .txt p{font-size:14px;} .recuitMain .section1 .rec-value .li .img{width:0.4rem;height:0.4rem;} .recuit-link a{width: 2rem; height: 45px;line-height:45px;font-size:15px;} .recuitMain .section2 .recuitdescbox .li .imgicon{display:none;} .recuitMain .section2 .recuitdescbox .li .conts{padding-top:0;} .recuitMain .section1 .rec-value .li{padding:2% 0.1rem;} } /********浜烘墠鎷涜仒璇︽儏椤?************/ .recruit{ padding-bottom: 24px;} .one_recruit{ padding: 0.2rem 0 0.2rem 0.27rem; margin-bottom: 30px; background: #fff; border: 1px solid #EDEDED;} .one_recruit .one_recruit_title{ overflow: hidden; position: relative; line-height:1.8; cursor: pointer; outline: none; background: none;-webkit-tap-highlight-color:rgba(0,0,0,0);padding-right:50px;position: relative;} .one_recruit .one_recruit_title .txt1{ width: 30%; font-size: 26px; color: #333; float: left;padding-right:10px;min-width:300px;} .one_recruit .one_recruit_title .txt2{ font-size: 16px; color: #999;line-height:46px;} .one_recruit .one_recruit_title .txt2 i{ padding: 0 0.26rem;} .one_recruit_det{ display: none;padding-right:0.27rem;} .one_recruit_det.one_recruit_det1{ display: block;padding-right:0.27rem;} .one_recruit_det .re_title{ display: inline-block; padding: 6px 23px; border: 1px solid #EDEDED; font-size: 18px; color: #333; font-weight: bold; margin-top: 10px;} .one_recruit_det ul{ padding: 16px 0;} .one_recruit_det ul li{ font-size: 16px; line-height: 32px; color: #333;} .one_recruit_email{ line-height: 106px; border-top: 1px solid #EDEDED; font-size: 16px; color: #333;} .one_recruit_email i{ color: #03BAC6;} .one_recruit .icon{position:absolute;right:0;top:50%;margin-top:-40px;padding:0 30px;height:80px;} .one_recruit .icon p{width:20px;position: relative;} .one_recruit .icon p::before{content: '';position: absolute;width: 3px; height: 20px; background: #333;margin: auto; top: 0; bottom: 0; right: 8.5px;transition:all 0.15s ease 0s;color:#999;} .one_recruit .icon p::after {content: '';position: absolute;width: 20px; height: 3px; background: #333;margin: auto; top: 0; bottom: 0; right: 0;color:#999;} .one_recruit .open .icon p::before{ height: 0;} @media screen and (max-width: 1680px){ .one_recruit .one_recruit_title .txt1{font-size:26px;} } @media screen and (max-width: 1450px){ .one_recruit .one_recruit_title .txt1{font-size:24px;} } @media screen and (max-width: 1300px){ .one_recruit .one_recruit_title .txt2{width:100%;font-size:18px;line-height:1.5;} .one_recruit .one_recruit_title .txt1{width:100%;float:initial;font-size:22px;margin-bottom:0.2rem;} } @media screen and (max-width: 1250px){ .one_recruit .icon{border-left:1px solid #f1f1f1;} .one_recruit .one_recruit_title .txt1{font-size:18px;font-weight:700;} .one_recruit .one_recruit_title .txt2{font-size:16px;} .one_recruit .one_recruit_title .txt1 span{display:block;} .one_recruit .one_recruit_title .txt2 span{display:block;} .one_recruit .one_recruit_title .txt2 i{display:none;} }