/*-----------------------Manufacturing Services-----------------------*/
.manufacturing_services {
    padding: 50px 0 70px 0;
}

.ms_tit {
    font-size: 24px;
    text-align: center;
    color: #e8353b;
    background: none;
}

    .ms_tit span {
        margin: 0 20px;
    }

.mc_text {
    margin-top: 40px;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    box-sizing: border-box;
    padding: 0 30px;
}

.ms_adv {
    margin-top: 100px;
}

.ms_adv_list {
    margin-top: 70px;
}

    .ms_adv_list li {
        height: 180px;
    }

        .ms_adv_list li:nth-child(2n - 1) {
            background-color: #fafafa;
        }

.adv_icon {
    float: left;
    width: 240px;
    text-align: center;
    padding-top: 40px;
}

.adv_content {
    float: right;
    width: 960px;
    padding-top: 60px;
}

.adv_tit {
    font-size: 14px;
    color: #e8353b;
}

.adv_text {
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
}
 
/*-----------------------response part-----------------------*/
@media screen and (max-width: 1320px) {
    .content {
        width: 100%;
    }
}

@media screen and (min-width: 1221px) {
    .mheader {
        display: none
    }
}

@media screen and (max-width: 1220px) {
    .header, .banner .swiper-button-next, .banner .swiper-button-prev, .foot_menu, .ewm, .in_rt {
        display: none
    }
    /*-----------------------index-----------------------*/
    .mian_bg {
        border: none;
    }

    .content {
        box-sizing: border-box;
        padding: 0 2%;
    }

    .main {
        width: 100%;
        padding-top: 1px;
    }

    .mheader_box {
        width: 100%;
        height: 60px;
        box-sizing: border-box;
        padding: 0 2%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #fcd7d9;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        background-color: #fff;
    }

    .mlogo {
        height: 100%;
    }

        .mlogo a, .mlogo img {
            display: inline-block;
            height: 100%;
        }

    .mmenu_btn {
        width: 45px;
        box-sizing: border-box;
        padding: 6px;
        border-radius: 4px;
    }

        .mmenu_btn span {
            display: block;
            width: 100%;
            height: 4px;
            background-color: #e8353b;
            margin-bottom: 5px;
        }

            .mmenu_btn span:last-child {
                margin-bottom: 0;
            }

    .mmenu_list {
        width: 100%;
        height: 100%;
        position: fixed;
        top: -100%;
        left: 0;
        z-index: 998;
        box-sizing: border-box;
        padding: 80px 10% 0 10%;
        background-color: #fff;
    }

        .mmenu_list li {
            font-size: 16px;
            height: 50px;
            line-height: 50px;
            border-bottom: 1px dotted #e8353b;
            text-align: center;
        }

    .h_active .mmenu_btn {
        background-color: #e8353b;
    }

        .h_active .mmenu_btn span {
            background-color: #fff;
        }

    .h_active .mmenu_list {
        top: 0;
    }

    .banner {
        margin-top: 69px;
    }

        .banner, .banner a img {
            width: 100%;
        }

    .menu li {
        width: 33.33%;
        margin-bottom: 20px;
    }

        .menu li:nth-child(3n) {
            border-right: none;
        }

    .foot {
        padding: 30px 20px;
    }

    .foot_way {
        float: none;
        width: 100%;
        margin-top: 0;
    }

    /*-----------------------corporate profile-----------------------*/
    .inner_banner, .inner_banner img {
        width: 100%;
    }

    .inner_banner {
        margin-top: 69px;
    }

    .cb_video {
        width: 575px;
        float: none;
        padding: 0;
    }

    .corporation_brief {
        margin-top: 30px;
        padding-bottom: 30px;
    }

    .cb_text {
        margin-top: 20px;
    }

    .re_contnet {
        width: calc(100% - 90px);
    }

    /*-----------------------Corporate Culture-----------------------*/
    .cv_lsit ul {
        display: flex;
        justify-content: space-around;
    }

        .cv_lsit ul:after {
            display: none;
        }

    .cv_lsit li {
        width: 260px;
        padding: 30px 15px 0 15px;
        margin: 0;
    }

    .cl_text {
        margin-top: 10px;
    }

    /*-----------------------Management Team-----------------------*/
    .mt_list li {
        padding: 30px 10px;
        width: auto;
        margin-left: 0;
    }

        .mt_list li:nth-child(2n) {
            padding: 30px 10px;
            width: 100%;
            margin-left: 0;
        }

    .mt_img {
        width: 200px;
    }

    .mt_content {
        width: calc(100% - 230px);
    }

    .mt_position {
        margin: 10px 0 15px 0;
    }

    /*-----------------------Foundry Features-----------------------*/
    .foundry_features {
        height: auto;
        box-sizing: border-box;
        padding: 40px 20px;
        background: none;
        margin: 0;
    }

        .foundry_features ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .foundry_features li {
            position: static;
            width: 48%;
            margin-bottom: 20px;
        }

    /*-----------------------Design Services-----------------------*/
    .design_services > div {
        padding: 50px 20px;
    }

    .design_services > .ds_introduction {
        padding: 0;
    }

    .PDK_lf, .PDK_rt, .IP_lf, .IP_rt, .MPW_lf, .MPW_rt {
        width: 100%;
    }

    .PDK_rt, .IP_lf, .MPW_rt {
        text-align: center;
        margin-top: 20px;
    }

    .IP_lf {
        margin-top: 0;
    }

    .IP_rt {
        margin-top: 20px;
    }

    /*-----------------------manufacturing services-----------------------*/
    .mc_text {
        margin-top: 20px;
        padding: 0 10px;
    }

    .ms_adv {
        margin-top: 50px;
    }

    .mc_text, .ms_adv_list {
        margin-top: 40px;
    }

        .ms_adv_list li {
            height: auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 30px 0;
        }

            .ms_adv_list li > div {
                float: none;
            }

    .adv_icon {
        width: 180px;
        padding: 0;
    }

    .adv_content {
        width: calc(100% - 180px);
        padding: 0;
    }
}

@media screen and (max-width: 750px) {
    /*-----------------------index-----------------------*/
    .mheader_box {
        height: 50px;
    }

    .mmenu_btn {
        width: 40px;
        padding: 5px;
    }

    .mmenu_list {
        padding: 60px 10% 0 10%;
    }

        .mmenu_list li {
            font-size: 14px;
            height: 40px;
            line-height: 40px;
        }

    .banner {
        margin-top: 60px;
    }

        .banner .swiper-pagination span {
            width: 10px;
            height: 10px;
            margin: 0 5px !important;
        }

        .banner .swiper-container-horizontal > .swiper-pagination-bullets {
            bottom: 7px;
        }

    .empty {
        height: 10px;
    }

    .foot {
        padding: 15px 10px;
    }

    .foot_way {
        font-size: 12px;
        line-height: 22px;
    }

    /*-----------------------corporate profile-----------------------*/
    .inner_banner {
        margin-top: 60px;
    }

    .inner_nav {
        height: auto;
        margin-top: 20px;
    }

    .in_lf {
        float: none;
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 5px;
    }

        .in_lf a {
            font-size: 12px;
            height: 28px;
            line-height: 28px;
            margin: 0 5px 5px 5px;
            padding: 0 5px;
            border-radius: 3px;
            box-sizing: border-box;
            border: 1px solid #fff;
        }

            .in_lf a.in_active {
                border: 1px solid #e8353b;
            }

    .cb_video {
        width: 100%;
        height: auto;
    }

        .cb_video img, .cb_video video {
            max-width: 100%;
            width: auto;
            height: auto;
        }

    .corporation_brief {
        padding-bottom: 20px;
        margin-top: 20px;
    }

    .cb_text {
        line-height: 24px;
    }

    .cb_tit {
        font-size: 20px;
    }

    .record_events {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .re_year {
        width: 60px;
        height: 60px;
        padding-top: 15px;
    }

        .re_year:after {
            left: 11px;
        }

    .re_contnet {
        width: calc(100% - 75px)
    }

    .re_month {
        font-size: 16px;
    }

    .re_matter {
        font-size: 12px;
        line-height: 22px;
        margin-top: 8px;
    }

    .re_item {
        margin-bottom: 15px;
    }

    .re_load {
        height: 38px;
        line-height: 38px;
    }

    /*-----------------------corporate policy-----------------------*/
    .cp_play {
        margin: 40px auto 60px auto;
    }

    .cp_name {
        margin-top: 50px;
    }

    /*-----------------------Corporate Culture-----------------------*/
    .cc_top {
        padding: 30px 0;
    }

        .cc_top > div {
            width: 100%;
            padding: 0 10px;
        }

    .cc_top_lf {
        margin-bottom: 20px;
    }

    .cc_top_tit, .cv_tit_name {
        font-size: 18px;
    }

        .cc_top_tit img, .cv_tit_name img {
            width: 48px;
        }

    .cc_top_text {
        margin-top: 15px;
    }

    .cc_top:before {
        width: 56px;
        height: 12px;
        margin-left: -28px;
        background-size: 100%;
        bottom: -12px;
    }

    .core_values {
        padding: 30px 0;
    }

    .cv_tit_about {
        display: none;
    }

    .cv_lsit {
        margin-top: 20px;
    }

        .cv_lsit ul {
            display: block;
        }

        .cv_lsit li {
            width: 300px;
            float: none;
            margin: 0 auto;
            margin-bottom: 20px;
        }

    /*-----------------------Management Team-----------------------*/
    .mt_img {
        width: 20%;
    }

    .mt_content {
        width: calc(80% - 15px)
    }

    .mt_nat {
        font-size: 16px;
    }

    .mt_position {
        font-size: 12px;
        margin: 5px 0 10px 0;
    }

    .mt_brief {
        font-size: 12px;
        line-height: 22px;
    }

    .mt_page {
        margin: 20px 0 30px 0;
    }

    .pages li {
        width: 24px;
        height: 24px;
        line-height: 24px;
        margin: 0 5px;
    }

        .pages li a {
            font-size: 12px;
        }

    /*-----------------------Foundry Features-----------------------*/
    .ff_order {
        font-size: 36px;
    }

        .ff_order:after {
            display: none;
        }

    .ff_text {
        font-size: 12px;
        line-height: 24px;
        margin-top: 5px;
        padding-left: 10px;
    }

    /*-----------------------Technology Roadmap-----------------------*/
    .technology_roadmap {
        padding-top: 20px;
    }

    .tr_tit {
        background-size: auto 100%;
    }

        .tr_tit span {
            width: auto;
            height: auto;
            line-height: 24px;
            font-size: 14px;
            padding: 0 10px;
            background-image: none;
        }

    .tr_table {
        margin: 20px 0 40px 0;
    }
    /*-----------------------Design Services-----------------------*/
    .design_services {
        padding: 15px 0 30px 0;
    }

    .ds_introduction {
        font-size: 12px;
        line-height: 22px;
    }

    .PDK {
        margin-top: 15px;
    }

    .design_services > div {
        padding: 25px 10px;
    }

    .ds_tit {
        font-size: 16px;
    }

    .PDK_text, .IP_text, .MPW_text {
        margin-top: 10px;
        font-size: 12px;
        line-height: 28px;
    }

    /*-----------------------manufacturing services-----------------------*/
    .manufacturing_services {
        padding: 25px 0 35px 0
    }

    .ms_tit {
        font-size: 16px;
    }

        .ms_tit span {
            margin: 0 10px;
        }

    .mc_text, .ms_adv_list {
        margin-top: 15px;
    }

    .mc_text {
        font-size: 12px;
        line-height: 28px;
    }

    .ms_adv {
        margin-top: 25px;
    }

    .ms_adv_list li {
        padding: 20px 0;
    }

    .adv_icon {
        width: 17%;
    }

        .adv_icon img {
            width: 80%;
        }

    .adv_content {
        width: calc(83% - 10px)
    }
}

@media screen and (max-width: 414px) {
    /*-----------------------corporate profile-----------------------*/
    .cb_text {
        font-size: 12px;
        line-height: 22px;
    }

    .cb_tit {
        font-size: 16px;
    }

    .record_events li > div {
        float: none;
    }

    .re_contnet {
        width: 100%;
        margin-top: 15px;
    }

    .re_load {
        width: 136px;
        font-size: 12px;
        height: 32px;
        line-height: 32px;
    }

        .re_load img {
            width: 12px;
            margin: -3px 0 0 1px
        }

    /*-----------------------Corporate Culture-----------------------*/
    .cc_top {
        padding: 20px 0;
    }

    .cc_top_tit, .cv_tit_name {
        font-size: 16px;
    }

        .cc_top_tit img, .cv_tit_name img {
            width: 36px;
        }

    .cc_top_text {
        font-size: 12px;
        margin-top: 7px;
    }

    .cl_text {
        font-size: 12px;
        line-height: 22px;
    }

    /*-----------------------Foundry Features-----------------------*/
    .foundry_features {
        padding: 30px 10px;
    }

        .foundry_features li {
            width: 100%;
            margin-bottom: 30px;
            display: flex;
            justify-content: space-between;
        }

    .ff_order {
        font-size: 32px;
    }

    .ff_text {
        margin-top: 0;
    }

    /*-----------------------Technology Roadmap-----------------------*/
    .tr_tit span {
        line-height: 20px;
        padding: 5px 10px;
    }

    /*-----------------------manufacturing services-----------------------*/
    .ms_adv_list li {
        align-items: flex-start;
    }

    .adv_icon {
        width: 25%;
    }

    .adv_text {
        font-size: 12px;
        line-height: 24px;
    }
}

@media screen and (min-width: 751px) and (max-width: 880px) {
    .cv_lsit li {
        width: 220px;
    }
}

@media screen and (max-width: 600px) {
    .mt_img {
        width: 100%;
        float: none;
    }

        .mt_img img {
            width: auto;
            max-width: 100%;
        }

    .mt_content {
        float: none;
        width: 100%;
        margin-top: 15px;
    }
}

@media screen and (max-width: 520px) {
    .cp_play {
        width: 80%;
    }

    .cp_img {
        width: 100%;
        height: auto;
    }

    .cp_name {
        margin-top: 20px;
        font-size: 12px;
    }

    .cp_play .swiper-button-prev, .cp_play .swiper-button-next {
        width: 36px;
        height: 30px;
        bottom: auto;
        top: 50%;
        margin-top: -30px;
    }

    .cp_play .swiper-button-prev {
        left: -36px;
    }

    .cp_play .swiper-button-next {
        right: -36px;
    }
}

@media screen and (max-width: 570px) {
    .menu {
        padding: 20px 0 10px 0;
    }

    .m_icon img {
        width: 36px;
    }

    .m_name {
        font-size: 12px;
    }
}

@media screen and (max-width: 480px) {
    .menu li {
        width: 50%;
        margin-bottom: 10px;
    }

        .menu li:nth-child(3n) {
            border-right: 1px solid #ddd;
        }

        .menu li:nth-child(2n) {
            border-right: none;
        }
}