.xf-main-banner{
    padding:40px 0;
    background:url("../images/banner.png") no-repeat left top;
    /*background-size: 100% 100%;*/
}

.xf-searchBox{
    width: 906px;
    margin: 0 auto;
}
.xf-search{
    height: 50px;
    background: #fff;
    position: relative;
}
.xf-sort{
    width:58px;
    line-height: 50px;
    background: url("../images/sort.png") no-repeat 16px center;
    background-color: #F7F7F7;
    padding-left:42px;
}
/*.xf-sort-downBox{
    position: absolute;
    z-index: 200;
    !*display: none;*!
    left:0;
    top:50px;
    opacity: 0;
    transform: scale(0);
    !*width:0;*!
   height: 510px;
    background: #fff;
    box-shadow: 0 0 1px 0 #eee;
}*/
.xf-sort-downBox.active{
    opacity: 1;
    transform: scale(1);
    /*width:905px;*/
}
.xf-sort-nav{
    width: 188px;
    padding:15px 15px 15px 15px;
}
.xf-sortNav-menu  li.active>a{
    color:#3E62BA;
}
.xf-sort-navType{
    height: 40px;
    font-size: 12px;
    box-sizing: border-box;
    padding-left:30px;
}
.xf-sort-item:hover .xf-sort-navType{
    color:#3E62BA;
}
.xf-sort-navType span{
    line-height: 40px;
    width: 170px;
}
.xf-sort-arrow{
    height: 40px;
    width: 7px;
    display: block;
}
.xf-sort-navType i{
    background: url("../images/sortarrow.png") no-repeat center center;
}
.active .xf-sort-navType i{
    background: url("../images/sortselectArrow.png") no-repeat center center;
}

.xf-sort-manger .xf-sort-navType{
   background: url("../images/navbg2.png") no-repeat -4px -86px;
}
.xf-sort-medicine .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -243px -31px;
}
.xf-sort-market .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -243px -69px;
}
.xf-sort-consumption .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -243px -108px;
}
.xf-sort-car .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -247px -147px;
}
.xf-sort-finance .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -243px -186px;
}
.xf-sort-IT .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -243px -224px;
}
.xf-sort-Architecture .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -243px -262px;
}
.xf-sort-unitAgency .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -243px -307px;
}
.xf-sort-service .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -243px -349px;
}
.xf-sort-consult .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -5px 6px;
}
.xf-sort-sale .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -5px -45px;
}
ul .xf-sort-manger.active .xf-sort-navType,
.xf-sort-manger:hover .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -243px 4px;
}
ul .xf-sort-medicine.active .xf-sort-navType,
.xf-sort-medicine:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -4px -130px;
}
ul .xf-sort-market.active .xf-sort-navType,
.xf-sort-market:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -4px -175px;
}
ul .xf-sort-consumption.active .xf-sort-navType,
.xf-sort-consumption:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -3px -215px;
}
ul .xf-sort-car.active .xf-sort-navType,
.xf-sort-car:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -7px -263px;
}
ul .xf-sort-finance.active .xf-sort-navType,
.xf-sort-finance:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -3px -302px;
}
ul .xf-sort-IT.active .xf-sort-navType,
.xf-sort-IT:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -3px -357px;
}
ul .xf-sort-Architecture.active .xf-sort-navType,
.xf-sort-Architecture:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -206px 5px;
}
ul .xf-sort-unitAgency.active .xf-sort-navType,
.xf-sort-unitAgency:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -206px -46px;
}
ul .xf-sort-service.active .xf-sort-navType,
.xf-sort-service:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -206px -85px;
}
ul .xf-sort-consult.active .xf-sort-navType,
.xf-sort-consult:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -206px -133px;
}
ul .xf-sort-sale.active .xf-sort-navType,
.xf-sort-sale:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -207px -184px;
}
li.active .xf-sort-itemBox{
    display: block;
}
.xf-sort-itemBox{
    position: absolute;
    left:218px;
    top:0;
    width:652px;
    height: 470px;
    overflow-y: auto;
    padding:20px 10px 20px 25px;
    display: none;
    background: #fff;
    box-shadow: -5px 0 20px 0 #efefef;
    background-size: 100% 100%;
    font-size: 12px;
}
.xf-two-sort{
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    text-align: left;
    margin-bottom:5px;
}
.xf-sort-job{
    margin-bottom:5px;
}

.xf-sort-job a{
    float: left;
    color:#999999;
    margin:0 20px 15px 0;
}
.xf-sort-job a:hover{
    color:#3E62BA;
}
.xf-sort-job a.active{
    color:#3E62BA;
}

.xf-search-Input{
    width: 540px;
}
.xf-search-Input input{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding:0 15px;
    font-size: 14px;
}
.xf-search-Input input::-webkit-input-placeholder{
    color:#cccccc;
}
.xf-search-btnBox{
    position: absolute;
    right:0;
    width: 144px;
    top:0;
    box-shadow: 0 0 5px 0 #3E62BA;
}
.xf-search-btn{
    display: inline-block;
    color:#fff;
    background: #3E62BA;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 5px;
    cursor: pointer;
}
.xf-search-btn i{
  padding:3px 7px;
  background: url("../images/searchDown.png") no-repeat center center;
}
.xf-search-sort{
    width: 100%;
    background: #fff;
    box-shadow: 0 0 5px 0 #3E62BA;
    display: none;
}
.xf-search-sort a{
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 46px;
}
.xf-search-sort a.active,
.xf-search-sort a:hover{
    color:#3E62BA;
}
/*.xf-search-btnBox:hover .xf-search-sort{*/
    /*display: block;*/
/*}*/
.xf-hot-sort{
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    color:#fff;
}
.xf-hot-word a{
    color: #fff;
    padding-right:15px;
}
.xf-hot-word a:hover{
    color:#dedede;
}

.xf-news-box{
    padding:20px 34px;
    background: #fff;
}
.xf-news-title{
    height: 40px;
    line-height: 40px;
}
.xf-more-rightArrow{
    color:#aaaaaa;
}

.xf-slider-box{
    width: 508px;
}
.swiper-slide-img{
    height: 288px;
    position: relative;
}
.swiper-slide-img img{
    width: 100%;
    height: 100%;
}
.swiper-slide-img p{
    position: absolute;
    top:243px;
    left:0;
    color:#fff;
    height: 45px;
    line-height: 45px;
    box-sizing: border-box;
    padding-left:10px;
    width:100%;
    z-index: 100;
    background: rgba(0,0,0,.5);
}
.swiper-slide-img p span{
    display: block;
    width: 390px;
    font-size: 16px;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
    height: 45px;
    line-height: 45px;
    text-align: right;
    top:243px;
}
.xf-slider-news{
    margin-top:20px;
}
.swiper-slider-info{
    padding:20px;
}
.swiper-slider-title{
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-bottom:5px;
}
.swiper-slider-brief{
    line-height: 24px;
    color:#999999;
    width: 100%;
    height: 72px;
    overflow: hidden;
}
.xf-news-listBox{
    width: 584px;
}
.xf-news-listBox .tabBoxTabItem a{
    width:413px;
    padding-left:5px;
    position: relative;
}
.xf-news-listBox .tabBoxTabItem li{
    position: relative;
}
.xf-news-listBox .tabBoxTabItem li:hover a{
    color:#3E62BA!important;
}
.xf-news-listBox .tabBoxTabItem li:before{
    position: absolute;
    display: table;
    left: -5px;
    top: 21px;
    width: 4px;
    height: 4px;
    vertical-align: middle;
    background: #ccc;
    border-radius: 50%;
}
.xf-list-title{
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}
.xf-list-title span{
    width: 100px;
}
.xf-list-title a{
    width: 413px;
}
.xf-list-title a:hover{
  color:#3E62BA;
}
.xf-list-info{
    height: 30px;
    width: 100%;
}
.xf-list-info span{
    width: 542px;
    line-height: 30px;
}
.xf-list-info a{
    line-height: 30px;
}
.xf-news-listBox ul li{

    padding:9px 0;
}
.xf-news-listBox ul li:last-child{
    border-bottom:0;
}

.xf-zp{
    padding:40px 0 40px 0;
    background:#F6F6F8;
}
.xf-module-title{
    height: 40px;
    line-height: 40px;
    border-bottom:1px solid #E6E6E6;
}
.xf-module-title span{
    padding:0 35px;
    font-size: 18px;
    margin-bottom:-1px;
    letter-spacing: 2px;
}
.xf-zp-icon{
    background: url("../images/zp-icon.png") no-repeat 10px center;
}
.xf-zp-show{
    padding-top:20px;
}
.xf-zp-item:nth-child(2){
    margin:0 15px;
}
.xf-zp-item{
    width: 390px;
    background: #fff;
    float: left;
    height: 430px;
}
.xf-zp-item:hover{
    cursor: pointer;
}
.xf-zp-item2:nth-child(2){
    margin:0 15px;
}
.xf-zp-item2{
    width: 390px;
    background: #fff;
    float: left;
    height: 430px;
}
.xf-zp-item2:hover{
    cursor: pointer;
}
.xf-noStart-icon{
    background: url("../images/noStart.png") no-repeat left top;
}
.xf-big-img{
    height: 289px;
    -moz-transition:height .5s;
    -ms-transition:height .5s;
    -o-moz-transition:height .5s;
    -webkit-moz-transition:height .5s;
    transition:height .5s;
}
.xf-big-img img{
    width: 100%;
    height: 100%;
}
.xf-zp-item:hover .xf-big-img{
height: 179px;
}
.xf-zp-item:hover .xf-small-infoBox .xf-small-title{
    padding-bottom:8px;
    color:#3E62BA;
}

.xf-zp-title,.xf-small-infoBox{
    padding:40px 20px;
    box-sizing: border-box;
}

.xf-zp-item.active{
    box-shadow: 0 0 20px 5px #ccc;
}
.xf-list-status{
    width: 61px;
    height: 61px;
    position: absolute;
    top:0;
    right:0;
}
.xf-ing-icon{
    z-index: 30;
    background: url("../images/ing.png") no-repeat left top;
}
.xf-zp-small{
    position: absolute;
    top:0;
    left:0;
    z-index: 20;
    background: #fff;
    display: none;
}
.xf-small-img{
    height: 179px;
}
.xf-small-img img{
    width: 100%;
    height: 100%;
}
.xf-small-infoBox .xf-small-title{
    line-height: 28px;
    height: 56px;
    padding-bottom:40px;
    overflow: hidden;
    -moz-transition:height .5s;
    -ms-transition:height .5s;
    -o-moz-transition:height .5s;
    -webkit-moz-transition:height .5s;
    transition:height .5s;
}


.xf-small-bus{
    line-height: 22px;
    height: 66px;
    overflow: hidden;
}
.xf-small-bus span{
    width: 270px;
}
.xf-bus-icon{
    background: url("../images/bus-icon.png") no-repeat left 5px;
}
.xf-complete-icon{
    background: url("../images/complete.png") no-repeat left top;
}
/*.xf-famous-corpCenter{*/
    /*padding:30px 0;*/
/*}*/


.xf-famous-icon{
    background: url("../images/famous-icon.png") no-repeat 8px center;
}
/*.xf-famousCorp-box{*/
/*padding:10px 0 20px 0;*/
/*}*/
.xf-famous-corp {
    list-style: none;
    width: 100%;
    position: relative;
    margin: 0 auto;
    /*padding:40px 0;*/
}
.image-box{
    text-align: center;
    line-height: 125px;
}

.image-box img{
    display: inline-block;
    max-width: 226px;
    max-height: 125px;
}
.xf-famous-corp li {
    float: left;
    width: 225px;
    height: 125px;
    box-sizing: border-box;
    border:1px solid #d8d8d8;
    background: #fff;
}
.xf-famous-corp li:nth-child(4n){
    border-right: 0;
}
.xf-famous-corp li .xf-famousCorp-infoBox{
    display: block;
    position: relative;
    text-align: center;
    width:100%;
    height:100%;
}

.xf-famous-corp li:hover .xf-famousCorp-info{


}

.xf-famous-corp  div.xf-famousCorp-info {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background: rgba(62,98,186,.7);
    color: #fff;
}
.xf-famousCorp-info a{
    padding: 10px;
}
.xf-famous-title{
    color:#fff;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}
.xf-corp-label{
    height: 30px;
    line-height: 30px;
}


.xf-pub-padding{
padding:40px 0 10px 0;
}
.xf-highquality-corp{
    background: #F6F6F8;
}
.xf-yzCorp-icon{
    background: url("../images/yzcorp.png") no-repeat 8px center;
}
.xf-highquality-bannerBox{
    padding-top:20px;
}
.xf-highBanner-item{
    width: 100%;
    margin-bottom:10px;
}
.xfbanner img{
    width:592px;
    height:80px;
}
.xf-highBanner-item img{
    width: 100%;
    height:100%;
}
.xf-hightCorp-list ul li{
    float:left;
    margin:0 20px 10px 0;
    position: relative;
    width:283px;
    height: auto;
    border:1px solid transparent;
}
.xf-highCorpLogo-box img{
    width:283px;
    height: 88px;
}
.xf-scroll-box{
    position: relative;
}
.xf-hightCorp-list ul li:nth-child(4n){
    margin-right:0;
}
.xf-highCorp-box{
    display: none;
    position: absolute;
    z-index: 10;
    left:0;
    top:0;
    background: #fff;
}
.xf-highCorp-jobInfo{
    padding:10px 4px;
    background: #fff;
}
.xf-job-more{
    position: absolute;
    right:6px;
    bottom:10px;
    color:#999999 !important;
}
.xf-highCorp-jobInfo a{
    color:#585858;
}
.xf-highCorp-jobInfo .active,
.xf-highCorp-jobInfo a:hover{
    color:#3E62BA;
}

.xf-highCorp-jobInfo a{
    display: inline-block;
    padding:0 7px;
    height: 30px;
    line-height: 30px;
}

.xf-cityLink-icon{
    background: url("../images/cityLink.png") no-repeat 8px center;
}

.xf-cityLink-nav{
    position:relative;
    margin-top:20px;
    height:30px;
    line-height: 30px;
    padding:10px 0;
    text-align:center
}
.xf-cityLink-nav ul{
    position: absolute;
    left:50%;
    margin-left:-180px;
}
.xf-cityLink-nav ul li{
    cursor:pointer;
    overflow:hidden;
    float: left;
    }

.xf-cityLink-nav ul li.on,
.xf-cityLink-nav ul li:hover{
    color:#3E62BA;
}
.xf-cityLink-box{
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px;
    background: #fff;
}

.xf-cityLink-logo{
    width: 24%;
    position: relative;
}
.xf-cityLink-name{
    position: absolute;
    top:4%;
    left:8%;
}
.xf-cityLink-name span{
    font-size: 24px;
    color:#fff;
    display: block;
    margin-bottom:2%;
}
.xf-cityLink-name p{
    font-size: 18px;
    color:#fff;
    opacity: .8;
}
.xf-cityLink-job{
    width:76%;
    padding:2%;
    border:1px solid #E6E6E6;
    border-left:0;
    box-sizing: border-box;
}
.xf-cityLink-jobList{
    height: 88%;
}
.xf-cityLink-jobItem{
    height:16.6%;
}
.xf-cityLink-info{
    height: 8%;
    padding-bottom:2%;
    border-bottom: 1px dashed #EEEEEE;
}
.xf-cityLink-jobItem{
    color:#555;
    border-bottom:1px dashed #EEEEEE;
    cursor: pointer;
}
.xf-cityLink-jobItem .jobSalary{
    color:#ff6000;
}
.xf-cityLink-logo img{
    width: 100%;
    height:100%;
}
.xf-cityLink-jobList .xf-cityLink-jobItem:last-child{
    border-bottom:0;
}

.xf-city-roll{
    margin-top:55px;
    width:100%;
    height:440px;
}
.xf-city-roll_wrap{
    width:1120px;
    margin:0 auto;
    height:100%;
    position:relative;
    /*overflow:hidden;*/
}

.banner_btn{ 	
    width: 183px;
    height: 320px;
    position: absolute;
    display: block;
    z-index: 9;
    top: 30px;
}
.btn_next{
    right:0;
}
.xf-city-roll_box{
    width:100%;
    height:380px;
    position:relative;
    z-index:0;
}

.xf-city-roll li{
    position:absolute;
    background:#000;
    border-top-left-radius: 10px;
    border-bottom-left-radius:10px;
}
.xf-city-roll li.on{
    box-shadow: 0 0 30px rgba(0,0,30,.1);
}

.xf-city-roll li.imgCard0{
    width:754px;
    height:380px;
    z-index:5;
    left:183px;
    top:0;
    opacity:1;
    background:#333d46;
}
.xf-city-roll li.imgCard1{
    width:580px;
    height:320px;
    z-index:2;
    left:0;
    background:#333d46;
    top: 30px;
    opacity: 1;

}
.xf-city-roll li.imgCard2{
    width:580px;
    height:320px;
    z-index:1;
    left:540px;
    top:30px;
    opacity:1;
    background:#333d46;
}
.xf-city-roll li.imgCard3{
    width:450px;
    height:180px;
    z-index:1;
    left:0;
    top:60px;
    opacity:0;
    background:#333d46;
}


.btn_list{
    text-align: center;
    position: absolute;
    left: 0;
    z-index: 10;
    bottom: 0;
    width: 100%;
}
.btn_list span{
    width:80px;
    text-align: center;
    line-height: 30px;
    color:#999;
    height:30px;
    display:inline-block;
    margin:15px 5px;
    cursor:pointer;
}
.btn_list span.curr{
    color:#3E62BA;
}

.xf-floor-Box{
    padding:0 0 10px 0;
}
.floorNav {
    width: 52px;
    position: fixed;
    top: 100px;
    /*padding:10px 0;*/
    border:1px solid #d8d8d8;
    border-bottom:0;
    background: #fff;
    left: 50px;
    display: none;
}

.floorNav ul li {
    width: 100%;
    list-style: none;
    font-size: 12px;
    text-align: center;
    position: relative;
    cursor: pointer;
    border-bottom:1px solid #d8d8d8;
}
.xf-floor .xf-module-title span{
    padding-left:10px;
}
.xf-floor .xf-module-title span.active{
    color:#3E62BA;
}
.floorNav ul li span {
    width: 100%;
    display: block;
    color:#CCCCCC;
    height: 52px;
    line-height: 52px;
}
.floorNav ul li.active span {
    color: #3E62BA;
    display: block;
}
.floorNav ul li:hover span {
    color:#49B8F5;
}
.main .xf-floor {
    margin-top:25px;
    height:auto;
}
.xf-manager-floor {
    background-position: 8px -8px;
}
.active .xf-manager-floor,
.xf-manager-floor:hover{
    background-position: 8px -70px;
}
.xf-yiyao-floor{
    background-position: 8px -132px;
}
.active .xf-yiyao-floor,
.xf-yiyao-floor:hover{
    background-position: 8px -192px;
}
.xf-market-icon{
    background-position: 8px -258px;
}
.active .xf-market-icon,
.xf-market-icon:hover{
    background-position: 8px -322px;
}
.xf-consume-icon{
    background-position: 3px -386px;
}
.active .xf-consume-icon,
.xf-consume-icon:hover{
    background-position: 3px -449px;
}

.xf-car-icon{
    background-position: 3px -510px;
}
.active .xf-car-icon,
.xf-car-icon:hover {
    background-position: 3px -563px;
}
.xf-finance-icon{
    background-position: 8px -624px;
}
.active .xf-finance-icon,
.xf-finance-icon:hover{
    background-position: 8px -692px;
}
.xf-it-icon{
    background-position: -109px -4px;
}
.active .xf-it-icon,
.xf-it-icon:hover{
    background-position: -109px -73px;
}
.xf-architecture-icon{
    background-position: -109px -138px;
}
.active .xf-architecture-icon,
.floorNav ul li:nth-child(8):hover span{
    background-position: -109px -200px;
}
.xf-agencyUnit-icon{
    background-position: -121px -260px;
}
.active .xf-agencyUnit-icon,
.xf-agencyUnit-icon:hover{
    background-position: -121px -320px;
}
.xf-service-icon{
    background-position: -114px -387px;
}
.active .xf-service-icon,
.xf-service-icon:hover{
    background-position: -114px -454px;
}
.xf-consultation-icon{
    background-position: -109px -521px;
}
.active .xf-consultation-icon,
.xf-consultation-icon:hover{
    background-position: -109px -580px;
}
.xf-sale-icon{
    background-position: -109px -647px;
}

.active .xf-sale-icon,
.xf-sale-icon:hover{
    background-position: -109px -711px;
}

.xf-corp-list{
    width: 962px;
}
.xf-corp-list li{
    float: left;
    padding:10px 20px;
    border:1px solid #EAEEED;
    margin:15px 12px 0 0;
    background: #fff;
    width:266px;
    height:145px;
}
.xf-corp-list li:hover{
   box-shadow:0 0 10px 3px #E5E5E6;
    cursor: pointer;
}
.xf-job{
    font-size: 15px;
    line-height: 24px;
    height: 24px;
    width: 150px;
}
.xf-salary{
    font-size: 15px;
    color:#ff6000;
    line-height: 24px;
    height: 24px;
    width: 115px;
}
.xf-job-need{
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    width: 100%;
    color:#777;
}
.xf-welfare{
    padding:10px 0;
    border-bottom:1px dashed #EAEEED;
    height:30px;
    width: 260px;
    overflow: hidden;
}
.xf-welfare span{
    display: inline-block;
    margin-right:10px;
    padding:5px 10px;
    font-size: 12px;
    color:#999999;
    text-align: center;
    border-radius: 3px;
    border:1px solid #EAEEED;
}
.xf-welfare span:nth-child(3n){

}
.xf-logo-name{
    padding-top:10px;
}
.xf-floor-logo{
    height: 40px;
    width: 40px;
}
.xf-floor-logo img{
    width: 100%;
    height: 100%;
}
.xf-floor-name{
    width: 200px;
    height: 40px;
}
.xf-floor-name h3{
    font-size: 13px;
    color:#555;
}
.xf-corp-type{
    font-size: 12px;
    color: #999;
}
.xf-authen-icon{
    display: inline-block;
    margin-left:5px;
    padding:8px 8px;
}
.xf-rz{
    background: url("../images/zheng.png") no-repeat center center;
    background-size: 100% 100%;
}
.xf-img{
    background: url("../images/img.png") no-repeat center center;
    background-size: 100% 100%;
}
.xf-video{
    background: url("../images/video.png") no-repeat center center;
    background-size: 100% 100%;
}
.xf-authen-type{
    margin-top:3px;
}
.xf-floor-banner{
    margin-top:15px;
}
.xf-floor-bannerList{
    width: 237px;
}
.xf-floor-bannerList li{
    margin-bottom:8px;
    height:81px;
}
.xf-floor-bannerList li img{
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid #EAEEED;
}
.xf-floor-bannerList li:last-child{
    margin-bottom:0;
}


.xf-asideRightNav{
    width: 36px;
    background: rgba(0,0,0,.7);
    position: fixed;
    top:0;
    right:-36px;
    z-index: 1000;
    padding:135px 0 70px 0;
}
.xf-asideRight-menu li a,
.xf-show-menu li a{
    color:#B6B6B6;
    position: relative;
    display: block;
}

.xf-show-menu li,.xf-asideRight-menu li{
    cursor: pointer;
    text-align: center;
    margin-bottom:15px;
    padding:8px 0;
}
.xf-show-menu li a:hover{
    background: #3E62BA;
}
.xf-show-menu li a:hover{
    color:#fff;
}
.sys-codeLogin{
    width: 216px;
    height: 263px;
    background:url("../images/indexCodeBg.png") no-repeat;
    box-sizing: border-box;
    transform: scale(0);
    right:-80px;
    bottom:-43px;
    padding: 18px 28px 15px 18px;
    position: absolute;
    /*border:1px solid #dedede;*/
}
.xf-show-menu li a:hover .sys-codeLogin{
    width: 216px;
    height: 263px;
    right:40px;
    transform: scale(1);
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-moz-transition: all .1s;
    -webkit-moz-transition: all .1s;
    transition: all .1s;
}
.sys-codeLogin img{
    width: 100%;
    max-height: 175px;
}
.xf-asideRight-menu li:hover .xf-rightNav-tip,
.xf-asideRight-menuli.active .xf-rightNav-tip,
.xf-show-menu li:hover .xf-rightNav-tip{
    right:30px;
}
.xf-rightNav-user{
    background: url("../images/rightNavpng.png") no-repeat -4px 4px;
}
.xf-rightNav-home{
    background: url("../images/rightNavpng.png") no-repeat -4px -35px;
}
.xf-rightNav-icon3{
    background: url("../images/rightNavpng.png") no-repeat -4px -71px;
}
.xf-rightNav-icon4{
    background: url("../images/rightNavpng.png") no-repeat -4px -106px;
}
.xf-rightNav-icon5{
    background: url("../images/rightNavpng.png") no-repeat -4px -145px;
}
.xf-rightNav-icon6{
    background: url("../images/rightNavpng.png") no-repeat -4px -182px;
}
.xf-rightNav-icon7{
    background: url("../images/rightNavpng.png") no-repeat -3px -220px;
}
.xf-rightNav-icon8{
    background: url("../images/rightNavpng.png") no-repeat -3px -256px;
}
.xf-rightNav-icon9{
    background: url("../images/rightNavpng.png") no-repeat -3px -292px;
}
.xf-rightNav-icon10{
    background: url("../images/rightNavpng.png") no-repeat -3px -328px;
}
.xf-asideRightNav .xf-show-menu{
    margin-top: 100px;
}
.xf-rightNav-phone{
    background: url("../images/rightNavpng.png") no-repeat -108px 2px;
}
.xf-rightNav-wechat{
    background: url("../images/rightNavpng.png") no-repeat -111px -62px;
}
.xf-rightNav-top{
    background: url("../images/rightNavpng.png") no-repeat -111px -118px;
}
.xf-rightNav-code{
    transform: scale(0);
    position: absolute;
    bottom:0;
    width:100px;
    right:29px;
    padding:10px 20px 5px 14px;
    background: url("../images/rightNabbg2.png") no-repeat left top;
    background-size: 100% 100%;
    -moz-transition:transform .3s;
    -ms-transition:transform .3s;
    -o-moz-transition:transform .3s;
    -webkit-moz-transition:transform .3s;
    transition:transform .3s;
}
.xf-rightNav-code img{
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto;
}
.xf-show-menu p{
    height: 36px;
    line-height: 18px;
    text-align: center;
    color:#fff;
    margin-top:12px;
}
.xf-show-menu li:hover .xf-rightNav-code{
    transform: scale(1);
}
/*::-webkit-scrollbar{*/

    /*display:none;*/
/*}*/
.xf-show-menu ul li:nth-child(3){
    border-top: 1px solid #b6b6b6;
    margin-top: 50px;
    padding-top:50px;
    padding-bottom: 0;
}
.xf-show-menu ul li:nth-child(3):hover{
    background: transparent;
}
.xf-show-menu ul li:nth-child(3) a{
    padding:10px 0;
}
.xf-show-menu ul li:nth-child(3):hover a{
background: #3E62BA;
}
.xf-show-menu ul li:nth-child(7):hover{
    background: transparent;
}
.xf-show-menu ul li:nth-child(7){
    border-top: 1px solid #b6b6b6;
    margin-top: 50px;
    padding-top:50px;
    padding-bottom:0;
}
.xf-show-menu ul li:nth-child(7) a{
    padding:10px 0;
}
.xf-show-menu ul li:nth-child(7):hover a{
    background: #3E62BA;
}
.xf-show-menu ul li:last-child{
   background: #3E62BA;
    padding:10px 0 !important;
}
.xf-show-menu ul li:last-child a{
    color:#fff;
}
.xf-showMenu-fixed{
    width: 40px;
    position:fixed;
    right: 0;
    top:0;
    height: calc(100% - 100px);
    background: #f3f3f3;
    z-index: 1000;
    padding-top:100px;
}

.xf-friendshipLink-box{
    padding:30px 0 50px 0;
}
.xf-friendshipLink-content{
    padding:20px 0;
    /*border:1px solid #D8D8D8;*/
}
.xf-friendshipLink-content p{
    font-size: 16px;
    letter-spacing: 2px;
    margin-bottom: 15px;
}
.xf-friendshipLink-content span{
    margin-bottom:15px;
}
.xf-friendshipLink-content span a{
    color:#666;
    margin-right:20px;
    letter-spacing: 2px;
}

.xf-pop-banner{
    position: fixed;
    left:0;
    background: url("../images/foundJobbg.png") no-repeat left top;
    background-size: 100% 100%;
    z-index: 100;
    bottom: 600px;
    opacity: 0;
    transform: rotate(0deg) scale(0);
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-moz-transition: all .3s;
    -webkit-moz-transition:all .3s;
    transition:all  .3s;
}
.first-move{
    bottom: 0;
    opacity: 1;
    transform: rotate(360deg) scale(1);
}
.xf-popBanner-box{
    position: relative;
    padding:20px 0 30px 0;
}
.xf-foundJob-text p{
    font-size: 26px;
    color:#fff;
}
.xf-foundJob-text p i{
    color:#333;
    background:#FFF100;
    border-radius: 50%;
    padding:4px 8px;
}
.xf-index-loginBox{
    height: 74px;
    line-height: 74px;
    padding-left:40px;
}
.xf-index-loginBox a{
   border-radius: 4px;
    margin-left:45px;
    height: 40px;
    line-height: 40px;
    width: 100px;
    text-align: center;
}
.xf-foundJob-text span{
    color:#fff;
    margin-top:10px;
    line-height: 30px;
    letter-spacing: 14px;
}
.xf-foundJob-img{
    position: absolute;
    bottom:0;
    left:-80px;
}
.indexClose{
    cursor: pointer;
    height: 20px;
    width:20px;
    overflow: hidden;
    position: absolute;
    right:65px;
    top:16px;
    background: url("../images/close3.png") no-repeat center center;
}
.xf-friendshipLink-box .xf-module-title span{
    cursor: pointer;
    padding:0 20px;
}
.xf-friendshipLink-box .xf-module-title span.active{
    border-bottom: 2px solid #3E62BA;
}
.linkTab{
    display: none;
}
.linkTab.active{
    display: block;
}
.linkTab a{
    padding-right:15px;
    font-size: 15px;
    color:#666;
}
.linkTab a:hover{
    color:#3E62BA;
}
/*.linkIcon{*/
    /*background: url("../images/mainIcon.png") no-repeat -764px -396px;*/
/*}*/
.port-3.effect-2 .text-desc{
    z-index: 1 !important;
}
.xf_floor_defalut_img img{
width:100%;
padding:0;
margin:0;
vertical-align: inherit;
}
.tabSpan.active{
    color:#3E62BA;
    border-bottom:2px solid #3E62BA;
    margin-bottom:-1px;
}
p.xf-list-title{
    position: relative;
    padding-left:8px;

}
.xf-list-title:before{
    position: absolute;
    display: table;
    left: -5px;
    top: 14px;
    width: 4px;
    height: 4px;
    vertical-align: middle;
    background: #ccc;
    border-radius: 50%;
}
.iconfont.icon-unie623:hover{
    color:#999;
}
.xf-selectIndexArea{
    width: 110px;
    padding-right:10px;
    height: 50px;
    line-height: 50px;
}
.xf-selectIndexArea>span{
    border-left:1px solid #ccc;
    padding: 0 12px 0 4px;
    width:calc(100% - 17px);
    background: url(../images/downArrow2.png) no-repeat right center;
}
.showIndexArea{
    position: absolute;
    top:50px;
    right:0;
    background: rgba(0,0,0,.5);
    width:400px;
    height: 400px;
    opacity: 0;
    transform: scale(0);
    z-index: 500;

}
.showIndexArea.active{
    transform: scale(1);
    opacity: 1;
}
.twoBanner{
    width:590px;
    height: 80px;
}
.twoBanner img{
    width:590px;
    height: 80px;
}
.areaWrap{
/*    left: -490px !important;
    top: 49px !important;*/
}
.index-banner-container{
    height:672px;
    box-sizing: border-box;
    width: 100%;
    background: url("../images/bg.png") no-repeat;
    padding:52px 0;
}
/*.tabHead{*/
    /*height: 61px;*/
    /*box-sizing: border-box;*/
/*}*/
.tabHead li{
    background:#F5F5F5;
    float: left;
    box-sizing: border-box;
    line-height: 60px;
    height: 61px;
    width:357px;
    text-align: center;
    border-right: 1px solid #d4d4d4;
    border-bottom:1px solid #D4D4D4;
    position: relative;
}
.tabHead li:nth-child(3){
    width: 356px;
}
.tabHead li a{
    cursor: pointer;
    text-transform:Uppercase ;
}
.tabHead li:first-child{
    width:130px;
}
.tabHead li:first-child a{
    font-size: 36px;
}
.tabHead li.active{
    border-bottom: 0;
    background:#fff;
}
.tabHead li.active a{
    border-bottom: 0;
    background: #fff;
    border-top:4px solid #3E62BA;
    position: absolute;
    height: calc(100%);
    width:100%;
    bottom:0;
    left:0;
    color:#3E62BA;
}
.index-tabItem{
    display: none;
}
.index-tabItem.active{
    display: block;
}
.tab-container{
 background: #fff;
 height: 501px;
 width:100%;
 box-sizing: border-box;
    padding:30px 50px 40px 50px;
}
.index-search input[type='text']{
    border:1px solid #d4d4d4;
    border-right:0;
    padding:14px 20px;
    width:915px;
}
.index-search input[type=submit]{
    background: #3E62BA;
    color:#fff;
    border:1px solid #3E62BA;
    width:144px;
    padding:14px 0;
}
.index-hot-job span{
    padding:0 10px;
}
.index-hot-job span.active{
    color:#3E62BA;
}
.ag7-main{
    margin-top:15px;
    width:100%;
    height: 344px;
}
.ag7-bannerslide{
    position:relative;
    height: 344px;
}
.ag7-bannerslide .slidebox img{
    position:absolute;
    height:344px;
    right:0;
    width:855px;
}
.ag7-bannerslide .slidebox{
    width:855px;
    height: 100%;
    position: absolute;
    right:0;
}
.ag7-bannerslide .slidebox li{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}
.ag7-bannerslide .slidetitle{width:540px;color:#fff;background:rgba(0,0,0,.2)}
.ag7-bannerslide .slidetitle h2{font-size:18px;height:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 15px}
.ag7-bannerslide .slidelist{
    position:absolute;
    left:0;
    bottom:0;
    width:226px;
    height:344px;
    color:#fff;
}
.ag7-bannerslide .slidelist ul{
    position:absolute;z-index:10;
    width:100%;
    text-align:center
}
.ag7-bannerslide .slidelist ul li{
    width:100%;
    cursor:pointer;
    height: 104px;
}
.ag7-bannerslide .slidelist ul li img{
    width:230px;
    height: 104px;
}
.ag7-bannerslide .slidelist ul li:nth-child(2){
    margin:16px 0;
}
.ag7-bannerslide .slidelist .mask{
    width:238px;
    height:104px;
    position:absolute;
    left:0;
    top:0;
    z-index: 10;
    background:url(../images/bannerSelect.png) no-repeat center center;
    background-size: 100% 100%;
    display:block
}

.index-HySort{
    width: 778px;
}
.index-HySort h1,.index-hotJob h1{
    line-height: 40px;
}
.index-hotJob{
    width: 220px;
}
.index-HySort h1 del{
    color:#d8d8d8;
}
.index-SortItem{
    height: 80px;
    margin-top:20px;
    cursor: pointer;
}
.index-SortItem:hover span{
    color: #3E62BA !important;
}
.index-SortItem:hover i{
    -webkit-transform:translateY(-8px);
    -o-:translateY(-8px);
    -ms-:translateY(-8px);
    -moz-:translateY(-8px);
    transition: width .3s;
    -moz-transition: all .3s; 
    -webkit-transition: all .3s; 
    -o-transition: all .3s; /* Opera */
    -ms-transition: all .3s; /* Opera */
}
.index-hotJob li{
    width: 100%;
    height: 86px;
}
.index-hotJob li img{
    width: 100%;
    height: 86px;
}
.index-hotJob li a{
    position: absolute;
    color:#fff;
}
.index-hotJob li:nth-child(2){
    margin:10px 0;
}
.index-hotJob li a p{
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: rgba(0,0,0,.5);
    bottom:0;
    left:0;
    position: absolute;
}
.index-zphTab{
   height: 236px;
    box-sizing: border-box;
    border:1px solid #d4d4d4;
}
.index-zphTabLf{
    width: 52px;
    border-right:1px solid #d4d4d4;
    background: #F3F3F3;
}
.index-zhphUp,.index-zhphDown{
    text-align: center;
    height: 15px;
    line-height: 15px;
}
.index-zhphTabHead{
    height: 204px;
    position: relative;
    overflow: hidden;
}
.tabHeadBox{
    position: absolute;
    left:0;
    width: 0;
    top:0;
}
.tabHead{
    height: 51px;
    width:100%;
    border-bottom:1px solid #d4d4d4;
    box-sizing: border-box;
}
.index-zhphBrief h1{
    line-height: 40px;
}
.zphBriefItem{
    width: 200px;
    border:1px solid #D8D8D8;
    background:#F5F5F5 ;
    box-sizing: border-box;
    height: 158px;
    margin-right:25px;
}
.index-zhphBrief .zphBriefItem:last-child{
    margin-right:0;
}
.zphBrief-title{
    height: 48px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    line-height: 46px;
    background:#FFFFFF;
    font-size: 18px;
}
.zphBrief-info{
    padding:5px  15px 20px 15px;
    color:#888;
    line-height: 20px;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 108px;
}

.index-famousCorp{
    width:100%;
    height: 424px;
    box-sizing: border-box;
    border:1px solid #D8D8D8;
    overflow: hidden;
    margin:40px 0;
}
.index-famousCTitle{
    font-size: 16px;
    color:#666;
    height: 48px;
    line-height: 48px;
    padding-left:20px;
    border-bottom:1px solid #d8d8d8;
}
.famousCorpList{
    width: 901px;
    box-sizing: border-box;
    border-right:1px solid #d8d8d8;
}

.index-newsJob{
    width:296px;
    height: 100%;
}
.index-newJobList{
    width: 100%;
    height: 373px;
    box-sizing: border-box;
    padding:18px;
}
.index-newJobItem p{
    width: 53%;
    line-height: 30px;
    height: 30px;
    color:#666;
}
.index-newJobItem span{
    width: 45%;
    line-height: 30px;
    height: 30px;
    color:#fa6041;
}
.index-newJobItem span .iconfont{
    margin-left:5px;
    display: none;
}
.index-newJobItem:hover .iconfont{
    display: block;
}
.index-newJobItem:hover p{
    color:#3E62BA;
}
.index-famousBanner{
    width: 228px;
    height: 77px;
    float:left;
    margin:0 15px 15px 0;
    border:1px solid #dedede;
    box-sizing: border-box;
}
.index-famousBanner img{
    width:100%;
    height:100%;
}
.xf-highBanner-item .index-famousBanner:last-child{
    margin-right:0;
}
.xf-floor .xf-module-title span{
    font-weight: bold;
    position: relative;
}
.xf-floor .xf-module-title span:before{
    content: '';
    display: block;
    height: 22px;
    width: 3px;
    background: #666;
    position: absolute;
    left: 0;
    top: 10px;
}
.xf-floor .xf-module-title span.active:before{
    background: #3E62BA;
}
.jobTypeFound{
    margin-top:30px;
    line-height: 40px;
}
.jobTypeFound h1 span{
vertical-align: middle;
}

.index-newsItem{
    width: 380px;
    height: 262px;
    box-sizing: border-box;
    border:1px solid #d8d8d8;
}
.index-newsSortName{
    width: 100px;
    color:#fff;
    padding:20px 24px;
    box-sizing: border-box;
}
.index-newsBox .index-newsItem:first-child .index-newsSortName{
    background-color: #56A3F2;
    background-image: url("../images/newsbg1.png");
    background-repeat: no-repeat;
    background-position: -25px 155px;
    background-size: contain;
}
.index-newsBox .index-newsItem:nth-child(2) .index-newsSortName{
    background-color: #FF8C4E;
    background-image: url("../images/newsbg2.png");
    background-repeat: no-repeat;
    background-position: -25px 155px;
    background-size: contain;
}
.index-newsBox .index-newsItem:last-child .index-newsSortName{
    background-color: #3ABC8F;
    background-image: url("../images/newsbg3.png");
    background-repeat: no-repeat;
    background-position: -25px 155px;
    background-size: contain;
}
.index-newsList{
    width: 278px;
    box-sizing: border-box;
    padding:15px 20px;
}
.index-newsList li{
    position: relative;
    padding-left:12px;
    width:100%;
    box-sizing: border-box;
}
.index-newsList li a{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#888;
    line-height: 28px;
}
.index-newsList li:before{
    content: '';
    color: #909090;
    position: absolute;
    left: 0;
    line-height: 28px;
    width: 6px;
    height: 6px;
    background-color: #000;
    border-radius: 6px;
    top: 12px;
}
.index-newsList li a:hover{
    color:#3E62BA;
}
.index-newsBox .index-newsItem:nth-child(2){
    margin:0 28px;
}
.linkBoxWeb{
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.linkBoxWeb div {
    /*border: 1px solid #ccc;*/
    background-color: #fff;
    width: 100%;
    padding: 20px 25px 10px 25px;
}
.linkBoxWeb div a{
    /*margin-right: 20px;*/
    word-break: keep-all;
    display: inline-block;
}
.linkBoxTab{
    position: absolute;
    width: 422px;
    left:50%;
    margin-left:-211px;
    background: #EBEBEB;
    top:-25px;
}
.linkBoxTab span{
    width: 140px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    cursor: pointer;
}
.linkBoxTab span.active{
    color:#fff;
    background: #3E62BA;
}

.bottomEnter{
    background: #3E62BA;
    margin-top: 20px;
    height: 60px;
    line-height: 60px;
    position: fixed;
    color:#fff;
    z-index: 10;
    bottom:0;
    left:0;
    width:100%;
}
.bottomEnter .xf-relative{
    width: 330px;
}
.bottomEnter .xf-relative img{
    width: 100%;
    position: absolute;
    left:0;
    bottom:0;
}
.index-loginBtn a{
    border:1px solid #fff;
    padding:6px 40px;
    border-radius: 3px;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.index-zphTabLf{
    width: 54px;
    height: 200px;
    padding:17px 0;
    overflow: hidden;
    position: relative;
}
.index-tabItem .index-zphTab .index-zphTabLf .swiper-container .swiper-wrapper.swiper-slide active{
    display: block;
}
.index-zphTabLf .swiper-slide{
    box-sizing: border-box;
    border-bottom:1px solid #d8d8d8;
    cursor: pointer;
}
.index-zphTabLf .swiper-slide.active{
    background: #3E62BA;
}
.index-zphTabLf .swiper-slide.active p,
.index-zphTabLf .swiper-slide.active span{
    color:#fff;
}
.index-zphTabLf .swiper-button-next,
.index-zphTabLf .swiper-button-prev{
    width:100%;
    height: 17px;
    margin:0;
    cursor: pointer;
    opacity: 1;
    background: none;
    text-align: center;
    line-height: 17px;
}
.index-zphTabLf .swiper-button-prev i{
    transform: rotate(180deg);
}
.index-zphTabLf .swiper-button-prev {
    left:0;
    top:0;
    box-sizing: border-box;
    border-bottom:1px solid #d8d8d8;
}
.index-zphTabLf .swiper-button-next{
    top:217px;
    left:0;
}
.index-zphTabLf .swiper-button-next:focus,
.index-zphTabLf .swiper-button-prev:focus{
    outline: none;
    border:none;
}
.index-zphDateBox{
    box-sizing: border-box;
    padding:0 3px;
}
.index-zphDateBox p{
    border-bottom:1px solid #D1D1D1;
    font-size: 19px;
    text-align: center;
    line-height: 28px;
    color:#585858;
}
.index-zphDateBox  span{
    font-size: 12px;
    color:#8d8c8c;
}
.index-zphTabBox{
    width: 1023px;
    box-sizing: border-box;
}
.index-zphTabBox .index-zphItem{
    display: none;
    position: relative;
    padding:23px 60px 22px 0;
    box-sizing: border-box;
}
.index-zphTabBox .index-zphItem.active{
    display: block;
}
.zph-showPic{
    width:232px ;
    height: 188px;
}
.zph-showPic img{
    width: 100%;
    height: 100%;
}
.zph-showInfo{
    box-sizing: border-box;
    width: 620px;
    padding-left:20px;
}
.zph-showInfo p{
    color:#6b6b6b;
}
.zph-showInfo a{
    border:1px solid #3E62BA;
    padding:0 25px;
    border-radius: 5px;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
}
.index-zphStatus{
    position: absolute;
    right:0;
    top:0;
}

.xf-highBannerList .index-famousBanner:nth-child(5n){
    margin-right:0;
}
.xf-corp-list li p .xf-welfare{
    width: 93%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#loutinav {
    width: 35px;
    position: fixed;
    top: 100px;
    left: 50px;
    border: 1px solid #ddd;
    display: none;

}

#loutinav ul li {
    width: 35px;
    height: 32px;
    border-bottom: 1px dotted #DDDDDD;
    list-style: none;
    font-size: 12px;
    text-align: center;
    position: relative;
    cursor: pointer;
    padding: 10px 0;
    background: #918888;
    color: #fff;
}

#loutinav ul li span {
    width: 35px;
    height: 32px;
    padding: 10px 0;
    position: absolute;
    top: 0;
    left: 0;
}



#loutinav ul li.last {
    background: #5e4a4a;
    color: #fff;
    border-bottom: 1px solid #ddd;
}

#loutinav ul li.active span {
    background: #c00;
    color: #fff;
    display: block;
}

#loutinav ul li:hover span {
    background: #c00;
    color: #fff;
    display: block;
}
.closeBottomBanner{
    position: absolute;
    right: 70px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: -17px;
    border-radius: 50%;
    text-align: center;
    background: rgba(0,0,0,.5);
}
.recommendBodyItem{
    width:350px;
    height: 125px;
    box-sizing: border-box;
    border:1px solid #DBDBDB;
    margin:0 25px 25px 0;
    padding:15px 36px 20px 32px;
}
.recommendBody .recommendBodyItem:nth-child(3n){
    margin-right:0;
}
.indexRctjHeader img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.recommendBodyItem:hover{
    border: 1px solid #3e62ba;
}
.recommendBodyItem:hover h3{
    color:#3e62ba;
}
.indexZph-tip{
    position: absolute;
    width: 200px;
    line-height: 24px;
    left: 280px;
    height: 50px;
    color:#FA6D01;
    padding:5px 20px;
    background:#FFFFEB;
    top:-15px;
    border:1px solid #FFDEA8 ;
}
.indexZph-tip a{
    height: 24px;
    line-height: 24px;
    padding: 0;
}
.indexZph-tip em{
    border-left: 1px solid #FFDEA8;
    border-bottom: 1px solid #FFDEA8;
    transform: rotate(45deg);
    width: 12px;
    height: 12px;
    position: absolute;
    left: -8px;
    top: 20px;
    background:#FFFFEB;
}