
/* Comment Generated by Combres - Resource '~/Css2/reset.css' (Mode: Static) */
/*
CSS Reset
*/

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0;
}

/** 设置默认字体 **/
body,
button, input, select, textarea{
    font: 12px/1.5 "微软雅黑","宋体",Helvetica,Verdana,Arial,Tahoma;
    color:#4D4D4D;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/
ul, ol { list-style: none; }

/** 重置文本格式元素 **/
a { text-decoration: none; color:#4d4d4d;}
a:hover { text-decoration: none; }

sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */
sub { vertical-align: text-bottom; }

/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }

/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
mark { background: #ff0; }

/**/
.mb10 {
	margin-bottom: 10px;

}

.c{
    *zoom:1;
}
.fB{
    font-weight:800;
}
.c:after{
    clear:both;
    display:block;
    visibility:hidden;
    height:0;
    content:'.';
}
.indent{
    text-indent:24px;
}
.tac{
    text-align:center;
}
.tal{
    text-align:left;
}
.tar{
    text-align:right;
}
.blueLink{
    color:#01afd4;
    text-decoration:none;
}
.blueLink2{
    color:#0066CC;
    text-decoration:none;
}
.noBorder{
    border:none !important;
}
.dn{
    display:none;
}
.color999{
    color:#999;
}
.red{
    color:#ff3300;
}
.f12{
    font-size:12px;
}
.f14{
    font-size:14px;    
}
.mt8{
    margin-top:8px;
}
.mr15 {margin-right:15px;}
.c0066cc {color:#0066cc;}


@media screen and (min-width: 768px){
    .fl {float:left;}
    .fr {float:right;}
}


/* Comment Generated by Combres - Resource '~/Css2/newStyle15/layout_hirede.css' (Mode: Static) */
@charset "utf-8";
.blue
{
    color:#0084ff !important;    
}
.m-b20
{
    margin-bottom:20px;    
}
.m-b40
{
    margin-bottom:40px;    
}
.m-b60
{
    margin-bottom:60px;    
}
.block
{
    text-align:center;    
}
.text-blue
{
    color:#0084ff;
}
.headerTrans
{
    margin:0 auto;
    color:#fff;
    padding:20px 0;    
}

.headerTrans .nav>ul a
{
    position: relative;
    z-index: 1000;
    color:#fff;
    font-size:18px;
    display:block;
}

.headerTrans .nav .pop
{
    position:absolute;
    left:-50px;
    top:24px;
    z-index:999;
    width: 146px;
    overflow:hidden;
}
.aboutPage .headerTrans .nav .pop{
    padding:0 50px 10px 50px;
    background:#fff;
    left:-100px;
}
.headerTrans .nav .pop
{
    height:0;
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;    
}
.headerTrans .nav .pop a
{
    display:block;
    margin:5px 0;
}

.headerTrans .nav>ul a:hover
{
    color:#0084ff;
}

.headerTrans .nav .btnArea a
{
    color:#fff;
    font-size:18px;
    display: block;
}
.headerTrans .nav .btnArea a:hover
{
    background:#0084ff;
    border:1px solid #0084ff;
}
.headWrapInner .headerTrans .nav>ul a
{
    color:#333;
}
.headWrapInner .headerTrans .nav>ul a:hover
{
    color:#0084ff;
}
.headWrapInner .headerTrans .nav .btnArea a
{
    border:1px solid #0084ff;
    color:#0084ff;
}
.headWrapInner .headerTrans .nav .btnArea a:hover
{
    background:#0084ff;
    color:#fff;
}

.hiredePage
{
    background:url("http://www.51a.co/images2/newStyle15/banner-new1.jpg") center center no-repeat;
}
.hikerPage
{
    background:url("http://www.51a.co/images2/newStyle15/banner-new5.jpg") center center no-repeat;
}
.yunHunter
{
    background:url("http://www.51a.co/images2/newStyle15/banner-new15.jpg") center center no-repeat;
}
.headWrap
{
    height:700px;
    color:#fff;
    position:relative;
}

.headWrap .banner
{
    text-align:center;
    padding-top:170px;
}
.headWrap .banner h2
{
    font-size:64px; 
    margin-bottom:40px;
    font-weight:normal;
}
.headWrap .banner p a
{
   color:#fff;
   font-size:18px;
}
.headWrapInner
{
       
}
.headWrapInner .banner
{
    background:url("http://www.51a.co/images2/newStyle15/banner-new16.jpg") center center no-repeat;
    height:200px;
    padding-top:120px;
}
.headWrapInner .banner
{
    text-align:center;
}


.inner
{
    margin:0 auto;
    padding:70px 0;
    text-align:center;
    color:#333;
}
.textLight
{
    color:#bec5cb;    
}

.scrollWrap li p
{
    margin:30px 0;
    font-size:16px;
}
.scrollWrap li .qoute
{
    font-size:28px;
    line-height:40px;
    margin-top:10px;
}
.scrollWrap li .qoute span
{
    font-size:40px;
    font-family:"Microsoft YaHei";
}
.scrollWrap li .qoute .q1
{
    background:url("http://www.51a.co/images2/newStyle15/quote1.png") no-repeat;
    width:27px;
    height:25px;
    display:inline-block;
    margin-right:5px;
}
.scrollWrap li .qoute .q2
{
    background:url("http://www.51a.co/images2/newStyle15/quote2.png") no-repeat;
    width:27px;
    height:25px;
    display:inline-block;
    margin-left:5px;
}
.bgGray
{
    background:#edf1f4;    
}

.plus h3
{
    text-align:center;
    font-size:40px;
    font-weight:normal;
    
}
.plus p
{
    color:#576065;
    font-size:18px;
    margin:25px 0 45px;
    text-align:left;
}
.plus p a
{
    color:#0084ff;  
}
.plus li
{
    float:left;
    height:190px;
    padding-top:20px;
}

.plus li a
{
    font-size:16px;
    color:#425059;
}
.plus li a i
{
    background:url("http://www.51a.co/images2/newStyle15/index-sprit.png") no-repeat;
    width:145px;
    height:145px;
    display:inline-block;
}
.plus li a .campus
{
    background-position:-166px 0;
}
.plus li a .inter
{
    background-position:-325px 0;
}
.plus li a .hunter
{
    background-position:0 -159px;
}
.plus li a .wechat
{
    background-position:-166px -159px;
}
.plus li a .mobile
{
    background-position:-325px -159px;
}
.engagement 
{
    padding-bottom:0;  
}
.engagement h3,.hunterWrap h3
{
    text-align:center;
    font-size:40px;
    font-weight:normal;
}
.engagement p,.hunterWrap p
{
    color:#576065;
    font-size:18px;
    margin:25px 0 45px;
}
.hunterWrap h3,.hunterWrap p
{
    text-align:left;    
}
.hunterWrap .w700
{
    margin-top:50px;
}
.newExp
{
    background:url("http://www.51a.co/images2/newStyle15/banner-new2.jpg") center center no-repeat;
    height:669px;
 }

.newExp h3
{
    text-align:left;
    font-size:40px;
    font-weight:normal;
    color:#fff;
    margin:150px 0 20px;
}
.newExp p
{
    text-align:left;
    font-size:18px;
    color:#fff;
}
.iconVedio
{
    background:url("http://www.51a.co/images2/newStyle15/arrow.png") -19px 1px no-repeat;
    display:inline-block;
    width:34px;
    height:34px;
    margin-right:10px;
    vertical-align: middle;
}
.arrowBottom
{
    background:url("http://www.51a.co/images2/newStyle15/arrow.png") no-repeat;
    display:inline-block;
    width:10px;
    height:10px;
    margin-left:3px;
    vertical-align: middle;
}
.f_l
{
    float:left;    
}
.mobileRecruit ,.mobileRecruit .inner
{
    padding-bottom:0;    
}

.mobileRecruit .f_l img
{
    vertical-align: bottom;
}
.mobileRecruit .textCon h3,.brand .wrap h3
{
    font-size: 40px;
    font-weight: normal;
    font-weight:normal;
    text-align:left;
}
.mobileRecruit .textCon p,.brand .wrap p
{
    color: #576065;
    font-size: 18px;
    margin-top: 25px;
    text-align:left;
}
.borderBtn
{
    border:1px solid #0084ff;
    color:#0084ff;
    font-size:18px;
    padding:5px 35px;
}
.brand 
{
    position:relative; 
    padding-bottom:290px;
}
.brand img
{
    position:absolute;
    bottom:0;
    right:0;    
}

.bottomBanner
{
    height:390px;
    background:url("http://www.51a.co/images2/newStyle15/banner-new20.jpg") center center no-repeat;
    margin-bottom:60px;
    color:#fff;
    padding-top:100px;
}
.bottomBanner h3
{
    font-size:36px;
    font-weight:normal;
    margin-bottom:20px;
}
.bottomBanner p
{
    font-size:18px;
    margin-bottom:40px;
}
.bottomBanner .joinUs
{
    color:#fff;
    font-size:36px;
    padding:10px 85px 10px 45px;
    border:1px solid #fff;
    position:relative;
}
.bottomBanner .joinUs i
{
    position:absolute;
    right:30px;
    bottom:-10px;
    width:45px;
    height:60px;
    background:url("http://www.51a.co/images2/newStyle15/jod-detail.png") center center no-repeat;
}












/*bottom begin*/
.bottom .service {
	height: 96px;
	margin: 0 auto;
	background-color: #e8e8e8;
}
.bottom .service .service-center {
	height: 93px;
	margin: 0 auto;
	font-size: 24px;
	line-height: 93px;
	color: #4d4d4d;
}
.bottom {
	background:#2b2b2b;
}
.bottom .links_bg 
{
    padding-top:30px;
}
.bottom .links_bg ul 
{
	margin:0 auto;
	padding-bottom:20px;
}
.bottom .links_bg ul li {
    line-height: 24px;
    padding: 0 0 0 26px;
    text-align: left;
    font-size:14px;
}
.bottom .links_bg ul .noMargin 
{
    margin:0;    
}

.bottom .links_bg ul li h4 {
font-size: 18px;
font-weight: normal;
margin:20px 0 8px 0;
color:#000;

}
.bottom .links_bg ul li a{
	color:#666;
	font-size:12px;
	display:block;
}
.bottom .links_bg ul li a span{
	margin-right:10px;
}
.bottom .footer {
	margin:0 auto;
	padding:22px 0;
	color:#828282;
	
}
.bottom .footer .footer_words {
	float:left;
}
.bottom .footer .footer_words a
{
    color:#828282;
}
.bottom .footer .footer_img {
	float: left;
}
.bottom .loginFt{
    padding-top:0;
}
.loginFt .footer_words{
    margin-top:-7px;
}
.bottom .service .service-center .service-tel,.loginFt .service-tel {
	background-image: url("http://www.51a.co/Css2/images2/index_bg.png");
	background-position: -10px -315px;
	background-repeat: no-repeat;
	float: left;
	width: 395px;
	position: relative;
	padding-left:55px;
}
.loginFt .service-tel{
    font-size:24px;
    line-height:93px;
    margin-top:-35px;
    margin-right:40px;
    width:auto;
    float:right;
}
.bottom .hotLine
{
    margin:20px 0 10px;    
}
.bottom .hotLine i
{
    display:inline-block;
    width:37px;
    height:37px;
	background: url("http://www.51a.co/Css2/images2/indexSprite.png") 0 -451px no-repeat;
	margin-right:10px;
}
.bottom .hotLine em
{
    color:#00afff;
    font-size:24px;
    display:inline-block;
}
.bottom .hotLine span
{
    color:#333;
    font-size:12px;
    display:block;
}
.bottom .links_bg ul .service-custom
{
    color:#00afff;
    font-size:24px;
}
.bottom .service-custom i
{
    display:inline-block;
    width:37px;
    height:37px;
	background: url("http://www.51a.co/Css2/images2/indexSprite.png") -59px -451px no-repeat;
	margin-right:10px;
	vertical-align:middle;
}
.bottom .service .service-center .service-focus {
	background-image: url("http://www.51a.co/Css2/images2/index_bg.png");
	background-position: -780px -315px;
	background-repeat: no-repeat;
	padding-left:55px;
	float: left;
}
.bottom .footer-links {float:right;margin-top:10px;}
.bottom .aboutUsLink a{margin-right:10px;color:#fff;display: inline-block;}
.bottom .friend-link{
    margin-top: 5px;
}
.bottom .friends-link > span{
    color: #828282;
}
.bottom .friend-link > a{
    display: inline-block;
    margin-left: 15px;
    color: #828282;
}
.bottom .friend-link > a:hover{
    color: #fff;
}
.backTop
{
    position:fixed;
    right:20px;
    bottom:100px;
    width:80px;
    display:none;
}
.backTop a
{
    display:block;
    text-align:center;
}

.scrollWrap
{
    height:295px;
    overflow:hidden;
}
.scrollWrap ul
{
    width:2000px;
}
.scrollWrap li
{
    float:left;
}

.hideImg
{
    width:0;
    height:0;
    font-size:0;
    line-height:0;
    overflow:hidden;    
}

/*mobile*/
@media screen and (max-width:767px){ 
    .inner
    {
        padding-left:10px;
        padding-right:10px;
    }
    img.mobile
    {
        width:100%;    
    }
    .bottom .links_bg ul 
    {
	    padding-left:10px;
        padding-right:10px;
    }
    .bottom .footer {
	    padding-left:10px;
        padding-right:10px;
    }
    .backTop
    {
        display:none;
    }
    .mobileHide
    {
        display:none;   
     }
     .mobileMenu
    {
        float:right;
        margin:8px 10px 0 0;    
    }
    .headerTrans .nav
    {
        position:absolute;
        width:100%;
        left:0;
        top:56px;
        background: rgba(0,0,0,0.3);
        height: 0;
        overflow: hidden;
    }
    .headWrapInner .headerTrans .nav
    {
        background:rgba(237,241,244,0.7);
    }
    .headWrapInner .headerTrans .nav .btnArea a
    {
        border: 0 none;
        color: #333;
    }
    .headWrapInner    .headerTrans
    {
        background:#fff;
        border-bottom: 1px solid #777;
    }
    .headerTrans
    {
        background: rgba(0,0,0,0.3);
        padding: 10px 0;
        border-bottom: 1px solid #777;
    }
    .headerTrans h1
    {
        padding-left:10px;
    }
    .headerTrans .nav a
    {
        padding-left:15px;
        line-height:35px;
    }
    .headerTrans .nav>ul a:hover
    {
        background: rgba(0,0,0,0.1);
    }
    .swipeWrap .prev,.swipeWrap .next
    {
        display:none;
    }
    .backTop
    {
        width:0;
        height:0;
        overflow:hidden;
    }
    .floatFooter
    {
        display:none;    
    }
    .headWrap .banner h2
    {
        font-size:40px;
        padding:0 15px;
        margin-bottom:40px;
    }
    .plus li a i
    {
        background:url("http://www.51a.co/images2/newStyle15/index-sprit.png") no-repeat;
        width:70px;
        height:70px;
        background-size:320%;
        display:inline-block;
    }
    .plus li
    {
        float:left;
        height:auto;
        width:33%;
    }
    .plus li a .campus {
        background-position: -77px 0;
    }
    .plus li a .inter {
      background-position: -154px 0;
    }
    .plus li a .hunter {
      background-position: 0 -75px;
    }
    .plus li a .wechat {
      background-position: -77px -76px;
    }
    .plus li a .mobile {
      background-position: -154px -75px;
    }
    
    .hikerPage
    {
        background:url("http://www.51a.co/images2/newStyle15/banner-new5.jpg") center right no-repeat;
    }
    .yunHunter
    {
        background:url("http://www.51a.co/images2/newStyle15/banner-new15.jpg") center left no-repeat;
    }
}
/*pc*/
@media screen and (min-width:768px){
    .newExp p
    {
        width:750px;
    }
    .headerTrans
    {
        width:1200px;
    }
    .inner
    {
        width:1200px;
    }
    .scrollWrap
    {
        width:680px;
        margin:0 auto;  
    }
    .plus
    {
        width:918px;
        margin:0 auto;
    }
    .hunterWrap
    {
        width:1100px;    
    }
    .engagement 
    {
        width:855px; 
    }
     .newExp .inner
    {
        width:1200px;
        margin:0 auto;
    }
    .plus .bdr
    {
        border-right:1px solid #dfe5ea;
    }
    .plus .bdb
    {
        border-bottom:1px solid #dfe5ea;
    }
    .bottom .service .service-center {
	    width: 1200px;
    }
    .bottom .links_bg ul 
    {
	    width:1200px;
    }
    .bottom .footer {
	    width:1200px;
    }
    .bottom .footer .footer_words {
	    width:465px;
    }
    .headerTrans .nav>ul li
    {
        float:left;
        margin-right:45px;
        position:relative;
    }
    .headerTrans .nav>ul li:hover .pop
    {
        height:73px;
        -webkit-transition: all 0.4s linear 0s;
        transition: all 0.4s linear 0s;
    }
    .headerTrans .nav>ul li:first-child:hover>a
    {
        border-bottom:0 none;
    }
    .mobileRecruit .f_l
    {
        width:503px;
    }
    .mobileRecruit .inner
    {
        width:1100px;
    }
    .mobileRecruit .textCon
    {
        margin:100px 0 0 543px;
    }
    .brand .wrap
    {
        width:700px;  
        margin: 50px 0 0 50px;  
    }
    .plus li 
    {
        width:33%;    
    }
    .w700
    {
        width:700px;    
    }
    .bottom .links_bg ul li {
	    float: left;
        padding: 0 0 0 6px;
        margin-right:133px;
    }
    .headerTrans .nav .btnArea
    {
        float:right;
    }
    .headerTrans .nav .btnArea a
    {
        float: left;
        border:1px solid #fff;
        width:100px;
        text-align:center;
        padding:3px 0;
        color:#fff;
        font-size:16px;
        margin-left:20px;
    }
    .headerTrans h1
    {
        float:left;
    }
    .headerTrans .nav
    {
        float: right;
    }
    .headerTrans .nav>ul
    {
        float:right;
        margin-top:3px;
    }
    .headerTrans .nav .btnArea a
    {
        border:1px solid #fff;
        width:100px;
        text-align:center;
        padding:3px 0;
        margin-left:20px;
    }
    .mobileMenu
    {
        display:none;    
    }
    .headerTrans .nav>ul a
    {
        padding-bottom: 5px;
    }
    .headerTrans .nav>ul .active
    {
        color:#0084ff !important;
        border-bottom:1px solid #0084ff; 
    }
    .headerTrans .nav>ul a:hover
    {
        border-bottom:1px solid #0084ff; 
    }
    .swipeWrap{position:relative;}
    .swipeWrap .prev,.swipeWrap .next
    {
        position:absolute;
        top:150px;
        width:32px;
        height:58px;
        display:block;
        background:url("http://www.51a.co/images2/newStyle15/arrow.png") no-repeat;
    }
    .swipeWrap .prev
    {
        background-position:4px -84px;
        left:100px;
    }
    .swipeWrap .prev:hover
    {
        background-position:4px -30px;
    }
    .swipeWrap .next
    {
        background-position:-27px -28px;
        right:100px;
    }
    .swipeWrap .next:hover
    {
        background-position:-27px -81px;
    }
    .scrollWrap li
    {
        width:684px; 
        min-height:352px;
    }
    .floatFooter
    {
        position:fixed;
        left:0;
        bottom:0;
        height:70px;
        width:100%;
        background:rgba(0,0,0,0.5); 
    }
    .floatFooter .wrap
    {
        width:1200px;
        margin:0 auto;
    }
    .floatFooter .tel
    {
        float:left;
        margin-top:15px;
        color:#fff;
        font-size:26px;
    }
    .floatFooter .tel img
    {
        vertical-align:middle;
        margin-right:15px;
    }
    .floatFooter .btn
    {
        float:right;
        margin-top:12px;
    }
    .floatFooter .btn a
    {
        color:#fff;
        font-size:20px;
        padding:8px 0;
        display:inline-block;
        width:180px;
        text-align:center;
    }
    .floatFooter .btn .login
    {
        background:#5ecc22;
    }
    .floatFooter .btn .register
    {
        background:#00baff;
    }
    .floatFooter .btn .login:hover
    {
        background:#48bc08;
    }
    .floatFooter .btn .register:hover
    {
        background:#43ccff;
    }
    .bottom
    {
        margin-bottom:70px;    
    }
}






/* Comment Generated by Combres - Resource '~/Css2/newStyle15/center_detail.css' (Mode: Static) */
@charset "utf-8";
