/* 浜烘墠鎴愰暱 */
.join_tg {}

.join_tga {
float: left;
width: 100%;
margin-bottom: 2%;
}

.join_tg_img {
float: left;
width: 25%;
}

.join_tg_imgs {
float: right;
width: 25%;
margin-left: -1%
}

.join_tg_div {
float: right;
padding: 7% 0 6% 5%;
width: 76%;
margin-left: -1%;
margin-top: 1%;
background: url(../images/jion_usdiv.jpg) no-repeat;
background-size: 100% 100%;
}

.join_tg_divs {
float: left;
padding: 7% 0 6% 5%;
width: 76%;
margin-top: 1%;
background: url(../images/jion_usdiv.jpg) no-repeat;
background-size: 100% 100%;
}

.join_tga h2 {
font-size: 20px;
font-size: 2.0rem;
color: #333;
line-height: 45px;
}

.join_tga h2 span {
font-size: 30px;
font-size: 3.0rem;
color: #333;
font-weight: bold;
margin-right: 3%;
}

.join_tga p {
line-height: 28px;
font-size: 1.6rem;
font-size: 16px;
}

/* 浜烘墠鐞嗗康 */
.join_tc {
position: relative;
}

.jion_tca {
width: 55%;
float: left;
padding-left: 2%;
}

.join_tc h2 {
font-size: 30px;
font-size: 3.0rem;
color: #333;
font-weight: bold;
line-height: 45px;
margin: 0 0 2% 0;
}

.join_tc h3 {
font-size: 20px;
font-size: 2.0rem;
color: #333;
font-weight: bold;
line-height: 45px;
margin: 2% 0 3% 0;
}

.join_tc p {
line-height: 28px;
font-size: 1.4rem;
font-size: 14px;
}

.join_tcimg {
float: right;
}

.jion_tcb {
background: url(../images/feed-bg.png) no-repeat top center;
background-size: 100% 100%;
min-height: 215px;
padding-bottom: 40px;
}

.jion_tcb_t {
position: relative;
min-height: 230px;
}

.jion_tcb_t .rais-row {
margin-top: 20px;
}

.jion_tcb_b .rais-rows {
margin-top: 50px;
width: 90%;
margin-left: 10%;
}

.jion_tcb_t h2.h_cologre {
font-size: 20px;
font-size: 2.0rem;
color: #333;
font-weight: bold;
line-height: 30px;
margin: 2% 5% 3% 5%;
width: 90%;
text-align: left;
}

.jion_tcb_t h2.h_cologre::after {
content: '';
display: block;
position: absolute;
width: 24px;
height: 3px;
left: 4%;
margin-left: -12px;
bottom: -9px;
background: #049942;
}

.jion_tcb_t p {
line-height: 28px;
font-size: 1.4rem;
font-size: 14px;
margin: 2% 0 3% 5%;
float: left;
width: 76%;
}

.jion_tcb_b {
position: relative;
}

.jion_tcb_b .rais-row {
margin-top: 20px;
width: 90%;
margin-left: 9%;
}

.jion_tcb_b h2.h_cologre {
font-size: 20px;
font-size: 2.0rem;
color: #333;
font-weight: bold;
line-height: 30px;
margin: 2% 5% 3% 5%;
width: 90%;
text-align: left;
}

.jion_tcb_b h2.h_cologre::after {
content: '';
display: block;
position: absolute;
width: 24px;
height: 3px;
left: 4%;
margin-left: -12px;
bottom: -9px;
background: #049942;
}

.jion_tcb_b p {
line-height: 28px;
font-size: 1.4rem;
font-size: 14px;
margin: 2% 0 3% 5%;
float: left;
width: 76%;
}

.jion_tcb_c {
position: relative;
}

.jion_tcs {}

.jion_tcs h2 {
font-size: 18px;
font-size: 1.8rem;
color: #fff;
line-height: 50px;
background: #8cc53c;
float: left;
width: 100%;
}

.jion_tcs h2 img {
float: left;
}

.jion_tcs p {
line-height: 28px;
font-size: 1.4rem;
font-size: 14px;
padding: 5%;
width: 100%;
background: #f0f0f0;
float: left;
min-height: 180px;
margin-bottom: 20px;
}

.jion_tcs .rais-row {
margin-top: 20px;
}

.join_tcimg_1 {
position: absolute;
top: 0;
left: 0;
}

/* 鏍″洯鎷涜仒 */
/* 鍛樺伐娲诲姩 */


/* 寤夋斂鐩戠潱 */
.recruitment_is {
background: url(../images/feed-bg.png) no-repeat left center;
background-size: 90% 100%;
margin-bottom: 30px;
}

.recruitment_is_a {
background: url(../images/feed-bg.png) no-repeat left center;
background-size: 100% 100%;
padding: 5% 5% 5% 0;
}

.recruitment_is_al {
float: left;
margin: 0 5% 0 10%;

}

.recruitment_is_ar {
width: 70%;
float: left;
}

.recruitment_is_ar h2 {
font-size: 23px;
font-size: 2.3rem;
color: #666;
margin-bottom: 3%;
margin-top: 3%;
}

.recruitment_is_ar p {
font-size: 16px;
font-size: 1.6rem;
color: #666;
width: 80%;
line-height: 30px;
}

/* 瀹¤鐩戝療 */
.recruitment_ao {
margin-bottom: 5%;
}

.recruitment_ao table {
width: 100%;
}

.recruitment_ao table tr {
border-bottom: 1px solid #e3e3e3;
}

.recruitment_ao table tr.tr1 {
background: #7fbe26;
}

.recruitment_ao table th {
color: #fff;
font-size: 20px;
font-size: 2.0rem;
font-weight: bold;
padding: 20px 0 20px 20px;
}

.recruitment_ao table th.th1 {
width: 55%;
}

.recruitment_ao table th.th2 {
width: 22%;
}

.recruitment_ao table th.th3 {
width: 23%;
}

.recruitment_ao table td {
font-size: 14px;
font-size: 1.4rem;
padding: 20px 0 20px 20px;
color: #333;
}

/* 鎷涙爣淇℃伅 */
.recruitment_bi {}

.recruitment_bi table {
width: 100%;
margin-bottom: 5%;
}

.recruitment_bi table tr {
border-bottom: 1px solid #e3e3e3;
}

.recruitment_bi table tr.tr1 {
background: #7fbe26;
}

.recruitment_bi table th {
color: #fff;
font-size: 20px;
font-size: 2.0rem;
font-weight: bold;
padding: 20px 0 20px 20px;
}

.recruitment_bi table th.th1 {
width: 40%;
}

.recruitment_bi table th.th2 {
width: 16%;
}

.recruitment_bi table th.th3 {
width: 12%;
}

.recruitment_bi table th.th4 {
width: 20%;
}

.recruitment_bi table th.th5 {
width: 12%;
}

.recruitment_bi table td {
font-size: 14px;
font-size: 1.4rem;
padding: 20px 0 20px 20px;
color: #333;
}

.recruitment_bi_s .ck1 {
width: 90px;
display: block;
height: 30px;
line-height: 30px;
font-size: 14px;
font-size: 1.4rem;
text-align: center;
background: url(../images/ck1.png) no-repeat left center;
color: #fff;
}

.recruitment_bi_s .ck2 {
width: 90px;
display: block;
height: 30px;
line-height: 30px;
font-size: 14px;
font-size: 1.4rem;
text-align: center;
background: url(../images/ck2.png) no-repeat left center;
color: #fff;
}

/* 鍏憡鏍� */
.download_mains {
margin-bottom: 4%;
}

.download_mains li {
background: #f7f7f7;
float: left;
width: 97%;
margin-left: 3%;
margin-bottom: 20px;
padding-right: 2%;
}

.download_mains li h5 {
font-size: 20px;
font-size: 2.0rem;
color: #999;
font-weight: normal;
padding: 20px 0 15px;
}

.download_mains li a {
font-size: 14px;
font-size: 1.4rem;
color: #333;
line-height: 26px;
display: block;
border-left: 5px solid #3aaf82;
padding-left: 20px;
height: 110px;
}

.download_mains li p {
font-size: 14px;
font-size: 1.4rem;
color: #333;
line-height: 26px;
width: 100%;
text-indent: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}

.download_mains li a:hover {
border-left: 5px solid #3aaf82;
}

.download_mains li a:hover h5,
.download_mains li a:hover p {
color: #3aaf82;
}

.social-input {
margin: 0 auto;
float: none;
margin-bottom: 29px
}

.social-input .input-group .form-control {
height: 48px;
border: 1px solid #049942;
border-radius: 0
}

.social-input .input-group-addon {
padding: 6px 50px;
font-size: 14px;
font-weight: normal;
cursor: pointer;
line-height: 1;
color: #fff;
text-align: center;
background-color: #049942;
border: 1px solid #049942;
border-radius: 0
}

.work-list {
/* margin-top: 40px; */
border-bottom: 1px solid #dfdfdf
}

.work-list .work-list-title {
float: left;
font-size: 18px;
font-size: 1.8rem;
color: #333333;
width: 92px;
line-height: 38px;
}

.work-list .work-list-l {
/* margin-bottom: 20px; */
}

.work-list .work-list-l a {
font-size: 16px;
font-size: 1.6rem;
color: #666666;
padding: 0 14px;
line-height: 38px
}

.work-list .work-list-l a.active {
color: #049942;
margin-bottom: 0;
padding-bottom: 60px;
}

.work-list-li {
border-bottom: none
}

.allt_soci {
background: #f5f5f5;
}

.allt_soci .join_tg {
margin: 20px auto;
padding: 20px 40px;
background: #fff;
}

.allt_soci ul li {
padding: 20px 0;
border-bottom: 1px solid #dfdfdf
}

.zp-cot {
display: none
}

.zp-cot h5 {
font-size: 18px;
font-size: 1.8rem;
color: #333333;
margin-bottom: 20px;
margin-top: 30px;
}

.zp-cot p {
font-size: 16px;
font-size: 1.6rem;
color: #666666;
line-height: 28px;
}

.recrui_rightt {
width: 14px;
height: 8px;
display: inline-block;
float: right;
cursor: pointer;
background: url(../images/recrui_right.png) no-repeat
}

.recrui_rightt.open {
width: 14px;
height: 8px;
display: inline-block;
float: right;
cursor: pointer;
background: url(../images/recrui_rightt.png) no-repeat
}

.zp-cot p span {
display: inline-block;
width: 100%;
margin-bottom: 10px;
}

.recrui_left h4 {
font-size: 20px;
font-size: 2.0rem;
color: #333333;
margin-bottom: 20px;
}

.recrui_left .left-list p {
float: left;
margin-right: 20px;
}

/* 鎷涙爣淇℃伅璇︽儏 */
.recruitment_bi_a{
}
.recruitment_bi_aul{
background: #f4f4f4; padding:2% 0 0 0; margin-bottom: 2%; width: 100%; overflow: hidden;
}
.recruitment_bi_aul li{
float: left;
font-size: 16px;
font-size: 1.6rem;
color: #666;
line-height: 30px;
margin:0 0 2% 0 ;
}
.recruitment_bi_a h3{
font-size: 24px;
font-size: 2.4rem;
color: #333;
font-weight: bold;
line-height: 35px;
margin:0 0 1% 0 ;
}
.recruitment_bi_a h2{
font-size: 20px;
font-size: 2.0rem;
color: #333;
font-weight: bold;
line-height: 35px;
margin:3% 0 1% 0 ;
}
.recruitment_bi_a p{
font-size: 16px;
font-size: 1.6rem;
color: #666;
line-height: 30px;
}
.w_ss{ margin:2% 0;}
.w_aa{ margin:0 auto; width: 350px; margin-top: 20px; padding-bottom:20px; overflow: hidden;}
.w_aa a{ float: left; text-align: center; margin:0 1%; width:157px; height:38px; color: #8cc53c; border: 1px solid #8cc53c; float: left; line-height: 38px;}
.w_aa a:hover{ background: url(../images/w_aa.png) no-repeat; color: #fff;}


.recruitment_bi_c{
padding-left:20%;
}
.recruitment_bi_c1{
margin-bottom: 20px; float: left; width: 100%;
}
.recruitment_bi_c1 .input1{}
.recruitment_bi_c1 .input2{ width: 16px; height: 16px; margin-top: 18px; margin:18px 10px 0 18px;}
.recruitment_bi_c1 .input3{ width: 16px; height: 16px; margin-top: 18px; margin:18px 10px 0 18px;}
.recruitment_bi_c1 .inputs{ width:160px; height:auto; border: none; margin-top: 18px; margin:8px 10px 0 18px;}
.recruitment_bi_c1 a{ margin:0 5px; color: #049942; text-decoration:underline; }
.recruitment_bi_c1 .p1{ width: auto; float: left; margin-right: 25px;}
.recruitment_bi_c1 .mod_select{ width: 250px; height: 50px; line-height: 50px; left: 170px; top:0;}
.recruitment_bi_c1 .mod_select .select_box .option{ top: 50px;border: 1px solid #1e1e1e;}
.recruitment_bi_c1 .mod_select1{ width: 205px; height: 50px; line-height: 50px; left: 440px; top:0;}
.recruitment_bi_c1 .mod_select1 .select_box .option{ top: 50px;border: 1px solid #1e1e1e;}
.recruitment_bi_c1 .mod_select1 .select_box .option li{

}
.recruitment_bi_c span{ color: #ff0000; }
.recruitment_bi_c h1{
font-size: 30px;
font-size: 3.0rem;
color: #333;
font-weight: bold;
line-height: 35px;
margin:0 0 1% 0 ;
}
.recruitment_bi_c h2{
font-size: 20px;
font-size: 2.0rem;
color: #333;
font-weight: bold;
line-height: 35px;
margin:3% 0 1% 0 ;
}
.recruitment_bi_c p{
font-size: 16px;
font-size: 1.6rem;
color: #333;
line-height: 50px;
float: left; width: 155px; text-align: right;
}

.recruitment_bi_c input{ float: left; border: 1px solid #dfdfdf; line-height: 35px; height: 50px; width: 475px; margin:0 15px;}
.recruitment_bi_c textarea{ float: left; border: 1px solid #dfdfdf; line-height: 35px; min-height: 200px; width: 475px; margin:0 15px;}
.recruitment_bi_c strong{
font-size: 16px;
font-size: 1.6rem;
color: #a1a1a1;
line-height: 50px;
float: left;  font-weight: normal;
}
.w_aas{ margin:0 auto; width:500px; margin-top: 20px; padding-bottom:20px; overflow: hidden;}
.w_aas a{  text-align: center; margin:0 auto; width:157px; height:38px; color: #8cc53c; border: 1px solid #8cc53c; display: block; line-height: 38px;}
.w_aas a:hover{ background: url(../images/w_aa.png) no-repeat; color: #fff;}


@media (max-width: 1280px) {
.jion_tcs p{
min-height: 200px;
}
.recruitment_is{
padding: 0 30px;
}
}

@media screen and (max-width: 996px) {
.x_page {
width: 100%;
}
.recruitment_is{
background-size: 100% 100%;
}

.join_tg_img {
width: 100%;
}

.join_tg_div {
float: right;
padding: 9% 5% 9% 5%;
width: 100%;
margin-left: 0;
margin-top: 0;
}

.join_tg_imgs {
width: 100%;
}

.join_tg_divs {
float: right;
padding: 9% 5% 9% 5%;
width: 100%;
margin-left: 0;
margin-top: 0;
}

.join_tcimg_1 {
display: none;
}

.jion_tca {
width: 100%;
}

.jion_tcb_t p {
width: 95%;
}

.jion_tcb_b .rais-rows {
width: 100%;
margin-left: 0;
margin-top: 0;
}

.jion_tcb_b p {
width: 95%;
}

.jion_tcs p {
min-height: auto;
}

.recruitment_is_ar p {
margin-bottom: 10%;
width: 100%;
}

.recruitment_ao table {
width: 150%;
}

.recruitment_ao_s {
overflow-x: scroll;
}

.recruitment_bi table {
width: 300%;
}

.recruitment_bi_s {
overflow-x: scroll;
}

.work-list .media-left,
.work-list .media-right,
.work-list .media-body {
display: table-cell
}

.work-list .work-list-title {
width: 70px;
}
.work-list .work-list-l a{
padding: 0 8px 16px 0;
}
.work-list .work-list-l{
margin-bottom: 0;
}
.allt_soci .join_tg{
padding: 20px 10px;
}
}