@media screen and ( max-width: 1366px) {
        .history-date ul li.green dl {
            width: 86%;
            float: right;
            padding: 0;
        }
        .demo {
            width: 100% !important;
        }
        .history-date ul li.green h3 {
            width: 13%;
            padding: 0;
        }
        .newlistbox {
            width: 32.3%;
            margin: 0;
        }
        .newlistbox img {
            width: 100%;
        }
        .history-date ul li dl {
            float: right !important;
        }
        .history-date >ul >li h3 {
            width: 12% !important;
        }
    }
    @media screen and ( max-width: 1200px) {
        .cooperbox {
            width: 50%;
        }
        #container {
            width: 100%!important;
        }
        .poster-main {
            width: 100%;
        }
        .address {
            width: 100%;
        }
        .section1 {
            width: 100%;
        }
        .jobBox {
            text-align: center;
        }
        .jobBox li {
            margin: 10px 20px;
        }
        .listGroup >li {
            width: 33%;
        }
        .newGroup li {
            margin: 10px !important;
        }
        .logobar,
        .nav {
            width: 100%;
        }
        .Personal {
            width: 95%;
            margin: 0 auto;
        }
        .Personal li {
            margin: 0 12px;
            width: 31%;
        }
        .inf >p {
            width: 70%;
        }
        .companybox {
            width: 100%;
            text-align: center;
        }
        .companyboxInf {
            width: 100%;
            margin: 0 auto;
        }
        .infshow {
            width: 90%;
            font-size: 16px;
        }
    }
    @media screen and ( max-width: 768px) {
        .listGroup >li {
            width: 100%;
        }
        .flex-direction-nav .flex-prev {
            background-position: -20px -16px;
        }
        .flex-direction-nav .flex-next {
            background-position: -11px -84px;
        }
        .flex-direction-nav a {
            width: 40px;
            height: 40px;
            top: 68%;
        }
        .flex-next,
        .flex-prev {
            opacity: 1!important;
        }
        .selectGroup {
            text-align: left;
            margin-left: 27px;
            margin-bottom: 0;
        }
        .cultureList {
            width: 90%;
        }
        .flexslider {
            height: 305px;
        }
        .flickity-enabled.is-draggable {
            display: block;
        }
        .lunbo {
            display: none;
        }
        .mapbox {
            padding: 0;
        }
        .nav {
            display: none;
        }
        .nav-phone {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
        }
        .mapbox img {
            width: 100%;
        }
        .newGroup li {
            width: 85%;
            margin: 0 auto !important;
            display: block;
            font-size: 14px;
        }
        .logobar {
            margin-bottom: 0;
        }
        .companyTitle {
            width: 95%;
            margin: 20px auto;
            line-height: normal;
        }
        .Personal li {
            width: 100%;
            margin: 10px auto;
        }
        .job {
            float: left;
        }
        .map li {
            display: block;
            padding: 0;
        }
        .map p {
            margin-bottom: 20px;
            line-height: 30px;
        }
        .logo-leftR,
        .searchbar,
        .searchBtn {
            display: none;
        }
        .arrow {
            margin: 0;
        }
        .history-date ul li.green dl {
            width: 100%;
            margin-top: 10px!important;
            ;
        }
        .logo-right {
            margin-top: -30px;
        }
        .navbar-toggle {
            display: block;
        }
        .selectGroup li {
            font-size: 14px;
            width: 110px;
            margin-bottom: 5px;
        }
        .flexslider .slides a img {
            background-size: contain!important;
        }
    }
    /* 鏂版坊鍔�*/
    
    @media screen and ( max-width: 917px) {
        .Personal li {
            width: 100%;
            margin: 0;
        }
        .PersonalImg {
            margin-top: 20px;
        }
        .logo-leftR {
            display: none;
        }
    }
    @media screen and ( max-width: 912px) {
        .logo-left {
            width: 100%;
            text-align: left;
            margin-left: 20px;
        }
        .selectGroup1 li {
            display: inline-block;
            width: inherit;
            border-radius: 3px;
            border: 1px solid #2897f2;
            color: #2897f2;
            font-size: 18px;
            text-align: center;
            line-height: 45px;
            cursor: pointer;
            /* padding: 0%; */
            padding: 0 10px;
            margin-right: 0;
        }
    }
    @media screen and ( max-width: 640px) {
        .job {
            width: 100%;
            text-align: left;
        }
        .jobBox li {
            border-bottom: 2px solid #f4f3f3;
        }
        .show {
            display: none !important;
        }
        .newlistbox {
            width: 80%;
            margin: 20px auto 0!important;
            float: none;
            text-align: center;
        }
        .newlistbox img {
            width: 75%;
            margin-top: 30px;
        }
        .newlistInf {
            text-align: left;
        }
        .arrow {
            padding: 0;
        }
    }
    @media screen and ( max-width: 560px) {
        .cooperlist {
            width: 100%;
            margin-top: 10px;
        }
        .hero-gallery__cell {
            height: 450px!important;
        }
        .infP:before,
        .infP:after {
            background: none;
        }
        .inf >p {
            width: 90%;
        }
        .grid {
            width: 90%!important;
            margin: 0 auto !important;
            float: none!important;
        }
        .selectGroup1 {
            margin-bottom: 30px;
        }
        .toptitle {
            margin-top: 50px;
        }
        .selectBtn li {
            margin: 20px 10px;
        }
        .listGroup {
            margin-top: 60px;
        }
        .companyTitle {
            font-size: 16px;
        }
    }
    @media screen and ( max-width: 450px) {
        .logo-left img {
            width: 40%;
        }
        .logo-left {
            margin-bottom: 5px;
            margin-top: 0;
        }
        .logo-right {
            margin-top: 0;
        }
    }
    @media screen and ( max-width: 414px) {
        .selectGroup {
            margin-left: 88px;
        }
        .selectGroup input {
            width: 195px;
        }
        .selectGroup li:last-of-type {
            width: 245px;
        }
        .flexslider {
            height: 115px;
        }
        .flex-control-nav {
            bottom: 0!important;
        }
        .flex-direction-nav .flex-next {
            background: url(../images/btn_r.png)no-repeat center;
        }
        .flex-direction-nav a {
            background: none;
        }
        .flex-direction-nav .flex-prev {
            background: url(../images/btn_l.png)no-repeat center;
        }
    }
    @media screen and ( max-width: 395px) {
        .selectBtn li {
            margin: 10px auto;
            width: 150px;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
        }
        .selectGroup {
            margin-left: 65px;
        }
        .flexslider {
            height: 101px;
        }
    }
    @media screen and ( max-width: 395px) {
        .selectGroup li {
            margin-bottom: 5px;
        }
        .selectGroup1 {
            text-align: left;
            margin-left: 10px;
        }
        .selectGroup1 li {
            margin-bottom: 5px;
        }
    }
    @media screen and ( max-width: 320px) {
        .selectGroup {
            margin-left: 27px;
        }
        .flexslider {
            height: 86px;
        }
        .
    }