*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:#fff;font:14px/1.6 arial,Microsoft YaHei,tahoma,sans-serif;margin:0 auto;}
textarea{border: solid 0px;outline:none;}
input{border: solid 0px;outline:none;}
a,a:hover,a:focus{text-decoration:none}
img{image-rendering: -webkit-optimize-contrast;}
ul{margin:0;padding:0;}
ul li{list-style:none}
.img100{max-width: 100%;}
.hwLqug{ display: none!important;}

.header{background:rgba(255,255,255,.5);height: 1.4rem;display: flex;align-items: center;justify-content: space-between;padding:0 0.4rem;position:fixed;z-index:999;width: 100%;left: 0;top:0}
.header .logo img{width: 4.5rem;display: block;}
.header .fenxiangioc img{width: 0.5rem;display: block;margin-left: 80px}
.headerbai{background: #fff;}


.nav-trigger {border:none;background:none;display:block;height:18px;position:relative;padding: 0}
.nav-trigger .icon-bar {background-color:#044b8d;-webkit-transition-duration: 300ms;transition-duration: 300ms;display: block;width:25px;height:2px;border-radius: 1px;margin-top:6px;}
.nav-trigger .icon-bar:nth-child(1) { width: 25px;}
.nav-trigger .icon-bar:nth-child(2) { width: 25px;}

.nav-trigger.on .icon-bar:nth-child(1) {transform:rotate(45deg);margin-top:0px;-webkit-transition-duration: 300ms;transition-duration: 300ms;width:25px;}
.nav-trigger.on .icon-bar:nth-child(2) {opacity: 0; -webkit-transition-duration: 0ms;transition-duration: 0ms;}
.nav-trigger.on .icon-bar:nth-child(3) {transform:rotate(-45deg);margin-top:-10px;-webkit-transition-duration: 300ms;transition-duration: 300ms;width:25px;}
.nav-trigger .icon-bar:first-child{margin-top:0;}

.win100{display: block;max-width: 100%}
.indexbg{background:#fff;background: url(../img/bg.jpg) no-repeat;background-size:100% 100%;}
.indexbg1{background:#fff;background: url(../img2/gongyongbg.jpg) no-repeat;background-size:100% 100%;}


.index{margin-top: 0%; position: relative;}
.index .slg{ width:100%; margin: 0rem auto 0;padding-top:4rem ;}
.index .slg img{}
.index .imgBg{display: block;max-width: 100%}
.goBtn{width:100%;position: absolute;bottom: 10%;left: 0;color: #333333; text-align: center;}
.goBtn ul{ padding-left: .6rem;}
.goBtn ul li{ height: 2.5rem; width:3rem; float: left; margin-top: 0.5rem; margin-right:.3rem;background: rgba(255,255,255,.8); text-align: center;border-radius: 10px;text-transform: uppercase;}
.goBtn ul li span{font-size: 12px;font-weight:  normal;}
.goBtn ul li a{ color: #014ea2;font-size: .35rem; line-height: 1;font-weight: bold;}
.goBtn img{ max-width: 30%; margin-top: 0.3rem}

.goBtn2{width:100%;position: absolute;bottom: 10%;left: 0;color: #333333; text-align: center;}
.goBtn2 ul{ }
.goBtn2 ul li{ height: 1.5rem; width:70%; background: rgba(255,255,255,.8); text-align: center;border-radius: 10px; margin:0.5rem auto 0; }
.goBtn2 ul li a{ display: flex;
    align-items: center;
    justify-content: space-between;
   
  }
.goBtn2 img{ margin: 0 auto;width: 20%;}

.goBtn2 ul li a .r{height: 1.5rem;margin-right: 36px;color:#000;border-left: 1px solid rgba(0,0,0,0.4);padding-left: 18px;display: flex;flex-direction: column;justify-content: center; width: 55%;}
.goBtn2 ul li a .r h3{font-size: 18px;}
.goBtn2 ul li a .r p{font-size: 14px;}





.index .zhutinr{ position: absolute; width: 100%; top: 25%;}
.index .zhutinr .sousuokunag{border: 1px solid rgba(0,209,215,.7);border-radius: 30px;background: rgba(246,246,247,.7); margin: 20px; padding: 2px 2px 2px 20px; display: flex;}
.index .zhutinr .sousuokunag .int{ height: 35px;background:none;margin-left:5px; width: 70%;font-size: 14px;}
.index .zhutinr .sousuokunag span{ width: 7px; height: 7px;background: #00d1d7;border-radius: 50%; margin-top: 13px;}
.index .zhutinr .sousuokunag .btn{border-radius: 30px;background: #00d1c4;border: 0; padding: 5px 20px; line-height: 1; margin-left: auto;}
.index .zhutinr .daohangquan{ padding-top: 10px; margin: 0 30px; display: flex; align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap;}
.index .zhutinr .daohangquan .quanquan{ width: 29.33%; margin:0 2%; height: 120px;background: url(../img/index/zicobg.png) no-repeat;background-size:100%; text-align: center;float: left; margin-top: 10px; box-sizing: border-box;}
.index .zhutinr .daohangquan .quanquan img{ margin-top: 13px;}
.index .zhutinr .daohangquan .quanquan p{ color: #fff;font-size: 14px;line-height:.5}

.sbanner{ padding-top: 1.4rem;}




.zz{background:rgba(0,0,0,0.6);position: fixed;z-index: 998;width: 100%;height: 100%;left: 0;top:0;display: none}

.nav{width: 4rem;background:#fff;position: fixed;right: 0.4rem;top:1.4rem;z-index: 1000;opacity: 0;right: -4rem;transition:all 0.3s; height: auto;}
.nav .close{ text-align: right; padding: 20px 20px 0 0; }
.nav .close img{ width: 25px;}
.nav.on{opacity: 1;right:0rem;}
.nav ul{padding: 20px 0;}
.nav ul li{margin-bottom:5px; padding: 10px 0 10px 20px;}
.nav ul li a{display: flex;align-items: center;color: #034c8d;font-size: 0.35rem;}
.nav ul li .ico{width:0.6rem;display: block;margin-right:0.18rem;}
.nav ul li.sel{background: #e60012; }
.nav ul li.sel a{color: #fff;}

.login{width:2.13rem;height: 0.72rem;background: #164198;border-radius:0.06rem;display:flex;align-items: center;justify-content: center;color: #FFFFFF;font-size: 0.28rem;position: absolute;left: 0.54rem;bottom: 0.3rem;}
.login .ico{width: 0.32rem;height: 0.32rem;display: block;margin-right: 0.1rem}
.login a{ color: #fff;}

.banner{ margin-top: 1.2rem;line-height: 0;}
.banner img{ width: 100%;}
.pagesBanner{margin-top: 1rem}
.bannerImg{max-width:100%;display: block;}

.icobiao{ position: absolute; width: 18px; margin: 9px 0 0 10px;}




.questionList{width: 7.02rem;margin:0 auto;margin-top: 0.36rem}
.questionList .item{background: #FFFFFF;border-radius:0.08rem;width: 100%;padding:0.24rem 0.24rem  0.24rem 0.16rem;margin-bottom: 0.24rem}
.questionList .item .t{display: flex;align-items:flex-start;color: #333333;line-height:0.48rem;font-size: 0.32rem}
.questionList .item .t .ico{width: 0.48rem;height: 0.48rem;display: block;margin-right: 0.16rem;margin-top: 0.1rem}
.questionList .item .t .xl{width: 0.16rem;display: block;margin-top: 0.2rem;margin-left: 0.36rem}
.questionList .item .con{color: #666666;font-size: 0.26rem;line-height: 0.45rem;margin-top: 0.4rem;padding-left: 0.64rem;display: none}
.viewMore{width:7.02rem;height:0.84rem;background: #164198;border-radius: 0.1rem;margin:0 auto;margin-top: 0.16rem;display: flex;align-items: center;justify-content: center;color:#fff;font-size: 0.34rem;margin-bottom:0.34rem}

.shaixuan{display: flex;align-items: center;padding:0.24rem;height:1.32rem}
.shaixuan .item{display: flex;align-items: center;width:50%;justify-content: center}
.shaixuan .item span{color: #666666;font-size: 0.26rem;}
.shaixuan .ico{width: 0.24rem;height: 0.24rem;display: block;margin-right: 0.16rem;}
.shaixuan .sj{width: 0.18rem;display: block;margin-left:0.16rem;}

.jobList{width: 7.02rem;margin:0 auto}
.jobList .item{background: #FFFFFF;border-radius:0.08rem;width: 100%;padding:0.24rem 0.2rem;margin-bottom: 0.24rem;display: block;}
.jobList .item .line{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.16rem;}
.jobList .item .line3{margin-bottom: 0}
.jobList .item .line .name{color: #333333;font-size: 0.32rem}
.jobList .item .line .gz{color: #164198;font-size: 0.28rem;font-weight: bold;}
.jobList .item .line .dz{display: flex;align-items: center;color: #A9ADC0;font-size: 0.24rem;}
.jobList .item .line .dz .ico{width: 0.32rem;height: 0.32rem;display: block;margin-right: 0.08rem}
.jobList .item .line .time{color: #A9ADC0;font-size:0.24rem}
.jobList .item .line .bm{color: #333333;font-size:0.28rem}


.yinying{-moz-box-shadow:0px 0px 8px #e5e5e5; -webkit-box-shadow:0px 0px 8px #e5e5e5; box-shadow:0px 0px 8px #e5e5e5;}

.detail{padding:0.4rem 0.24rem 1.56rem;margin-top: 1.2rem;}
.detail .topInfo{background: #FFFFFF;margin-bottom: 0.32rem;border-radius:10px; padding: 10px;}
.detail .topInfo .title{padding:0 0.2rem;}
.detail .topInfo .title .name{color: #333333;font-size: 0.4rem;font-weight:bold; padding-bottom: 10px;}
.detail .topInfo .title .gz{color: #164198;font-size: 0.28rem;font-weight:bold;}
.detail .topInfo .list{padding:0rem 0.2rem;}
.detail .topInfo .list .item{display: flex;align-items: center;margin-bottom: 0.1rem;color: #666; padding: 3px 0 0;}
.detail .topInfo .list .item .ico{width: 0.32rem;height: 0.32rem;display: block;margin-right: 0.12rem;}
.detail .topInfo .list .item .s1{font-size: 0.26rem;}
.detail .topInfo .list .item .s2{font-size: 0.26rem;}
.detail .topInfo .list .item span{ margin-right: 0px;}

.detail .block{background:#fff;border-radius:0.08rem;margin-bottom: 0.32rem;padding:0 0.24rem 0.2rem;}
.detail .block .t{display: flex;align-items: center;padding:0.32rem 0 0.24rem;color: #000;font-size: 0.33rem;font-weight: bold; }
.detail .block .t span{border-left: 3px solid #014fa2; height: 20px; margin-right: 10px;}
.detail .block .t .ico{width: 0.48rem;height: 0.48rem;display: block;margin-right: 0.08rem;}
.detail .block .con{color: #666666;line-height:0.45rem;font-size: 0.26rem; text-align: justify;}

.detailBottom{border-top: 1px solid #e5e5e5;height: 1.16rem;width: 100%;position: fixed;left: 0;bottom: 0;background:#fff;display: flex;align-items: center; padding: 0 5%;}

.detailBottom .apply{width: 48%;height:0.84rem;background: #024ea2;border-radius:5px;display: block;color: #FFFFFF;font-size: 0.34rem;line-height: 0.84rem;text-align: center;}
.detailBottom .apply img{ width: 17px;float: left; margin: 15px -20px 0 30px;}
.detailBottom .apply a{color: #FFFFFF;}
.detailBottom .fanhuilb{width: 48%;height:0.84rem;background: #fff;border-radius:1rem;display: block;color: #004297;font-size: 0.34rem;line-height: 0.84rem;text-align: center;border: 1px solid #004297; margin-left: 4%;}
.detailBottom .fanhuilb img{ width: 17px;float: left; margin: 15px -20px 0 30px;}
.detailBottom .fanhuilb a{color: #004297;}


.story .container{
padding: 20px 20px 0;  
}

.story .text {
    font-size: 14px; color: #3a3a3a;
}

.story .text .name, .story .text .title {
    vertical-align: baseline;
    display: inline-block;
}

.story .text .name {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 3px;
}

.story .text .title {
    font-size: 12px;
}

.story .text .infor {
    font-size: 14px;
    margin-top: 10px;
}

.story .text .details {
    font-size: 14px;
    line-height: 1.5;
}

.story .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
   
}

.story .top .left {
 
    height: 200px;
}

.story .top .left {
    width: 100%;
}


.story .top .left .wrap {
    border-radius: 8px;
    box-shadow: 0px 0px 10px #ccc;
    background-color: #fff;
}

.story .top .left {
  
    box-sizing: border-box;
}

.story .top .left .wrap {
    height: 100%;
    overflow: hidden;
}

.story .top .left .imgBox {
    width: 100%;
    height: 80%;
    overflow: hidden;
    transition: height .3s;
}

.story .top .left .imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.story .top .left .text {
    height: 30%;
    padding: .2rem .3rem 0;
    box-sizing: border-box;
    transition: height .3s;
}

.story .top .left .text .details {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s;
}

.story .top .left .wrap:hover .imgBox {
    height: 0;
    transition: height .3s;
}

.story .top .left .wrap:hover .text {
    height: 100%;
    transition: height .3s;
}

.story .top .left .wrap:hover .text .details {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s, visibility .3s;
}

.story  .storySwiper .pagination {
    width: 100%;
    height: 20px;
    font-size: 16px;
    padding: 0 20px;
    position: absolute;
    left: 0;
    bottom: 15%;
    text-align: right;
    box-sizing: border-box;
    z-index: 1;
}

.story  .storySwiper .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #ccc;
    margin: 0 5px;
    opacity: 0.8;
    cursor: pointer;
}

.story  .storySwiper .swiper-active-switch {
    background: #007aff;
}

.story .shenghuoimg{ padding:0 20px;}
.story .shenghuoimg  .storySwiper {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: .5rem 0;
}

.story .shenghuoimg .storySwiper .swiper-wrapper {
    /* width: 100% !important; */
    height: 100% !important;
}

.story .shenghuoimg .swiper-slide {
  background: #fff;
    display: flex; 
    justify-content: space-between; padding:0 0 20px 0;
    position: relative;
    border-radius: 10px;
        -moz-box-shadow:0px 0px 9px rgba(51,51,51,.3); -webkit-box-shadow:0px 0px 9px rgba(51,51,51,.3); box-shadow:0px 0px 9px rgba(51,51,51,.3);
        margin: 0px 0px;
}

.story .shenghuoimg .swiper-slide .imgBox {
    width: 130px;
    position: absolute;
    bottom: 0;
    left: 5px;
    z-index: 1; line-height: 0;
}

.story .shenghuoimg  .swiper-slide .imgBox img {
    width: 100%;
}


.story .shenghuoimg .text{ padding-left: 150px; padding-right: 10px; text-align: justify; padding-top: 10px; overflow-y: auto; height: 150px;}

.story .shenghuoimg  .text .details{font-size: 12px;}
.story .shenghuoimg .swiper-container-horizontal>.swiper-pagination-bullets, .story .shenghuoimg .swiper-pagination-custom, .story .shenghuoimg .swiper-pagination-fraction{bottom: 25px; right: 4%;}

.story .renmingcheng{
	
	 -moz-box-shadow:0px 0px 9px rgba(51,51,51,.3); -webkit-box-shadow:0px 0px 9px rgba(51,51,51,.3); box-shadow:0px 0px 9px rgba(51,51,51,.3);border-radius: 10px; margin: 0 20px;
}
.story .renmingcheng .swiper-slide{
	
	
}
.story .renmingcheng {
    position: relative;
}

.story .renmingcheng .storyBottomSwiper {
    /* width: calc(100% - .2rem);
    padding: .4rem 130px; */
    margin-left: 0;
    box-sizing: border-box;
    background-color: #fff;
}

.story .renmingcheng .storyBottomSwiper::before, .story .renmingcheng .storyBottomSwiper::after {
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    background-image: url(../img/index/yinhaoimg.png);
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
     background-size:40px;
}

.story .renmingcheng .storyBottomSwiper::before {
    top: 25px;
    left: 25px;
}

.story .renmingcheng .storyBottomSwiper::after {
    right: 25px;
    bottom: 25px;
    transform: rotate(180deg);
}

.story .renmingcheng .storyBottomSwiper .swiper-wrapper, .story .renmingcheng .storyBottomSwiper .swiper-slide {
    height: auto !important;
}

.story .renmingcheng .storyBottomSwiper .swiper-slide {
    padding: .4rem 10px;
    box-sizing: border-box;
}

.story .renmingcheng .swiper-button-next{right: -20px; background-size: 15px;}
.story .renmingcheng .swiper-button-prev{left: -20px; background-size: 15px;}

.bottomx{text-align: center; padding: 15px 0; overflow: hidden; color: #fff; background: #143f83;font-size: .25rem;}
.bottomx1{text-align: center; padding: 15px 0; overflow: hidden; color: #b8c9da; background: #e3edfd;font-size: .25rem;}



.shezhaobt{ padding: 20px 0; overflow: hidden;font-size: 23px;color: #33302f; line-height:1;}
.shezhaobt .kuaiz{ width: 5px; height: 25px; background: #dd2e19;float: left; margin-right: 15px;}
.shezhaobt span{float: right;font-size: 13px; padding-top: 5px;}

.xzbox_input{border: none;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 43px;
    font-family: "\5FAE\8F6F\96C5\9ED1";
    background: none;border:1px solid #ccc}

.xzboxb2 {
    height: 34px;
    line-height: 34px;
    font-weight: normal;
    background:url(../img/upico.png) 95% center #fff no-repeat; background-size:8px ;border-radius: 5px;
   border:1px solid #ccc;
    text-align: left;
    width: 100%;
    overflow: auto;
    box-sizing: border-box;
    padding: 0 15px 0 10px;
    vertical-align: middle;
    font-family: "\5FAE\8F6F\96C5\9ED1";
    font-size: 14px;color: #333;
}

.jidi{ width: 100%; margin-top: 30px;}

.w100{ width: 100%; clear: both; padding: 3px 0;}

.jobbox p{margin: 0 auto;text-align: center;color: #0066b3!important;}
.jobindexbox p{margin: 0 auto;text-align: center;color: #0066b3!important;}
.loadingJob{ text-align: center;}

.inthis{ background: #fff; overflow: hidden; padding: 10px 10px 10px;}
.zwlb{ padding:15px 20px 10px;background: #fff; margin-top: 10px; overflow: hidden; margin-bottom: 20px;border-radius: 5px;-moz-box-shadow: 0px 0px 8px #e5e5e5;
    -webkit-box-shadow: 0px 0px 8px #e5e5e5;
    box-shadow: 0px 0px 8px #e5e5e5;
    border: 1px solid #2473dd;}
.zwlblit{ line-height:20px;color:#000; cursor:pointer; text-align: left;font-size: 16px;font-weight: bold; position: relative; padding-top: 1px; padding-bottom:10px ;}
.zwlblib{position:relative; display:none;clear: both; border-top: 1px dotted #ccc; margin-top: 10px; padding: 10px;}
.zwlblib_zz{ font-weight: bold; font-size: 16px; border-left: 3px solid #0d64a6; padding-left: 15px; line-height: 1; margin: 10px 0}
.zwlb .xiaoleibie{ padding: 5px 0;font-size: 13px; color: #666666; line-height: 1.5;}
.zwlb .xiaoleibie div img{float: left; width: 20px; margin-right: 5px;}
.zwlb .xiaoleibie .w50{ width: 50%;float: left;text-overflow:ellipsis;white-space: nowrap;overflow: hidden; margin-bottom: 5px;}
.zwlb .xiaoleibie span{ padding:0 0px;}
.zwlb  a{ color: #333;}
.zwlb .xiaoleibie .w100{color: #838383;}



.tips{display: flex;align-items: center;justify-content: flex-end;color:#5a5a5e;font-size: 14px;padding-top: 0.4rem;margin-right: 0.3rem}
.tips .ico{margin-left: 0.2rem;width: 0.47rem;}

.footer{position: relative;padding-top: 0.5rem}
.footer .bg{position: absolute;left: 0;top: 0;width: 7.5rem;}
.footer .flogo{position: relative;z-index:2;margin:0 auto;width: 1.55rem;display: block;}
.footer .copyright{position: relative;z-index:2;text-align: center;color:#fff;font-size: 12px;margin-top: 0.3rem}


.select{display: flex;align-items: center;justify-content:space-between;margin:0 0.3rem;margin-bottom: 0.25rem;}
.select select{width: 2.2rem;height: 0.6rem;border:1px solid #626262;border-radius: 3px;background: none;color:#717171;margin:0 0.05rem;}

.searchbox{margin:0 0.3rem;display: flex;align-items: center;}
.searchbox .int{background: none;border:1px solid #626262;border-radius: 3px;width: 5.87rem;height: 0.65rem;color:#717171;padding-left: 0.2rem}
.searchbox .btn{background: #00ad45;width: 0.93rem;height: 0.65rem;display: flex;align-items: center;justify-content: center;border:none;border-radius: 3px;margin-left: 0.08rem}
.searchbox .btn .ico{width: 0.4rem}

.zhaopinlist{margin:0 0.3rem;margin-top: 0.35rem}
.zhaopinlist .item{padding:0.3rem 0.3rem 0.2rem;position: relative;margin-bottom: 0.2rem;cursor: pointer;transition: all 0.3s;width: 6.87rem;background: #fff;border-radius: 4px;box-shadow: 0px 0px 8px 0.36px rgba(210, 210, 210, 0.43);}
.zhaopinlist .item h2{color:#000000;font-size:14;font-weight: normal;margin-bottom:0.2rem;}
.zhaopinlist .item .info ul{display: flex;align-items: center;flex-wrap: wrap;}
.zhaopinlist .item .info ul li{display: flex;align-items: center;width:50%;font-size:12px;color:#717171;flex-shrink: 0;margin-bottom: 0.15rem}
.zhaopinlist .item .info ul li .ico{margin-right: 0.15rem;width:0.25rem;}

.bkss_select{-webkit-appearance: none;appearance:none; box-sizing: border-box; height:34px;padding: 0 20px 0 10px; background: url(../img/upico.png) 95% center #f5f5f5 no-repeat;background-size: 12px; border: 0px solid #ccc;border-radius: 8px;}
.bkss_select span{ color: #333; font-size: 14px; line-height: 34px;display: inline-block; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;width: 100%; }
.ui-mobile body {height: auto;}
.loading_line.noJobs {padding-bottom: 180px;}
.bjbj {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 100;background: rgba(0, 0, 0, 0.6);}
.bottom_selbox {display: none;position: fixed;bottom: -400px;left: 0;width: 100%;border-radius: 10px 10px 0 0;background: #ffffff;font-size: 0;white-space: nowrap;z-index: 101;}
.bottom_seltop {height: 45px;border-bottom: 1px solid #eeeeee;font-size: 15px;line-height: 45px;text-align: center;}
.bottom_selleft {display: inline-block;width: 40%;height: 330px;padding: 15px 0;box-sizing: border-box;background: #f5f5f5;overflow: auto;-webkit-overflow-scrolling: touch;white-space: normal;vertical-align: top;}
.bottom_selleft li {padding: 10px 10px 10px 25px;font-size: 15px;color: #666666; text-align: center;}
.bottom_selleft li.on {color: #666666;}
.bottom_selright {display: inline-block;width: 60%;height: 330px;overflow: auto;-webkit-overflow-scrolling: touch;white-space: normal;vertical-align: top;}
.bselr_in {display: none;width: 100%;padding: 10px 0;}
.bselr_in li {padding: 12.5px 10px;font-size: 14px;color: #999999;}
.bselr_in li.on {color: #640000;}
.bottom_close {position: absolute;top: 6px;left: 10px;width: 50px;background: #cc0001; color: #fff;font-size: 13px; text-align: center; padding: 5px;border-radius: 5px;
 		}


.aboutindex{ padding: 30px 20px 0px; color:#000;background: url(../img/lianxiimg2.jpg) bottom no-repeat;background-size:100% auto}
.aboutindex h2{ color: #0f3671;font-size: .4rem; text-align: left; position: relative;border-left:3px solid #0b64e0; padding-left: 10px; height: 45px; line-height: 1; margin-bottom: 20px;}
.aboutindex h2:before{ content: 'COMPANY PROFILE'; color: #dbdbdb; width: 100%; position: absolute; left: 10px;z-index: 0;font-size: .3rem; bottom:0px;font-weight: normal}
.aboutindex h2 p{position: relative;z-index: 1;}
.aboutindex .aboutjianjie{line-height: 1.5;font-size: 0.3rem; padding: 5px 0; text-align: justify;}
.aboutindex h3{ padding: 20px 0;color: #000;}
.aboutindex .aboutsada{ display: flex;align-items: center;
    justify-content: space-between;}
.aboutindex .aboutsada .sekuai{ background: #f5f7fa; height:2rem; width: 31%;border-bottom-right-radius:10px ;border-top-left-radius:10px ; text-align: center; color: #000; padding: 20px 10px 0; line-height: 1.2;}
.aboutindex .aboutsada .sekuai img{ width: 35%;}

.aboutindex h2.yongren:before{ content: 'Enterprise platform'; color: #dbdbdb; width: 100%; position: absolute; left: 10px;z-index: 0;font-size: .3rem; bottom:0px;font-weight: normal;text-transform: uppercase;}
.aboutindex h2.chanye:before{ content: 'Industrial development'; }
.aboutindex h2.buju:before{ content: 'Strategic layout'; }
.aboutindex h2.huoban:before{ content: 'Strategic partners'; }
.aboutindex h2.xuqiuzy:before{ content: 'Professional requirements'; }
.aboutindex h2.xinchouf:before{ content: 'Professional requirements'; }
.aboutindex h2.lianxifs:before{ content: 'contact information'; }
.aboutindex .zhanluehuoban{ padding: 0px 0;}
.zhanlue{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  
    position: relative;
    z-index: 99; clear: both;padding-top: 15px;
}
.zhanlue .item {
    width: 3.25rem;       
    border-radius: 5px;   border: 1px solid #959595; padding: 10px 0; text-align: center;font-size: 0.28rem;background: #f5f8ff;
  }

.zhuanyexuqiu{ padding: 5px 0; clear: both;}
.zhuanyexuqiu .zhuanyekou{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;  
    position: relative;
    z-index: 99; clear: both;padding-bottom: 20px;
}

.zhuanyexuqiu .zhuanyekou .item{ width: 31%; height: 2.5rem; background: #f5f8ff;border-radius: 10px;font-size: 0.25rem;display:flex;
  align-items: center; 
  justify-content: center; text-align: center; line-height: 2;

}
.zhuanyexuqiu .zhuanyekou .item .itemimg{ height: .9rem;}
.zhuanyexuqiu .zhuanyekou .item img{ width: 40px;}


.aboutindex .baochouqie{ padding:0px 0 ;}

.aboutindex .baochouqie .tab{position: relative;z-index:2;}
.aboutindex .baochouqie .tab .hd{}
.aboutindex .baochouqie .tab .hd ul{display: flex;align-items: center;justify-content: space-between;}
.aboutindex .baochouqie .tab .hd ul li{width: 49%;height: .8rem;color:#000;background: #c1edfe;border-radius: 0px;margin-bottom: 20px;cursor: pointer; text-align: center;line-height: .8rem;font-size: .32rem;}
.aboutindex .baochouqie .tab .hd ul li.on{background: #0b64e0;color:#fff;}
.aboutindex .baochouqie .tab .bd{}

.aboutindex .baochouqie .tab .bd .item{display: flex;}
.aboutindex .baochouqie .tab .bd .item .img{border-radius: 10px; width: 45%; margin-right: 5%;}
.aboutindex .baochouqie .tab .bd .item .info h4{color:#000;font-size: .35rem;}
.aboutindex .baochouqie .tab .bd .item .info h4:after{content: "";display: block;width: 20px;height: 2px;background: #000;margin:15px 0}
.aboutindex .baochouqie .tab .bd .item .info ul li{font-size: .2rem;color:rgba(0,0,0,0.8);padding-left: 15px;display: flex;align-items: flex-start;position: relative;line-height: 1.8}
.aboutindex .baochouqie .tab .bd .item .info ul li:before{content: "";display: block;width: 6px;height: 6px;background: #005e9a;border-radius: 50%;margin-top: 9px;position: absolute;left: 0;}


.aboutindex .baochouqie .tab .bd .item .neirongqu{margin-bottom: 0px;}
  .aboutindex .baochouqie .tab .bd .item .neirongqu .damignzi{font-size: 0.4rem;font-weight: bold; position: absolute; color: #fff;top: 65px;
    left: 40px}
  .aboutindex .baochouqie .tab .bd .item .neirongqu .yanjiusheng{border-bottom: 1px dashed #00a1e9; position: absolute;font-weight: bold;font-size:0.2rem; padding-bottom: 8px;}
  .aboutindex .baochouqie .tab .bd .item .neirongqu .yanjiusheng h3{ color: #00a1e9;font-size:0.25rem;font-weight: bold; padding: 0;}
  .aboutindex .baochouqie .tab .bd .item .neirongqu .juli1{top: 10px; left: 130px; padding-left:10px ;}  
  .aboutindex .baochouqie .tab .bd .item .neirongqu .juli2{top: 165px; left: 400px; padding-left:10px ;}  
  .aboutindex .baochouqie .tab .bd .item .neirongqu .juli3{top:283px; left: 340px; padding-left:60px ;}    
  


.aboutjianjie .aboutshuzi{box-shadow: 0px 0px 10px 1.44px rgba(4, 65, 41, 0.2); position: absolute; background: #fff;border-radius: 10px; width: 80%; left: 10%; padding: 20px 0;bottom: -10px;}
.aboutjianjie .aboutshuzi .shuzikuai{margin-right: 10px;
    line-height: 1.2;
    float: left;border-right: 1px solid #ccc; padding: 0 10px;}
.aboutjianjie .aboutshuzi .shuzikuai .shuzihong{ color: #cc3300;font-weight: bold;;font-size: .5rem;}
.aboutjianjie .aboutshuzi .shuzikuai .shuzihong span{font-weight: normal;font-size: 12px;}
.aboutjianjie .aboutshuzi .shuzikuai .wenzihong{font-size: 16px;}






.aboutindex h2.lianxiwm:before{ content: 'CONTACT US'; color: #f9f8f5; width: 100%; position: absolute; left: 0;z-index: 0;font-size: .7rem; top:-25px;}

.aboutindex .lianxius{ padding: 20px 0 10px;}
.aboutindex .lianxius .ullinhua{ display: flex;align-items: flex-start;justify-content: initial; padding: 5px 0; color: #000;}
.aboutindex .lianxius .ullinhua img{ width: .42rem; margin-right: 10px;}
.aboutindex .lianxius .ullinhua b{}
.aboutindex .lianxius .ullinhua span{ width: 65%;}

.aboutindex h4{font-size: .4rem; padding: 20px 0 10px;}





.wenzipiaofu{ position: relative;}
.wenzipiaofu .text{
	position: absolute;
    left: 20px;
    bottom: 10px;
    width: 80%;    
    color: #fff; text-align: left;
}
.wenzipiaofu .text .cn{font-size: .35rem;margin-top: 30px;letter-spacing: 1px;}
.wenzipiaofu .text .en{font-size: .25rem;text-transform: uppercase;}



.fujianbiao{border-bottom: 1px solid #9dc1f3; padding: 20px 0; margin-bottom: 30px;}
.fujianbiao a{color: #000;font-weight: bold;}  





.aboutnirg{ padding: 20px; line-height: 1;}
.pnav{display: flex;align-items: center;box-shadow: 0px 0px 12.61px 0.39px rgba(0, 28, 139, 0.1);border:1px solid #e5e5e5; margin: 0px;}
.pnav a{color:#000;font-size:16px;position: relative;z-index:2;width: 33.33%;transition: all 0.3s;border-right: 1px  solid #e5e5e5; text-align: center; padding: 15px 0;}
.pnav a img{ width: 40px; margin-bottom: 10px;}
.pnav a:last-child{border-right: none}
.pnav a .icoon{display: none;margin-right:5px;}
.pnav a .ico{margin-right:5px;}
.pnav a.on{color:#fff;background: #0055a3}
.pnav a.on .icoon{display:  inline-block;}
.pnav a.on  .ico{color:#fff;display: none}
.pnav a:hover{color:#fff;background: #0055a3}
.pnav a:hover .icoon{display: inline-block;}
.pnav a:hover  .ico{color:#fff;display: none}
.pnav2 a{width: 20%}
.aboutnirg .t{position: relative;margin-top: 40px;margin-bottom: 30px;}
.aboutnirg .t p{font-size: 0.55rem;letter-spacing: 1px;line-height: 40px;color:#0054a4;position: absolute;left: 50%;top: 100%;transform:translate(-50%,-50%);}
.aboutnirg .t .en{font-size: .6rem;text-transform: uppercase;color:#eef1f7;text-align: center;font-weight: bold;}

.aboutnirg .tw{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 20px; padding-top: 40px;}
.aboutnirg .tw .wz{width: 100%; text-align: justify;}
.aboutnirg .tw .imgs{width: 45%}
.aboutnirg .tw .imgs{position: relative;overflow: hidden;}
.aboutnirg .tw .imgs .img{transition: all 1.2s}
.aboutnirg .tw .imgs:hover img{transform: scale(1.1);}
.aboutnirg .tw .imgs p{color:#fff;text-align: center;font-size: 16px;position: absolute;left: 0;bottom: 25px;width: 100%}

.aboutnirg .tw .wz h3{color:#0055a3;font-size: .45rem;display: flex;align-items: center;margin-bottom: 20px;}
.aboutnirg .tw .wz h3:before{content: "";display: block;width: 5px;height: 25px;background: #0055a3;border-radius: 2px;margin-right: 15px;}
.aboutnirg .tw .wz .text{color: #5b5b5b;font-size: 16px;line-height: 1.8}

.aboutnirglanse{background: #f3f6fa;}
.qiyewenhua{ padding-left: 10px;}
.qiyewenhua .swiper-slide{box-shadow: 0px 0px 8px 0.1px rgba(0, 28, 139, 0.3); margin-left: 10px; height: 310px; margin-bottom: 20px;}
.qiyewenhua .swiper-slide img{ width: 100%;}
.qiyewenhua .swiper-slide h3{ text-align: center;font-size: .4rem; padding: 10px 0;}
.qiyewenhua .swiper-slide p{ text-align: center;font-size: .3rem;}

.xiaoyuanzp{box-shadow: 0px 0px 12.61px 0.39px rgba(0, 28, 139, 0.1);border:1px solid #e5e5e5; margin: 0px; width: 90%; position: relative; margin-left:5%;}
.xiaoyuanzp .swiper-slide{text-align: center;}
.xiaoyuanzp .swiper-slide a{color:#000;font-size:16px;position: relative;z-index:2;width: 100%;transition: all 0.3s;border-right: 1px  solid #e5e5e5; text-align: center; display: block; padding: 10px 0;}
.xiaoyuanzp .swiper-slide a img{ width: 40px; margin-bottom: 10px;}

.xiaoyuanzp .swiper-slide a .icoon{display: none;margin-right:5px;}
.xiaoyuanzp .swiper-slide a .ico{margin-right:5px;}
.xiaoyuanzp .swiper-slide a.on{color:#fff;background: #0055a3}
.xiaoyuanzp .swiper-slide a.on .icoon{display:  inline-block;}
.xiaoyuanzp .swiper-slide a.on  .ico{color:#fff;display: none}
.xiaoyuanzp .swiper-slide a:hover{color:#fff;background: #0055a3}
.xiaoyuanzp .swiper-slide a:hover .icoon{display: inline-block;}
.xiaoyuanzp .swiper-slide a:hover  .ico{color:#fff;display: none}

.xiaoyuanzp .swiper-rencai-prev{cursor: pointer;position: absolute;left: -30px;top: 50%;transform: translateY(-50%);opacity: 0.5; background: #fff;box-shadow: 0px 0px 12.61px 0.39px rgba(0, 28, 139, 0.1);width: 20px; padding: 20px 5px;}
.xiaoyuanzp .swiper-rencai-next{cursor: pointer;position: absolute;right: -30px;top: 50%;transform: translateY(-50%);opacity: 0.5;background: #fff;box-shadow: 0px 0px 12.61px 0.39px rgba(0, 28, 139, 0.1); width: 20px; padding: 20px 5px;}
.xiaoyuanzp .swiper-rencai-prev:hover{opacity: 1}
.xiaoyuanzp .swiper-rencai-next:hover{opacity: 1}


.xzggnr .list{padding-top: 0px;}
.xzggnr .list a{display: flex;align-items: center;box-shadow: 0px 0px 12.61px 0.39px rgba(0, 28, 139, 0.1);padding:10px;border-radius: 5px;transition: all 0.3s; margin-top: 20px;}
.xzggnr .list a .xh{font-size: 30px;color:#000;font-weight: bold;position: relative;transition: all 0.3s; margin: 0 auto;}
.xzggnr .list a .xh:before{content:"";display: block;width: 50px;height: 10px;background: rgba(63,152,234,0.6);position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);transition: all 0.3s}
.xzggnr .list a p{font-size: .35rem;color:#000;margin-left: 10px;transition: all 0.3s;}
.xzggnr .list a .time{font-size: 0.25rem;color:rgba(0,0,0,0.6);margin-left: auto;margin-right: 5px;transition: all 0.3s;}
.xzggnr .list a:hover{background: #4c8cc9}
.xzggnr .list a:hover .xh{color:#fff;}
.xzggnr .list a:hover .xh:before{background: rgba(255,255,255,0.4);}
.xzggnr .list a:hover p{color:#fff;}
.xzggnr .list a:hover .time{color: rgba(255,255,255,0.6);}
.xzggnr .list a p:nth-child(2){ line-height: 1.6;}

.xzggnrxq .titles{ border-bottom: 1px solid #e5e5e5; padding: 20px 0; overflow: hidden;}
.xzggnrxq .titles h2{font-weight: bold;font-size: 0.35rem; text-align: center;}
.xzggnrxq .titles h3{font-weight: normal;font-size:0.3rem; text-align: right; padding:10px 20px 20px;}
.xzggnrxqzt{ padding: 30px 20px;font-size:0.31rem; color: #5b5b5b;}
.xzggnrxqzt .xqbt{color: #174899;font-size: .42rem;display: flex;align-items: center;margin-bottom: 30px; margin-top: 30px;}
.xzggnrxqzt .xqbt:before{content: "";display: block;width: 5px;height: 25px;background: #174899;border-radius: 3px;margin-right: 10px;}
.xzggnrxqzt .anpai{box-shadow: 0px 0px 12.61px 0.39px rgba(0, 28, 139, 0.1); padding: 20px;}
.xzggnrxqzt .anpai b{color: #000;}
.xzggnrxqzt .anpai .fangshi{ padding:30px 30px;}
.xzggnrxqzt .anpai .fangshi .wangzhi{ height: 40px; background: #f7f7f7; line-height: 40px; border: 1px solid #e2e2e2; border-radius: 10px; padding-left: 20px; color:#1402eb;}
.xzggnrxqzt .anpai .fangshi .wangzhi img{float: right; width: 20px; margin-right: 10px; margin-top: 8px;}

.btns{display: flex;align-items: center;justify-content: center; margin-top: 30px;}
.btns a{width: 190px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 5px;margin:0 8px;}
.btns .td{background: #c82f2c;color:#fff;font-size: 16px;}
.btns .back{background: #eee;border:1px solid #bfbfbf;color: #000;font-size: 16px;}

.ssbiaoge{font-size: 16px; margin-bottom: 30px;}
.ssb_input{ height:34px ; line-height: 34px;border:1px solid #545c6e; width: 100%; padding-left: 10px;border-radius: 5px;}
.sos{ background: #174899;border-top-right-radius: 5px;border-bottom-right-radius: 5px; color: #fff; height: 34px; line-height: 34px;font-size: 12px; text-align: center; width: 20%;position: absolute;    right: 5px;    background: none;}
.sos img{ width: 20px;margin-top: 5px;vertical-align: top;}


.zhaopinlc{box-shadow: 0px 0px 12.61px 0.39px rgba(0, 28, 139, 0.1);position: relative; padding: 20px;border-radius: 10px; margin-top: 30px; display: inline-block;}

.zhaopinlc .baomignshij{padding-right: 10px; line-height: 1.5;}
.zhaopinlc .baomignshij img{float: left; margin-right: 10px;}
.zhaopinlc .baomignshij h3{ color: #335a8e;font-size: 0.35rem; padding-top: 10px;}
.zhaopinlc .baomignshij p{font-size:0.25rem ;}
.zhaopinlc .baomignshij .yunxuanjiang{ clear: both;}


.xjlist{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;margin-bottom: 40px;}
.xjlist .item{width: 100%;background: #fff;box-shadow: 0px 0px 12.61px 0.39px rgba(0, 28, 139, 0.1);padding:20px 20px;border-radius: 10px;margin-bottom: 20px;display: flex;align-items:center;}
.xjlist .item .imgbox{display: flex;align-items: center;justify-content: center;}
.xjlist .item .imgbox img{ width: 110px;}
.xjlist .item .text{padding-left: 20px;padding-right:10px}
.xjlist .item .text h3{color:#000;font-size: 0.4rem;margin-bottom: 10px;}
.xjlist .item .text p{color: #666666;font-size: 0.32rem;line-height: 1.5}


.qant{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;margin-bottom: 40px;}
.qant .item{width: 100%;background: #fff;box-shadow: 0px 0px 12.61px 0.39px rgba(0, 28, 139, 0.1);padding:20px 20px;border-radius: 10px;margin-bottom: 20px;display: flex;align-items:center;}

.neirongwt{ padding:0 20px;}

.xzqa{ padding:5px 0 10px;}
.xzqa li{box-shadow: 0px 0px 12.61px 0.39px rgba(0, 28, 139, 0.1);padding:10px;border-radius: 10px;margin-bottom: 20px;}
.xzqa li h2{ color:#333; font-size:.3rem;cursor:pointer;font-weight:normal;}
.xzqab{ color:#333; font-size:.3rem; line-height:30px; display:none; padding: 0 25px;}


.qawen{ margin-top: 10px; background: url(../img/ssj.png) 0 5px no-repeat; background-size:6% ; line-height: 1.5; font-size: .35rem; color: #bd0011; font-weight: bold; padding-top: 0px; padding-left: 25px; cursor: pointer; margin-bottom: 10px;}
.xzqa li.now .qawen{ background: url(../img/xsj.png) 0 5px  no-repeat; background-size:6% ;padding-left: 25px;}



.lxlist{display: flex;align-items: center;justify-content: space-between;margin-bottom: 40px;flex-wrap: wrap;}
.lxlist .item{background: #fff;box-shadow: 0px 0px 12.61px 0.39px rgba(0, 28, 139, 0.1);border-radius: 10px;width: 48%;overflow: hidden;margin-bottom: 20px;}
.lxlist .item img{ width: 100%}
.lxlist .item .text{padding:10px 0;text-align: center;color:#000;line-height: 1.5;}
.lxlist .item .text h3{font-size: 0.3rem}
.lxlist .item .text p{font-size: 0.23rem}



.flex-between {
    display: flex;
    justify-content: space-between;
}.mb10 {
    margin-bottom: 10px;
}.mb15 {
    margin-bottom: 15px;
}
.bkss{padding: 15px 0px 20px; }
.bkss_select{-webkit-appearance: none;appearance:none;border:1px solid #d9d9d9;font-family:"\5FAE\8F6F\96C5\9ED1"; color: #666; font-size: 14px; border-radius: 3px;  box-sizing: border-box;padding: 0 25px 0 10px; width: 48.5%; height: 35px; background-color: #fff;}
.bkss_select span{ color: #666; font-size: 14px; line-height: 35px;display: inline-block; height: 35px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;width: 100%;}
.ssbox{ background: #fff; border-radius: 3px; overflow: hidden; }
.ss_input{border:1px solid #d8d8d8; float: left; background: #fff;font-family:"\5FAE\8F6F\96C5\9ED1"; border-radius: 3px 0 0 3px; border-right: none; width: 100%; box-sizing: border-box;padding: 0 10px; height: 40px; color: #333; font-size: 13px;}

#gosearch1 {
    float: right;
    height: 40px;
    width: 17%;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(../img/ssico.png) no-repeat center center #103fb3;
    background-size: 18px auto;
}

.bjbj {
 		display: none;
 		position: fixed;
 		top: 0;
 		left: 0;
 		right: 0;
 		bottom: 0;
 		z-index: 100;
 		background: rgba(0, 0, 0, 0.6);
 	}

 	.bottom_selbox {
 		display: none;
 		position: fixed;
 		bottom: -400px;
 		left: 0;
 		width: 100%;
 		border-radius: 10px 10px 0 0;
 		background: #ffffff;
 		font-size: 0;
 		white-space: nowrap;
 		z-index: 101;
 	}

 	.bottom_seltop {
 		height: 45px;
 		border-bottom: 1px solid #eeeeee;
 		font-size: 15px;
 		line-height: 45px;
 		text-align: center;
 	}

 	.bottom_selleft {
 		display: inline-block;
 		width: 50%;
 		height: 330px;
 		padding: 15px 0;
 		box-sizing: border-box;
 		background: #f5f5f5;
 		overflow: auto;
 		-webkit-overflow-scrolling: touch;
 		white-space: normal;
 		vertical-align: top;
 	}

 	.bottom_selleft li {
 		padding: 10px;
 		font-size: 15px;
 		color: #666666; text-align: center;
 	}

 	.bottom_selleft li.on {
 		color: #666666;
 	}

 	.bottom_selright {
 		display: inline-block;
 		width: 73.3%;
 		height: 330px;
 		overflow: auto;
 		-webkit-overflow-scrolling: touch;
 		white-space: normal;
 		vertical-align: top;
 	}

 	.bselr_in {
 		display: none;
 		width: 100%;
 		padding: 10px 0;
 	}

 	.bselr_in li {
 		padding: 12.5px 10px;
 		font-size: 14px;
 		color: #999999;
 	}

 	.bselr_in li.on {
 		color: #005e9a;
 	}

 
.bkbox,.bkboxs {
 		display: none;
 		position: fixed;
 		bottom: -400px;
 		left: 0;
 		width: 100%;
 		border-radius: 10px 10px 0 0;
 		background: #ffffff;
 		font-size: 0;
 		white-space: nowrap;
 		z-index: 101;
 	}
.bkm{
	display: inline-block;
	width: 50%;
	height: 330px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	white-space: normal;
	vertical-align: top;
}
.bkmm,.bkrm,.bkmms{
 		display: none;
 		width: 100%;
 		padding: 10px 0;
 	}
.bkmm li,.bkrm li ,.bkmms li{
 		padding: 12.5px 10px;
 		font-size: 14px;
 		color: #999999;
 	}

.bkmm li.act ,.bkrm li.now,.bkmms li.act{
 		color: #005e9a;
 	}
.bkr{display: none;
	width: 37.3%;
	height: 330px;
	overflow: auto; box-sizing: border-box;border-left: 1px solid #eee;
	-webkit-overflow-scrolling: touch;
	white-space: normal;
	vertical-align: top;}

ul#province li{ text-align: left;}




.indexfgs{line-height: 1; text-align: center; padding: 0 15px;}
.joinus{
    font-size: 0.48rem;
    position: relative;
    margin: .375em 0;
    line-height: 1.6;
    font-family: "hmsans regular"; }
.dianpuzp{font-size: .48rem;padding: 40px 0;}
.dianpuzpyuan{ padding:0 20px 30px;display: flex;
    align-items: flex-end;
    justify-content: space-around;}
.dianpuzpyuan .kuaizhuang{width: 80px;font-size: 0.28rem;}
.dianpuzpyuan .kuaizhuang .yuanquandd{ width: 50px; height: 50px;border-radius: 50%; background: #000;display: flex;justify-content: center; 
    align-items: center; margin:0 auto;}
.dianpuzpyuan .kuaizhuang .yuanquandd img{ width: 60%; text-align: center;}
.dianpuzpyuan .kuaizhuang .wenzi{ padding: 20px 0;}
.dianpuzpyuan .kuaizhuang .wenzi a{ color: #000;}
.piaoyi{ animation: xiadonghua 1.25s  ease-in-out infinite both; }
@keyframes xiadonghua {
  0% {
    transform: translateY(-5px) scale(1);
    opacity: 0; }
  20% {
    transform: translateY(-5px) scale(0.9);
    opacity: 1; }
  80% {
    transform: translateY(5px) scale(0.9);
    opacity: .7; }
  100% {
    transform: translateY(5px) scale(0.9);
    opacity: 0; } }
    

.zhongbuss{ background: #000; height: 40px; padding: 8px 0;}
.zhongbuss .gong33{ width: 33%; float: left;border-right: 1px solid #555555; color: #fff;display: flex;justify-content: center; 
    align-items: center;}
.zhongbuss .gong33 img{ width: 18px;}
.zhongbuss .gong33 i{font-size: 10px;font-weight: normal; margin-top: 3px;}
.zhongbuss .gong33 span{ margin: 0 10px 0 5px;text-align: left; padding-top: 3px; width:40%;overflow: hidden; /* 确保超出的文本被裁剪 */
  white-space: nowrap; /* 确保文本在一行内显示 */
  text-overflow: ellipsis; /* 使用省略号表示文本超出 */
 font-size: 14px;
 }

.sousuokuang{ background: #f5f5f5; padding: 20px;}

/* 重写checkbox */
.check{
    display: inline-block;
    width: 15px;
    height:15px;
    border: 1px solid #A8ACAD;
    border-radius: 3px;
}
.checked{
    background:url(../img/2xgou.png) no-repeat center center;
    background-size: auto .12rem;
}

.quanxuan{
   
    font-size: 14px; padding: 20px; border-bottom: 1px solid #dfe0e1; overflow: hidden;
}
.quanxuan label{
    width: 14px;
    display: block;
    height: 15px;   
    float: left;
    font-size: 12px;
    color:#a8acad; margin-top: 2px;
   
   
}
.quanxuan span{
    float: left;
    color: #a8acad; margin-left: 8px;line-height: 1.4;
}
.quanxuan span li{display: inline-block;}
.quanxuan b.check{
    /* margin-left: .03rem; */
}
.chuanfa{ background: url(../img/fxico.png)10px center #cc0001 no-repeat;border-radius: 5px; color: #fff; padding-left: 30px; background-size:15px ; height: 30px; display: block; line-height: 30px;font-size: 12px; padding-right: 10px;}

.joblist{margin-top: 0px; padding-bottom: 50px; overflow: hidden;}
.joblist li{
    width: 100%;
    border-bottom: 1px solid #dfe0e1;
    background: #fff;
    float: left;  
    position: relative; padding: 15px 0; 
}
.joblist .left{
    width: 30%; padding: 5px 0 0;
    
    /* background:red; */
    border-right: 1px solid #DFDDDA;
    position: absolute;
   
    left: 0;
    top: 20%;text-align: center;
}
.joblist .left img{
   
    width: 40%;
  
}
.joblist .left .check{
    margin:0 auto;
    display: block;
    /* position: absolute; */
}
.joblist .left label{
    display: block;
    width: 20px;
    height: 22px;
    padding: 0;
    margin:0 auto;
    padding-top: 15px;
    /* background: red; */
}
.left-div{
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    top:50%;
}
.joblist .right{
    padding-left: 10px;
    padding-right:.10px;
    height: 100%;
    position: relative;
    margin-left: 30%;
}
.joblist .right p.title{
    color:#000;
    font-size: 14px; padding-right: 10px;
    line-height: 1.4;
    font-weight: bold;
    margin-top:10px;
    padding-left: 3px;
    display: block;
    /*text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 2;*/
    -webkit-box-orient: vertical; padding-bottom: 0px; margin-bottom: 5px;
}
.list .right p.title{
    width: 100%; 
}
.joblist .right p.location ,p.info{
    color:#565656;
    font-size: 12px;
    line-height: 1;
    height: 20px;
    margin-top: 2px;
    width: 200px;
}

.joblist .right p span{
    float: left; line-height: 20px
   
}

.joblist .side{
    float: right;
    width: 50px;
    height: 100%;
    font-size: 12px;
    margin-right: 10px;
    position: absolute;
    right:10px
}

b.share{
    position: absolute;
    bottom:0;
    left:0px;
    width: 20px;
    height: 20px;
    background:url(../img/zfico.png) no-repeat center center;
    background-size: auto 20px;
}


b.star{
    position: absolute;
    bottom:0;
    right:0px;
     width: 20px;
    height: 20px;
    background:url(../img/scico.png) no-repeat center center;
    background-size: auto 20px;
}
b.stared{
    /* position: absolute;
    top:.5rem;
    left:.04rem;
    width: .2rem;
    height: .2rem; */
    background:url(../img/llico.png) no-repeat center center;
    background-size: auto 18px;
}

b.del{
    position: absolute;
    top: .5rem;
    left: .04rem;
    width: .2rem;
    height: .2rem;
    background: url(../../../images/mobweb/ZARA/icon/2xlajitong.png) no-repeat center center;
    background-size: auto .18rem;
}
b.lbs{
    float: left;
    width: 20px;
    height: 20px;
    background:url(../img/dwico.png) no-repeat center center;
    background-size: auto 12px;
    margin-right: 0px;
}
b.time{
    float: left;
    width: 20px;
    height: 20px;
    background:url(../img/rqico.png) no-repeat center center;
    background-size: auto 12px;
    margin-right: 0px;

}
b.eye{
    float: left;
    width: 20px;
    height: 20px;
    background:url(../img/llico.png) no-repeat center center;
    background-size: auto 12px;
    margin-right: 0px; margin-left: 20px;
}
b.read{
    float: left;
    width: .2rem;
    height: .2rem;
    background:url(../../../images/mobweb/ZARA/icon/2xyidu.png) no-repeat center center;
    background-size: auto .14rem;
    margin-left: .08rem;
}

.rightTool{
    position: fixed;
    right: 15px;
    bottom:13%;
    width: 30px; z-index: 9;

}
.rightTool b{
    width: 30px;
    height: 30px;
    display: block;
    float: left; border-radius: 50%;
}
b.more{
    background:url(../img/fuico2.png)  rgba(0,0,0,.5) no-repeat center center;
    background-size: auto 20px;
}
b.qrbtn{
    background:url(../img/fuico1.png)  rgba(0,0,0,.5) no-repeat center center;
    background-size: auto 20px;
    margin-bottom: 10px;
}
.heisebg{background: rgba(0,0,0,.5);position: fixed; width: 100%; height: 100%;top: 0; display: none;}
.heisebg1{background: rgba(0,0,0,.5);position: fixed; width: 100%; height: 100%;top: 0; display:none; }
.tanchuagner{ position: absolute; top: 40%; width: 44%;text-align: center; padding: 5px; background: #fff;border-radius: 10px;left:28% ;}
.tanchuagner span{ color: #d42828;}
.tanchuagner img{ width: 100%;}
.donghuaxiaoguo{animation: grow .5s 1 ease;}

.tanchuagner1{ position: absolute; top: 40%; width: 44%;text-align: center; padding:20px 0; background: rgba(0,0,0,.5);border-radius: 10px;left:28% ;}
.tanchuagner1 .iocpaiban{display: flex;justify-content: center; font-size: 15px;
    align-items: left; color: #fff; margin: 10px 0;}
.tanchuagner1 .iocpaiban img{ width: 20px; height: 21px;}
.tanchuagner1 .iocpaiban span{text-align: left; padding-left: 10px;}

@keyframes grow {
  0% {
    opacity: 0; /* 动画开始时不可见 */
  transform: scale(0);top:80%;left: 70%;
    
  }
 
   
  100% {
  transform: scale(1);
  top:40%;left: 28%;
  }
}
.hotCity2:after {
    content: "";
    display: block;
    clear: both;
}
.bottom_selleft1{ height: 500px;}
#diliweizhi{font-size: 14px;}
#diliweizhi .select-tab {
    height: 40px;
}
.select-tab{
		background-color: white;
	}
	.select-tab div{
		background-color: white;
		display: inline-block;
		width: 33%;
		height: 40px;
		float: left;
		text-align: center;
		line-height: 40px;
		box-sizing: border-box;
		position: relative;
	}
	.select-tab div:after{
		content: "";
		width: 0;
		height:1.2rem;
		position: absolute;
		left: 1px;
		top: .4rem;
		border-right:1px solid #d6d6d6 ;
		display: none;
	}
	.select-tab div:first-child:after{
		border: none;
	}
	.select-tab .select-city{
		color: #fe6732;
		border-bottom: 2px solid #fe6732;
	}
	.city-group{
		position: relative;
		overflow: hidden;
	}
	.city-letter{
		position: fixed;
		bottom: 0.2rem;
    z-index: 100;
		right: 1.5%;
	}
	.city-letter ul li{
		text-align: center;
		color: #7b7a88;
		font-size: 12px;
		line-height: 16px; padding: 0
	}
	.city-group-cell{

	}
	.city-group-cell p{
		color: black;
		padding-left: 4%;
		margin-top: 5px;
		background: #f1f1f1;
	}
	.city-group-cell ul{
		background-color: white;
		float: left;
		width: 100%;
	}
	.city-group-cell ul li{
		width: 85%;
		float: right;
		margin-right: 5%;
		font-size: 14px;
		line-height: 30px;
		border-bottom: 1px solid #fafafa;text-align: left; padding: 0;
	}
	.hotCity{
		background-color: #fff;
		padding: .4rem .3rem;
	}
	.hotCity span{
		display: inline-block;
		margin: .3rem;
		padding: 0 .7rem;
		height: 1.2rem;
		line-height: 1.2rem;
		font-size: 14px;
		color: #767779;
		text-align: center;
		border-radius: 1.2rem;
		border: 1px solid #e8e8e8;
	}
	.btnCon{
		position: fixed;
		bottom: .5rem;
		width: 100%;
		text-align: center;
		/* position: absolute;
        bottom: .25rem; */
		height: .32rem;
		width: 100%;
		text-align: center;
		z-index: 2000;
	}
	.btnOK{
		display: inline-block;
		font-size: 14px;
		color: #fff;
		width: 26%;
    height: .32rem;
    line-height: .32rem;
    position: absolute;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
    border: none;
    outline: none;
    z-index: 1500;
		background-color: #7f8084;
		border-radius: 1.6rem;
	}
	.hotCity2 span {
    float: left;
    display: block;
    line-height:30px;  
    width: 60px;
    border: 1px solid #f1f1f1;
    text-align: center;
    border-radius: .1rem;
    margin-right: .16rem;
    margin-bottom: .16rem;
}
.hotCity2 {
    background: #fff;
    padding: .16rem 4% 0;
}