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

@media screen and (max-width:1440px) {
    .contact_footer {
        width: 90%;
    }
    .contact{
        width: 80%;
    }
}

@media screen and (max-width:1280px) {
    .header_box {
        width: 90%;
    }

    .banner1 {
        width: 90%;
    }

    .introduce_show {
        width: 90%;
    }

    .domain_show {
        width: 90%;
    }

    .duty_show {
        width: 90%;
    }

    .duty_boxes {
        width: 90%;
    }

    .culture_show {
        width: 90%;
    }

    .duty_boxes2 {
        width: 90%;
    }

    .index_new {
        width: 90%;
    }

    .footer_show {
        width: 90%;
    }

    .about_show {
        width: 90%;
    }

    .about2_show {
        width: 90%;
    }

    .about4 {
        width: auto;
    }

    .about5_show {
        width: 90%;
    }

    .about6_duty {
        width: 90%;
    }

    .about6_duty_content2 {
        width: 100%;
    }

    .innovate_show {
        width: 90%;
    }

    .case {
        width: 90%;
    }

    .innovate3_show,
    .innovate2_show {
        width: 90%;
    }

    .news {
        width: 90%;
    }

    .news_dynamic {
        margin-top: 40px;
    }

    .new_title {
        margin-top: 50px;
    }

    .report {
        width: 90%;
    }

    .report_box {
        height: auto;
        padding: 10px 0;
    }

    .media {
        width: 90%;
    }

    .news4 {
        width: 90%;
    }

    .product {
        width: 90%;
    }

    .recycling {
        width: 90%;
    }

    .sustainable1 {
        width: 90%;
    }

    .sustainable2 {
        width: 90%;
    }

    .sustainable3,
    .sustainable3_show,
    .sustainable3_footer_box,
    .green_box {
        width: 90%;
    }
}

@media screen and (max-width:1024px) {
    .NewSwiper .swiper-button-next,.NewSwiper .swiper-button-prev{
        display: none;
    }
    .banner {
        height: 400px;
    }

    .introduce_r {
        justify-content: center;
    }

    .introduce_r_content {
        margin-top: 0px;
    }

    .introduce_r_btn {
        margin-top: 15px;
    }

    .domain_title {
        margin-top: 25px;
    }

    .domain_box {
        margin-top: 20px;
    }

    .index_new {
        padding-bottom: 60px;
    }

    .about2_title {
        margin-top: 40px;
    }

    .new_more,
    .video_more {
        margin: 30px auto;
    }

    .report_title {
        margin-top: 40px;
    }
    .contact_logo {
        margin-left: 30px;
    }
    .contact_footer_r{
        margin-left: 15px;
    }
}

@media screen and (max-width:992px) {
    .banner {
        height: 350px;
    }
}

@media screen and (max-width:768px) {
    .header {
        position: relative;
    }

    .header_box {
        width: 100%;
    }

    .go {
        display: block;
        margin-right: 3%;
    }

    .logo {
        margin-left: 3%;
    }

    .nav {
        display: none;
        position: fixed;
        top: 50px;
        width: 100%;
        height: auto;
    }

    .nav>ul {
        flex-direction: column;
    }

    .nav>ul>li {
        height: 50px;
        width: 100%;
        background-color: rgba(255, 255, 255, 1);
    }

    .introduce {
        height: auto;
        padding: 20px 0;
    }

    .banner {
        height: 250px;
    }

    .introduce_show {
        flex-direction: column;
    }

    .introduce_title {
        width: 100%;
        text-align: center;
        margin-top: 5px;
    }

    .introduce_r {
        width: 100%;
    }

    .introduce_r_btn {
        justify-content: flex-end;
    }

    .duty_show {
        flex-direction: column-reverse;
    }

    .duty_r {
        width: 100%;
        align-items: center;
    }

    .duty_r_content {
        margin-top: 10px;
        text-align: left;
    }

    .duty_l {
        width: 80%;
    }

    .duty_box,
    .duty_box2 {
        flex-direction: column;
    }

    .duty_content,
    .duty2_content {
        width: 100%;
    }

    .duty_img,
    .duty2_img {
        width: 100%;
    }

    .duty_box:nth-child(2n),
    .duty_box2:nth-child(2n-1) {
        flex-direction: column;
    }

    .culture_show {
        flex-direction: column;
    }

    .culture_l {
        width: 100%;
    }

    .culture_content {
        margin-top: 10px;
    }

    .culture_r {
        width: 90%;
    }

    .index_new_show {
        flex-direction: column;
    }

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

    .footer_show {
        flex-direction: column;
    }

    .footer_nav {
        width: 45%;
        margin-top: 0px;
    }

    .footer_l {
        margin-bottom: 10px;
    }

    .footer_r {
        width: 45%;
        margin-top: 0px;
    }

    .footer {
        padding-bottom: 30px;
    }

    .about_title {
        margin-top: 30px;
    }

    .about2_title {
        margin-top: 30px;
    }

    .about2_box {
        flex-direction: column;
    }

    .about2_box_l {
        width: 100%;
        margin-top: 10px;
    }

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

    .promise {
        margin-top: 30px;
    }

    .promise_text {
        width: 70%;
    }

    .about4 {
        width: auto;
    }

    .about4_download_logo {
        width: auto;
    }

    .about4_download_box {
        position: relative;
    }

    .about4_download_btn {
        position: absolute;
        margin-left: 0px;
        right: 3%;
    }

    .about6_duty_content {
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
    }

    .about6_duty_content_l {
        width: 100%;
    }

    .about6_duty_content_r {
        width: 90%;
        margin-top: 10px;
    }

    .about6_duty_content2 {
        margin-top: 40px;
    }

    .about6_show_title {
        margin-top: 50px;
    }

    .about6_duty_title {
        margin-top: 30px;
    }

    .about6_box_img {
        width: auto;
    }

    .about6_box {
        height: auto;
        padding: 5px 0;
    }

    .about6_box_content {
        width: 80%;
    }

    .case_box {
        height: auto;
        padding: 10px 0;
    }

    .innovate_content_text {
        width: 50%;
    }

    .innovate_content_img {
        width: 46%;
    }

    .video_content {
        height: auto;
    }

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

    .new_content_date {
        margin-left: 0px;
    }

    .new_content_title {
        margin-left: 0px;
    }

    .new_content_text {
        width: 100%;
        margin-left: 0px;
    }

    .new_content_btn {
        position: static;
        margin-top: 20px;
    }

    .report_title,
    .report_boxes {
        margin-top: 30px;
    }

    .print_header_date,
    .print_header_gs,
    .print_box_date,
    .print_box_gs {
        display: none;
    }

    .print_header_bt {
        width: 55%;
    }

    .print_box_img {
        width: 20%;
    }

    .print_box_title {
        width: 32%;
    }

    .img_box,
    .video_box {
        width: 48%;
    }

    .video_video {
        height: auto;
    }

    .product_box {
        width: 100%;
    }

    .product_l {
        width: 46%;
    }

    .product_r {
        width: 50%;
    }

    .recycling_boxes {
        margin-top: 30px;
        height: auto;
        flex-direction: column-reverse;
    }

    .recycling_l {
        width: 100%;
        margin-top: 30px;
    }

    .recycling_r {
        width: 100%;
    }

    .recycling_r ul li {
        padding-left: 0;
    }

    .recycling_r ul li a {
        margin-left: 5%;
    }

    .sustainable2_box {
        height: auto;
        padding: 20px 0;
    }

    .sustainable2_btn {
        width: 100px;
    }

    .sustainable3_content2 {
        flex-direction: column;
    }

    .sustainable3_title {
        margin-top: 30px;
    }

    .sustainable3_content2_l {
        width: 100%;
    }

    .sustainable3_content2_r {
        width: 100%;
        margin-top: 10px;
        height: auto;
    }

    .sustainable3_green {
        padding: 20px 0;
    }

    .green_box {
        flex-direction: column;
    }

    .green_l {
        width: 100%;
    }

    .green_r {
        width: 100%;
    }

    .green_content {
        margin-top: 20px;
    }

    .green_btn {
        position: static;
        margin-top: 20px;
    }

    .sustainable3_box {
        height: 450px;
    }
    .contact_footer{
        flex-direction: column;
        margin: 30px auto 20px auto;
    }
    .contact_box{
        width: 80%;
        margin-bottom: 10px;
    }
    .map{
        height: 550px;
    }
}

@media screen and (max-width:550px) {
    .banner {
        height: 200px;
    }

    .about_title {
        margin-top: 15px;
    }

    .about2_title {
        margin-top: 15px;
    }

    .promise_show {
        flex-direction: column;
        align-items: center;
    }

    .promise_box {
        width: 80%;
    }

    .about4_download_logo {
        display: none;
    }

    .about4_download_content {
        width: 80%;
    }

    .case_box_img {
        display: none;
    }

    .case_box_content {
        width: 80%;
    }

    .innovate3_content,
    .innovate2_content,
    .innovate2_show2 {
        flex-direction: column;
        align-items: center;
    }

    .innovate3_content_text,
    .innovate_content_text,
    .innovate2_content_text {
        width: 100%;
    }

    .innovate3_content_img,
    .innovate_content_img {
        width: 95%;
    }

    .innovate_include_show ul li {
        width: 50%;
    }

    .innovate_include_show {
        width: 100%;
        margin-left: 0px;
    }

    .question_show {
        flex-direction: column;
    }

    .question_l {
        width: 100%;
    }

    .question_r {
        width: 100%;
    }

    .news_footer {
        flex-direction: column;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .news_r {
        margin-top: 10px;
    }

    .news_l_btn,
    .news_r_show {
        margin-top: 15px;
    }

    .report_img {
        display: none;
    }

    .report_content {
        width: 80%;
    }

    .print_header_dx,
    .print_box_dx {
        display: none;
    }

    .print_header_bt {
        width: 65%;
    }

    .print_header_lx {
        width: 20%;
    }

    .print_box_img {
        width: 22%;
    }

    .print_box_title {
        width: 41%;
    }

    .print_box_lx {
        width: 20%;
    }

    .news4_box {
        width: 100%;
    }

    .news_r_show img {
        margin-right: 3%;
    }

    .news4_title {
        margin-top: 20px;
    }

    .news4_more_btn {
        margin: 20px auto;
    }

    .product_show {
        flex-direction: column;
    }

    .product_l {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .product_nav {
        width: 48%;
        height: 300px;
    }

    .product_contact {
        width: 48%;
        height: 300px;
        margin-top: 0px;
    }

    .product_r {
        width: 100%;
        margin-top: 20px;
    }

    .product_box {
        width: 49%;
    }

    .recycling_title {
        margin-top: 30px;
    }

    .recycling_introduce {
        margin-top: 10px;
    }

    .recycling_boxes {
        margin-top: 15px;
    }

    .recycling_r_nav {
        height: auto;
        padding: 15px 0;
    }

    .sustainable1_title {
        margin-top: 20px;
    }

    .sustainable2_box {
        padding: 20px 0 20px 0;
        flex-direction: column;
        align-items: center;
    }

    .sustainable2_btn {
        position: static;
        transform: translateY(0);
        margin-top: 10px;
        width: 100%;
    }

    .sustainable2_content {
        margin-left: 0px;
        margin-top: 10px;
    }

    .sustainable2_img {
        width: 100%;
    }

    .sustainable3_box {
        width: 100%;
        height: 500px;
    }
    .sustainable3_footer_box{
        flex-direction: column-reverse;
    }
    .sustainable3_footer_l{
        width: 100%;
    }
    .sustainable3_footer_r{
        width: 100%;
        margin-top: 15px;
    }
    .sustainable3_footer{
        padding: 20px 0;
    }
    .map{
        height: 400px;
        margin-top: 30px;
    }
    .contact_title {
        margin-top: 30px;
    }
}

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

    .print_box_lx,
    .print_header_lx {
        display: none;
    }

    .print_header_bt {
        width: 80%;
    }

    .print_box_title {
        width: 57%;
    }
    .sustainable3_box{
        height: 400px;
    }
    .map{
        height: 300px;
        margin-top: 20px;
    }
    .contact_title {
        margin-top: 20px;
    }
    .contact_tel{
        margin-top: 15px;
    }
}