@charset "utf-8";
/* CSS Document */
/*手机样式*/
@media (min-width:768px) {
    header .navbar-nav li {
        width: 8%;
        min-width: 108px;
    }
    header,
    header .navbar-toggle,
    header .navbar {
        height: 70px;
        line-height: 70px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .switch {
        display: none;
    }

    header .navbar-nav li a.nav-on {
        padding: 0;
        text-align: center;
    }

    header .navbar-nav > li > a.nav-on:hover {
        color: #fff;
        font-weight: bold;
        font-size: 0.2rem;
        background-color: transparent;
    }
    .home-business ul {
        display: block;
        font-size: 0;
    }
    .home-business ul li {
        width: 30%;
        float: none;
        display: inline-block;
        margin-bottom: 30px;
    }
    .home-business ul li a:hover {
        box-shadow: 0 0 0.1rem #a5a3a4;
    }
    .home-business ul li a:hover p {
        color: #fff;
    }
    .home-business ul li a:hover div.shade  {
        margin-top: 0;
    }
    .home-business ul li a:hover div.text {
        color: #fff;
    }
    .home-business ul li a:hover div.bg {
        margin-bottom: 0;
    }
    .business-container .business-prev,
    .business-container .business-next {
        display: none;
    }
    .enterprise .clearfix {
        display: table;
        width: 100%;
    }
    .enterprise .img ,
    .enterprise .text {
        display: table-cell;
        vertical-align: middle;
        float: none !important;
    }
    .guanpei-body {
        margin: 0 0.7rem;
        padding: 0.2rem 7.23% 0.15rem;
    }
}

@media (min-width:992px) {
    #culture-tab .nav-tabs li:hover a {
        border: none;
        border-radius: 0;
        margin-right: 0;
        padding: 0.11rem 0.39rem;
    }
    header,
    header .navbar-toggle,
    header .navbar {
        height: 70px;
        line-height: 70px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .m-news ul li .img {
        width: 27%;
    }

    .m-news ul li .con {
        width: 73%;
    }

    .m-news ul li {
        padding-right: 18px;
        padding-left: 18px;
    }
}

@media (min-width:1200px) {
    #logo {
        left: 3.91%;
    }

    header .language {
        right: 3.91%;
    }

    .mis-stage .mis-prev {
        left: 70px;
    }

    .mis-stage .mis-next {
        left: 170px;
    }

    header,
    header .navbar-toggle,
    header .navbar {
        height: 70px;
        line-height: 70px;
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media (min-width:1600px) {
    header,
    header .navbar-toggle,
    header .navbar {
        height: 70px;
        line-height: 70px;
        margin-top: 0;
        margin-bottom: 0;
    }

    header .navbar-nav li {
        width: 7%;
    }
}


@media (max-width: 991px) {
    .container {
        width:auto;
    }
    .mis-stage .mis-prev {
        left: 0;
    }
    .mis-stage .mis-next {
        left: inherit;
        right: 0;
    }
    .mis-stage .mis-prev,
    .mis-stage .mis-next {
        top:30%;
    }
    .home-business ul li {
        padding-right: 0.2rem;
        padding-left: 0.2rem;

    }
    .home-business ul li a p {
        display: none;
    }
}

@media (max-width:767px) {
    .home-business ul li a .img {
        height: 215px;
    }
    header .navbar-nav {
        float: none !important;
        border-top: 1px solid #ccc;
        padding-top: 10px;
    }
    header .navbar-nav li {
        padding: 0 15px;
        width: 100%;
        display: block;
    }
    header .navbar-nav li + li {
        margin-top: 5px;
    }
    header .navbar-nav li a {}
    header .navbar-nav li a.nav-on {
        background-color: #ddd;
        border: 1px solid #ddd;
        color: #333;
    }

    header .navbar-nav li:hover .nav-hover{
        display: none;
    }

    header .navbar-nav > li.on a.nav-on,
    header .navbar-nav > li > a.nav-on:focus {
        color: #333;
    }
    header,
    header .navbar-toggle,
    header .navbar {
        height: 70px;
        line-height: 70px;
        margin-top: 0;
        margin-bottom: 0;
    }
    #logo {
        left: 25px;
        height: 50px;
    }
    .m-body .m-con {
        margin-top: 0.3rem;
    }

    header .language {
        position: relative;
        width: 100%;
        right: 0;
        margin-bottom: 10px;
    }
    .enterprise .clearfix {
        padding: 0.3rem 0.4rem;
    }
    .enterprise .img,
    .enterprise .text {
        width: 100%;
    }
    .enterprise .img {
        text-align: center;
        padding-bottom: 0.2rem;
    }
    .introduce {
        background-size: 100%;
        padding-bottom: 0.2rem;
    }
    .introduce .introduce-prev {
        left: 0.05rem;
    }
    .introduce .introduce-next {
        right: 0.05rem;
    }
    .introduce .introduce-swiper {
        margin: 0 0.5rem;
    }
    .breadcrumb {
        display: none;
    }
    .m-body .m-title {
        padding-bottom: 0;
    }

    .m-body .m-title .t-nav ul {
        width: 100%;
        padding: 0.25rem 0 0.1rem;
    }

    .m-body .m-title .t-nav ul li {
        padding-bottom: 0.1rem;
        width: 20%;
        text-align: center;
    }

    .m-body .m-title .t-nav ul li + li {
        margin-left: 0;
    }

    #culture-tab .nav-tabs li {
        width: 33.33333%;
        text-align: center;
    }

    #culture-tab .nav-tabs li a {
        padding-right: 0;
        padding-left: 0;
    }

    .m-body .m-title .t-h1 {
        text-align: center;
    }

    .m-body {
        background-color: #fff;
    }

    .m-body .m-con {
        box-shadow: none;
        padding: 0;
        padding-top: 0.26rem;
    }

    .join-recruit {
        margin-left: 0;
        margin-right: 0;
    }

    .join-recruit .panel-group .panel-body {
        padding-left: 10px;
        padding-right: 10px;
    }

    .job-seeker ul li {
        background-color: #fff;
    }

    .m-welfare ul li .img .welfare-swiper {
        margin: 0;
    }

    .m-news ul li .con h3 a {
        padding-top: 0.3rem;
    }

    .news-list {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }

    .news-list li .img {
        max-height: inherit;
    }

    .news-list li .img img {
        width: 100%;
    }

    .m-news ul li .img,
    .m-news ul li .con {
        padding-right: 0;
        padding-left: 0;
    }

    .m-news {
        padding-top: 0;
    }

    .pro-list li .text {
        padding: 0.3rem 0.3rem 0.5rem;
    }

    .pro-list li .text .more {
        margin-top: 0.3rem;
    }

    .course-box .tab,
    .course-box .tab-con .time {
        width: 35%;
    }

    .course-box .tab-con .text {
        width: 65%;
    }

    .msg .msg-panel .contact-method .content .col-xs-12 {
        float: none;
        width: auto;
        display: inline-block;
        text-align: center;
        padding: 0 25%;
        min-width: 100%;
    }

    .msg .msg-panel .contact-method .content .icon {
        float: left;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 0;
    }

    .msg .msg-panel .contact-method .content .icon-1 {
        height: 0.35rem;
        width: 0.36rem;
        background-image: url("../images/g-icon_05.jpg");
        background-size: 0.36rem 0.35rem;
    }

    .msg .msg-panel .contact-method .content .icon-2 {
        height: 0.37rem;
        width: 0.36rem;
        background-image: url("../images/g-icon_06.jpg");
        background-size: 0.36rem 0.37rem;
    }

    .msg .msg-panel .contact-method .content .icon-3 {
        height: 0.33rem;
        width: 0.33rem;
        background-image: url("../images/g-icon_07.jpg");
        background-size: 0.33rem 0.33rem;
    }

    .msg .msg-panel .contact-method .content .msg {
        float: left;
        padding-left: 0.2rem;
        line-height: 0.36rem;
    }

    .msg .msg-panel .contact-method .content {
        padding: 0 15%;
    }

    .business-container .business-wrapper {
        margin-right: 0;
        margin-left: 0;
    }

    .business-container .business-slide {
        width: 100%;
        position: relative;
        padding-right: 0;
        padding-left: 0;
        background-image: none !important;
    }

    .home-business ul li a p {
        display: block;

    }

    .page-loader video{
        display: none;
    }
    .page-loader img{
        display: block;
    }

    .home-banner .svg-wrapper {
        text-align: center;
    }

    header .navbar-nav {
        background-color: #fff;
    }

    .mis-stage .mis-prev,
    .mis-stage .mis-next{
        top: 57%;
    }
    .mis-stage li .img {
        width: 75%;
        margin: 0 auto;
    }
    .mis-stage li .text{
        font-size: 0.22rem;
        font-weight: bold;
    }
    .mis-stage li .img img {
        width: 100%;
    }
    #list {
        height: 340px;
    }
}

@media (max-width:414px) {
}

@media (max-width:736px) {
    .msg .msg-panel {
        padding: 0.5rem 0;
    }

    .msg .msg-panel .office li {
        width: 100%;
        margin-bottom: 0;
        margin-top: -1px;
    }

    .msg .msg-panel .office li a {
        display: block;
        padding: 0;
        margin: 0;
    }

    .main-content {
        width: 100%;
        overflow: hidden;
    }

    .map {
        width: 100%;
        margin-bottom: 40px;
    }

    .j-selector {
        position: relative;
    }

    .j-selector .switch,
    .j-selector .input {
        position: relative;
        width: 100%;
        height: 36px;
        line-height: 36px;
        border: 1px solid #064089;
        border-radius: 0;
        color: #333;
        background: #fff;
        text-indent: 4%;
        text-align: left;
    }
    .j-selector .sign,
    .j-selector .scd-sign {
        right: 2.58620%;
        position: absolute;
        top: 0;
        transition: all .3s ease-in;
        background: url("../images/tab-prev.png") no-repeat center center;
        height: 100%;
        width: 13px;
    }
    .j-selector .sign.closed, .j-selector .scd-sign.closed {
        -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
             -o-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    .j-selector .menu,
    .j-selector .scd-menu {
        display: none;
        position: absolute;
        z-index: 3;
        top: 36px;
        left: 0;
        width: 100%;
        border: 1px solid #064089;
        border-top: none;
        background: #fff;
    }

    .j-selector .menu .option .link,
    .j-selector .scd-menu .option .link {
        position: relative;
        display: block;
        width: 100%;
        height: 43px;
        line-height: 43px;
        border-top: 1px solid #064089;
        color: #222328;
    }
}