body {
    min-width: 1200px !important;
    overflow: auto !important;
    padding-top: 0!important;
}

.m_show {
    display: none!important;
}

.about-stateBox .container .stateBox .m_recruitWelfare {
    display: none;
}

.navbar-fixed-top {
    position: relative!important;
}

.breadcrumb {
    margin-bottom: 18px;
    font-size: 14px;
    background-color: #EEE;
    padding: 0;
}

.breadcrumb>li+li:before {
    color: #CCCCCC;
    content: "> ";
    padding: 0 5px;
}

.breadcrumb>li>a {
    color: #666;
}

.breadcrumb>li>a:hover {
    color: #01b7ff;
}

.breadcrumb>li:last-child>a:hover {
    color: #666;
}

.bannerBox {
    width: 100%;
    height: 479px;
    background: #0b1224 url(../images/recruit_banner_bg-4.0.png) no-repeat center center;
    position: relative;
}

.bannerBox .banner_title {
    width: 400px;
    height: 40px;
    position: absolute;
    left: 50%;
    margin-left: -200px;
    top: 50%;
    margin-top: -20px;
}

.bannerBox .banner_title span {
    font-size: 38px;
    color: rgba(255, 255, 255, 1);
}

.navBox {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #d2d2d2;
    margin: 0 auto;
    box-shadow: 0px 0px 4px 0px rgba(71, 71, 71, 0.44);
}

.navBox ul.headNav {
    width: 100%;
    margin: auto;
    float: left;
}

.navBox ul.headNav li {
    width: 33%;
    text-align: center;
    display: inline-block;
    float: left;
}

.navBox ul.headNav li a {
    width: 150px;
    color: #333;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    position: relative;
}

.navBox>.container {
    margin: 0 auto;
    padding: 0;
    width: 1200px;
}

.navBox ul.headNav li:first-child {}

.navBox ul.headNav li a:after {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #108cee;
    content: '';
    opacity: 0;
    box-sizing: border-box;
    transform: translateY(-10px);
    transition: height .5s, opacity .5s, transform .5s;
}

.navBox ul.headNav li.active a {
    border-bottom: 3px solid #108cee;
}

.navBox ul.headNav li.active a {
    color: #108cee;
}

.about-stateBox {
    padding-top: 24px;
    font-family: " Light", "", "黑体", "宋体";
}

.about-stateBox .container {
    margin: 0 auto;
}

.about-stateBox .container h2 {
    height: 34px;
    line-height: 34px;
    padding-left: 44px;
    font-size: 24px;
    color: #333;
    padding-bottom: 20px;
}

.about-stateBox .container .stateBox {
    padding-bottom: 43px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #666;
}

.about-stateBox .container .stateBox .recruitHeader>span {
    text-align: center;
    display: block;
    padding: 34px 0 40px 0;
    line-height: 24px;
}

.about-stateBox .container .stateBox .recruitHeader>span>i.quotationMarks {
    display: inline-block;
    width: 26px;
    height: 21px;
    background: url(../image/recruit_banner_bg-4.0.png) no-repeat center center;
}

.about-stateBox .container .stateBox>span.Tip {
    display: block;
    font-size: 24px;
    color: #333;
    margin-bottom: 18px;
    font-weight: 600;
    text-align: center;
    margin-top: 22px;
}

.about-stateBox .container .stateBox>span.Tip2 {
    margin-top: 110px;
}

.about-stateBox .container .stateBox>span.Tip>span.littleITip {
    font-size: 14px;
    color: #666;
    padding-left: 20px;
}

.about-stateBox .container .stateBox .recruitWelfare {
    background: #fff;
    margin-bottom: 42px;
}

.about-stateBox .container .stateBox .recruitWelfare .welfare {
    width: 202px;
    height: 178px;
    background: linear-gradient(#5A6CFA, #918ACD);
    border-radius: 89px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    transition: background-color .4s ease-in-out;
    margin-left: 80px;
    margin-top: 40px;
}

.about-stateBox .container .stateBox .recruitWelfare .welfare>span {
    height: 100%;
    display: inline-block;
    padding-top: 38px;
    padding-bottom: 24px;
    font-size: 20px;
    color: #fff;
}

.about-stateBox .container .stateBox .recruitWelfare .welfare>span>i {
    width: 84px;
    display: block;
    margin: 0 auto;
    margin-bottom: 22px;
    height: 81px;
}

.about-stateBox .container .stateBox .recruitWelfare .welfare>span.welfare1>i {
    /*background: url(../images/recruit_icon_1-4.0.png) no-repeat center center;*/
}

.about-stateBox .container .stateBox .recruitWelfare .welfare>span.welfare2>i {
    background: url(../image/recruit_icon_2-4.0.png) no-repeat center center;
}

.about-stateBox .container .stateBox .recruitWelfare .welfare>span.welfare3>i {
    background: url(../image/recruit_icon_5-4.0.png) no-repeat center center;
}

.about-stateBox .container .stateBox .recruitWelfare .welfare>span.welfare4>i {
    background: url(../image/recruit_icon_8-4.0.png) no-repeat center center;
}

.about-stateBox .container .stateBox .recruitWelfare .welfare>span.welfare5>i {
    background: url(../image/recruit_icon_7-4.0.png) no-repeat center center;
}

.about-stateBox .container .stateBox .recruitWelfare .welfare>span.welfare6>i {
    background: url(../image/recruit_icon_3-4.0.png) no-repeat center center;
}

.about-stateBox .container .stateBox .recruitWelfare .welfare>span.welfare7>i {
    background: url(../image/recruit_icon_4-4.0.png) no-repeat center center;
}

.about-stateBox .container .stateBox .recruitWelfare .welfare>span.welfare8>i {
    background: url(../image/recruit_icon_6-4.0.png) no-repeat center center;
}

.about-stateBox .container .stateBox .recruitInfo {
    background: #fff;
    margin-bottom: 42px;
    position: relative;
}

.about-stateBox .container .stateBox .recruitInfo .details {
    width: 758px;
    height: 400px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 2px 1px 6px 2px rgba(71, 71, 71, 0.35);
    position: absolute;
    left: 50%;
    margin-left: -379px;
    z-index: 999;
    top: 50%;
    margin-top: -200px;
    display: none;
}

.aboutBox .container .section-1 .about1 .location {
    width: 989px;
    margin-top: 51px;
    position: relative;
}

.aboutBox .container .section-1 .about1 .location .left {
    width: 40%;
    float: left;
}

.aboutBox .container .section-1 .about1 .location .right {
    width: 43%;
    float: left;
    margin-left: 164px;
}

.aboutBox .container .section-1 .about1 .location span {
    width: 1px;
    height: 191px;
    background: rgba(204, 204, 204, 1);
    position: absolute;
    left: 48%;
    margin-left: -0.5px;
}

.aboutBox .container .section-1 .about1 p {
    font-size: 14px;
    color: rgba(102, 102, 102, 1);
    text-align: left;
    margin-top: 0;
    line-height: 28px;
}

.aboutBox .container .section-1 .about1 h1 {
    font-size: 24px;
    font-family: MicrosoftYaHei;
    color: rgba(16, 140, 238, 1);
}

.about-stateBox .container .stateBox .recruitInfo .details .close {
    display: inline-block;
    width: 17px;
    height: 18px;
    position: absolute;
    right: 21px;
    top: 10px;
}

.about-stateBox .container .stateBox .recruitInfo .details .title,
.require {
    width: 90%;
    margin: 44px auto;
}

.about-stateBox .container .stateBox .recruitInfo .details .title .bolder {
    font-size: 20px;
    color: rgba(51, 51, 51, 1);
    font-weight: bolder;
}

.about-stateBox .container .stateBox .recruitInfo .details .title .location {
    font-size: 12px;
    color: rgba(153, 153, 153, 1);
}

.about-stateBox .container .stateBox .recruitInfo .details .require h3 {
    font-size: 18px;
    color: rgba(51, 51, 51, 1);
    margin-top: -25px;
}

.about-stateBox .container .stateBox .recruitInfo .details .require p {
    font-size: 12px;
    color: #666;
    line-height: 20px;
}

.about-stateBox .container .stateBox .recruitInfo .details .require .line {
    width: 686px;
    height: 1px;
    background: rgba(204, 204, 204, 1);
    display: inline-block;
    margin-bottom: 3px;
}

.about-stateBox .container .stateBox .recruitInfo .Info {
    width: 191px;
    height: 226px;
    background: #fff;
    border: 1px solid #BFBFBF;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    transition: background-color .4s ease-in-out;
    margin-left: 85px;
    margin-top: 40px;
}

.about-stateBox .container .stateBox .recruitInfo .Info:hover {
    background-color: #445dd0;
    color: #fff;
    border: none;
}

.about-stateBox .container .stateBox .recruitInfo .Info:hover span {
    color: #fff;
}

.about-stateBox .container .stateBox .recruitInfo .Info:hover span.Info_icon>i {
    background: url(../images/recruit_icon_9-4.0.png) no-repeat center center;
}

.about-stateBox .container .stateBox .recruitInfo .Info>span {
    height: 100%;
    display: inline-block;
    padding-top: 38px;
    padding-bottom: 24px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}

.about-stateBox .container .stateBox .recruitInfo .Info>span>.line {
    width: 114px;
    height: 1px;
    background: rgba(204, 204, 204, 1);
}

.about-stateBox .container .stateBox .recruitInfo .Info>span>p {
    margin-top: 10px;
}

.about-stateBox .container .stateBox .recruitInfo .Info>span>i {
    width: 70px;
    display: block;
    margin: 0 auto;
    margin-bottom: 22px;
    height: 63px;
}

.about-stateBox .container .stateBox .recruitInfo .Info>span.Info_icon>i {
    background: url(../images/recruit_icon_10-4.0.png) no-repeat center center;
}

.about-stateBox .container .stateBox .recruitInfo .Info>span.Info_icon>i {
    background: url(../images/recruit_icon_10-4.0.png) no-repeat center center;
}

.about-stateBox .container .stateBox .recruitInfo .Info>span.Info_icon>i {
    background: url(../images/recruit_icon_10-4.0.png) no-repeat center center;
}

.about-stateBox .container .stateBox .recruitInfo .Info>span.Info_icon>i {
    background: url(../images/recruit_icon_10-4.0.png) no-repeat center center;
}

a:hover {
    text-decoration: none;
}

.navBox ul.headNav li a:hover {
    color: #4ea3f3;
}

.navBox ul.headNav li a:hover:after {
    height: 2px;
    opacity: 1;
    transform: translateY(0px);
}

.navBox {
    width: 100%;
}

.about-stateBox .container {
    width: 1200px;
    padding-left: 0;
    padding-right: 0;
}

.about-stateBox .container .stateBox {
    width: 1200px;
}

.about-stateBox .container .stateBox .recruitWelfare .welfare:hover {
    webkit-box-shadow: 0 0 20px 2px #dedede;
    -moz-box-shadow: 0 0 20px 2px #dedede;
    box-shadow: 0 0 20px 2px #dedede;
}

footer .row .phone {
    padding-left: 32px;
    background: url(../image/home_icon_tel-4.0.png) no-repeat 0 center;
    display: inline-block;
}

footer .row .safe {
    padding-left: 32px;
    background: url(../image/home_icon_safety-4.0.png) no-repeat 0 center;
    display: inline-block;
}

footer .row .believe {
    padding-left: 32px;
    background: url(../image/home_icon_qual-4.0.png) no-repeat 0 center;
    display: inline-block;
}

footer .row .w18 {
    width: 18%;
}

@media (min-width: 992px) {
    .col-md-2 {
        width: 15.666667%;
    }
}