﻿@charset "utf-8";
html,body{width: 100%;height: 100%;font-family: "Microsoft YaHei";}
h1,h2{
    width: 100%;
}
body{background: #f1f1f1;}
img{display: inline-block;}
.banner{width: 100%;position:relative;}
.banner img{width: 100%;display: block;}
.juzho{text-align: center;width: 100%;margin: 0 auto;position: relative;}
.footer{background-color: #4e525b;color: #fff;text-align: center;font-size: 0.15rem;width: 100%;line-height: 0.5rem;position: relative;z-index: 999;bottom: 0;}
p{color: #737373;}
.index{width: 100%;height: 100vh;position: relative;padding: 0;background: transparent url(./images/index_bg.jpg) no-repeat center;background-size: 100% 100%;}
.con_{
    padding-left: 0.5rem;
    margin-top: 2rem;
}
.con_ img{width: 3rem;}
.btn_ img{
    display: block;
    margin: 0 auto;
    width: 4rem !important;
}
.qa-box li{
    font-size: 0.25rem;
    text-align: left;
    line-height: 0.5rem;
    background: transparent url("./images/jia.png") no-repeat  top 0.05rem left;
    margin-bottom: 0.2rem;
    padding-left: 0.5rem;
    }
.qa-box li.on{background-image: url("./images/jian.png"); height: auto;}
.qa-box li h1{color: #737373;font-size: 20px;padding: 5px 0;cursor: pointer;}
.qa-box li p{color: #737373;line-height: 0.35rem;display: none;width: 98%;}
.juxing{
    width: 1rem;
    position: absolute;
    top: 0;
    right: 1.9rem;
}
.juxing img{width: 100%;}
.container{background: #fff url(./images/bg2.jpg) no-repeat;background-size: 100% 100%;padding: 1.5rem 0 2rem;}
.message>img{}
.message1>img{width: 4rem;}
.message1{position: relative;}
.message{padding: 0 0.5rem;}
.message>p{text-align: justify;font-size: 0.25rem;line-height: 0.4rem;margin-top: 0.2rem;}
.message p span{font-weight: bold;}
.message2>img{width: 6.5rem;}
.message2{margin-top: 1.3rem;}
.message2 div{margin-top: 0.3rem;}
.message2 div>img{width: 100%;}
.message3{height: 9.2rem;margin-top: 1.3rem;}
.message3>img{width: 4.5rem;}
.message3 .qa-box li{padding: 0.4rem 0 0 0.55rem;}
.message3 .qa-box li p{margin-top: 0;font-size: 0.22rem;padding-right: 0.55rem;}
.content-box1{width: 100%;overflow: hidden;background: #fff url(./images/index_bg2.png) no-repeat top;background-size: 100%;}
.index_message1 img{width: 3.2rem;}
.index_message1{margin-top: 0.8rem;}
.content-box2{width: 100%;overflow: hidden;background: #fff url(./images/index_bg3.png) no-repeat top;background-size: 100%;padding-bottom: 0.5rem;}
.index_message2>img{width: 2.6rem;}
.index_message2{margin-top: 0.5rem;}
.index_message3 img{width: 6rem;}
.index_message3{margin-top: 1.3rem;}
.index_message4 img{width: 4rem;}
.index_message4{margin-top: 1.3rem;}
.index_message5 img{width: 4.1rem;}
.index_message5{margin-top: 0.8rem;}
.lun_box{padding: 0 0.5rem;/* overflow-x: hidden; */}
.qa-box{/* height: 7rem; */}
.m-slider {
    /* overflow: hidden; */
    width: 100%;
    position: relative;
    border-radius: 0.4rem;
}
.slider-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    position: relative;
    z-index: 1;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
.slider-item {
    width: 100%;
    height: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.slider-item img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}
.slider-pagination {
    text-align: right;
    position: absolute;
    width: 100%;
    z-index: 9999;
    right: 0;
    bottom: -0.4rem;
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.slider-pagination > .slider-pagination-item {
    margin: 0 0.1rem;
    width: 0.6rem;
    height: 0.1rem;
    display: inline-block;
    background-color: #d5dae7;
}
.slider-pagination > .slider-pagination-item.slider-pagination-item-active {
    background-color: #007dff;
}
.slider-item>div>.p1{
    font-weight: bold;
    color: #000;
    font-size: 0.32rem;
}
.slider-item>div>.p2{
    font-weight: bold;
    color: #000;
    font-size: 0.25rem;
    margin-bottom: 0.1rem;
}
.slider-item>div>.p3{
    font-size: 0.2rem;
}
.slider-item>div{
    height: 4.8rem;
    padding: 0.2rem 0.2rem;
    position: relative;
}
.slider-item>div::after{
    content: "";
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    bottom: 0.1rem;
    height: 0.03rem;
    width: 3rem;
    left: 50%;
    transform: translatex(-50%);
    background-color: #e8eaec;
}
.slider-wrapper_box{border-radius: 0.3rem;}
.btn2_ {
    position: absolute;
    bottom: 0.25rem;
    width: 100%;
}
.btn2_ .d1{
    margin: 0 auto;
    width: 0.35rem;
    height: 0.75rem;
    border: 1px solid #fff;
    border-radius: 3rem;
    position: relative;
}
.btn2_ .d1::after{
    display: block;
    content: "";
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 3rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    animation:Dyuan 1s linear 0s infinite normal;
}
@keyframes Dyuan{
    0%  {top: 60%;}
    100%{top: 10%;}
  }
.btn2_ .p{
   width: 0.1rem;
   text-align: center;
   font-size: 0.15rem;
   /* line-height: 0.28rem; */
   color: #fff;
   position: absolute;
   top: -0;
   right: 45.5%;
   line-height: 0.2rem;
}
.index_logo_{
    position: absolute;
    top: 5%;
    left: 0.4rem;
}
.index_logo_ img{
    width: 3rem;
}
.index_tit_log{
    position: absolute;
    top: 28%;
}
.index_tit_log img{width: 89%;display: block;margin: 0 auto;}
.footer{background-color: #4e525b;color: #fff;text-align: center;font-size: 0.15rem;width: 100%;line-height: 0.5rem;position: relative;z-index: 999;bottom: 0;}
.footer a{color: #fff;}
.zzjg_con_box::after,.jobs_tle ul::after,.job_box::after,.jobs_box .job_cont::after,.nav::after{display: block;content: "";clear: both;}
.content_zzjg{background: #fff url(./images/zzjg_bg.png) no-repeat;background-size: 100% 100%;min-height: 17rem;padding: 0.5rem 0.5rem 1rem;}
.title_zzjg img{width: 3.8rem;}
.job_logo{width: 2rem;display: block;margin: 0.2rem auto 0.5rem;}
.zzjg_con_box{padding: 0 0.5rem;}
.zzjg_con_box li{font-size: 0.25rem;width: 43%;float: left;background-color: #f5f5f5;margin-bottom: 0.35rem;}
.zzjg_con_box li:nth-child(2n){float: right;}
.zzjg_con_box li:nth-child(2n)>div{left: 1rem;}
.zzjg_con_box li>p{line-height: 0.33rem;color: #007dff;font-size: 0.22rem;line-height: 0.55rem;}
.zzjg_con_box li>div{display: none;position: absolute;width: 5.5rem;font-size: 0.22rem;z-index: 999999;height: 4.5rem;margin-top: 0.3rem;box-sizing: border-box;border: 1px solid #5facfb;}
.zzjg_con_box li>div>div{position: absolute;padding: 0.1rem 0.1rem 0.1rem;height: 4.4rem;overflow-y: scroll;text-align: justify;z-index: 999;background: #f5f5f5;/* margin-top: -0.7rem; */}
.zzjg_con_box li>div img{position: absolute;width: 0.54rem;top: -0.32rem;left: 0.9rem;z-index: 9999;}
.zzjg_con_box li:nth-child(2n)>div img{
    left: 4rem;
}
.content_jobs{}
.jobs_tle{
    background-color: #fff;
    position: relative;
}
.nav_on{background-color: #f5f5f5 !important;color: #007dff !important;box-shadow: none !important;}
.jobs_tle ul{padding: 1.4rem 0.2rem 0.3rem;}
.jobs_tle li{float: left;font-size: 0.25rem;width: 33.33%;}
.jobs_tle li select{outline: none;width: 70%;padding-right: 0.1rem;}
.jobs_tle li option{
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    appearance:none;
    outline: none;
    border: 0;}
.jobs_box{font-size: 0.25rem;/* margin-top: 0.3rem; *//* padding: 0.25rem 0; */position: relative;z-index: 9;margin-bottom: 1rem;box-sizing: border-box;}
.jobs_box .job_box{padding: 0 0.5rem;}
.jobs_box .job_box .job_left{float: left;width: 70%;}
.jobs_box .job_box .job_left span{text-align: left;font-size: 0.22rem;color: #666;display: block;}
.jobs_box .job_box .job_left p{text-align: left;color: #000;}
.jobs_box .job_box .job_right{float: right;width: 1.6rem;background-color: #007dff;color: #fff;line-height: 0.5rem;border-radius: 3rem;margin-top: 0.05rem;}
.jobs_box .job_cont{padding: 0 0.5rem;margin-top: 0.3rem;}
.jobs_box .job_cont span{text-align: justify;font-size: 0.22rem;display: block;}
.jobs_box .job_cont .job_cont_a{display: block;text-align: center;float: right;width: 1.6rem;background-color: #007dff;color: #fff;line-height: 0.5rem;border-radius: 3rem;margin-top: 0.23rem;font-size: 0.25rem;}
.job_cont{display: none;}
.jobs_box li{margin: 0.2rem 0;padding: 0.2rem 0;background-color: #fff;}
.job_title_ss{position: absolute;top: 0.3rem;left: 0.5rem;width: auto !important;}
.job_title_ss input{display: block;border-radius: 5rem;border: 0;line-height: 0.7rem;width: 6.05rem;padding: 0 0.2rem;/* border: 0.0rem solid #eaeaea; */outline: none;background-color: #eaeaea;}
.nav{background-color: #fff;}
.nav li{font-size: 0.3rem;width: 25%;float: left;line-height: 0.8rem;box-shadow: -1px -1px 3px #4e4e4e inset;color: #fff;background-color: #007dff;}
.nav li a{color: #fff;}
.nav_on a{color: #007dff !important;}
/* .job_ss{
    padding: 0.3rem 0.5rem;
}
.job_ss input{
    margin: 0 auto 0.2rem;
    display: block;
    border-radius: 5rem;
    border: 0;
    height: 0.4rem;
    padding: 0 0.2rem;
    width: 85%;
    border: 0.2rem solid #eaeaea;
    outline: none;
    background-color: #eaeaea;
}
.jobs_tle_box li{}
.jobs_tle_box li p{}
.jobs_tle_box li p img{
    width: 0.25rem;
    margin-left: 0.1rem;
}
.jobs_tle_box li div{width: 1.5rem;text-align: left;margin-left: 0.35rem;margin-top: 0.3rem;position: absolute;display: none;z-index: 999999;}
.jobs_tle_box li div span{
    display: block;
    margin-bottom: 0.05rem;
} */