/*校园招聘导航条*/
#navbar-campus{ border-bottom: #dddddd solid 1px}
#navbar-campus li a{height: 70px;padding: 0px 5px 0px 5px; margin: 0 15px 0 15px; padding-top:22px;border-top: solid 3px #fff;border-top: solid 3px #fff}
#navbar-campus .active{ border-top: #0457b7 solid 3px;color: #0457b7 }
#navbar-campus .navbar-header i{font-style: normal; font-size: 18px;  line-height: 70px; color: #000000; margin-left:15px; border-left: #ddd solid 1px; padding-left:15px}
@media  (min-width:320px) and (max-width:767px){
    #navbar-campus .navbar-header i{ font-size:15px}
}
@media  (min-width:768px) and (max-width:880px){
    #navbar-campus li a{ margin: 0 6px 0 6px}
}
/*校园招聘导航条end*/

/*巨幅banner*/
.m-banner-full{ background-position: center; background-repeat: no-repeat;}
@media  (min-width:320px) and (max-width:1024px){
    .m-banner-full{  background-size: auto 100%}
}
/*巨幅bannerend*/

/*校园招聘banner*/
.campus-banner{padding-top: 70px; text-align: center;position: relative}
.campus-banner .campus-banner-title{margin-top: 15%; margin-bottom:4%}
.campus-banner #container{ position: absolute; top: 0px; width: 100%}
.campus-banner #container canvas{width:100%}

@media  (min-width:320px) and (max-width:768px){
    .campus-banner .campus-banner-title img{ width: 85%;}
    .campus-banner .campus-banner-subtitle img{ width: 50%}

}
@media  (min-width:1024px) and (max-width:1440px){
    .campus-banner .campus-banner-title{margin-top: 10%; margin-bottom:2%}
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
/*添加动画*/
.campus-banner .campus-banner-title{
    animation-duration:1.5s;
    animation-fill-mode: both;
    animation-name:fadeInDown;
    animation-delay:0.5s;
}
.campus-banner .campus-banner-subtitle{
    animation-duration:1.5s;
    animation-fill-mode: both;
    animation-name:fadeInDown;
    animation-delay:1.2s;
}
/*校园招聘banner end*/

/*招聘进度查询*/
.campus-banner .input-group{color: #FFF; border: solid 0px #FFFFFF; width:730px; position: absolute; bottom:35%;left:50%; margin-left: -365px; z-index: 99}
.campus-banner .input-group label{ float: left; height: 40px; line-height: 40px; font-size: 16px; font-weight: normal; margin-right: 5px;}
.campus-banner .input-group input{ float: left; width:260px; background: none; height: 40px; line-height: 40px;color: #fff; margin: 0 5px; }
.campus-banner .input-group input::-webkit-input-placeholder { /* WebKit browsers*/  color:#fff;}
.campus-banner .input-group input:-moz-placeholder {  /* Mozilla Firefox 4 to 18*/ color:#fff; }
.campus-banner .input-group input::-moz-placeholder {  /* Mozilla Firefox 19+*/ color:#fff;}
.campus-banner .input-group input:-ms-input-placeholder { /* Internet Explorer 10+*/ color:#fff;  }
.campus-banner .input-group button{float: left; height: 40px; margin: 0 5px; line-height: 40px; padding: 0px; color: #fff;width: 100px;border-radius:0px;background-color: rgba(255,255,255,0.3); cursor: pointer}
.campus-banner .input-group button .iconfont{ color: #fff; margin-right: 6px}
@media  (min-width:320px) and (max-width:1024px){
    .campus-banner .input-group{ width: 100%; position:static; left: 0px; margin-left: 0px; margin-top:20% }
    .campus-banner .input-group label{ float: none; font-size: 16px; margin-bottom: 15px;}
    .campus-banner .input-group input{  float: none; width: 100%; margin: 0px; margin-bottom: 10px;}
    .campus-banner .input-group button{ float: none; width: 100%; margin: 0px}

}

@media  (min-width:1024px) and (max-width:1440px){
    .campus-banner .input-group{color: #FFF; border: solid 0px #FFFFFF; width:730px; position: absolute;bottom:20%;left:50%; margin-left: -365px; z-index: 99}

}
/*招聘进度查询 end*/

#myTab{ border-bottom: none; width: 322px; margin: 0 auto; margin-bottom:60px;}
#myTab li{text-align: center; margin: 0px;}
#myTab li a{ font-size: 16px; color: #666; margin:0px;padding: 0px;width: 160px; height: 48px; line-height: 48px; border: none; background: #eeeeee; border: #dcdcdc solid 1px;  }
#myTab li.active a{  border#0457b7 solid 1px; border-bottom: solid 1px #0457b7; background: #0457b7; color: #fff}
#myTab li:first-child a{ border-radius: 24px 0 0 24px; border-right: none}
#myTab li:last-child a{border-radius: 0 24px 24px 0; border-left: none}


/*地图*/
.campus-map{ margin-top:70px; padding: 0 60px 0 100px;}
@media  (min-width:320px) and (max-width:1024px){
    .campus-map{ margin-top:30px; padding: 0;}
}

/*招聘岗位*/
.campus{margin-top: 40px;padding-bottom:120px;font-size: 14px; }
.campus table{ width: 100%}
.campus th{ min-width:80px; background: #4497e5; height: 46px; line-height:46px; padding: 0px 20px;color: #fff;}
.campus td{ border: #ddd solid 1px; padding:30px 20px; background: #fff; color: #666}

/*福利待遇*/
.welfare{ text-align: center;padding-bottom:90px}
.welfare .border-r {
    text-align: center;
    width: 120px;
    height: 120px;
    margin: auto;
    border-radius: 50%; }
.welfare .border-r i {
    font-size:36px;
    line-height: 36px;
    color: white;
}
.welfare .row-content .border-r {
    padding-top: 42px;
}
.welfare .row-content h3{
    font-size:20px;
    margin-top:30px;
    margin-bottom: 20px;
}
.welfare .row-content>p{
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}
/*福利待遇 end*/