body {
     /* background: #002956 !important; */
   }
   html, body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, img, ins, kbd, q, s, samp,
   small, strike, strong, sub, tt, var,
   b, u, i, center,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td,
   article, aside, canvas, details, embed, 
   figure, figcaption, footer, header, hgroup, 
   menu, nav, output, ruby, section, summary,
   time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
     font-family: "微软雅黑";
   }
   article, aside, details, figcaption, figure, 
   footer, header, hgroup, menu, nav, section {
     display: block;
   }
   body {
     line-height: 1;
     /* overflow: hidden; */
   }
   ol, ul {
     list-style: none;
   }
   blockquote, q {
     quotes: none;
   }
   blockquote:before, blockquote:after,
   q:before, q:after {
     content: '';
     content: none;
   }
   table {
     border-collapse: collapse;
     border-spacing: 0;
   }
   * { 
     -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
   }
   
   html, body {
     width: 100%;
     height: 100%;
     /* overflow: hidden; */
   }
   body::-webkit-scrollbar {
     /*滚动条整体样式*/
     width : 0px;  /*高宽分别对应横竖滚动条的尺寸*/
     height: 0px;
   }
   .service::-webkit-scrollbar {
     /*滚动条整体样式*/
     width : 0px;  /*高宽分别对应横竖滚动条的尺寸*/
     height: 0px;
   }
   body {
     /* font-family: 'Montserrat', sans-serif; */
     /* line-height: 1.3; */
     -webkit-font-smoothing: antialiased;
   }
   a{
     text-decoration:none; 
     color: black;
   }
   p a{
     -webkit-user-select:none;
   
     -moz-user-select:none;
   
     -ms-user-select:none;
   
     user-select:none;
   }
   a:hover{
     text-decoration:none;
   }
   a:active{
     text-decoration:none;
   }
   a:visited{
     text-decoration:none;
   }
   a:link{
     text-decoration:none; 
   }
   p{
     user-select: none;
   }
   @font-face {font-family: 'iconfont';
     src: url('iconfont.eot'); /* IE9*/
     src: local('?'),
     url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('iconfont.woff') format('woff'), /* chrome、firefox */
     url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
     url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
   }
   .show{
     display: block;
   }
   /************************ 页脚 *************************/
   /*页面脚部*/
   .footer {
      width: 100%;
       height: auto; 
       margin: 0 auto; 
       padding: 20px 0 200px 0;
       padding: 20px 0 50px 0; 
       overflow: hidden;
       font-size: 13px;
       position: fixed;
       bottom: 0;
      }
   .down_nav { width: 100%; height: auto; }
   .friendlinks { width: 100%; height: auto; margin: 10px 0; }
   .copyright { width: 100%; height: auto; }
   .cnzz { visibility: hidden; width: 0px; height: 0px; }
   .footer {
     color: #8b8b8b;
     background: #222222 url(../images/footer_blank.png) center bottom repeat-x;
   }
   .footer a{
     color: #bababa;
     font-size: 12px;
   }
   /************************ 动画 ************************/
   .highwayYImg{
     animation: heightWidthOpacity 0.5s linear infinite alternate;
   }
   .highwayXImg{
     animation: heightWidthOpacity 0.35s linear infinite alternate;
   }
   .highwayZImg{
     animation: heightWidthOpacity 0.44s linear infinite alternate;
   }
   .opacity{
        animation: opacity 1s linear infinite;
   }
   .opacity1{
        animation: opacity 1.5s linear infinite;
   }
   .opacity2{
        animation: opacity 2s linear infinite;
   }
   .opacity3{
        animation: opacity 0.5s linear infinite;
   }
   .width{
     animation: width 2s linear 1 forwards;
   }
   .width1{
     animation: width 2s linear 1 forwards reverse;
   }
   .width2{
     animation: width 0.5s linear 1 forwards;
   }
   .width3{
     animation: width 5s linear infinite ;
   }
   .height{
     animation: height 2s linear 1 forwards;  
   }
   .height1{
     animation: height 1s linear 1 forwards ;
   }
   .heightWidth1{
     animation: heightWidth1 1s linear 1 forwards;  
   }
   .rotate1{
        -webkit-animation: rotate1 20s linear infinite;
        animation: rotate1 20s linear infinite;
   }
   .rotate2{
        -webkit-animation: rotate2 20s linear infinite;
        animation: rotate2 20s linear infinite;
   }
   .up{
        animation: up 1s linear infinite;
   }
   .down{
     animation: down 1s linear infinite;
   }
   @keyframes heightWidthOpacity {
        from   {width:50%;height:50%;opacity: 0.2; margin-left:25%;margin-top:25%;}
     to {width:100%;height:100%;opacity: 0.8;margin-left:0%;margin-top:0%;}
   }
   @keyframes heightWidth {
        from   {width:0;height:0;}
     to {width:100%;height:100%;}
   }
   @keyframes heightWidth1 {
        from   {width:50%;height:50%;opacity: 0.2; margin-left:25%;margin-top:25%;}
     to {width:100%;height:100%;opacity: 1;margin-left:0%;margin-top:0%;}
   }
   @keyframes width {
        from   {width:0;}
     to {width:100%;}
   }
   @keyframes height {
        from   {height:0;}
     to {height:100%;}
   }
   @keyframes opacity {
        0%   {opacity:0;}
     10%  {opacity:0.1;}
     20%  {opacity:0.25;}
     30%  {opacity:0.5;}
     40%  {opacity:0.5;}
     50%  {opacity:1;}
     60%  {opacity:0.75;}
     70%  {opacity:0.5;}
     80%  {opacity:0.25;}
     90%  {opacity:0.1;}
     100%  {opacity:0;}
   }
   @keyframes rotate1 {
        from {
          transform: rotate(0deg);
        }
        to {
          transform: rotate(360deg);
          transition: all 1s;
        }
   }
   @keyframes rotate2 {
        from {
          transform: rotate(0deg);
        }
        to {
          transform: rotate(-360deg);
          transition: all 1s;
        }
   }
   @keyframes up {
     0%   {margin-top:0;}
     50%  {margin-top:10px;}
     100%  {margin-top:0;}
   }
   @keyframes down {
     0%   {margin-top:10px;}
     50%  {margin-top:0px;}
     100%  {margin-top:10px;}
   }
   .recruit{
     width: 100%;
     overflow: hidden;
     /* height: 100%; */
     /* background: rgba(252, 244, 247, 0.8); */
     background: #f2f4f7;
     position: relative;
     /* background: linear-gradient(180deg,rgba(0,190,189,0.1) 0%,#fff 10%,#f2f4f7 100%); */
     background: #f2f4f7;
   }
   .recruitOne{
     width: 100%;
     /* overflow: hidden; */
     /* height: 100%; */
     /* background: linear-gradient(180deg,#88fffe,#f2f4f7); */
   }
   .searchBox{
     width: 100%;
     height: 150px;
     /* overflow: hidden; */
     padding-top: 25px;
   }
   .search{
     width: 900px;
     height: 55px;
     background: #53cac3;
     margin: 0 auto;
     border-radius: 15px;
     /* margin-top: 25px; */
   }
   .searchLeft{
     width: 780px;
     height: 51px;
     margin-left: 2px;
     margin-top: 2px;
     background: white;
     float: left;
     border-radius: 12px;
   }
   .searchInput{
     float: left;
     width: 570px;
     height: 51px;
     list-style: none;
     background: none;
     border: none;
     outline: none;
     padding: 0;
     margin: 0;
     font-size: 14px; /* 根据需要调整字体大小 */
     color: currentColor; /* 使用当前文本颜色 */
     padding-left: 20px;
     /* border-radius: 15px; */
     background: white;
     border: 0px solid red;
   }
   .searchBtn{
     float: right;
     height: 55px;
     width: 115px;
     background:#53cac3;
     border-radius: 13px;
     text-align: center;
     line-height: 55px;
     color: white;
     font-size: 18px;
     font-weight: bold;
     user-select: none;
     cursor: pointer;
   }
   .searchUl{
     width: 900px;
     height: 20px;
     margin: 0 auto;
     margin-top: 20px;
   }
   .searchLiOne{
     font-size: 14px;
     line-height: 14px;
     color: #757575;
     width: 60px;
     float: left;
     margin-right: 15px;
     user-select: none;
   }
   .searchLi{
     background:white;
     float: left;
     margin-right: 15px;
     border-radius: 5px;
     padding: 2px 8px;
     color: #00a6a7;
     font-size: 14px;
     cursor: pointer;
     user-select: none;
   }
   .searchLi:hover{
     background:#00a6a7;
     color: white;
   }
   .occupationBox{
     width:1200px;
     height: 410px;
     margin: 0 auto;
   }
   .occupationLeft{
     width: 240px;
     height: 410px;
     float: left;
     /* border-radius: 10px; */
     background: white ;
     /* background: rgba(79,90,102,.6); */
     padding: 20px 0;
    
   }
   .occupationLeftList{
     width: 100%;
     height: 40px;
     padding: 0px 25px;
     /* border-radius: 10px; */
     line-height: 40px;
     color: black;
   }
   .occupationLeftList:hover{
     /* box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1); */
     /* background: rgba(83, 202, 195, 0.3); */
     color: white;
    font-weight: bold;
   }
.occupationLeftList p{
     font-size: 16px;
     line-height: 40px;
     color: black;
     /* color: white; */
     float: left;
     width: 170px;
     height: 40px;
}
.occupationLeftList span{
     font-size: 6px;
     color: black;
     /* color: white; */
     transform: rotate(-90deg);
     float: right;
     margin-top: 0px;
}
.occupationLeftList a{
     color: white;
}

   .occupationLeftLiOne{
     float: left;
       font-size: 14px;
       font-weight: 500;
       color: #222;
       line-height: 22px;
       user-select: none;
   }
   .occupationLeftLi{
     display: inline-block;
     font-size: 14px;
     font-weight: 400;
     color: #666;
     height: 22px;
     line-height: 22px;
     margin-left: 20px;
     user-select: none;
     cursor: pointer;
   }
   .occupationLeftLi:hover{
     color: #00a6a7;
   }
   .occupationTwo{
     width: 700px;
     height: 410px;
     float: left;
     position: relative;
     background: white;
   }
   .hotEnterprise{
     width: 1184px;
     margin: 0 auto;
     overflow: hidden;
     margin-top: 60px;
   }
   .hotOccupation{
     width: 1184px;
     margin: 0 auto;
     overflow: hidden;
     margin-top: 60px;
     margin-bottom: 60px;
   }
   .recruitP{
     width: 100%;
     height: 45px;
     font-size: 32px;
     font-weight: 600;
     color: #222;
     line-height: 45px;
     margin-bottom: 12px;
     text-align: center;
   }
   .hotEnterpriseMenu{
     width: 100%;
     height: 50px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     /* display: flex;
     justify-content:space-between;
     align-items:Center; */
     user-select: none;
     cursor: pointer;
     margin-bottom: 20px;
   }
   .hotEnterpriseMenuLi{
     font-size: 16px;
     height: 50px;
     line-height: 50px;
     overflow: hidden;
     float: left;
     margin-right: 48px;
   }
   .hotEnterpriseMenuLiDh{
     color: #00a6a7;
     border-bottom: 2px solid #00c2b3;
   }
   .hotEnterpriseBox{
     width: 100%;
     overflow: hidden;
   }
   .hotEnterpriseUl{
     width: 100%;
     overflow: hidden;
     margin-bottom: 25px;
     display: none;
   }
   .hotEnterpriseUl:nth-child(1){
     display: block;
   }
   .hotEnterpriseUl1{
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
  }
   .hotEnterpriseLi{
     width: 384px;
     height: 136px;
     border-radius: 12px;
     overflow: hidden;
     float: left;
     /* margin: 0 16px 16px 0; */
     margin-left: 16px;
     margin-top: 16px;
     background: #fff;
   }
   .hotEnterpriseLiJz{
    background: linear-gradient(180deg,rgb(244,247,254),rgb(241,255,254) );
   }
   .hotEnterpriseLi:nth-child(3n+1){
     margin-left: 0px;
   }
   .hotEnterpriseLi1{
     height: 350px;
   }
   .job-info {
     display: block;
     box-sizing: border-box;
     width: 100%;
     padding: 16px 20px;
   }
   .sub-li-top {
     display: flex;
     width: 100%;
     align-items: center;
     margin-bottom: 12px;
   }
   .sub-li-info {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     height: 22px;
     overflow: hidden;
     flex: 1;
   }
   .sub-li-top .name {
     color: #222;
     font-size: 16px;
     font-weight: 500;
     line-height: 22px;
     transition: all .2s linear;
   }
   .sub-li-top .name {
     position: relative;
     max-width: 200px;
     font-size: 15px;
     color: #414a60;
     margin-right: 8px;
     line-height: normal;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
   .sub-li-top .guide-app-download-icon {
     width: 16px;
     height: 16px;
     background: url(https://img.bosszhipin.com/static/file/2022/tfguyqkgkb1651743005056.png) 0 -16px/16px auto no-repeat;
   }
   .sub-li-info .boss-online-tag {
     display: inline-block;
     position: relative;
     height: 20px;
     background: #d8f9e5;
     border-radius: 4px;
     font-size: 12px;
     font-weight: 500;
     color: #1dc165;
     line-height: 20px;
     padding: 0 6px 0 16px;
     margin-left: 8px;
   }
   .sub-li-top .salary {
     font-size: 16px;
     font-weight: 500;
     color: #fe574a;
     line-height: 22px;
     flex: none;
   }
   .job-info p.job-text {
     white-space: normal;
     padding-right: 0;
     height: 22px;
     line-height: 22px;
     overflow: hidden;
     word-break: break-all;
     max-width: none;
   }
   .job-info .job-text span {
     display: inline-block;
     height: 18px;
     font-size: 13px;
     font-weight: 400;
     color: #666;
     line-height: 18px;
     padding: 2px 10px;
     border-radius: 4px;
     background: #f8f8f8;
   }
    .job-info .job-text span+span {
     margin-left: 8px;
   }
   .sub-li-bottom {
     background: linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);
     margin-top: 0;
     padding-top: 0;
     display: block;
     border: none;
   }
   .sub-li-bottom a {
     height: 45px;
     display: block;
     padding: 12px 20px;
   }
   .sub-li-bottom {
     background: linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);
     margin-top: 0;
     padding-top: 0;
     display: block;
     border: none;
   }
    .sub-li-bottom p {
     border: none;
     float: left;
     line-height: 24px;
     height: 24px;
   }
   .sub-li-bottom a.user-info img {
     width: 24px;
     height: 24px;
     vertical-align: middle;
     border-radius: 2px;
   }
   .sub-li-bottom .name {
     display: inline-block;
     margin-left: 8px;
     font-size: 13px;
     height: 24px;
     line-height: 24px;
     color: #666;
     max-width: 140px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     vertical-align: middle;
     transition: all .2s linear;
   }
    .sub-li-bottom .sub-li-bottom-commany-info {
     float: right;
     font-size: 13px;
     color: #666;
     height: 24px;
     line-height: 24px;
   }
   .sub-li-bottom .sub-li-bottom-commany-info .type {
     max-width: 90px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
   .vline {
     display: inline-block;
     width: 1px;
     height: 10px;
     vertical-align: middle;
     background: #e0e0e0;
     margin: 0 10px;
   }
   .sub-li-bottom .sub-li-bottom-commany-info .level {
     max-width: 80px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
   .hotEnterpriseBtn{
     width: 184px;
     height: 40px;
     background: rgba(0,190,189,.1);
     text-align: center;
     line-height: 40px;
     font-size: 14px;
     color:#00a6a7 ;
     margin: 0 auto;
     border-radius: 15px;
     cursor: pointer;
     user-select: none;
   }
   .hotEnterpriseBtn:hover{
     color: white;
     background: rgba(0,190,189,1);
   }
   .hotOccupationBtn{
     width: 124px;
     height: 32px;
     border: 1px solid rgba(0,190,189,.6);
     line-height: 30px;
     text-align: center;
     font-size: 14px;
     color:#00a6a7;
     transition: all .2s linear;
     margin: 0 auto;
     margin-top: 5px;
     background: white;
     border-radius: 10px;
     cursor: pointer;
     user-select: none;
   }
   .hotOccupationBtn:hover{
     color: white;
     background: rgba(0,190,189,1);
   }
   .show{
    display: block;
   }
   .bannerNew{
     width: 100%;
     height: 115px;
     overflow: hidden;   
     background: url(../img/quListBanner.jpg) no-repeat center;
     background-size: cover;
}
.headImg{
     float: left;
     width: 375px;
     margin-top: 20px;
}
 .detailsQyBj{
     position: absolute;
    background: linear-gradient(180deg,#00bebd 0,#88fffe 50%,#fff 100%);
    opacity: 0.1;
    width: 100%;
    height: 100%;
    z-index: -1;
 }
 .searchXx{
     height: 100%;
     width: 110px;
     float: left;
     position: relative;
 }
 .searchXx P{
     line-height: 51px;
     font-size: 14px;
     color: black;
     float: left;
     margin-left: 18px;
 }
 .searchXx span{
     line-height: 51px;
     font-size: 14px;
     color: #cccccc;
     float: left;
     margin-left: 10px;
     font-size: 8px;
 }
 .searchDt{
     float: right;
     width: 80px;
     height: 51px;
 }
 .searchDt span{
     float: left;
     font-size: 18px;
     line-height: 51px;
     color: #cccccc;
 }
 .searchDt p{
     float: left;
     font-size: 14px;
     line-height: 51px;
     margin-left: 5px;
 }
 .searchMenu{
     width: 110px;
     overflow: hidden;
     position: absolute;
     top: 51px;
     border-radius: 10px;
     display: none;
 }
 .searchMenuLi{
     width: 100%;
     height: 30px;
     text-align: center;
     line-height: 30px;
     background: #53cac3;
     color: white;
     font-size: 12px;
     z-index: 9;
     cursor: pointer;
     user-select: none;
 }
 .searchMenuLi:hover{
     font-weight: bold;
     color: black;
 }
 .searchXx:hover .searchMenu{
     display: block;
 }
 .jySwiper{
     position: absolute;
     width: 100%;
     height: 100%;
     display: block;
 }
 .jySwiperImg{
     width: 100%;
     height: 100%;  
 }
 .swiper-pagination-bullet-active{
     background: white !important;
 }
 .occupationThr{
     width: 260px;
     float: left;
     height: 410px;
     background: white;
 }
 .occupationThr1{
     width: 100%;
     height: 33.33%;
 }
 .occupationThr1 a{
     display: block;
     width: 100%;
     height: 100%;
 }
 .occupationThr1:nth-child(1){
     background: url(../img/jy_1.jpg) no-repeat center;
     background-size: cover;
 }
 .occupationThr1:nth-child(2){
     background: url(../img/jy_2.jpg) no-repeat center;
     background-size: cover;
 }
 .occupationThr1:nth-child(3){
     background: url(../img/jy_3.jpg) no-repeat center;
     background-size: cover;
 }
 .jyMenuSwiper{
     width: 100%;
     height: 100%;
     position: absolute;
     display: none;
 }
 .jyMenu{
     width: 100%;
     height: 100%;
     padding: 30px 20px;
 }
 .jyMenuHead{
     height: 35px;
     font-size: 16px;
     line-height: 16px;
     width: 100%;
     color: black;
 }
 .jyMenuUl{
     width: 100%;
     overflow: hidden;
 }
 .jyMenuLi{
     width: 25%;
     float: left;
     height: 32px;
     line-height: 32px;
     color: #666;
     font-size: 14px;
 }
 .jyMenuLi a{
     color: #666;
 }
 .jyMenuLi:nth-child(13){
     margin-bottom: 15px;
 }
 .jyMenuLi:nth-child(14){
     margin-bottom: 15px;
 }
 .jyMenuLi:nth-child(15){
     margin-bottom: 15px;
 }
 .jyMenuLi:nth-child(16){
     margin-bottom: 15px;
 }
 .jyMenuLi:nth-child(25){
     margin-bottom: 15px;
 }
 .jyMenuLi:nth-child(26){
     margin-bottom: 15px;
 }
 .jyMenuLi:nth-child(27){
     margin-bottom: 15px;     
 }
 .jyMenuLi:nth-child(28){
     margin-bottom: 15px;
 }
 .salaryBig{
    font-size: 16px;
     font-weight: 500;
     color: #fe574a;
     line-height: 22px;
     flex: none;
     font-weight: bold;
   }


   .jzztP1{
    width: 80%;
    margin:0 auto;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    line-height: 20px;
    margin-top: 25px;
   }
   .jzztP2{
    font-size: 12px;
    width: 80%;
    margin:0 auto;
    margin-top: 25px;
    color: black;
   }
   .jzztP2 span{
    color: rgb(141, 141, 141);
   }