@media (max-width:1440px) {

    .in_box4_nr .bd .nr .left {
        width: 50%;
    }

    .in_box4_nr .bd .nr .right {
        width: 45%;
    }

    .in_box_nr .bd .nr .right a h2 {
        font-size: 17px;
    }

    .in_box_nr .bd .nr .right a p {
        font-size: 14px;
    }

    .in_box_nr .bd .nr .right a:nth-last-child(1) {
        display: none;
    }

    .di_l {
        width: 380px;
    }

    .di_l p {
        font-size: 15px;
    }

    .di_z {
        width: calc(100% - 580px);
    }

    .di_r {
        width: 200px;
    }

    .ny_nav .container a {
        font-size: 16px;
    }

    .about_box_l {
        width: 450px;
    }

    .about_box_r {
        width: calc(100% - 500px);
    }

}

@media (max-width:960px) {

    body {
        min-width: auto;
        padding-top: 50px;
    }

    .container {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px;
    }

    .top {
        top: 0px;
        background: #fff;
        height: 50px;
    }

    .top_gao {
        height: 50px;
    }

    .top .box {
        min-width: auto;
        width: 90%;
    }

    .top .logo {
        width: 200px;
        background: none;
    }

    .top .logo img {
        width: 100%;
        height: auto;
    }

    .top .nav_r {
        width: calc(100% - 100px);
    }

    .top .tel {
        display: none;
    }

    .top .nav {
        display: none;
    }

    .phone_btn {
        display: block;
        margin-top: 5px;
        margin-left: 15px;
    }

    .top .phone_btn span {
        width: 20px;
        height: 17px;
        display: inline-block;
        position: relative;
    }

    .top .phone_btn span:before {
        content: '';
        width: 22px;
        height: 2px;
        background: #000;
        position: absolute;
        top: 0;
        left: 0;
    }

    .top .phone_btn span:after {
        content: '';
        width: 22px;
        height: 2px;
        background: #000;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .top .phone_btn span i {
        position: absolute;
        top: 50%;
        left: 0;
        width: 22px;
        height: 2px;
        background: #000;
        margin-top: -1px;
    }

    .in_banner {
        height: auto;
        position: relative;
        top: 0px;
    }

    .in_banner .swiper-slide .pcimg {
        width: 100%;
        height: auto;
        display: none;
    }

    .in_banner .swiper-slide .phimg {
        width: 100%;
        height: auto;
        display: block;
    }

    .in_banner .swiper-slide .container h2 {
        font-size: 32px;
    }

    .in_banner .swiper-slide .container p {
        font-size: 16px;
    }


    .in_banner .gun {
        display: none;
    }

    .in_banner .qieh {
        width: 100%;
        left: 0px;
        bottom: 7%;
    }

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

    .in_banner .swiper-pagination {
        width: 100%;
        left: 0px;
        justify-content: center;
    }

    .in_banner .swiper-pagination span {
        margin: 0px 4px;
    }

    .in_banner .swiper-pagination::after {
        height: 0px;
    }

    .in_banner .swiper-pagination::before {
        height: 0px;
    }

    .in_banner_g {
        height: auto;
    }

    .in_bt {
        padding-bottom: 20px;
        font-size: 24px;
    }

    .in_bt b {
        font-size: 18px;
    }

    .in_box {
        padding: 30px 0px;
    }


    .in_box_nr .hd {
        position: static;
        margin-bottom: 15px;
    }


    .in_box_nr .hd ul li {
        margin-left: 0px;
        margin-right: 20px;
    }

    .in_box_nr .bd .nr {
        flex-direction: column;
    }

    .in_box_nr .bd .nr .left {
        width: 100%;
        margin-bottom: 10px;
    }

    .in_box_nr .bd .nr .right {
        width: 100%;
    }

    .in_box_nr .bd .nr .right a {
        padding-bottom: 10px;
        margin-bottom: 5px;
    }

    .in_box_nr .bd .nr .right a h2 {
        font-size: 15px;
    }

    .in_box_nr .bd .nr .right a p {
        font-size: 13px;
    }

    .in_box_nr .bd .nr .right a span {
        font-size: 13px;
    }

    .in_box_nr .bd .nr .right a:nth-last-child(1) {
        display: block;
    }

    .in_box2 {
        padding: 30px 0px;
    }

    .in_box2_box .swiper-slide::after {
        width: 0px;
    }

    .in_box2_box .swiper-slide a {
        background: #fff;
    }

    .in_box2_box .swiper-slide a h2 {
        font-size: 18px;
    }

    .in_box2_box .swiper-slide a h3 {
        margin: 6px 0px;
        font-size: 14px;
    }

    .in_box2_box .swiper-slide a p {
        font-size: 14px;
    }

    .in_box2_box .swiper-slide a span {
        font-size: 14px;
    }

    .in_box3 {
        padding: 30px 0px;
    }

    .in_box3_box .swiper-slide {
        height: 400px;
    }

    .in_box3_box .swiper-slide .img {
        height: 100%;
    }

    .in_box3_box .swiper-slide .wz {
        display: none;
    }

    .in_box3_box .swiper-slide .fd {
        bottom: 0px;
        padding-top: 15%;
    }

    .in_box3_box .swiper-slide .fd h2 {
        font-size: 18px;
    }

    .in_box3_box .swiper-slide .fd p {
        font-size: 14px;
    }

    .in_box3_box .swiper-slide .fd h3 a {
        font-size: 15px;
        height: 45px;
    }

    .di {
        padding-top: 20px;
    }

    .di .container {
        flex-direction: column;
    }

    .di_l {
        width: 100%;
    }

    .di_l h2 img {
        width: auto;
        height: 40px;
    }

    .di_l p {
        font-size: 13px;
        padding: 4px 0px;
    }

    .di_l p img {
        transform: scale(0.9);
    }

    .di_l p span {
        font-size: 26px;
    }

    .di_z {
        display: none;
    }

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

    .di_r h3 {
        font-size: 13px;
    }

    .di_r h3 img {
        width: 100px;
    }

    .di_r .btn {
        height: 35px;
        line-height: 35px;
        padding: 0px 10px;
        color: #fff;
        font-size: 14px;
    }

    .di_d {
        padding: 10px;
    }

    .ny_banner {
        height: 250px;
    }

    .ny_banner .container h2 {
        font-size: 30px;
    }

    .ny_banner .container p {
        font-size: 16px;
    }

    .ny_nav {
        height: 45px;
        line-height: 45px;
        margin-top: -45px;
    }

    .ny_nav .container a {
        font-size: 13px;
    }

    .about_h {
        padding: 40px 0px;
    }

    .about_box {
        flex-direction: column;
    }

    .about_box_l {
        max-width: 450px;
        width: 100%;
        margin-bottom: 20px;
    }

    .about_box_r {
        width: 100%;
    }

    .about_box_r h2 {
        font-size: 17px;
    }

    .about_box_r p {
        font-size: 14px;
        line-height: 26px;
        padding-bottom: 10px;
    }

    .about_box1 ul {
        margin: 0px -10px;
    }

    .about_box1 ul li {
        width: calc(50% - 22px);
        margin: 0px 10px;
        margin-bottom: 20px;
    }

    .about_box1 ul li p {
        font-size: 14px;
    }

    .about_box2 ul {
        margin: 0px;
        margin-bottom: 20px;
    }

    .about_box2 ul li {
        width: 100%;
        margin: 0px;
        margin-bottom: 20px;
        height: 200px;
    }

    .about_box2 ul li .img {
        width: 150px;
    }

    .about_box2 ul li .nr {
        width: calc(100% - 150px);
    }

    .about_box2 ul li .nr h2 {
        font-size: 17px;
    }

    .about_box2 ul li .nr h3 {
        font-size: 15px;
    }

    .about_box2 ul li .nr span {
        font-size: 13px;
        padding-left: 15px;
    }

    .about_box2 ul li .nr p {
        font-size: 13px;
        line-height: 24px;
        display: block;
        padding-bottom: 10px;
    }


    .click_tt {
        width: 90%;
        height: 80vh;
        flex-wrap: wrap;
    }

    .click_tt .left {
        width: 100%;
        margin-bottom: 15px;
    }

    .click_tt .right {
        width: 100%;
    }

    .click_tt .right h2 {
        font-size: 17px;
    }

    .click_tt .right h3 {
        font-size: 15px;
    }

    .click_tt .right span {
        font-size: 13px;
        padding-left: 15px;
    }

    .click_tt .right p {
        font-size: 13px;
        line-height: 24px;
        display: block;
        padding-bottom: 10px;
    }


    .about_box3 ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0px -16px;
    }

    .about_box3 ul li {
        width: calc(50% - 18px);
        margin: 0px 8px;
        margin-bottom: 20px;
    }

    .product_list ul{
        margin: 0px auto;
    }

    .product_list ul li{
        width: 100%;
        margin: 0px auto;
        margin-bottom: 20px;
    }

    .product_list ul li a h2 {
        font-size: 18px;
    }

    .product_list ul li a h3 {
        margin: 6px 0px;
        font-size: 14px;
    }

    .product_list ul li a p {
        font-size: 14px;
    }

    .product_list ul li a span {
        font-size: 14px;
    }

    .pro_d{
        flex-wrap: wrap;
        height: auto;
    }

    .pro_d .left{
        width: 100%;
    }

    .pro_d .left h2{
        font-size: 17px;
    }

    .pro_d .left p{
        font-size: 15px;
        line-height: 26px;
    }

    .pro_d .right{
        width: 100%;
    }

    .pro_dr .swiper-button-next, .pro_dr .swiper-button-prev{
        width: 35px;
        height: 35px;
    }

    .pro_dr .swiper-button-next::after, .pro_dr .swiper-button-prev::after{
        font-size: 20px;
    }

    .pro_d1 .bt{
        font-size: 20px;
        margin-bottom: 15px;
    }

    .pro_d2 .bt{
        font-size: 20px;
        margin-bottom: 15px;
    }

    .solution ul{
        margin: 0px auto;
    }

    .solution ul li {
        height: 400px;
        width: 100%;
        margin: 0px auto;
        margin-bottom: 20px;
    }

    .solution ul li .img {
        height: 100%;
    }

    .solution ul li .wz {
        display: none;
    }

    .solution ul li .fd {
        bottom: 0px;
        padding-top: 15%;
    }

    .solution ul li .fd h2 {
        font-size: 18px;
    }

    .solution ul li .fd p {
        font-size: 14px;
    }

    .solution ul li .fd h3 a {
        font-size: 15px;
        height: 45px;
    }

    .solution_detail .bt h2{
        font-size: 22px;
    }

    .solution_detail .bt h4{
        font-size: 13px;
    }

    .solution_detail .nr p{
        font-size: 14px;
    }

    .news_list ul li{
        flex-direction: column;
        padding: 15px;
    }

    .news_list ul li.stick .img{
        width: 100%;
        margin-bottom: 10px;
    }

    .news_list ul li.stick .wz{
        width: 100%;
    }

    .news_list ul li .wz{
        width: 100%;
    }

    .news_list ul li .wz h2 a{
        font-size: 17px;
    }

    .news_list ul li .wz p{
        font-size: 13px;
        line-height: 22px;
    }

    .news_list ul li .time{
        width: 100%;
        text-align: left;
        margin-top: 10px;
    }

    .news_list ul li .time b{
        margin: 0px 8px;
        margin-left: 0px;
    }

    .news_list ul li .time h2{
        font-size: 18px;
    }

    .news_list ul li .time h3{
        font-size: 15px;
    }

    .jobli .title {
        padding: 0px 10px;
    }

    .jobli .title span {
        font-size: 14px;
        line-height: 35px;
        width: 33.3%;
    }

    .jobli .title span:nth-child(3) {
        display: none;
    }

    .jobli li {
        padding: 0px 10px;
    }

    .jobli li .link .nr span {
        font-size: 13px;
        line-height: 45px;
        width: 33.3%;
    }

    .jobli li .link .nr span:nth-child(3) {
        display: none;
    }

    .jobli li .link span.tbanchor {
        display: block;
        background: none;
        right: 9px;
        top: 9px;
        font-size: 20px;
    }

    .jobli li .jobnr {
        padding: 10px 20px;
    }

    .jobli li .jobnr .yq li {
        width: 50%;
        font-size: 12px;
        padding: 5px 0px;
    }

    .jobli li .jobnr .zc {
        flex-wrap: wrap;
        padding: 10px 0px;
    }

    .jobli li .jobnr .zc dd {
        width: 100%;
        margin-bottom: 10px;
    }

    .jobli li .jobnr .zc dd h2 {
        font-size: 15px;
        padding-bottom: 8px;
    }

    .jobli li .jobnr .zc dd p {
        font-size: 13px;
    }

    .jobli li .jobnr .js {
        padding-top: 10px;
        font-size: 15px;
        line-height: 26px;
    }

}

@media (max-width:640px) {}