@charset "utf-8";
html,body{width: 100%;height: 100%;/* min-width:1000px; */font-family: "Microsoft YaHei";}
h1,h2{
    width: 100%;
    /*text-align: center;*/
}
body{background: #ffffff;}
/*a:hover{color: #fff000!important;}*/
img{display: inline-block;}
.wrap{position: relative;width: 100%;/* padding-top: 118px; */}
.banner{width: 100%; position:relative;}
.banner img{
    width: 100%;
}
select{ border: 1px solid #6666;}
.footer{font-size: 14px;color: #666666;text-align:  center;width: 100%;height: 220px;line-height: 0.56rem;background: url("images/footer.png") center;padding-top: 50px;position: relative;box-sizing: border-box;}
.footer p{
    position: absolute;
    width: 100%;
    bottom: 0;
}
*{box-sizing: border-box;}
.nav-box{width: 100%;height: 118px;background: #fff;}
.logo{float: left;margin-top: 49px;margin-left: 30px;/* width: 1.83rem; */}
.nav-right{float: right;/* margin-top: 0.8rem; *//* margin-right: 0.44rem; */}
.menu{float: left;width: 49px;margin-right: 48px;margin-top: 47px;}
.logon-box{float: right;color: #3f3f3f;font-size: 14px;line-height: 0.7rem;}
.nav-list{/* background: #e9e9e9; */position: absolute;width: 100%;right: 0;text-align: center;margin-top: 0;/* padding: 20px 0; */display: none;z-index: 998;}
.nav-list li a{color: #fff;font-size: 20px;}
.nav-list li{background: rgba(37,106,222,0.8);height: 65px;line-height: 65px;border-bottom: 1px #90e0f9 solid;}
.nav-list li.on{/* background: #256ade; */}
.nav-list li.on a{color: #fff;/* font-weight: bold; */}
.nav-list li+li{
    /* border-top: 2px solid #fff; */
}
.nav-list.on a{color: #fff;}
.logon-box a{color: #3f3f3f;}
.banner{width: 100%;/* margin-top: 0.7rem; */}
.banner img{width: 100%}
.container{
    position: relative;
    padding: 1px;
    padding-bottom: 100px;
    background: #f3fbff;
}
.slogen{
    position: absolute;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 140px;
    display: none;
}
.index-btn{
    position: absolute;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 37%;
    /* display: none; */
}
.index-btn2{
    position: absolute;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 30%;
}
.index-btn3{
    position: absolute;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 23%;
}
.title{display: block;margin: 0 auto;margin-top: 80px;margin-bottom: 50px;}
.seach-box{width: 670px;margin: 0 auto;margin-top: 25px;overflow: hidden;}
.seach-box p{width: 100px;float: left;color: #7d7d7d;font-weight: bold;font-size: 18px;margin-top: 4px;letter-spacing: 14px;}
.seach-box div{width: 100%;float: right;height: 55px;position: relative;}
.myinput{outline: none;width: 100%;height: 100%;border: #0073f0 1px solid;color: #9e9e9e;font-size: 15px;padding-left: 15px;/* font-weight: bold; */box-sizing: border-box;}
.seach-box div a{display: block;width: 150px;height: 100%;position: absolute;right: 0;top: 0;background: #0073f0;text-align: center;color: #fff;font-size: 16px;line-height: 51px;}
.seach-box div a img{margin-right: 8px;}
.job-box{width: 670px; margin: 0 auto;}
.joblistUrl{display: block;width: 140px;/* height: 36px; */text-align: center;line-height: 40px;color: #fff;background: #0073f0;border-radius: 30px;margin: 0 auto;margin-top: 100px;font-size: 24px;/* position: absolute; *//* right: 30px; *//* bottom: 25px; */margin: 0 auto;margin-top: 40px;}
.joblistbtn{display: block;width: 140px;/* height: 36px; */text-align: center;line-height: 40px;color: #fff;background: #0073f0;border-radius: 30px;margin: 0 auto;/* margin-top: 100px; */font-size: 24px;position: absolute;right: 30px;bottom: 25px;/* margin: 0 auto; *//* margin-top: 40px; */}
#noResultTips{margin-top: 20px;}
.turnpage_text{width: 24px;text-align: center;border: 1px solid #0073f0;outline: none;}
.turnpage_button{background: #0073f0;color: #fff;border: navajowhite;padding: 2px 16px;border-radius: 14px;margin-left: 8px;line-height: 20px;}
#JobSearchMenu{padding: 20px 0;font-size: 17px;}
#JobSearchShow li{margin-top: 20px;}
#JobSearchShow li .job-content-top{background: #ffffff;height: 150px;padding: 20px;box-sizing: border-box;position: relative;}
#JobSearchShow li .job-content-bottom{background: #f3faff;width: 100%;padding: 40px;color: #696970;font-size: 22px;text-align: justify;line-height: 35px;border: 1px #dcf3ff solid;position: relative;display: none;}
#JobSearchShow li .job-content-top h1{color: #5a5a5a;font-size: 32px;font-weight: initial;}
#JobSearchShow li .job-content-top p{color: #464646;font-size: 20px;margin-top: 20px;}
#JobSearchShow li .job-content-top p span{background: #f8f8f8;padding: 5px 11px;}
.url-box{display: flex;justify-content:space-around;width: 300px;margin: 0 auto;}
.url-box li{margin-top: 6px;cursor: pointer; position: relative;}
.url-box li .url-erweima-1{opacity: 0;transition: 0.5s all;position: absolute;top: 0;transform: translateY(-100%);right: -39px;}
.url-box li:hover .url-erweima-1{opacity: 1;}
.job-left-box{width: 670px;margin: 0 auto;display: flex;justify-content:space-around;flex-wrap: wrap;}
.job-left-box>li{border: 2px solid #7cb4ee;width: 210px;height: 65px;background: #ffffff;margin-bottom: 30px;box-shadow: 0px 5px 0px 1px #44b0f6;border-radius: 15px;}
.job-left-box>li h1{height: 65px;color: #023894;font-size: 21px;/* padding-left: 65px; */position: relative;line-height: 65px;padding-right: 20px;cursor: pointer;text-align: center;box-sizing: border-box;padding-left: 20px;}
.job-left-box>li h1 img{position: absolute;left: 10px;top: 50%;transform: translateY(-50%);}
.job-left-box>li h1 span{float: right;font-size: 20px;}
.job-left-box>li.on h1{/* background: #0073f0; */color: #fff;}
.job-left-box>li.on{background: #0073f0;color: #fff;box-shadow: 0px 5px 0px 1px #0042eb;}
.pic-center{display: block; margin: 0 auto}
.text-box{width: 670px;margin: 0 auto;margin-top: 50px;}
.text-box p{color: #060001;font-size: 20px;line-height: 55px;text-indent: 2em;text-align: justify;/* width: 700px; */margin: 0 auto;}
.lc-box{width: 670px;margin: 0 auto;background: url("images/icon-9.png") no-repeat 70px 105px,url("images/icon-15.png") no-repeat 172px 37px;display: flex;justify-content:space-around;/* height: 215px; */position: relative;/* margin-top: -90px; */}
.lc-box li{padding-top: 123px;background-image: url("images/icon-7.png");background-repeat: no-repeat;background-position: center 97px;width: 25%;cursor: pointer;position: relative;}
.lc-box li.on{background-image: url("images/icon-8.png");}
.lc-box li p{font-size: 16px;color: #3e3e3e;font-weight: bold;text-align: center;}
.lc-box li .icon-10{display: block;margin: 0 auto;margin-top: 12px;opacity: 0}
.lc-box li.on .icon-10{opacity: 1}
.lc-box li .icon-11{display: block;margin: 0 auto;position: absolute;top: 0;left: 0;right: 0; }
.lc-box li:hover .icon-11{animation: bounceIn 1s;}
.lc-container{width: 670px;margin: 0 auto;border: 1px solid #e7efff;padding: 35px;margin-top: -1px;border-radius: 8px;display: none;height: 200px;background: #ffffff;box-sizing: border-box;}
.lc-container p{color: #2a385e;font-size: 20px;line-height: 38px;}
clearfix:before,
.clearfix:after,
.qa-nav{width: 670px;margin: 0 auto;height: 45px;background: #0073f0;display: flex;justify-content: space-between;padding: 4px 25px;border-radius: 20px;margin-top: 140px;margin-bottom: 50px;}
.qa-nav li{width: 160px;position: relative;cursor: pointer;height: 114px;top: -77px;}
.qa-nav li img{position: absolute;display: block;margin: 0 auto;left: 0;right: 0;top: 0;/* pointer-events: none; */}
.qa-nav li p{color: #fff;font-size: 22px;font-weight: bold;text-align: center;height: 37px;line-height: 37px;border-radius: 20px;position: absolute;bottom: 0;width: 100%;}
.qa-nav li:hover img{animation: bounceIn 1s;}
.qa-nav li.on{}
.qa-nav li.on p{color: #505050;background: #ffffff;}
.qa-box{display: none;width: 670px;margin: 0 auto;}
.qa-box .qa-q{color: #0028aa;font-weight: bold;font-size: 16px;background: #eff4ff;/* height: 50px; */line-height: 35px;padding-left: 80px;border-radius: 33px;background-image: url("images/icon-32.png");background-repeat: no-repeat;background-position: 16px center;box-sizing: border-box;}
.qa-box .qa-a{color: #5a5a5a;font-size: 18px;background: url("images/icon-33.png") no-repeat 16px 0;/* padding: 0 55px; */margin: 25px 0;line-height: 40px;padding-left: 80px;text-align: justify;}
.xcfl-box{width: 670px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.xcfl-box li{width: 148px;height: 248px;background: url("images/icon-27.png");position: relative;padding-top: 79px;margin-bottom: 40px;cursor: pointer;}
.xcfl-box li h1{text-align: center;color: #2a385e;font-weight: bold;font-size: 20px;}
.xcfl-box li p{color: #7e7e7e;font-size: 16px;text-align: center;}
.xcfl-box li .icon-26{display: block;margin: 0 auto;margin-top: 10px;margin-bottom: 20px;}
.xcfl-box li .icon-16{position: absolute;top: 20px;left: 0;right: 0;display: block;margin: 0 auto;cursor: pointer;}
.xcfl-box li:hover .icon-16{animation: bounceIn 1s;}
.my-p1{text-align: right;color: #a9a9a9;font-size: 14px;/* font-weight: bold; */margin-bottom: 50px;padding-right: 38px;}
.top_icon{position: fixed;right: 30px;bottom: 20%;}
.job-top-box{width: 670px;position: relative;background: #0073f0;margin: 0 auto;height: 52px;margin-top: 45px;position: relative;}
.job-top-box p{width: 50%;float: left;color: #ffffff;font-size: 26px;font-weight: bold;text-align: center;line-height: 52px;height: 100%;}
.job-top-box p span{
    /* font-size: 45px; */
    height: 100%;
    display: inline-block;
    transform: rotate(180deg);
}
.job-top-tap{
    width: 245px;
    position: absolute;
    z-index: 9;
    border: 1px #56c5e3 solid;
    left: 37px;
    top: 52px;
    background: #fff;
    padding: 0 25px;
    display: none;
}
.job-top-tap li{
    text-align: center;
    color: #333333;
    font-size: 24px;
    height: 65px;
    line-height: 65px;
    border-bottom: 2px #898989 solid;
}
.job-top-tap li:last-child{border: none;}
.job-top-dep{
    width: 290px;
    position: absolute;
    z-index: 9;
    border: 1px #56c5e3 solid;
    background: #fff;
    padding: 0 25px;
    display: none;
}
.job-top-dep li{
    text-align: center;
    color: #333333;
    font-size: 24px;
    height: 65px;
    line-height: 65px;
    border-bottom: 2px #898989 solid;
}
.job-top-dep li:last-child{border: none;}
.job-top-tap-box{
    width: 290px;
    position: absolute;
    z-index: 9;
    right: 22px;
    top: 52px;
    display: none;
}