img{max-width: 100%;}
/*两端对齐*/
.justify { text-align:justify; text-justify:distribute-all-lines;}

/*图片经过*/
.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{transition:0.5s all; -webkit-transition:0.5s all;}

/*截字*/
.ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block; max-width:100%;}
.clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;overflow:hidden;}

/*上下居中*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); position:absolute; left:0; top:50%;}

/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0);position:absolute; left:50%; top:0;}

/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}

/*背景*/
.bg-cover{background-size: cover; background-repeat: no-repeat; background-position: center top;}
.bg_layer{background: rgba(0,0,0,0.7); position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 10000;}
.bg-cover-ban{ background-size: 100% 100%;}

.ratio-img,.ratio-img img{width: 100%;}
*{box-sizing: border-box;}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{pointer-events:inherit!important;}


.re_wrap{max-width: 1668px; width:90%; margin:0 auto;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
/*首页*/
.banner{width:100%; position: relative; overflow: hidden; }
.banner .swiper-slide{position: relative; overflow: hidden;}
.banner .swiper-slide img{width: 100%;height: 100%;transition:transform 12s cubic-bezier(.23,1,.32,1);transform:scale(1)}
.banner .swiper-slide.swiper-slide-active img{transform:scale(1.1)}
.banner .swiper-slide.swiper-slide-active.ban_video img{transform:scale(1)}
.banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; object-fit: fill;}
.banner .txt{color:#fff; text-align: left;}
.banner .txt h2{margin-bottom:10px; line-height: 1.5; text-transform: uppercase;font-size:0.63em;}
.banner .txt h3{ line-height: 1.2;font-size:4.54em; font-weight: bold;}
.banner .txt h4{margin-top:10px; line-height: 1.5;font-size:0.81em;}
.banner .swiper-button-prev{ left:5%; width: 36px; height:62px; background-size: 36px 62px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23B11524'%2F%3E%3C%2Fsvg%3E");}
.banner .swiper-button-next{ right:5%;width: 36px; height:62px; background-size: 36px 62px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23B11524'%2F%3E%3C%2Fsvg%3E");}
.banner .swiper-pagination{bottom:5%;}
.banner .swiper-pagination-bullet{opacity:1; width:10px; height:10px; margin:0 8px!important; background: #fff;}
.banner .swiper-pagination-bullet-active{ background: #46A2D4;}


.recruit-tab-tit li{ cursor: pointer; float: left; width:25%; color:#000; position: relative;}
.recruit-tab-tit li .bg01{ position: absolute; z-index: 1; left:0; bottom:0; width:100%; height:250px; background: url(../images/recruit_dot01.png) left bottom repeat-x;}
.recruit-tab-tit li h2{position: absolute; z-index:3; left:10%; bottom:10%; color:#fff;font-size:2.18em}
.recruit-tab-tit li span{ opacity: 0; position: absolute; z-index: 2; left:0; top:0; width:100%; height: 100%; background: rgba(21,185,21,0.7);}
.recruit-tab-tit li::before{ opacity: 0;content: ""; position: absolute; z-index: 3; left:10%; bottom:0; width:1px; height: 40%; background: #fff;}
.recruit-tab-tit li.on::before{ opacity: 1; }
.recruit-tab-tit li.on h2{bottom:50%;}
.recruit-tab-tit li.on span{ opacity: 1;}

.recruit-part01{ padding:4% 0; background: #F7F7F7;}
.recruit-part01 .inner{width:50%;margin:0 auto; color:#000; line-height: 1.5; font-size:1.09em;}

.recruit-part02{ padding:4% 0; background: #fff;}
.ph_table{width:90%; margin:0 auto;}
.ph_table thead th{line-height: 20px;padding:20px 0;border-left: 4px solid #fff; border-bottom: 4px solid #fff;color:#fff; padding-left: 3%; font-weight: bold; font-size:1.09em; background:#232323;}
.ph_table td{line-height:20px;padding:20px 0;border-left: 4px solid #fff; border-bottom: 4px solid #fff;color:#000000;font-size:0.9em; padding-left: 3%; background: #F7F7F7; }
.ph_table tr:nth-child(2n) td{ background: #FDFDFD;}
.ph_table tr{ cursor: pointer;}
.w01{ width:15%;}
.w02{width:45%;}
.w03{width:15%;}
.w04{width:25%;}
.recruit-part02 a.more{ display: block; margin:4% auto 0; width:180px; height: 52px; line-height: 52px; text-align:left; color:#fff; font-size: 0.81em; border-radius: 20px; background:url(../images/recruit_dot02.png) 82.5% center no-repeat #000;}


.recruit-part03{padding:8% 0 12%;}
.recruit-part03 h2{ color:#00FF00;font-size:2.18em; text-align: center; margin:0 0 4%;}
.recruit-part03 ul{ text-align: center;}
.recruit-part03 li{ display: inline-block; width:9.5%; font-size: 0.81em; max-width: 150px;position: relative; background: none;}
.recruit-part03 li::before{ content: ""; position: absolute; width:80%; height: 80%; left:10%; top:10%;border-radius: 100%;background: rgba(255,255,255,0.82);}
.recruit-part03 li span{ width:100%; text-align: center; color:#000; font-weight: bold;}
.recruit-part03 li span img{ display: block; width:30px; height: 30px; margin:0 auto 10px;}
.recruit-part03 li:hover::before{ width:100%; height: 100%; left:0; top:0; background:rgba(0,255,0,0.82);}


.recruit-part04{ padding:8% 0; position: relative;}
.recruit-part04::before{ content:""; z-index: -1; position: absolute; lefT:0; top:0; width:20%; height: 100%; background: #F7F7F7;}
.recruit-part04 .ll{ float: left; width:45%; margin-top:1%;}
.recruit-part04 .rr{ float: right; width:50%;}
.recruit-part04 .rr h2{ color:#000;font-size:3.18em; margin-bottom: 5%;}
.recruit-part04 .rr li{ font-size: 1.09em; padding:3% 0; border-bottom:2px solid #EEEEEE;}
.recruit-part04 .rr li:first-child{padding-top: 0;}
.recruit-part04 .rr li:last-child{border-bottom: none;}
.recruit-part04 .rr li .faq_t{ cursor: pointer; color:#000; font-weight: bold; position: relative;}
.recruit-part04 .rr li .faq_t p{ width:calc(100% - 40px);}
.recruit-part04 .rr li .faq_t em{ position: absolute; right:20px; top:5px; width:10px; height: 10px; background: url(../images/recruit_dot13.png) no-repeat;}
.recruit-part04 .rr li .faq_c{ display: none; line-height: 1.5; margin-top:3%; color:#9E9E9E;}
.recruit-part04 .rr li.on .faq_t em{background: url(../images/recruit_dot13_on.png) no-repeat;}


@media only screen and (min-width: 1025px) {
    .recruit-tab-tit li h2,.recruit-tab-tit li span,.recruit-tab-tit li::before,.ph_table td,.recruit-part03 li::before,.recruit-part02 a.more{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
    .ph_table tr:hover td{ font-weight: bold; background: #00FF00;}
    .recruit-part02 a.more:hover{box-shadow:  0 0 5px 5px rgba(0,255,0,0.2); background:url(../images/recruit_dot02.png) 82.5% center no-repeat #00FF00;}
}

@media only screen and (max-width: 1520px) {
    .recruit-part02 a.more{width:150px;text-indent: 0px;}
}


@media only screen and (max-width: 1279px) {
.recruit-part01 .inner{width:100%;}
.ph_table thead th,.ph_table tbody td{padding:10px 1%;}
.recruit-part02 a.more{ width:130px; height: 36px; line-height: 36px; text-indent: 22px;}
.recruit-part03 li span img{width:20px; height: 20px; margin-bottom:5px;}
.banner .txt h3{ font-size:2.8em;}
.recruit-tab-tit li h2,.recruit-part03 h2,.recruit-part04 .rr h2{font-size: 1.8em;}
}
@media only screen and (max-width: 1023px) {
    .banner .txt h3{ font-size:2em}
    .recruit-tab-tit li h2,.recruit-part03 h2,.recruit-part04 .rr h2{font-size: 1.5em;}
}

@media only screen and (max-width:767px) {  
    .index-bk1 .txt i{ display: none!important;}  
    .index-bk1 .txt h2 br{ display: block!important;}
    .banner .swiper-pagination{bottom:10px;}
    .banner,.banner .swiper-slide{ height: 240px!important;}
    .banner img{ display: none;}
    .banner .txt h3{ font-size:1.5em}
    .recruit-tab-tit li h2,.recruit-part03 h2{font-size: 1em;}
    .recruit-part01 .inner,.recruit-part04 .rr li{font-size: 0.9em;}
    .recruit-part01 .inner br{ display: none;}

    .w01,.w02,.w03,.w04{ padding:0; width:auto;}
    .ph_table thead th, .ph_table tbody td{padding:5px 5px 5px 6em; min-height: 24px; line-height: 24px;}
    .ph_table td{ font-size: 0.81em;}
    .ph_table ,
    .ph_table thead,
    .ph_table tbody,
    .ph_table th,
    .ph_table td,
    .ph_table tr { display: block; }
    .ph_table thead tr { position: absolute; top: -9999px; left: -9999px; }
    .ph_table tr { border: 1px solid #527E52; border-bottom:0; margin-bottom:20px; }
    .ph_table tr:last-child{margin-bottom:0;}
    .ph_table td { border: none; border-bottom: 1px solid #527E52; position: relative; padding:5px 0; padding-left: 6em; white-space: normal; text-align: left;  }
    .ph_table td:before { position: absolute; top: 0; left: 0; padding:5px 0; width: 6em; text-indent:10px;  white-space: nowrap; text-align: left; }
    .ph_table td:before { content: attr(data-title); }

    .recruit-part03 li{width:19%;}
    .recruit-part03 li span{font-weight: normal;}
    .recruit-part04::before{ display: none;}
    .recruit-part04 .ll,.recruit-part04 .rr{width:100%;}
    .recruit-part04 .ll{ display: none;margin:0 0 5%;}
    .recruit-part04 .rr h2{font-size: 1.6em;}
    
}
@media only screen and (max-width:360px) { 
    .recruit-part03 li{width:24%;}
}
@media only screen and (max-width:359px) { 
    .recruit-part03 li{width:23.5%;}
}
/*首页end*/


.recruit-part02 .phone_wrap{ display: none;}
@media only screen and (max-width:767px) { 
    .recruit-part02 .re_wrap{ display: none;}
    .recruit-part02 .phone_wrap{ display: block; width:90%; margin:0 auto; font-size: 0.9em;}
    .recruit-part02{ background: #F7F7F7;}
    .zhaopin li{ padding:5%; margin-bottom: 3%; background: #fff; border-radius: 10px;}
    .zhaopin li h2{padding-bottom: 10px; margin-bottom: 10px; border-bottom:1px solid #F8F8F8;}
    .zhaopin li h2 span{ float: right;}
    .zhaopin li h3{ line-height: 20px; overflow: hidden;}
    .zhaopin li h3 i{ float: left; width:20px; height: 20px; margin-right:5px; overflow: hidden;}
    .zhaopin li h3 i img{width:20px; height: 20px; }
    .zhaopin li h3 .time{ float: right;}
    .zhaopin li h3 p{margin-bottom: 10px; overflow: hidden;}
    .zhaopin li h3 p:last-child{margin-bottom: 0;}
    .zhaopin li h3 p em{ float: right; width:calc(100% - 25px);}
}