@charset "UTF-8";
/* 响应 */
@media screen and (max-width: 1650px) {
    .header .pc .head_top .head_nav .line .name {
        padding: 0 30px;
    }

    .header .pc .head_top .head_nav .line .mask_down.typeone .mask_box_top {
        padding-left: 30px;
    }
}

@media screen and (max-width: 1400px) {
    body, html {
        width: 100%;
    }

    .center {
        width: 100%;
        margin: 0;
        padding: 0 15px;
    }

    .header .pc .head_top .head_nav .line .name {
        padding: 0 20px;
    }

    .header .pc .head_top .head_nav .line .mask_down.typeone .mask_box_top {
        padding-left: 20px;
    }

    .index_banner .swiper-button-next {
        right: 60px;
    }

    .index_banner .swiper-button-prev {
        left: 60px;
    }

    .crumbs .center .item_search {
        width: 30%;
    }

    .about .main3 .content .swiper-button-next, .about .main3 .content .swiper-button-prev {
        display: none;
    }

    .about .main5 .content .main5_left {
        width: 100%;
    }

    .about .main5 .content .main5_right {
        width: 100%;
        position: relative;
    }
}

@media screen and (max-width: 1199px) {
    .header .pc {
        display: none;
    }

    .header .mobile {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        background-color: #ffffff;
    }

    .footer .foot_top {
        display: none;
    }

    .footer .foot_bottom {
        padding: 25px 0;
    }

    body {
        margin-top: 75px;
    }

    .index_banner .swiper-button-next, .index_banner .swiper-button-prev {
        display: none;
    }

    .right_aside .mobile_block {
        display: none !important;
    }

    .right_aside .box .block:hover .mask {
        left: 0;
        width: 0;
        display: none;
    }

    .right_aside .box .block:hover .mask .mask_img {
        width: 0;
        display: none;
    }

    .right_aside .box .block .img {
        width: 60px;
        height: 60px;
    }

    .index .main1 {
        padding: 60px 0;
    }

    .index .main2 .content .swiper-slide {
        margin: 0 auto;
        width: 100%;
    }

    .index .main2 .content .swiper-slide .picture_container img {
        width: 100%;
    }

    .index .main2 .content .swiper-slide:hover {
        width: 100%;
    }

    .index .main2 .content .swiper-slide:hover .block .name {
        display: block;
    }

    .index .main2 .content .swiper-slide:hover .block .mask {
        opacity: 0;
    }

    .index .main2 .content .swiper-slide.swiper-slide-active .block .name {
        display: none;
    }

    .index .main2 .content .swiper-slide.swiper-slide-active .block .mask {
        opacity: 1;
    }

    .index .index_title {
        margin-bottom: 40px;
    }

    .index .main3 .content .block .txt {
        padding: 0 15px;
    }

    .index .main3 .content .block .txt .name {
        font-size: 16px;
    }

    .index .main4 .content .block .txt {
        padding: 0 15px;
    }

    .index .main4 .content .block .txt .name {
        font-size: 16px;
    }

    .index .main4 .content .block:hover .txt {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .crumbs {
        display: none;
    }

    .mobile_nav {
        display: block;
    }

    .product_list {
        padding-top: 0;
    }

    .plan_list .main1 .content .list_big .txt {
        padding-bottom: 20px;
    }

    .news .main1 .content .list_big .txt {
        padding-bottom: 20px;
    }

    .case .main1 .content .list_big .txt {
        padding-bottom: 20px;
    }

    .paging {
        display: none;
    }

    .loadData {
        display: block;
    }

    .news-details .main1 .details_left {
        width: 100%;
        padding: 50px 15px;
    }

    .news-details .main1 .details_right {
        display: none;
    }

    .service .main1 {
        padding-top: 0;
    }

    .service .main1 .content .block {
        height: 330px;
    }

    .service .main1 .content .block .icon {
        width: 60px;
    }

    .service .main1 .content .block .mask .img {
        width: 90%;
    }

    .service .main2 .box .content {
        width: 80%;
    }

    .download .main1 {
        padding-top: 0;
    }

    .download .main1 .main1_left {
        width: 100%;
    }

    .download .main1 .main1_right {
        display: none;
    }

    .faq .main1 {
        padding-top: 0;
    }

    .faq .main1 .main1_left {
        width: 100%;
    }

    .faq .main1 .main1_right {
        display: none;
    }

    .video .main1 {
        padding-top: 0;
    }

    .video .main1 .main1_left {
        width: 100%;
    }

    .video .main1 .main1_right {
        display: none;
    }

    .contact .main1 {
        padding-top: 0;
    }

    .contact .main1 .content > .center {
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .contact .main1 .content .main1_left {
        width: 100%;
    }

    .contact .main1 .content .main1_right {
        width: 100%;
    }

    .contact .main1 .content .main1_right .box {
        width: 100%;
        margin-top: 30px;
    }

    .contact .main1 .content .main1_right .box:not(:last-child) {
        margin-bottom: 0;
    }

    .contact .main2 .content > .center {
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .contact .main2 .content .box_block {
        width: 100%;
    }

    .contact .main2 .content .box_block:not(:last-child) {
        margin-right: 0;
    }

    .about .main1 .content .txt_box {
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .about .main1 .content .txt_box .main1_left {
        width: 100%;
    }

    .about .main1 .content .video_center {
        width: 100%;
        position: relative;
    }

    .about .main1 .content .video_center .picture_container img {
        width: 100%;
    }

    .about .main2 .content .box .block .txt {
        padding: 10px 10px 0 0;
    }

    .about .main3 .content .box .year_box .block {
        padding-right: 15px;
    }

    .employees .main2 .content .swiper-button-prev, .employees .main2 .content .swiper-button-next {
        display: none;
    }

    .product-details .main1 .box_block1200 .block {
        height: auto;
    }

    .product-details .main1 .box_block1200 .block .box_block.box_center .txt {
        margin-top: 0;
    }

    .product-details .main1 .box_block1200 .block .box_block .txt {
        width: 100%;
        text-align: left !important;
    }

    .product-details .main1 .box_block1200 .block .box_block .txt p {

        text-align: left !important;
        color: #545454 !important;
    }

    .product-details .main1 .box_block1200 .block .box_block .txt h2 {

        text-align: left !important;
        color: #545454 !important;
        font-size: 24px;
    }

    .product-details .main1 .box_block1200 .block .box_block .txt h2 span {

        font-size: 24px;
    }

    .product-details .main1 .box_block1200 .block .box_block .txt span {

        color: #545454 !important;
    }

    .product-details .main1 .box_block1200 .block .box_block .txt h3 {
        color: #545454 !important;
        text-align: left !important;
    }

    .product-details .main1 .box_block1200 .block .box_block .txt.txts {
        width: 100%;
    }

    .product-details .main1 .box_block1200 .block .img {
        position: relative;
    }

    .product-details .main1 .box_block1200 .block .img .picture_1920 {
        display: none;
    }

    .product-details .main1 .box_block1200 .block .img .picture_1200 {
        display: block;
    }

    .right_aside .box .block {
        background-color: transparent;
    }

    .right_aside .box {
        display: box;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .right_aside .box .block .mask {
        display: none;
    }

    .right_aside .box .block:hover {
        background-color: transparent;
    }

    .right_aside .box .block:hover .img .off {
        z-index: 1;
        opacity: 1;
    }

    .right_aside .box .block:hover .img .on {
        z-index: -1;
        opacity: 0;
    }

    .right_aside .flex {
        display: block;
        height: auto;
    }

    .right_aside {
        top: 90%;
    }

    .right_aside .box .block .img .on {
        z-index: -1;
        opacity: 0;
    }

    .right_aside .box .block .img .mobile_off {
        z-index: 1;
        opacity: 1;
    }
}

@media screen and (max-width: 1024px) {
    .about_popup .mask .box {
        width: 98%;
        height: 75%;
        padding: 15px;
    }
}

@media screen and (max-width: 768px) {

    .footer .foot_bottom .nav_right {
        display: none;
    }

    .index .index_title .cn {
        padding-bottom: 10px;
        font-size: 26px;
    }

    .index .main1 {
        padding: 40px 0;
    }

    .index .main1 .content .main1_left {
        display: none;
    }

    .index .main1 .content .main1_right {
        width: 100%;
    }

    .index .main1 .content .main1_right .block:hover {
        top: 0;
        box-shadow: none;
    }

    .index .main2 {
        padding: 40px 0;
    }

    .index .main2 .content .swiper-slide .picture_container img {
        width: 780px;
    }

    .index .main2 .content .swiper-slide-active {
        width: 100%;
    }

    .index .main2 .content .swiper-button-next, .index .main2 .content .swiper-button-prev {
        display: none;
    }

    .index .main3 {
        padding: 40px 0;
    }

    .index .main3 .content .block {
        width: 100%;
    }

    .index .main3 .content .block .picture_container {
        padding-top: 125%;
    }

    .index .main3 .content .block.block_short {
        width: 100%;
    }

    .index .main3 .content .block .txt {
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
    }

    .index .main3 .content .block .txt .name {
        width: 100%;
    }

    .index .main3 .content .block:hover .txt {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .index .main4 {
        padding: 40px 0;
    }

    .index .main4 .content .block {
        width: 100%;
    }

    .index .main4 .content .block .picture_container {
        padding-top: 125%;
    }

    .index .main4 .content .block.block_short {
        width: 100%;
    }

    .index .main4 .content .block .txt {
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
    }

    .index .main4 .content .block .txt .name {
        width: 100%;
    }

    .index .main4 .content .block:hover .txt {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .product .main1 .content .block {
        width: 49%;
    }

    .product .main1 .content .block:not(:nth-child(3n)) {
        margin-right: 0;
    }

    .product .main1 .content .block:nth-child(odd) {
        margin-right: 2%;
    }

    .product .main1 .content .block:nth-child(n+3) {
        margin-top: 20px;
    }

    .product .main1 .content .block:hover {
        background-color: #fff;
        color: #363636;
    }

    .product .main1 .content .block:hover .icon {
        background-color: #363636;
    }

    .product_list .main1 .content .block {
        width: 32%;
    }

    .product_list .main1 .content .block:not(:nth-child(4n)) {
        margin-right: 0;
    }

    .product_list .main1 .content .block:not(:nth-child(3n)) {
        margin-right: 1.5%;
    }

    .product_list .main1 .content .block:nth-child(n+4) {
        margin-top: 40px;
    }

    .product-details .main2 .content .product_1920 {
        display: none;
    }

    .product-details .main2 .content .product_1200 {
        display: flex;
    }

    .plan .main1 .content .block {
        width: 49%;
    }

    .plan .main1 .content .block:not(:nth-child(3n)) {
        margin-right: 0;
    }

    .plan .main1 .content .block:nth-child(odd) {
        margin-right: 1.5%;
    }

    .plan .main1 .content .block:nth-child(n+3) {
        margin-top: 40px;
    }

    .plan .main1 .content .block .mask {
        opacity: 1;
    }

    .plan .main1 .content .block .title {
        opacity: 0;
    }

    .plan_list .main1 .content .list_big {
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .plan_list .main1 .content .list_big .img {
        width: 100%;
    }

    .plan_list .main1 .content .list_big .txt {
        padding-right: 0;
        width: 100%;
    }

    .plan_list .main1 .content .box .block {
        width: 49%;
    }

    .plan_list .main1 .content .box .block:not(:nth-child(3n)) {
        margin-right: 0;
    }

    .plan_list .main1 .content .box .block:nth-child(odd) {
        margin-right: 1.5%;
    }

    .news .main1 .content .list_big {
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .news .main1 .content .list_big .img {
        width: 100%;
    }

    .news .main1 .content .list_big .txt {
        padding-right: 0;
        width: 100%;
    }

    .news .main1 .content .box .block {
        width: 49%;
    }

    .news .main1 .content .box .block:not(:nth-child(3n)) {
        margin-right: 0;
    }

    .news .main1 .content .box .block:nth-child(odd) {
        margin-right: 1.5%;
    }

    .case .main1 .content .list_big {
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .case .main1 .content .list_big .img {
        width: 100%;
    }

    .case .main1 .content .list_big .txt {
        padding-right: 0;
        width: 100%;
    }

    .case .main1 .content .box .block {
        width: 49%;
    }

    .case .main1 .content .box .block:not(:nth-child(3n)) {
        margin-right: 0;
    }

    .case .main1 .content .box .block:nth-child(odd) {
        margin-right: 1.5%;
    }

    .news-details .main1 .details_left {
        padding: 30px 15px;
    }

    .service .main1 .content > .center {
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .service .main1 .content .block {
        width: 100%;
        margin-bottom: 20px;
    }

    .service .main1 .content .block .mask {
        width: 50%;
    }

    .service .main1 .content .block .icon {
        width: 80px;
    }

    .download .main1 .main1_left {
        padding: 30px 15px;
    }

    .download .main1 .main1_left .line .name {
        width: 90%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .faq .main1 .main1_left {
        padding: 30px 15px;
    }

    .search .main1 .main1_left {
        padding: 30px 0;
    }

    .faq .main1 .main1_left .line .name {
        width: 90%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .index .main1 .content .main1_right .block .name {
        font-size: 18px;
    }

    .video .main1 .main1_left .block {
        width: 49%;
    }

    .video .main1 .main1_left .block:not(:nth-child(3n)) {
        margin-right: 0;
    }

    .video .main1 .main1_left .block:nth-child(odd) {
        margin-right: 2%;
    }

    .video .main1 .main1_left .block:nth-child(n+3) {
        margin-top: 30px;
    }

    .video_popup {
        background-color: #000000;
    }

    .contact .main1 .content .main1_left {
        padding: 30px 10px;
    }

    .contact .main1 .content .main1_left .box .block {
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .contact .main1 .content .main1_left .box .block .txt {
        width: 100%;
    }

    .contact .main1 .content .main1_left .box .block .btn {
        margin-top: 20px;
    }

    .contact .main1 .content .main1_left .box .block .share {
        margin-top: 20px;
    }

    .contact .main1 .content .main1_right .box {
        padding: 30px 10px;
    }

    .contact .main2 .title {
        font-size: 20px;
        text-align: center;
        padding: 0;
    }

    .contact .main2 .content .box_block .block .box {
        padding: 20px 10px;
    }

    .about .about_title {
        margin-bottom: 30px;
    }

    .about .main1 .content .txt_box .main1_left .txt {
        margin-bottom: 40px;
    }

    .about .main2 .content .box {
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .about .main2 .content .box .block {
        width: 49%;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
        padding: 15px;
    }

    .about .main2 .content .box .block:not(:last-child) {
        margin-right: 0;
    }

    .about .main2 .content .box .block:nth-child(odd) {
        margin-right: 2%;
    }

    .about .main2 .content .box .block:nth-child(n+3) {
        margin-top: 20px;
    }

    .about .main2 .content .box .block .block_img {
        width: 100%;
    }

    .about .main2 .content .box .block .txt {
        text-align: center;
        width: 100%;
        display: block;
    }

    .about .main3 .content .box .year_box {
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .about .main3 .content .box .year_box .block {
        border-left: none;
        border-bottom: 4px solid #ea891c;
        width: 100%;
    }

    .about .main3 .content .course_title {
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .about .main3 .content .course_title .title {
        width: 100%;
        margin-bottom: 15px;
    }

    .about .main4 .content > .center {
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .about .main4 .content > .center .block {
        width: 49%;
    }

    .about .main4 .content > .center .block:not(:last-child) {
        margin-right: 0;
    }

    .about .main4 .content > .center .block:nth-child(odd) {
        margin-right: 2%;
    }

    .about .main4 .content > .center .block:nth-child(n+3) {
        margin-top: 20px;
    }

    .about_popup {
        top: 75px;
    }

    .about_popup .mask .box {
        width: 98%;
        height: 100%;
        padding: 4% 15px;
    }

    .honor .main1 .content .block, .honor .main2 .content .block, .honor .main3 .content .block, .honor .main4 .content .block, .honor .main5 .content .block {
        width: 49%;
    }

    .honor .main1 .content .block:not(:nth-child(4n)), .honor .main2 .content .block:not(:nth-child(4n)), .honor .main3 .content .block:not(:nth-child(4n)), .honor .main4 .content .block:not(:nth-child(4n)), .honor .main5 .content .block:not(:nth-child(4n)) {
        margin-right: 0;
    }

    .honor .main1 .content .block:nth-child(odd), .honor .main2 .content .block:nth-child(odd), .honor .main3 .content .block:nth-child(odd), .honor .main4 .content .block:nth-child(odd), .honor .main5 .content .block:nth-child(odd) {
        margin-right: 2%;
    }

    .honor .main1 .content .block:nth-child(n+3), .honor .main2 .content .block:nth-child(n+3), .honor .main3 .content .block:nth-child(n+3), .honor .main4 .content .block:nth-child(n+3), .honor .main5 .content .block:nth-child(n+3) {
        margin-top: 20px;
    }

    .employees .main1 .content .block {
        width: 49%;
    }

    .employees .main1 .content .block:not(:nth-child(4n)) {
        margin-right: 0;
    }

    .employees .main1 .content .block:nth-child(odd) {
        margin-right: 2%;
    }

    .employees .main1 .content .block:nth-child(n+3) {
        margin-top: 20px;
    }

    .employees .main3 .content > .center {
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .employees .main3 .content .main3_left {
        width: 100%;
        padding: 30px 10px;
        margin-bottom: 30px;
    }

    .employees .main3 .content .main3_right {
        width: 100%;
    }

    .employees .main3 .content .main3_right .title {
        margin-bottom: 30px;
    }

    .index .main4 .content .block:hover .txt {
        background-color: rgba(0, 0, 0, 0.5) !important;
    }

    .index .main3 .content .block:hover .txt {
        background-color: rgba(0, 0, 0, 0.5) !important;
    }

    .employees .main3 .content .main3_right .block .join_top {
        padding: 0 10px;
    }

    .faq .main1 .main1_left .q_line .icon.q_time {
        display: none
    }

    .faq .main1 .main1_left .q_line .name {
        text-align: left
    }

    .faq .main1 .main1_left .q_line .q_class_name {
        width: 38%;
        text-align: right
    }

    .right_aside .box .block {
        opacity: 1;
    }

    .foot_hide {
        display: none;
    }
}

@media screen and (max-width: 750px) {
    .banner_1200 {
        display: block;
    }

    .banner_1920 {
        display: none;
    }

    .inner_banner .banner_1200 {
        display: block;
    }

    .inner_banner .banner_1920 {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .footer .foot_bottom .flex {
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footer .foot_bottom .icp {
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }

    .index .main3 .content .center {
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .index .main3 .content .block {
        width: 100%;
        text-align: center;
    }

    .index .main3 .content .block:not(:last-child) {
        margin-bottom: 30px;
    }

    .index .main3 .content .block .picture_container {
        padding-top: 56.25879%;
    }

    .index .main3 .content .block .picture_container img {
        max-width: 100%;
    }

    .index .main3 .content .block.block_short {
        width: 100%;
    }

    .index .main3 .content .block.block_short .picture_container {
        padding-top: 56.25879%;
    }

    .index .main3 .content .block.block_short .picture_container img {
        max-width: 100%;
    }

    .index .main4 {
        padding: 50px 0;
    }

    .index .main4 .content .center {
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .index .main4 .content .block {
        width: 100%;
        text-align: center;
    }

    .index .main4 .content .block:not(:last-child) {
        margin-bottom: 30px;
    }

    .index .main4 .content .block .picture_container {
        padding-top: 56.25879%;
    }

    .index .main4 .content .block .picture_container img {
        max-width: 100%;
    }

    .index .main4 .content .block.block_short {
        width: 100%;
    }

    .index .main4 .content .block.block_short .picture_container {
        padding-top: 56.25879%;
    }

    .index .main4 .content .block.block_short .picture_container img {
        max-width: 100%;
    }

    .plan .main1 .content .block {
        width: 100%;
    }

    .plan .main1 .content .block:not(:nth-child(3n)) {
        margin-right: 0;
    }

    .plan .main1 .content .block:nth-child(odd) {
        margin-right: 0;
    }

    .plan .main1 .content .block:nth-child(n+2) {
        margin-top: 20px;
    }

    .plan .main1 .content .block img {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {

    .about .main2 .content .box .block .block_img .name {
        font-size: 26px;
    }

    .index .main1 .content .main1_right .block {
        width: 100%;
    }

    .index .main1 .content .main1_right .block:nth-child(odd) {
        margin-right: 0;
    }

    .index .main1 .content .main1_right .block:not(:last-child) {
        margin-bottom: 20px;
    }

    .index .main2 .content .swiper-pagination {
        width: 100%;
    }

    .index .main2 .content .block .mask {
        padding: 0 15px;
    }

    .product {
        padding: 30px 0;
    }

    .product .main1 .content .block {
        width: 100%;
        margin-top: 20px;
    }

    .product .main1 .content .block:nth-child(odd) {
        margin-right: 0;
    }

    .product_list .main1 .content .block {
        width: 100%;
    }

    .product_list .main1 .content .block:not(:nth-child(3n)) {
        margin-right: 0;
    }

    .product_list .main1 .content .block:nth-child(n+2) {
        margin-top: 20px;
    }

    .plan_list .main1 .content .box .block {
        width: 100%;
    }

    .plan_list .main1 .content .box .block:nth-child(odd) {
        margin-right: 0;
    }

    .case .main1 .content .box .block {
        width: 100%;
    }

    .case .main1 .content .box .block:nth-child(odd) {
        margin-right: 0;
    }

    .news .main1 .content .box .block {
        width: 100%;
    }

    .news .main1 .content .box .block:nth-child(odd) {
        margin-right: 0;
    }

    .service .main2 .box .content {
        width: 90%;
    }

    .video .main1 .main1_left {
        padding: 30px 0;
    }

    .video .main1 .main1_left .block {
        width: 100%;
    }

    .video .main1 .main1_left .block:nth-child(odd) {
        margin-right: 0;
    }

    .video .main1 .main1_left .block:not(:first-child) {
        margin-top: 20px;
    }

    .video .main1 .main1_left .block .img .picture_container img {
        width: 100%;
    }

    .video .main1 .main1_left .block .img .mask {
        opacity: 1;
    }

    .video .main1 .main1_left .block .name {
        background-color: #ea891c;
        color: #ffffff;
    }

    .about .main2 .content .box .block {
        width: 100%;
        padding: 40px 15px;
    }

    .about .main2 .content .box .block .img {
        width: 100px;
    }

    .about .main2 .content .box .block:nth-child(odd) {
        margin-right: 0;
    }

    .about .main2 .content .box .block:nth-child(n+1) {
        margin-top: 20px;
    }

    .about .main4 .content > .center .block {
        width: 100%;
    }

    .about .main4 .content > .center .block .img {
        width: 100px;
    }

    .about .main4 .content > .center .block:nth-child(odd) {
        margin-right: 0;
    }

    .about .main4 .content > .center .block:nth-child(n+1) {
        margin-top: 20px;
    }

    .honor .main1 .content .block, .honor .main2 .content .block, .honor .main3 .content .block, .honor .main4 .content .block, .honor .main5 .content .block {
        width: 100%;
    }

    .honor .main1 .content .block:nth-child(odd), .honor .main2 .content .block:nth-child(odd), .honor .main3 .content .block:nth-child(odd), .honor .main4 .content .block:nth-child(odd), .honor .main5 .content .block:nth-child(odd) {
        margin-right: 0;
    }

    .honor .main1 .content .block:nth-child(n+2), .honor .main2 .content .block:nth-child(n+2), .honor .main3 .content .block:nth-child(n+2), .honor .main4 .content .block:nth-child(n+2), .honor .main5 .content .block:nth-child(n+2) {
        margin-top: 20px;
    }

    .employees .main1 .content .block {
        width: 100%;
    }

    .employees .main1 .content .block:nth-child(odd) {
        margin-right: 0;
    }

    .employees .main1 .content .block:nth-child(n+2) {
        margin-top: 20px;
    }

    .employees .main3 .content .main3_left {
        width: 100%;
        padding: 30px 10px;
        margin-bottom: 30px;
    }

    .employees .main3 .content .main3_right {
        width: 100%;
    }

    .employees .main3 .content .main3_right .title {
        height: 60px;
        margin-bottom: 30px;
    }

}