@media screen and (max-width : 1024px) {
    body {
        font-family: "Lato", sans-serif;
    }

    .footer-box {
        display: none;
    }

    .footer {
        display: block;
    }
    .news-box>.title{
        font-size: 20px !important;
    }
    /* 菜单栏 */
    #navBar {
        position: absolute;
        z-index: 98;
        color: #fff;
        top: 10px;
        left: 15px;
    }

    #mySidenav .accordion {
        background-color: #252525;
        color: #fff;
        cursor: pointer;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        padding: 18px;
        transition: 0.4s;
        border-bottom: 1px solid #1A1919;
    }

    .active,
    .accordion:hover {
        background-color: #252525;
    }

    .panel {
        display: none;
        background-color: #303030;
        overflow: hidden;
        color: #fff;
    }

    .panel ul li {
        list-style: none;
        padding: 0 18px;
        border-bottom: 1px solid #242323;
        margin: 5px 0;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 101;
        top: 0;
        left: 0;
        background-color: #252525;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

    .sidenav a {
        padding: 8px 8px 8px 0px;
        text-decoration: none;
        font-size: 14px;
        color: #fff;
        display: block;
        transition: 0.3s;
    }

    .sidenav a:hover {
        color: #f1f1f1;
    }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

    @media screen and (max-height: 450px) {
        .sidenav {
            padding-top: 15px;
        }

        .sidenav a {
            font-size: 18px;
        }
    }

    .indexPC {
        display: none !important;
    }

    .width-1500 {
        width: 100%;
    }

    .company-profile-box .flex-a {
        bottom: 0;
        flex-wrap: wrap;
    }

    .new-content-box .flex-a {
        width: 90%;
    }

    .banner-box {
        top: 0;
        width: 100vw;
        height: 100% !important;
    }

    .banner-box-animation {
        animation: none;
    }

    .banner-video {
        top: 0;
    }

    .home-swiper-container {
        height: 210px;
    }

    .home-swiper-container .swiper-pagination-bullets {
        bottom: 0;
    }

    .swiper-slide {
        height: auto;
    }

    .news-box {
        padding-top: 15px;
        height: auto;
        padding-bottom: 20px;
        background: url("../img/Maskgroup.png") no-repeat;
        background-position: 100% 100%;
    }

    .new-content-box .bottom {
        background-color: #fff;
    }

    .new-content-box {
        margin: 10px 0 0 0 !important;
        flex-direction: column;
    }

    .news-box>.title {
        width: auto;
        font-size: 5.75rem;
    }

    .news-box .title-line::after {
        transform: translateX(80%);
    }

    .news-box .title-line::before {
        transform: translateX(-100%);
    }

    .news-box .left {
        left: 0;
        width: 100%;
        flex-direction: column;
    }

    .new-content-box .left .item {
        width: 100%;
    }

    .new-content-box .right {
        margin-top: 10px;
        margin-left: 10px;
    }

    .news-box .right {
        width: 100%;
        left: 0;
    }

    .new-content-box .right .years {
        width: 70px;
        height: 22px;
    }

    .new-content-box .right .days {
        font-size: 25px;
    }

    .more-text.flex-c-c {
        font-size: 14px;
    }

    .new-content-box .right .title {
        font-size: 14px;
        margin-left: 15px
    }

    .media-swiper {
        height: auto;
    }

    .media-box {
        height: auto;
        padding-top: 20px;
    }

    .media-menu-box.flex {
        font-size: 20px;
        margin-left: 10px;
    }

    .media-menu-box .line {
        padding: 0 10px;
    }

    .swiper-slide {
        display: flex;
        justify-content: center;
    }

    .media-swiper .video-box {
        height: auto;
        margin: auto;
    }

    .list-box {
        display: flex;
        flex-direction: column;
    }

    .swiper-button-next,
    .swiper-button-prev {
        position: relative;
    }

    .media-wrap {
        height: auto;
        padding-bottom: 30px;
    }

    .media-wrap .swiper-button-prev {
        left: 0;
    }

    .media-wrap .swiper-button-next {
        left: 0;
    }

    .swiper-container .page {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        padding: 10px 20px;
    }

    .swiper-button-white {
        width: 28px;
        height: 25px;
    }
    .media-list-box{
        flex-wrap: wrap;
        justify-content:space-around;
    }
    
    .media-list-box .list:not(:first-child) {
        margin: 0;
    }
    .media-list-box .list {
        margin-top: 10px !important;
        transform: rotateY(0deg);
        width: 40%;
        height: auto;
    }
    .list-box .title {
        padding: 20px 50px;
        color: #fff;
        font-size: 14px;
    }

    .introduce-item-box {
        margin: 20px 0;
    }

    .introduce-box {
        padding: 20px;
        left: 0;
        width: 100%;
    }

    .introduce-box .title {
        display: flex;
        justify-content: center;
        font-size: 15px;
        margin: 15px 0;
    }

    .introduce-item-box p {
        margin-top: 10px;
        line-height: 5rem;
        font-size: 14px;
    }

    .introduce-box .neckLine {
        font-size: 14px;

    }

    .introduce-box .desc {
        font-size: 14px;
        line-height: 5rem;
    }

    .company-philosophy {
        margin-top: 0!important;
        display: flex;
        flex-wrap: wrap;
    }

    .company-profile-box {
        padding-top: 20px;
        padding-bottom: 60px;
        background: url("../img/Group153348908.png") no-repeat;
        background-position: 100% 100%;
    }

    .company-profile-box .flex-a {
        width: 50%;
        transform: scale(0.9);
        transition: none;
        flex-wrap: nowrap;
        margin-top: 20px;
        padding-left: 10px;
    }

    .company-profile-box .company-philosophy img {
        width: 40px;
        margin-right: 10px;
    }

    .company-profile-box .company-philosophy .title {
        white-space: nowrap;
    }

    /* 底部 */
    .footer {
        width: 100%;
        padding: 10px 1.5rem;
        background-color: #2E2E2E;
    }

    section {
        width: 100%;
        height: 100vh;
        background-color: #2E2E2E;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer .container .icon {
        font-size: 20px;
        font-style: normal;
        color: #fff;
    }

    .container {
        padding: 10px;
        width: 100%;
        margin: 0 auto;
    }

    .accordion-item {
        background-color: #2E2E2E;
        border-radius: .4rem;
    }

    .accordion-item hr {
        border: 1px solid #585858;
    }

    .accordion-link {
        font-size: 1.6rem;
        color: rgba(255, 255, 255, .8);
        text-decoration: none;
        background-color: #2E2E2E;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem 0;
    }

    .accordion-link h3 {
        font-weight: 500;
        font-size: 16px;
        color: #fff;
    }

    .accordion-link i {
        color: #e7d5ff;
        padding: .5rem;

    }

    .accordion-link ul {
        display: flex;
        align-items: flex-end;
        list-style-type: none;
        margin-left: 25px;
    }

    .accordion-link li {
        font-size: 10px;
        color: rgba(255, 255, 255, 0.4);
        padding: 0 0 1px 5px;
    }

    .accordion-link div {
        display: flex;
    }

    .accordion-link .ion-md-arrow-down {
        display: none;
    }

    .answer {
        max-height: 0;
        overflow: hidden;
        position: relative;
        background-color: #2E2E2E;
        transition: max-height 1050ms;
    }

    .answer ul {
        padding-bottom: 15px;
    }

    .answer ul li {
        font-size: 14px;
        margin-top: 10px;
    }

    .footer-contact-box {
        height: auto;
    }

    .answer p {
        color: #fff;
        font-size: 15px;
        padding: 2rem;

    }

    .accordion-item:target .answer {
        max-height: 50rem;
    }

    .accordion-item:target .accordion-link .ion-md-arrow-forward {
        display: none
    }

    .accordion-item:target .accordion-link .ion-md-arrow-down {
        display: block;
    }

    .top-img-box {
        margin: 5px 10px;
    }

    .footer-bottom {
        margin-top: 20px;
        color: #fff;
    }

    /* 人才招聘 */
    .talentBanner .slideInDown {
        margin-bottom: 5px !important;
    }

    .banner-box .text>p:first-child {
        font-size: 2.75rem !important;

    }

    .banner-box .text>p:last-child {
        font-size: 1.6rem !important;
    }

    .talentBanner {
        padding: 20px;
    }

    .search-box .search-item {
        margin-right: 10px;
    }

    .form-header-box>div {
        width: auto;
    }

    .form-header-box {
        padding: 0 10px;
        margin-top: 20px;
    }

    .list-item .flex-a-j-b {
        padding: 0 10px;
    }

    /* 业务领域 */
    .ray_box .content_title {
        flex-direction: column;
    }

    .ray_box .title {
        display: none;
    }

    .ray_box .title_Mobile {
        display: block;
        position: relative;
        padding-right: 0;
        font-size: 2.38rem;
        flex-shrink: 0;
        padding-bottom: 20px;
    }

    .content-box .content_title .title_Mobile:after {
        content: "";
        position: absolute;
        bottom: 0.5rem;
        left: 8rem;
        width: 5.44rem;
        height: 0.69rem;
        background-color: #2162db;
        border-radius: 0.31rem;
    }

    .content-box {
        height: 55vh;
    }

    .content-box .content_title .desc_mobile {
        margin-top: 10px;
        display: flex;
        flex-flow: column;
        justify-content: center;
        padding-left: 2rem;
        height: 4.94rem;
        font-size: 1.125rem;
        line-height: 2.2rem;
    }

    .content-box .content_title .desc {
        display: none;
    }

    .content-box .menu-item .item .name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .content-box .menu-item .item .btn {
        width: 12rem;
    }

    .content-box .menu-box {
        width: 40%;
    }
    .list-item .header{
        height: auto;
    }
    .page-box .page-number, .page-box .next,.page-box .last {
     width: 5rem;
     height: 4rem;
    }
    .arrow{
        display: none;
    }
    /* 人才招聘 */
    .apply-position-wrap .form-item label{
        width: auto !important;
        margin-right: 10px;
    }
    .apply-position-box .two-columns .form-item:last-child{
        margin-left: 30px;
    }
    .close-btn,.submit-btn{
        width: 118px;
        font-size: 16px;
    }
    .btn-box{
        right: 7rem;
        bottom: 7rem;
    }
    .recruitment-box{
        padding: 40px 10px;
    }
    .recruitment-box  .search-box{
            padding-left: 10px;
    }
    .recruitment-box .search-box .search-item select {
        width: 30vw;
    }
    .recruitment-box .job-details{
        padding: 5vw;
    }
    .recruitment-box .job-details .detail {
        font-size: 2.8vw;
    }
    .new-content-box .time .day {
        font-size: 4vw;
    }
    .new-content-box .time .years{
        font-size: 3.5vw;
    }
}

@media screen and (min-width : 1024px) {
    .indexMobile {
        display: none !important;
    }
    #mySidenav{
        display: none;
    }
    #navBar{
        display: none;
    }
    .item-box-mobile{
        display: none;
    }
    .footer{
        display: none;
    }
}