body {
    font: 13px/1.5 'Microsoft YaHei','\5b8b\4f53';
    color: #333;
    background-color: #f8f8f8;
    margin: 0;
}
a {
    color: #333;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #ff821b;
    text-decoration: none;
}

input,
button{
    outline: none;
    background: none;
    padding: 0;
}
img,
input{
    vertical-align: middle;
    border: 0;
}

ul,nav,li,ol,h1,h2,h3,h4,p,dl,dt,dd{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
.ll{
    float: left;
}
.rr{
    float: right;
}
/* 断根浮动 */
.clearfix , .clear{ display: inline-table; zoom:1;}
* html .clearfix ,* html .clear{ height:1%; }
* html .clearfix , * html .clear{ zoom:1; }
.clearfix , .clear{ display:block; }
.clear {clear: both;}
.clearfix:after ,.clear:after{ content: " "; display: block; height: 0; clear: both; visibility: hidden; line-height: 0px;}

/*两头对齐*/
.justify{
    text-align: justify;
    text-justify: inter-ideograph;
}
.justify-tags{
    margin: 0 !important;
    height: 0 !important;
    padding: 0 !important ;
    line-height: 0 !important;
    border: 0 !important;
    font-size: 1%;
}



/*
    header
*/
.header{
    background-color: #fff;
    position: relative;
    min-width: 1020px;
}
.header-content{
    margin: 0 auto;
    width: 1020px;
    position: relative;
    z-index: 901;
}
.logo{
    float: left;
    height:90px;
    margin-right: 45px;
}
.logo img{
    margin-top: 9px;
}
.header-content .nav{
    float: left;
}
.header-content ul{
    float: left;
}
.header-content ul li{
    float: left;
    position: relative;
}

.header-content ul > li > a:hover{
    color: #ff821b;
}
.nav1{
    margin-right: 35px;
    margin-top: 37px;
}
.header-content ul > li > a{
    display: block;
    padding: 0 20px;
    color: #333;
    font-size: 14px;
    height: 90px;
    line-height: 90px;
    position: relative;
}
.nav1 li{
    height: 16px;
    line-height: 16px;
}
.nav1 > li > a{
    margin-top: -37px;
}
.nav2{
    background-color: #f8f8f8;
    border-radius: 20px;
    margin-top: 25px;
    height: 40px;
    padding: 0 20px;
}
.nav2 > li > a{
    margin-top: -25px;
}

.header-content ul li:first-child{
    border: 0;
}


.header-content ul li ol{
    position: absolute;
    background-color: #ff821b;
    padding: 10px 0;
    width: 500px;
    left: 50%;
    margin-left: -250px;
    text-align: center;
    top: 53px;
    display: none;
}
.header-content .nav2 li ol{
    top: 65px;
}
.header-content ul li ol:before{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border: 10px solid #fff;
    left: 50%;
    margin-left: -10px;
    top: -20px;
    border-color: transparent transparent  #ff821b transparent;
}
.header-content ul li ol li{
    float: none;
    display: inline-block;
    *display: inline;
    *zoom:1;
    border-left: 1px #fff solid;
}
.header-content .nav2 li ol li{
    height: 16px;
    line-height: 16px;
}

.header-content ul li ol a{
    height: 16px;
    line-height: 16px;
    font-size: 13px;
    color: #fff;
    padding:0 20px;
}
.header-content ul li ol a:hover{
    color: #fff;
}

.nav-bg{
    position: absolute;
    left: 0;
    top: 90px;
    width: 100%;
    height: 40px;
    background-color: #ff821b;
    z-index: 900;
    display: none;
}


.header-right{
    float: right;
}
.header-right .weixin{
    float: left;
    position: relative;
    margin-right: 10px;
}
.header-right .wx-icon{
    display: block;
    height: 90px;
    width: 30px;
    position: relative;
    z-index: 2;
}
.header-right .wx-icon span{
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: 50%;
    margin-top: -15px;
    height: 30px;
    width: 30px;
    background: url('/static/css/web/../../images/bg.png') -66px -12px no-repeat;
    cursor: pointer;
}
.header-right .weibo{
    float: left;
    height: 90px;
    width: 30px;
    position: relative;
    z-index: 1;
    margin-left: 15px;
}
.header-right .weibo span{
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: 50%;
    margin-top: -15px;
    height: 30px;
    width: 30px;
    background: url('/static/css/web/../../images/bg.png') -118px -12px no-repeat;
}

.header-right .wx-code{
    position: absolute;
    z-index: 3;
    left: 50%;
    margin-left: -100px;
    background-color: #fff;
    text-align: center;
   /* top: -300px;
    -webkit-transition: all .5s;
    transition: all .5s;*/
    top: 90px;
    display: none;
}
.header-right .weixin:hover .wx-code{
    /*top: 70px;*/
    display: block;
}
    
.header-right .wx-code img{
    width: 200px;
    height: 200px;
}
.header-right .wx-code i{
    /*width: 0;
    height: 0;
    position: absolute;
    border: 10px solid #fff;
    left: 50%;
    margin-left: -10px;
    top: -20px;
    border-color: transparent transparent  #fff transparent;*/
}
.header-right .wx-code p{
    height: 32px;
    line-height: 32px;
    background-color: #ff821b;
    color: #fff;
}

/*mian*/
.main{
    min-width: 1020px;
}
.group-box{
    width: 1020px;
    margin: 0 auto 40px auto;
}
.group-list .group-item{
    display: inline-block;
    *display: inline;
    *zoom:1;
    width: 240px;
    margin-top: 20px;
    background-color: #fff;
    position: relative;
}
.group-list .item-info{
    padding:18px 20px;
}
.group-list .item-title{
    font-size: 15px;
    height: 42px;
    line-height: 21px;
    overflow: hidden;
}
.group-list .time{
    color: #999;
    margin-top: 5px;
}
.group-list img{
    width: 100%;
    height: 190px;
    -webkit-transition: opacity .5s,-webkit-transform .6s ease-in-out;
    transition: opacity .5s,-webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out,opacity .5s;
    transition: transform .6s ease-in-out,opacity .5s,-webkit-transform .6s ease-in-out;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}
.group-list .group-item:hover,
 .list-banner:hover,
 .activity-item:hover{
    box-shadow: 0px 2px 20px #444;
}
.group-list .group-item:hover .item-info{
    background-color: #ff821b;
    color: #fff;
}
.group-list .group-item:hover .time{
	color: #fff;
}

.group-item,
.list-banner,
.activity-item{
	overflow:hidden;
	position: relative;
}
.group-item:hover img,
.list-banner:hover img,
.activity-item:hover img
{
	-webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.group-list .justify-tags{
    display: inline-block;
    *display: inline;
    *zoom:1;
    width: 240px;
}

.group-list .activity-item{
    display: inline-block;
    *display: inline;
    *zoom:1;
    width: 500px;
    margin-top: 20px;
    background-color: #fff;
    position: relative;
}
.group-list .activity-item .icon{
    position: absolute;
    left: 0;
    top: 0;
    height: 100px;
    width: 100px;
    background: url('/static/css/web/../../images/bg.png') no-repeat;
    z-index:1;
}
.group-list .activity-item .icon.ing{
    background-position: -108px -222px;
}
.group-list .activity-item .icon.trailer{
    background-position: -212px -222px;
}
.group-list .activity-item .icon.review{
    background-position:-316px -223px;
}

.group-list .activity-item .item-title{
	font-size:16px;
    height: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.group-list .activity-item img{
    height: 250px;
}

.group-item .m-icon{
    position: absolute;
    left: 0;
    top: 0;
    height: 80px;
    width: 80px;
    background: url('/static/css/web/../../images/bg.png') no-repeat;
}
.group-item .school-icon{
    background-position: -256px -414px;
}
.group-item .society-icon{
    background-position: -166px -414px;
}


/*员工风采*/
.staff-style{
    background-color: #fff;
    padding: 20px;
    margin-bottom: 40px;
}
.staff-style h2{
    font-weight: normal;
}
.staff-style li{
    display: inline-block;
    *display: inline;
    *zoom:1;
    width: 310px;
    margin-top: 20px;
    cursor: pointer;
}
.staff-style li p{
    margin-top: 10px;
    font-size: 14px;
    height: 36px;
    line-height: 18px;
    overflow: hidden;
}
.staff-style li img{
    width: 100%;
    height: 190px;
}


/*footer*/
.footer{
    /*min-width: 1020px;*/
    color: #999;
}
.footer a{
    color: #999;
}
.footer a:hover{
    color: #ff821b;
}
.footer-main{
    background-color: #333;    
}
.footer-content{
    margin: 0 auto;
    width: 1020px;
    padding: 50px 0;
}
.footer .f-logo{
    float: left;
    margin-right: 10px;
}
.footer .c-info{
    overflow: hidden;
}
.footer .c-info dt{
    font-size: 14px;
    margin-bottom: 20px;
}
.footer .c-info dd{
    margin-bottom: 5px;
}

.footer .footer-group{
    float: left;
    padding-right: 40px;
}
.footer .cluster-group{
    padding-left: 40px;
    width: 380px;
	float:right;
}
.footer .cluster-group a{
    display: inline-block;
    margin-right:20px;
    margin-bottom: 5px;
}


.footer .friends{
    width: 1020px;
    margin: 0 auto;
    border-top: 1px #484848 solid;
    padding: 30px 0;
}
.footer .friends a{
    padding: 0 10px;
    border-right: 1px #666 solid;
}
.footer .friends a:last-child{
    border: 0;
}
.footer-bottom{
    background-color: #1f1f1f;
}
.footer-bottom .copyright{
    text-align: center;
    width: 1020px;
    margin: 0 auto;
    padding: 20px 0;
}
/* sider bar */
.sider-bar{
	position: fixed;
    right: 20px;
    bottom: 100px;
    z-index: 100;
}
.sider-bar li{
	width:40px;
	height:40px;
	text-align:center;
	margin-bottom:2px;
	font-size:12px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.sider-bar .backTop{
	display:none;
}
.sider-bar span{
	position: absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:url("/static/css/web/../../images/bg.png") #ccc no-repeat;
}
.sider-bar .s-top{
	background-position: -251px -512px;
}
.sider-bar .s-百度{
	background-position: -101px -510px;
}
.sider-bar .s-weixin{
	background-position:-147px -510px;
}
.sider-bar .s-weibo{
	background-position: -197px -510px;
}

.sider-bar p{
	position: absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:#ff821b;
	color:#fff;
	-webkit-transform: translate3d(0px,100%,0);
    -moz-transform: translate3d(0px,100%,0);
    transform: translate3d(0px,100%,0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.55,.055,.675,.19);
    -moz-transition: -moz-transform .3s cubic-bezier(0.55,.055,.675,.19);
    -o-transition: -o-transform .3s cubic-bezier(0.55,.055,.675,.19);
    transition: transform .3s cubic-bezier(0.55,.055,.675,.19);
}
.sider-bar li:hover p{
	-webkit-transform: translate3d(0px,0,0);
    -moz-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.165,.84,.44,1);
    -moz-transition: -moz-transform .3s cubic-bezier(0.165,.84,.44,1);
    -o-transition: -o-transform .3s cubic-bezier(0.165,.84,.44,1);
    transition: transform .3s cubic-bezier(0.165,.84,.44,1);
}
.sider-bar .wx-code{
	position: absolute;
	right:100px;
	top:50%;
	margin-top:-115px;
	background:#fff;
	border:1px #eee solid;
	width:200px;
	display:none;
	opacity:0;
}
.sider-bar .wx-code img{
	width:200px;
	height:200px;
}
.sider-bar .wx-code div{
	display:block;
	height:32px;
	line-height:32px;
	text-align:center;
	background-color: #ff821b;
    color: #fff;
}




/* 面包屑 */
.breadcrumb{
    background-color: #f1f1f1;
}
.breadcrumb-box{
    width: 1020px;
    margin: 0 auto;
    height:42px;
    line-height:42px;
    color: #666;
}
.breadcrumb-box span{
    color: #ff821b;
}
.breadcrumb-box a{
    color: #666;
}
.breadcrumb-box a:hover{
	color: #ff821b;
}


.search-bar{
    margin:30px 0 10px 0;
    line-height: 30px;
}
.search-bar .ll{
	margin-right:30px;
}
.search-bar input{
    height: 30px;
    border:1px #eee solid;
    width: 250px;
    background-color:#fff;
    padding:0 10px;
    border-radius: 4px;
}
.search-bar .search-btn{
    height: 30px;
    line-height: 30px;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    color:#fff;
    background-color:#ff821b;
    padding:0 20px;
    border-radius: 4px;
}
.search-bar .date-box{
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom:1;
}
.search-bar .iptDate{
	width:150px;
}
.search-bar .date-box i{
    position: absolute;
    right: 5px;
    top: 7px;
    height: 20px;
    width: 20px;
    background: url(/static/css/web/../../images/bg.png) 2px -360px no-repeat;
}

.fiter-box{
    text-align: center;
    padding: 20px 0 0 0;
}
.fiter-box a{
    display: inline-block;
    *display: inline;
    *zoom:1;
    height: 28px;
    line-height: 28px;
    padding: 0 20px;
    border: 1px transparent solid;
    border-radius: 20px;
}
.fiter-box a.current{
    border-color:#ff821b;
    color: #ff821b; 
}

/*加载更多*/
.show-more{
    margin: 20px 0 60px 0;
    text-align: center;
}
.show-more-btn{
    display: inline-block;
    background-color: #ff821b;
    color: #fff;
    height: 36px;
    line-height: 36px;
    padding: 0 30px;
    border-radius: 4px;
    cursor: pointer;
}
.show-more-btn i{
    display: inline-block;
    vertical-align: top;
    height: 36px;
    width: 14px;
    background: url('/static/css/web/../../images/bg.png')  -4px -415px no-repeat;
    margin-right: 5px;
}



/* j-pop */
.j-pop-wrap{
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
        background: rgba(0, 0, 0, 0.8);
}


.j-pop-wrap.hide{
    height: 0;
    width: 0;
    top: 50%;
    left: 50%;
    overflow: hidden;
}


.j-pop-close{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    color: #fff;
    cursor: pointer;
}
.j-pop-content{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
}
.j-pop-content img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    vertical-align: middle;
}
.j-pop-content p{
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    bottom: 36px;
    font-size: 16px;
}

#j-pop-swiper{
    height: 100%;
}
#j-pop-swiper .swiper-pagination-bullet{
    background: #fff;
    opacity: .5;
}
#j-pop-swiper .swiper-pagination-bullet-active{
    background: #fe0000;
}



.s-btns .swiper-button-next, .s-btns .swiper-button-prev{
    width: 76px;
    height: 76px;
    margin-top: -43px;
    background: url('/static/css/web/../../images/bg.png') no-repeat;
}
.s-btns .swiper-button-prev{
    background-position: -376px 0px;
    left: 0;
}
.s-btns .swiper-button-prev:hover{
	background-position: -204px 0px;
}
.s-btns .swiper-button-next{
    background-position: -462px 0px;
    right: 0;
}
.s-btns .swiper-button-next:hover{
	 background-position: -290px 0px;
}

/* 日历 */
.j-calendar-box {
	border-right: 1px #eee solid;
	border-bottom: 1px #eee solid;
	background-color: #fff;
}
.j-calendar-box table {
	border: 0;
}
.j-calendar-box td {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	text-align: center;
	padding: 5px;
	font-family: arial;
	font-size: 12px;
}
.j-calendar-year {
	display: none;
}
.j-calendar-month {
	text-align: center;
	height: 30px;
	line-height: 30px;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	position: relative;
}
.this_month_today {
	background: #ff821b;
}
.this_month_today i {
	color: #fff
}
.j-calendar-arrow {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	width: 24px;
	height: 24px;
	background: url(/static/css/web/../../images/bg.png) no-repeat;
	cursor: pointer;
}
.j-calendar-month-sub {
	background-position: -60px -358px;
	position: absolute;
	left: 10px;
	top: 5px;
}
.j-calendar-month-add {
	background-position: -108px -358px;
	position: absolute;
	right: 10px;
	top: 5px;
}
.pre_month_day {
	color: #999;
}
.date_td div {
	cursor: pointer;
}
.date_td div i {
	font-style: normal;
}
.date_td .this_month_pre_day{
	color:#666;
}
.date_td .j-calendar-date-disable {
	cursor: default;
	color: #999;
}

.j-calendar-bottom{
	border-left: 1px #eee solid;
    text-align: center;
    border-top: 1px #eee solid;
    text-align: center;
}
.j-calendar-clear{
	height: 30px;
	line-height: 30px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	cursor: pointer;
	padding: 0 20px;
	color: #ff821b;
}



.MT30{
	margin-top:30px;
}

.s-no-data{
	padding: 120px 0;
    background: #fff;
    text-align: center;
    margin: 30px 0;
    color: #666;
}
.s-no-data .s-no-title{
	font-size: 24px;
}
.s-no-data p{
	margin-top: 20px;
	font-size:16px;
}
.s-no-data .s-no-title.error{
	font-size:30px;
}
.s-text{
	margin-top:30px;
}


.jobs-title {
    font-weight: normal;
    margin-top: 20px;
}