html{
    background-color: #f2f2f2;
}
.logo {
    width: 100px;
    height: 30px;
}
.center{
    text-align: center;
}
.right{
    text-align: right;
}
.layui-header {
    background-color: #393D49;
}

.layui-layout-left {
    position: absolute !important;
    top: 0;
    left: 0;
}
.footer {
    padding: 15px;
    height: 30px;
    text-align: center;
    color: #797979;
}
.footer a{
    color: #797979;
}
.job-title{
    color:#0053bb;
    font-weight: bold;
}
.job-salary{
    color:#fe4748;
    font-weight: bold;
}
.job-company{
    color:#444444;
}
.job-region{
    color:#888888;
}
.job-time{
    color:#888888;
}
.job-adv{
    margin-bottom:15px;
    text-align: center;
}
.job-adv img{
    width:240px;

}
.about-logo-img{
    width: 160px;
    height: 160px;
    vertical-align: middle;
}
.about-company{
    height: 30px;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    color: #002a80;
}
.about-brands{
    margin-top: 10px;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    color: #6C6C6C;    
}
.about-industry{
    font-size: 14px;
    color: #797979;
}
.about-hy{
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #797979;
    margin-top: 5px;
}
.about-worktime{
    color: #6C6C6C;
}
.about-work-time{
    margin-right: 15px;
}
.about-temptation{
    margin-top:5px;
}

.cxscroll { position:relative; width:800px; height:166px; padding:10px; }
.cxscroll .box{ overflow:hidden; width:720px; height:166px;margin:0 auto;}
.cxscroll .list{ overflow:hidden; width:9999px; }
.cxscroll .list li{ float:left; width:220px; padding:0 10px 0 10px; }
.cxscroll .prev,
.cxscroll .next{ position:absolute; top:50%; margin-top:-25px; width:40px; height:50px; background-image:url(/images/control.png); background-repeat:no-repeat; font:0/0 Arial; cursor:pointer; }
.cxscroll .prev{ left:0px; background-position:0 0; }
.cxscroll .next{ right:0px; background-position:-40px 0; }
.cxscroll .prev:hover{ background-position:0 -50px; }
.cxscroll .next:hover{ background-position:-40px -50px; }
.cxscroll img{width:220px;height:166px;}

.about-title{
    margin:15px 0;
    font-size: 16px;
    font-weight: bold;
    color: #797979;
}
.about-profile{
    margin-bottom:15px;
    padding:0 20px;
}
.about-contacts{
    line-height:25px;
    padding:5px 0;
}
.about-contacts-title{
    color:#797979;
}
.about-map{
    margin:10px 0;
}
.about-jobs{
    padding:10px 20px;
}

.info-job-title{
    font-size: 25px;
    font-weight: bold;
    color: #000;
    padding-bottom: 8px;
}
.info-salary{
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    color:#fe4748;
    font-weight: bold;

}
.info-details{
    height: 28px;
    line-height: 28px;
    color: #797979;
    padding-bottom: 8px;
}
.info-time{
    color: #797979;
    font-size:12px;
}

.info-avatar-img{
    width:80px;
    height:80px;
    border-radius: 50%;
}
.info-contact-mobile span{
margin-left:5px;
}
.info-lists{
    height: 40px;
    line-height: 40px;
    padding-left: 28px;
    margin:30px 0 20px 0;
    background-color: #ededed;
    font-size: 16px;
    font-weight:bold;
    color: #797979;
}
.info-swipe{
    margin-top:20px;
}
.info-swipe img{
    width:260px;
    height:166px;
}
.info-tip{
    margin: 16px 0 16px 0;
    background: #ffffca;
    height: 36px;
    line-height: 36px;
    color: #666;
    font-size: 13px;
}
.info-tip b{
    color: #fe4748;
}

.cate-grade1 {
    font-size: 16px;
    font-weight: bold;
    color: #00cdd3;
    margin: 10px;
}

.cate-grade2 {
    font-size: 13px;
    margin: 10px;
}

.cate-grade2 a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 125px;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}