/*html5*/
/*移动端默认样式*/
@media screen and (max-width: 1200px) {
    body {
        overflow: initial;
        overflow-x: hidden;
    }

    .page_center {
        padding: 0 3.62318vw;
    }


    .header_box {
        height: 14.49275vw;
        padding: 0 3.62318vw;
    }

    .header_logo_box {
        width: 22vw;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .header_content {
        width: auto;
    }
    .index_banner_read {
        padding: 0 3.62318vw;
    }
    .index_banner_read_left {
        width: 100%;
        padding-bottom: 0;
    }

    .index_banner_title {
        font-size: 5.314009vw;
        line-height: 7.246376vw;
    }

    .header_wrap:after {
        height: 100%;
    }

    .header_search_box {
        width: 12vw;
        height: 5vw;
        border-radius: 2.5vw;
        background: url(../images/day-ico.png) no-repeat 1.4vw center;
        background-size: 2.9vw;
    }

    .header_search_active {
        background: url(../images/day-ico.png) no-repeat 7vw center;
        background-size: 2.9vw;
    }

    .header_search_wrap {
        margin-right: 3.6vw;
    }

    .header_wap_menu_wrap {
        display: block;
        position: relative;
        z-index: 99;
    }

    .header_wap_menu_box {
        width: 8vw;
        height: 8vw;
        padding: 0;
        margin: 0;
        outline: none;
        position: relative;
        border: none;
        background: none;
        cursor: pointer;
        -webkit-appearence: none;
        -webkit-tap-highlight-color: transparent;
    }

    .header_wap_menu_box svg {
        width: 177.777%;
        height: 133.333%;
        top: -16.666%;
        left: -38.8888%;
        stroke: #000;
        stroke-width: 0.48309vw;
        fill: none;
        display: block;
        position: absolute;
    }

    .header_wap_menu_box svg path {
        stroke-dasharray: 26 100;
        stroke-dashoffset: 126;
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
    }

    .header_wap_menu_box svg path:nth-child(2) {
        -webkit-transition-delay: .1s;
        transition-delay: .1s;
    }


    .header_menu_wrap {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;

        z-index: 98;
        overflow: hidden;

        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        pointer-events: none;
    }

    .header_menu_wrap:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-backdrop-filter: blur(2vw);
        backdrop-filter: blur(2vw);
        background: rgba(0, 0, 0, .7);
        opacity: 0;
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
    }

    .header_menu_box {
        width: 80%;
        height: 100%;
        display: block;
        padding: 24.154589vw 0 0 0;
        background: #fff;
        z-index: 9;
        position: relative;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);

    }

    .header_menu_item_box {
        width: 100%;
        margin: 0;

        position: relative;
    }

    .header_menu_item_box:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: rgba(0, 0, 0, .1);
    }

    .header_menu_label {
        font-size: 3.86473vw;
        line-height: 12.077294vw;
        padding: 0 3.62318vw;
    }

    .header_menu_link {
        padding: 0;
        display: block;
    }

    .header_active .header_menu_link {
        padding: 0;
    }

    .header_menu_active .header_wap_menu_box svg path:nth-child(1) {
        stroke-dashoffset: 58;
    }

    .header_menu_active .header_wap_menu_box svg path:nth-child(2) {
        stroke-dashoffset: 51.5;
    }

    .header_menu_active .header_wap_menu_box svg path:nth-child(3) {
        stroke-dashoffset: 51.5;
    }

    .header_menu_active .header_menu_wrap {
        pointer-events: auto;
    }

    .header_menu_active .header_menu_wrap:after {
        opacity: 1;
    }

    .header_menu_active .header_menu_box {
        -webklit-transform: none;
        transform: none;
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
    }

    .index_banner_text {
        margin-top: 7.246376vw;
    }

    .index_banner_link {
        font-size: 4.34782vw;
        line-height: 7.246376vw;
    }

    .index_banner_link:before {
        height: 0.4830917vw;
    }

    .index_about_box {
        padding: 12.077294vw 0;
    }

    .index_about_head_wrap {
        width: 100%;
        padding-right: 0;
    }

    .index_about_big {
        width: 100%;
        margin-top: 7.246376vw;
    }

    .index_about_head_title {
        font-size: 4.34782vw;
        line-height: 9.661835vw;
    }

    .index_about_head_line {
        width: 7.246376vw;
        height: 0.4830917vw;
    }

    .index_about_title {
        font-size: 3.86473vw;
        line-height: 5.7971vw;
    }

    .index_about_text {
        font-size: 3.381642vw;
        line-height: 5.314009vw;
        margin-top: 4.830917vw;
    }

    .index_about_button {
        margin-top: 7.246376vw;
    }

    .index_about_btn_label {
        font-size: 3.86473vw;
        line-height: 8.6956vw;
    }

    .index_about_data_wrap {
        margin-top: 12.077294vw;
        position: relative;
    }

    .index_about_data_li {
        width: 50%;
    }

    .index_about_data_li:nth-child(2n) {
        padding: 0 0 0 4.830917vw;
    }

    .index_about_data_li:nth-child(2n+1) {
        padding: 0 4.830917vw 0 0;
    }

    .index_about_data_li:after {
        display: none;
    }

    .index_about_data_read {
        padding: 4.830917vw 0;
    }

    .index_about_data_box:after {
        height: 1px;
        top: 50%;
    }

    .index_about_data_box:before {
        content: "";
        position: absolute;
        width: 1px;
        background: #c4c5c4;
        height: 0;
        left: 50%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .AddIndexAboutDataBox:before {
        height: 100%;
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
    }

    .index_about_data_label {
        font-size: 2.89855vw;
        line-height: 4.830917vw;
    }

    .index_about_data_number {
        font-size: 9.661835vw;
        line-height: 12.077294vw;
        margin-top: 0;
    }

    .index_technical_head {
        font-size: 4.34782vw;
        line-height: 9.661835vw;
    }

    .index_technical_line {
        width: 7.246376vw;
        height: 0.4830917vw;
    }

    .index_design_content {
        position: sticky;
        -webkit-transform: none !important;
        transform: none !important;    padding: 0;
        margin-bottom: 7.246376vw;
    }

    .index_design_animate {
        height: auto;
    }

    .index_design_scroll_wrap {
        display: none;
    }

    .index_design_box {
        position: static;
    }

    .index_design_details_wrap {
        height: auto;
    }

    .index_design_big {
        padding: 0;
    }

    .index_design_read {
        width: 100%;
        padding: 4.83091vw;
        position: static;
    }

    .index_banner_pagination_box .swiper-pagination-bullet {
        width: 2vw;
        height: 2vw;
        -webkit-border-radius: 1vw;
        border-radius: 1vw;
        margin: 0 1.5vw 0 0 !important;
    }
    .index_banner_pagination_box .swiper-pagination-bullet-active {
        width: 6vw!important;
    }
    .index_banner_pagination_box .swiper-pagination-bullet:after,
    .index_banner_pagination_box .swiper-pagination-bullet:before {
        -webkit-border-radius: 1vw;
        border-radius: 1vw;
    }
    .index_banner_pagination_wrap {
        bottom: 4.830917vw;
    }

    .index_design_pic {
        width: 100%;
        margin-top: 0;
        position: relative;
    }

    .index_design_pic:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }

    .index_design_content:nth-child(2n+1) .index_design_pic:after {
        background: #f7f8f8;
    }

    .index_design_content:nth-child(2n) .index_design_pic:after {
        background: #ffffff;
    }

    .AddIndexDesignPic:after {
        height: 0;    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
    }


    .index_design_tips_wrap {
        display: none;
    }

    .index_design_title {
        font-size: 4.34782vw;
        line-height: 6.28019vw;
    }

    .index_design_text {
        font-size: 3.381642vw;
        line-height: 7.246376vw;
        width: calc(100% - 4vw);
    }

    .index_design_icon {
        width: 1.6vw;
        margin-right: 2.4vw;
        height: 7.246376vw;
    }

    .index_design_icon:after {
        height: 1.6vw;
    }

    .index_design_ul {
        margin-top: 2.415458vw;
    }

    .index_contact_read {
        width: 100%;
    }

    .index_contact_title {
        font-size: 3.381642vw;
        line-height: 5.314009vw;
    }

    .index_contact_content {
        padding: 7.246376vw 0;
    }

    .index_contact_button {
        margin-top: 4.830917vw;
    }

    .index_contact_btn_read {
        padding: 0.72463vw;
        -webkit-border-radius: 4.34782vw;
        border-radius: 4.34782vw;
    }

    .index_contact_btn_big {
        width: 7.246376vw;
        height: 7.246376vw;
    }

    .index_contact_btn_label {
        font-size: 3.381642vw;
        line-height: 7.246376vw;
        padding: 0 3.62318vw;
    }

    .index_contact_btn_icon:nth-child(2) svg {
        -webkit-transform: translateX(-2vw);
        transform: translateX(-2vw);
    }

    .index_contact_btn_box:hover .index_contact_btn_icon:nth-child(1) svg {
        -webkit-transform: translateX(2vw);
        transform: translateX(2vw);
    }

    .footer_box {
        padding: 12.077294vw 0;
    }

    .footer_menu_office_wrap {
        width: 100%;
    }

    .footer_menu_nav_wrap {
        display: none;
    }

    .footer_menu_share_wrap {
        margin: 4.830917vw 0 0 0;
        width: 100%;
    }

    .footer_menu_nav_ul {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footer_menu_head {
        font-size: 3.381642vw;
        line-height: 5.314009vw;
    }

    .footer_menu_office_box {
        font-size: 3.381642vw;
        line-height: 5.314009vw;
        margin-top: 1.207729vw;
    }

    .footer_menu_nav_li {
        margin-right: 4vw;
    }

    .footer_menu_nav_li a {
        font-size: 3.381642vw;
        line-height: 5.314009vw;
    }

    .footer_contact_wrap {
        width: 100%;
        margin-top: 4.830917vw;
    }

    .footer_contact_box {
        margin-top: 1.207729vw;
    }

    .footer_contact_box a {
        font-size: 4.34782vw;
        line-height: 6.28019vw;
    }

    .footer_menu_nav_box {
        margin-top: 1.207729vw;
    }

    .footer_copy_wrap {
        margin-top: 7.246376vw;
    }

    .footer_copy_text {
        font-size: 3.381642vw;
        line-height: 5.314009vw;
    }

    .public_banner_text {
        font-size: 3.86473vw;
        line-height: 5.7971vw;
        width: 100%;
    }

    .public_banner_wrap {
        height: 100vw;
    }

    .public_banner_content {
        margin-bottom: 20vw;
    }

    .about_details_text {
        font-size: 3.381642vw;
        line-height: 5.314009vw;
    }

    .about_culture_box {
        padding: 12.077294vw 0;
    }

    .about_culture_head_title {
        font-size: 4.34782vw;
        line-height: 9.661835vw;
    }

    .about_culture_content {
        margin-top: 7.246376vw;
        -webkit-flex-flow: wrap;
        flex-flow: wrap;
    }

    .about_culture_item_box {
        width: 100% !important;
        height: 60vw;
        margin: 0 0 3.62318vw 0 !important;
        -webkit-border-radius: 2.415458vw;
        border-radius: 2.415458vw;
    }

    .about_culture_item_title {
        font-size: 4.34782vw;
        line-height: 9.661835vw;
        margin-bottom: 0;
    }

    .about_culture_item_line {
        width: 7.246376vw;
        height: 0.4830917vw;
    }

    .about_culture_item_active .about_culture_item_text {
        width: 100%;
        font-size: 3.381642vw;
        line-height: 5.314009vw;
        font-family: "Poppins-Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
    }

    .about_culture_item_active .about_culture_item_icon {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .about_culture_item_text {
        font-size: 3.381642vw;
        line-height: 5.314009vw;
        font-family: "Poppins-Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
    }

    .about_culture_item_content {
        padding: 3.62318vw;
    }

    .about_culture_item_read {
        margin-top: 4.830917vw;
    }

    .about_culture_item_icon {
        width: 2.2vw;
    }

    .contact_form_box {
        padding: 12.077294vw 0;
    }

    .contact_form_big {
        width: 100%;
    }

    .contact_form_pack {
        width: 100%;
        padding: 0;
        margin-top: 2.415458vw;
    }

    .contact_message_head_wrap {
        padding-top: 0;
    }

    .contact_message_wrap {
        padding: 0;
        height: auto;
    }

    .contact_message_item_title {
        font-size: 3.381642vw;
        line-height: 5.314009vw;
    }

    .contact_message_item_text, .contact_message_item_text a {
        font-size: 3.381642vw;
        line-height: 5.314009vw;
    }

    .contact_message_item_box {
        width: 100%;
        margin-bottom: 3.62318vw;
    }

    .contact_message_head_read .contact_message_item_text {
        line-height: 5.314009vw;
        margin-top: 0;
    }

    .contact_message_head_read {
        margin-top: 0;
    }

    .contact_message_max_title {
        font-size: 7.246376vw;
        line-height: 9.661835vw;
        margin-top: 7.246376vw;
    }

    .contact_form_head_box {
        font-size: 3.86473vw;
        line-height: 5.7971vw;
    }

    .contact_form_input_title {
        font-size: 3.381642vw;
        line-height: 5.314009vw;
    }

    .contact_form_input_read input {
        font-size: 3.381642vw;
        line-height: 9.661835vw;
    }

    .contact_form_input_read {
        padding-bottom: 0;
    }

    .contact_form_input_box {
        margin-bottom: 2.415458vw;
    }

    .contact_form_tab {
        margin-top: 7.246376vw;
    }

    .contact_form_input_textarea {
        padding-bottom: 2.415458vw;
    }

    .contact_form_input_textarea textarea {
        font-size: 3.381642vw;
        line-height: 5.314009vw;
        height: 15.942028vw;
        margin-top: 2.17391vw;
    }

    .contact_form_button {
        padding-top: 2.415458vw;
    }

    .contact_form_button button {
        font-size: 3.381642vw;
        line-height: 9.661835vw;
    }

    .contact_map_big {
        padding-bottom: 0;
    }

    .contact_map_content {
        width: 100%;
    }

    .contact_share_wrap {
        width: 100%;

    }

    .contact_share_content {
        padding: 0;
        margin-top: 4.830917vw;
    }

    .contact_share_box {
        padding: 7.246376vw 3.62318vw;
    }

    .contact_share_title {
        font-size: 3.86473vw;
        line-height: 5.7971vw;
    }

    .contact_share_item_box {
        width: 32%;
        margin: 0 2% 2.415458vw 0;
    }

    .contact_share_item_box:nth-child(3n) {
        margin: 0 0 2.415458vw 0;
    }

    .contact_share_item_max {
        padding-bottom: 7.246376vw;
    }

    .contact_share_item_btn a {
        font-size: 3.381642vw;
        line-height: 7.246376vw;
    }

    .contact_share_item_button {
        margin-top: -7.246376vw;
    }

    .contact_map_wrap {
        padding: 0 0 7.246376vw 0;
    }

    .contact_message_box {
        padding-right: 0;
    }
    .index_banner_button_btn {
        width: 8vw;
        height: 8vw;
        opacity: 1;
        pointer-events: auto;
    }
    .index_banner_button_wrap {
        display: none;
    }
    .index_float_wrap {
        display: none;
    }

    .index_technical_box {
        padding: 7.24637vw 0;
    }
}


/*小屏幕*/
@media screen and (min-width: 1200px) and (max-width: 1400px) {


}

/*中屏幕*/
@media screen and (min-width: 1400px) and (max-width: 1900px) {

}


/*超过1920*/
@media screen and  (min-width: 1921px) {

}