body{font-family: "Microsoft YaHei";color: #2b2b2b}
body,html{padding: 0;margin: 0}
/*头部*/
.top{height: 140px;width:1076px;margin:0 auto;position: relative}
.logo{background: url("../images/logo.png") no-repeat;width: 319px;height: 78px;position: absolute;top:36px;}
.tel{background: url("../images/tel.png") no-repeat;width: 216px;
height: 62px;position: absolute;right: 20px;top:50px;}
/*tab切换*/
.top_nav,.top_nav li{ margin: 0;padding: 0}
.top_nav li{display: inline-block;width: 33.1%;cursor: pointer}
/*导航*/
.index-nav{background: #2b2b2b;}
.nav{text-align: center;width:820px;margin: 0 auto}
.grid-demo{background: #2b2b2b;height: 90px;font-size: 16px;color: #fff;line-height: 90px;cursor: pointer}
.grid-demo-active{background: #5eb355}
.green-font{color:#5eb355}
.banner1 .big,.banner .big,.big{display: inline-block}
.font-left{text-align: left}
.banner1 .min,.banner .min,.min{display: none}
.dot{background: url("../images/dot.png") no-repeat;width: 14px;height: 13px;display: inline-block;margin-right: 10px}


.menuDiv a{text-decoration:none;}
.menuDiv li,.menuDiv ul{list-style:none;margin:0;padding:0;float:left;width: auto}
.menuDiv>ul>li>ul{position:absolute;display:none;margin-top:90px;z-index:2}
.menuDiv>ul>li>ul>li{float:none}
.menuDiv>ul>li:hover ul{display:block}
.menuDiv>ul>li>a{width:136px;color:#fff;display:block}
.menuDiv>ul>li:first-child>a{border-left:none}
.menuDiv>ul>li>ul>li>a{width:190px;line-height:45px;color:#000;background-color:#fff;text-align:center;border-top:none;display:block}
.menuDiv>ul>li>ul>li>a:hover{color:#5eb355}

/*内容*/
.layui-list{margin-top:103px;margin-bottom: 103px}
.content{width:1200px;margin:0 auto;position: relative}
.title{font-size: 32px;text-align: center;margin: 100px 0 20px 0}
.title1{font-size: 18px;margin:34px 0}
.title2{font-size: 14px; color: #7e7e7e;line-height: 26px}
.title5{padding-left: 10px}
.title3{text-align: right;padding-right: 20px}
.font-num{font-size: 60px;}
.index-bar{background:#f7f6f6;padding:20px; text-align: center}
.index-bar img{margin:140px 70px 106px}
.bottom{background: #2b2b2b;height: 400px;}
.bottom .left{background: url("../images/logo2.png") no-repeat ;width:50%;height:77px;padding-top:200px;display: inline-block;position: absolute;left: 0;top:78px;}
.bottom .right{background: url("../images/line.png") no-repeat;height: 251px;display: inline-block;width:49%;position: absolute;right: 0;top:78px;}
.bottom .right .qr{position: relative;display: inline-block}
.bottom .right .qr span{position: absolute;bottom: 0px}
.bottom .right img{margin: 20px}
.bottom-min{display: none}
.index_table{ border-collapse:collapse; border: 0;color: #fff;margin-left: 100px;}
.index_table td{text-align: center;}
.index_table2{margin-top: 40px;width: 100%;margin-left: 148px}
.index_table2 td{text-align: left;line-height:30px;padding-left: 33px;}
.mark1,.mark2,.mark3,.menu-buttonL,.telmark{background: url("../images/mark.png") no-repeat}
.mark1{background-position-x: -3px; background-position-y: -194px}
.mark1:hover{background-position-x:-3px; background-position-y: -279px;cursor: pointer}
.mark2{background-position-x:-3px; background-position-y: -363px}
.mark3{background-position-x:-3px; background-position-y: -449px}
.telmark{display: none}
.center{text-align: center}
.m40{margin-top: 40px}
.font24{font-size: 24px;}
.font18{font-size:18px;text-align: center}
.text_r{text-align: right}
.big_background{background: #f7f5f6;padding: 100px 0 1px }
.Btitle{margin: 0;font-size: 24px; font-weight: bold;text-align: center}
.bottom_blue{margin: 0 auto;background: #153f7d; font-size: 18px; padding: 15px 40px;color: #fff;border-radius:27px}
.big_dialog .contain_box,.intell1 .contain_box{display: none}
/*banner轮番图*/
.swiper-container{position: relative}
.swiper-pagination-bullet{width: 10px;height:10px;background: #fff;border: 2px solid #fff;opacity:0.6}
.swiper-pagination-bullet-active{border: 2px solid #fff; background: none;opacity: 1}

/*招聘智能化4*/
.intell4 .img_div{margin-bottom: 32px;margin-top: 37px}
.intell4 .layui-row{text-align: center;font-size: 24px;}
.intell4 .layui-list2{margin-top: 122px;margin-bottom: 180px}

/*专业猎头*/
.intell3 .layui-list{text-align: center}
.font18_left{font-size: 18px; text-align: left;margin-top: 108px}
#test2.layui-carousel, #test2 div[carousel-item]>*{background: #fff}

#test3.layui-carousel, #test3 div[carousel-item]>*{background: #fff}
.big_dialog .layui-list{margin: 0 auto; width:80%}
.dialog_div{border: 1px solid #d9d7db;width: 49%;border-radius: 5px;margin: auto;font-size: 14px;line-height: 25px;padding: 10px;position: relative;text-align: left}
.dialog_div .person_img{background: url("../images/intell3 (7).png") no-repeat;display: inline-block;width: 129px;height: 90px;position: absolute;top: 10px;left:-129px}
.big_dialog{margin-top: 40px}
.min_dialog{display: none}

/*全部外包解决方案*/
.solution6 .content .img1{background: url("../images/solution6 (1).png") ;padding-left:50%; height:330px; padding-top: 100px; background-repeat:no-repeat;}
.solution6 .content .img1 div{margin-top: 55px;  font-size: 18px;}
.solution6 .content .img2{background: url("../images/solution6 (2).png") ; background-repeat:no-repeat;}

/*部分外包解决方案*/
.solution7 .content .img1 div{margin-top: 44px;}
.solution7 .content .img1{background: url("../images/solution7 (1).png");background-repeat:no-repeat;padding-top: 0;height: 440px;}
.solution7 .content .img2{background: url("../images/solution7 (6).png") ; background-repeat:no-repeat;height:330px; padding-top: 100px;padding-left:50%;}

/*临时外包解决方案*/
.solution8  .content .img1{background: url("../images/solution8 (1).png");background-repeat:no-repeat;}

/*预约演示*/

.about_order>div{line-height: 40px;margin: 0 auto;width:60%;text-align: left;font-size: 16px;}
.about_order>div>input,.about_order>div>textarea{
    width: 720px;border:1px solid #dbdbdb;height: 40px;line-height: 40px;padding: 0 5px}
.about_order>div>textarea{min-height: 100px;}
.about_order .identifying{display: inline-block;background: url("../images/about12.png") no-repeat;width: 92px;height: 41px;vertical-align: top;margin-left: 10px}
.about_order .blue_button{background: #163f7d;border-radius: 5px; height: 50px;line-height: 50px;margin-top: 40px; text-align: center;color: #fff;padding: 0 5px;cursor: pointer;width: 720px}

/*核心团队*/

.about11 .person_top{background: #f7f5f6}
.about11 .content .img{padding-top: 0;font-size: 14px ;    padding-top: 10px;
    height: 354px;padding-left: 30%;    padding-right: 20px;}

.about11 .content .img div{margin-top: 42px}
.about11 .content .img .name{font-size: 24px;}
.about11 .content .img .appellation{color: #8c8c8c}

.about11 .P_img{padding-left: 40%;height:172px; }
.about11 .P_img1{background:url("../images/about11 (1).jpg") no-repeat  20px 20px; }
.about11 .P_img2{background:url("../images/about11 (2).jpg") no-repeat  20px 20px; }
.about11 .P_img3{background:url("../images/about11 (3).jpg") no-repeat  20px 20px; }
.about11 .P_img4{background:url("../images/about11 (4).jpg") no-repeat  20px 20px; }
.about11 .P_img5{background:url("../images/about11 (5).jpg") no-repeat  20px 20px; }

.about11 .content .top_nav li{text-align: center;vertical-align: top}
.about11 .content .top_nav .list2{margin:  0 auto;width: 330px;}
.about11 .content .index_contain2  .top_nav .list{width: 420px;}
.about11 .content .index_contain2 .top_nav .list2{margin:  0 auto;width: 420px;height: 488px}
.about11 .content .top_nav .list{border: 1px solid #f1f0f1; height:468px;width:330px;box-shadow: 0 0 5px #888888}
.about11 .content .top_nav .list .sign{background:url("../images/about11 (3).png") no-repeat center 0px;height: 19px;margin-top: 20px}
.about11 .name{font-size: 24px;padding-top: 40px;}
.about11 .introduce{ color: #8c8c8c;font-size: 14px;margin-top: 20px}
.about11 .professional{font-size: 14px; color: #8c8c8c;padding-top: 22px; margin: 0 auto;  width: 80%;line-height: 30px;text-align: left;}
.about11 .index_contain2 .top_nav li{width: 49%}
.about11 .index_contain2{margin-bottom: 100px}

.about11 .big_dialog .top_nav{margin-top: 20px}

/*招聘席位*/
.intell2 .listHalf .img{background-repeat:no-repeat;padding-top: 0;font-size:18px ;    padding-top: 10px;  height:176px;padding-left:40%;    padding-right: 20px;}
.intell2 .listHalf .img1{background: url("../images/intell2 (1).png") 20px center;background-repeat:no-repeat;}
.intell2 .listHalf .img2{background: url("../images/intell2 (2).png") 20px center;background-repeat:no-repeat;}
.intell2 .listHalf .img3{background: url("../images/intell2 (3).png") 20px center;background-repeat:no-repeat;}
.intell2 .listHalf .img4{background: url("../images/intell2 (4).png") 20px center;background-repeat:no-repeat;}
.intell2 .listHalf .img div{margin-top:24px}


/*库里软件*/
.intell1 .top_nav li{width: 11%;  font-size: 18px;height: 100px;line-height: 100px;border-radius: 5px;padding-left:88px;margin: 0 3px;position: relative}
.intell1 .top_nav .top_nav_visited:before{height: 20px;left: 0;
    width: 100%; background: #fff; content: "";position: absolute;bottom: -17px;}
.intell1 .top_nav .top_nav_visited{border-top: 8px solid #153f7d}
.intell1 .top_nav li.img1{background:#fff url("../images/intel1 (3).png") 20px center;background-repeat:no-repeat;}
.intell1 .top_nav li.img2{background:#fff url("../images/intel1 (9).png") 20px center;background-repeat:no-repeat;}
.intell1 .top_nav li.img3{background:#fff url("../images/intel1 (5).png") 20px center;background-repeat:no-repeat;}
.intell1 .top_nav li.img4{background:#fff url("../images/intel1 (7).png") 20px center;background-repeat:no-repeat;}
.intell1 .top_nav li.img5{background:#fff url("../images/intel1 (1).png") 20px center;background-repeat:no-repeat;}
.intell1 .big_background{background: #f0f3f7;padding: 12px 0;}
.intell1 .big_background .top_nav{width: 1200px;margin:0 auto}
.intell1 .content .img{padding-top: 5px;padding-left: 55%}
.intell1 .content .img3{padding-top: 5px;padding-left: 41%}
.intell1 .content .img3 .title1{margin: 17px 0}
.intell1 .content .img div{position: relative}
.intell1 .content .img1 div{margin-top: 30px; font-size: 14px;}
.intell1 .content .img1{background:#fff url("../images/intel1 (11).png") 0 center;background-repeat:no-repeat;}
.intell1 .content .img2{background:#fff url("../images/intel1 (15).png") 0 center;background-repeat:no-repeat;height: 330px;}
.intell1 .content .img3{background:#fff url("../images/intel1 (20).png") 0 center;background-repeat:no-repeat;height: 330px;}
.intell1 .content .img4{background:#fff url("../images/intel1 (12).png") 0 center;background-repeat:no-repeat; height: 404px}
.intell1 .content .img3 .title1{font-size: 20px;}
.intell1 .content .img3 .title2{font-size:16px; color: #7e7e7e;margin-bottom:35px}
.intell1 .content .img2 div{margin-top: 27px}
.intell1 .content .img div b{position: absolute;left: -47px;font-size: 24px;top: -5px;}
.intell1 .layui-row .img1{background:url("../images/intel1 (16).png") 0 20px;}
.intell1 .layui-row .img2{background:url("../images/intel1 (17).png") 0 20px;}
.intell1 .layui-row .img3{background:url("../images/intel1 (18).png") 0 20px;}
.intell1 .layui-row .img4{background:url("../images/intel1 (19).png") 0 20px;}
.intell1 .layui-row .img_div{background-repeat:no-repeat;width: 203px;    padding-top: 300px;padding-left:0;height: auto}
.intell1 .layui-row .img_div .title1{margin-top: 0; margin-bottom: 34px}
/*公司介绍*/
.about10 .layui-list{margin: 0}
.about10 .list{width:50%;display: inline-block;vertical-align: top}
    /*.about10 .layui-list .layui-col-md6{max-height: 720px;}*/
.about10 .left{width:50%;margin: 0 auto}
.about10 .right{padding-left:80px}
.about10 .left .title1{font-size: 36px; margin:100px 0 50px;}
.about10 .left .title2{font-size: 16px;margin: 50px 0;}
/*客户案例*/
.case .list{background: #f3f3f3;padding:20px;padding-top:18px;width:340px;text-align: center;height: 555px;margin-top: 40px}
.case .list .title2,.case .list .title3{text-align: left}
.case .list .title3{margin-top: 10px}
.case .list:hover{box-shadow: 0px 0px 5px #888888;cursor: pointer}
.case .lastList{width: auto;text-align: left;height: 295px}
.case .lastList .left{display: inline-block;width: 60%;float: right}

.index .model{text-align: left;}



@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    .menuDiv li, .menuDiv ul{width: 100%}
    .bottom_blue{  padding: 15px 21px;}
    /*客户案例*/
    .case .content{padding: 0}
    .case .list{width: 92%;height:498px;padding: 5px;margin-top: 3px}
    .case .list .title3{word-wrap : break-word ;font-size: 12px}

    /*首页banner图*/
    .banner1{height:auto}
    .banner1 .min,.banner .min,.min{display: block}
    .banner1 .big,.banner .big, .big{display: none}


    .layui-row .layui-piece{min-height: 230px}

    /*公司介绍*/
    .about10 .left .title2{margin-top: 43px}
    .about10 .right{padding: 0}
    .about10 .right,.about10 .left{margin: 0 auto;width: 90%}
    .about10 .list{width: 100%}
     /*专业猎头*/
    .intell3 .pc{width: 330px}
    .intell3 .swiper-slide  .img_div{background: url("../images/intell3 (8).png") no-repeat center center;height: 60px;margin-bottom: 5px}
    .intell3 .title1,.intell3 .title2{text-align: center}
    .intell3 .title1{font-size: 16px;margin-top: 10px}
    .intell3 .intell_list{margin-bottom:58px}
    .min_dialog{display: block}
    .big_dialog{display: none}
    .dialog_div{width:280px;font-size: 12px;line-height: 30px}
    .dialog_div img{position: absolute;top: 10px;left:-49px}

    /*招聘智能化4*/
    .intell4 .layui-row{font-size:14px;}
    .intell4  .content .layui-col-xs6 img{width: auto}
    .menuDiv>ul>li>ul{position: relative;margin-top: 0}
    .menuDiv>ul>li>a,.menuDiv>ul>li>ul>li>a{width: 100%}
    .intell3 .content .layui-col-xs6 img{width: auto}

    /*全部外包解决方案*/
    .solution6  .content .layui-col-xs6 img{width: 120px}
    .solution6 .content .img1{ background-size:150px 150px;background-position: center 0;  background-repeat:no-repeat; padding: 120px 10px 0;;height:190px}
    .solution6 .content .img1 div{margin-top: 33px;  font-size: 14px;}

    /*部分外包解决方案*/

    .solution7 .content .img1{height: 440px;}
    .solution7 .content .img2{height: 196px;}

    /*临时外包解决方案*/
    .solution8 .layui-list.center img{ width: 340px}


    /*核心团队*/
   .about11 .title{margin: 35px 0}
    .about11 .list{background: #f3f3f3}
    .about11 .professional{padding: 0}
    .about11 .P_img{padding-left: 60%}
  /*  .about11 .content .img{text-align: center; padding: 169px 10px 38px;background-position: center 20px;height:220px;background-size: 150px 150px;}
    .about11 .content .img div{margin-top:10px;}
    .about11 .content .img div.text{text-align: left;text-indent: 2em;font-size: 14px}
    .about11 .min_dialog .top_nav li{width: 100%;}
    .about11 .content .case2 .img1{height: 255px;}*/
    .about11 .case2.swiper-container,.about11 .case.swiper-container{padding: 0}

    /*招聘席位*/
    .intell2 .font18{text-align: left;font-size: 14px}
    .intell2 .listHalf .img{background-size: 130px 130px; text-align: left;padding-left:166px;font-size: 14px;    height: 156px;}
    .intell2 .listHalf .img div{margin-top: 18px}
    .intell2 .listHalf .img .font24{font-size:18px;}

/*库里软件*/
    .intell1 .layui-row .img_div .title1{font-size: 18px;margin-bottom: 13px}
    .intell1 .content .img{ background-size:150px 150px;background-position: center 0;  background-repeat:no-repeat; padding: 148px 10px 0;}
    .intell1 .contain_box1 .img4{background-size:344px 122px;height: auto;height: 200px}
    .intell1 .content .img div{font-size: 14px;padding-left: 29px;}
    .intell1 .content .img3{height: auto}
    .intell1 .content .img3 .title1{font-size: 16px;}
    .intell1 .content .img3 .title2{font-size: 14px;margin: 0}
    .intell1 .big_background .top_nav{width: 100%;text-align: center}
    .intell1 .top_nav li{width: 18%;padding: 0;font-size:6px;height: 63px;border-radius: 0;margin: 0 1px;line-height: 151px}
/*    .intell1 .top_nav li:first-child{margin-left: 10px}*/
    .intell1 .content .img div b{left: -7px}
    .intell1 .content .img2 div{margin-top: 36px;}
    .intell1 .content .img2{height: auto}
    .intell1 .content .img_div{margin: 0 auto}
    .intell1 .content .img1{background-size: auto;padding-top: 279px;height: auto}
    .intell1 .contain_box4 .img1{background-size: 320px 184px;padding-top: 184px;}
    .intell1 .contain_box3 .img,.intell1 .contain_box2 .img{background-size: 300px 200px;padding-top:196px;}
    .intell1 .big_background{background: #fff}
    .intell1 .top_nav li.img{background: url("../images/round (2).png") no-repeat center center;background-size:58px 58px;position: relative }
    .intell1 .top_nav li.top_nav_visited{background: url("../images/round (1).png") no-repeat center center;background-size: 58px 58px;border: none}

    .intell1 .top_nav .img:before{   top:50%;left:50%;margin-left:-17px; margin-top: -17px ;position: absolute;width: 35px; height: 35px;}
    .intell1 .top_nav .img1:before{background: url("../images/intel1 (3).png") no-repeat;content: "";background-size: 35px 35px; }
    .intell1 .top_nav .img1.top_nav_visited:before{background: url("../images/intel1 (4).png") no-repeat;background-size: 35px 35px; }
    .intell1 .top_nav .img2:before{background: url("../images/intel1 (9).png") no-repeat;content: "";background-size: 35px 35px; }
    .intell1 .top_nav .img2.top_nav_visited:before{background: url("../images/intel1 (10).png") no-repeat;background-size: 35px 35px; }
    .intell1 .top_nav .img3:before{background: url("../images/intel1 (5).png") no-repeat;content: "";background-size: 35px 35px; }
    .intell1 .top_nav .img3.top_nav_visited:before{background: url("../images/intel1 (6).png") no-repeat;background-size: 35px 35px; }
    .intell1 .top_nav .img4:before{background: url("../images/intel1 (7).png") no-repeat;content: "";background-size: 35px 35px; }
    .intell1 .top_nav .img4.top_nav_visited:before{background: url("../images/intel1 (8).png") no-repeat;background-size: 35px 35px; }
    .intell1 .top_nav .img5:before{background: url("../images/intel1 (1).png") no-repeat;content: "";background-size: 35px 35px; }
    .intell1 .top_nav .img5.top_nav_visited:before{background: url("../images/intel1 (2).png") no-repeat;background-size: 35px 35px; }

/*预约演示*/
    .about_order>div,.about_order>div>input, .about_order>div>textarea{width: 100%;padding: 0}
    .about_order .blue_button{width: auto}
    .about_order .identifying{width: 83px}
    .about12 .Btitle{font-size: 14px}


    .bottom_blue{font-size: 12px}
    .big_background {padding: 23px 0 1px;}
    .Btitle{font-size: 20px}
    .font18_left{font-size: 14px;margin-top: 40px}
    html,body{overflow:hidden;overflow-y:auto;}
    .grid-demo{height: auto;line-height: 52px}
    .menu-buttonL{ width: 60px;  height: 60px; background-position-x:11px;
        background-position-y: -32px;}
    .top{height: 56px;width: auto;position: relative}
    .logo{background-size: 200px 49px;height: 49px;width: 201px;left: 50%; margin-left: -100px;top: 0}
    .telmark{width: 60px;  height: 60px; background-position-x:11px;
        background-position-y: -105px;position: absolute;  display: inline-block;  right: 0px;  top: 0;}
    .tel{display: none}
    .index-nav{width:200px;top: 0;  position: fixed; z-index: 2;left: -300px;transition: left 1s;}
 /*   .index-nav .layui-col-md2{width: auto}*/
    .index-navShow{left:0;transition: left 0.5s;}
    .all-content{left: 0;transition: left 0.5s;}
    .all-contentShow{left: 200px;transition: left 0.5s;position: relative}
    .nav{width: 100%;}
    .content{width:auto;padding: 0 10px}
    .mid-center{text-align: center}
    .font-num{display: inline-block}
    .content .layui-col-xs6 img{width:100%}
    .title5,.title3{padding: 0}
    .mask{display:none;opacity: 0.6;background: #000000;position: absolute;top: 0;left: 0;z-index:2;width: 100%;height: 100%}
    .title{font-size: 18px;  margin:35px 0 0px 0;}
    .title1{margin:6px 0}
    .title1,.title2{font-size: 12px;}
    .layui-list{margin:34px 0;}
    .font-num{font-size: 46px}
    .index-bar img{width: 37%;margin: 20px 16px;}
    .bottom{display: none}
    .bottom-min{display:block;background: #000;text-align: center;padding: 10px;font-size: 14px}
    .bottom-min .index_table{margin: 0;width:100%;margin-top: 10px;margin-bottom: 10px}
    .bottom-min .index_table img{width: 80%}
    .bottom-min .index_table2 td{padding-left:42px}
    .mark1{background-position-x: 13px;}
    .mark1:hover{background-position-x: 13px;}
    .mark2{background-position-x:13px;}
    .mark3{background-position-x: 13px;}

    .index .model{height:250px ;text-align: left;padding: 5px;}

  /*  .title3{height: 197px;}
    .title4{margin-top: -197px}*/
}

/* being 2021-07-06 备案块 */
.bottomBn{
     text-align: center; font-size: 14px;color:#fff;
     background: #6b6b6b;
     height: 36px; line-height: 36px;
}
.bottomBn a{color:#fff; display: inline-block; line-height: 36px;}
.bottomBn a img{ margin-right: 10px; margin-top: 8px ;float: left;}
.bottomBn a:hover{text-decoration:underline;}