@media (max-width:1500px) {

    .case_detail_box .left {
        width: calc(100% - 600px);
    }

    .case_detail_box .right {
        width: 600px;
    }

    .case_detail_box1 .left {
        width: calc(100% - 600px);
    }

    .case_detail_box1 .right {
        width: 600px;
    }

}

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

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

@media (max-width:960px) {

    body {
        min-width: auto;
    }

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

    .top {
        height: 70px;
    }

    .top .logo img {
        width: 55px;
        height: auto;
    }

    .top_gao{
        height: 70px;
    }

    .nav {
        display: none;
    }

    .phone_btn {
        display: block;
    }

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

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

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

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

    .navMenubox .search {
        display: flex;
        width: calc(100% - 30px);
        margin: 0px 15px;
        margin-top: 20px;
        border: 1px solid #ddd;
    }

    .navMenubox .search input {
        width: calc(100% - 30px);
        line-height: 30px;
        border: 0px;
        box-sizing: border-box;
        padding: 0px 10px;
    }

    .navMenubox .search button {
        width: 40px;
        height: 30px;
        border: 0px;
        background: #eee;
    }

    .navMenubox .search button img {
        width: auto;
        height: 60%;
    }

    .in_banner .swiper-pagination {
        right: 20px;
        width: calc(100% - 20px);
    }

    .in_banner .swiper-pagination span {
        width: 7px;
        height: 7px;
        opacity: 1;
        margin: 0px 6px !important;
    }

    .in_banner .swiper-pagination span.swiper-pagination-bullet-active {
        width: 20px;
    }


    .in_box {
        padding-top: 30px;
    }

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

    .in_bt h2 {
        font-size: 25px;
    }

    .in_box .swiper-container {
        margin: 0px -10px;
        margin-top: 20px;
        padding-right: 0px;
    }

    .in_box .swiper-wrapper {
        padding: 0px;
    }

    .in_box .swiper-slide a {
        padding: 10px;
    }

    .in_box .swiper-slide h2 {
        font-size: 16px;
        padding: 10px 0px;
    }

    .in_box .swiper-slide p {
        font-size: 12px;
        line-height: 20px;
        height: 60px;
    }

    .in_box .swiper-slide span {
        font-size: 12px;
    }

    .in_box .swiper-button-next,
    .in_box .swiper-button-prev {
        top: 70px;
        width: 35px;
        height: 35px;
    }

    .in_box .swiper-button-prev {
        left: auto;
        right: 50px;
    }

    .in_box .swiper-button-next:after,
    .in_box .swiper-button-prev:after {
        font-size: 20px;
        color: #333;
    }

    .in_box1 {
        padding: 30px 0px;
    }

    .in_box1 .swiper-container {
        margin: 0px -10px;
        margin-top: 20px;
        padding-right: 0px;
    }

    .in_box1 .swiper-wrapper {
        padding: 0px;
    }


    .in_box1 .swiper-button-next,
    .in_box1 .swiper-button-prev {
        top: 70px;
        width: 35px;
        height: 35px;
    }

    .in_box1 .swiper-button-prev {
        left: auto;
        right: 50px;
    }

    .in_box1 .swiper-button-next:after,
    .in_box1 .swiper-button-prev:after {
        font-size: 20px;
        color: #333;
    }

    .in_box1 .swiper-slide a {
        padding: 5px;
        display: block;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 0px;
    }

    .in_box1 .swiper-slide a .img img {
        width: 100%;
    }

    .in_box1 .swiper-slide a .time {
        display: flex;
        align-items: center;
        padding: 6px 0px;
        padding-left: 0px;
        width: 100%;
    }

    .in_box1 .swiper-slide a .time h2 {
        font-size: 17px;
    }

    .in_box1 .swiper-slide a .time p {
        padding-top: 0px;
        font-size: 15px;
        padding-left: 5px;
    }

    .in_box1 .swiper-slide a .nr {
        width: 100%;
        border-left: 0px;
        padding-left: 0px;
    }

    .in_box1 .swiper-slide a .nr h2 {
        font-size: 16px;
    }

    .in_box1 .swiper-slide a .nr p {
        font-size: 14px;
        padding: 10px 0px;
        line-height: 24px;
        height: 40px;
    }

    .in_box1 .swiper-slide a .nr span {
        font-size: 13px;
        padding-top: 5px;
    }

    .di {
        padding-top: 20px;
    }

    .di .container .di_z {
        display: none;
    }

    .di .container .di_l {
        width: 110px;
    }

    .tc_ewm {
        width: 180px;
        height: auto;
    }

    .di .container .di_l .img img {
        width: 80px;
        height: auto;
    }

    .di .container .di_l .fenx a i {
        font-size: 26px;
    }

    .di .container .di_r {
        width: calc(100% - 130px);
        font-size: 13px;
    }

    .di .container .di_r h2 {
        font-size: 22px;
        padding-bottom: 6px;
    }

    .di .container .di_r p {
        line-height: 26px;
    }


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

    .ny_banner .container h3 {
        font-size: 16px;
        text-transform: uppercase;
    }


    .ny_nav {
        padding: 20px 0px;
        overflow-x: auto;
        justify-content: flex-start;
    }

    .ny_nav a {
        font-size: 14px;
        white-space: nowrap;
    }

    .case ul {
        margin: 0px -5px;
    }

    .case ul li {
        width: calc(50% - 10px);
        margin: 0px 5px;
    }

    .case ul li a .nr {
        padding: 10px;
    }

    .case ul li a .nr h2 {
        font-size: 15px;
    }

    .case ul li a .nr p {
        font-size: 12px;
        padding-top: 3px;
    }

    .case_detail_banner {
        --swiper-navigation-size: 30px;
        /* 设置按钮大小 */
    }

    .case_detail_box {
        display: block;
        padding-top: 20px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .case_detail_box .left {
        width: 100%;
        padding-right: 0px;
    }

    .case_detail_box .left h2 {
        font-size: 24px;
    }

    .case_detail_box .left p {
        font-size: 16px;
    }

    .case_detail_box .right {
        padding-top: 10px;
        font-size: 15px;
    }

    .case_detail_box1 {
        display: block;
        padding-bottom: 15px;
        margin-bottom: 0px;
    }

    .case_detail_box1 .left {
        width: 100%;
        padding-right: 0px;
    }

    .case_detail_box1 .left .left_nr p {
        font-size: 13px;
        line-height: 24px;
    }

    .case_detail_box1 .right {
        width: 100%;
        font-size: 14px;
    }

    .case_detail_box1 .right .next {
        padding-top: 15px;
    }

    .case_detail_box1 .right .next h2 {
        line-height: 30px;
    }

    .case_detail_box2 {
        padding: 20px 0px;
        --swiper-navigation-size: 35px;
        /* 设置按钮大小 */
    }

    .case_detail_box2 .bt {
        font-size: 20px;
        padding-bottom: 15px;
    }

    .case_detail_box2 .swiper-slide a .nr {
        padding: 10px;
    }

    .case_detail_box2 .swiper-slide a .nr h2 {
        font-size: 15px;
    }

    .case_detail_box2 .swiper-slide a .nr p {
        font-size: 12px;
        padding-top: 3px;
    }

    .fanye {
        padding: 20px 0px;
    }

    .news_box {
        padding: 20px 0px;
    }

    .news_box .swiper-container {
        margin: 0px 0px;
        margin-top: 10px;
        padding-right: 0px;
    }

    .news_box .swiper-wrapper {
        padding: 0px;
    }

    .news_box .swiper-slide a {
        padding: 5px;
        display: block;
        padding-bottom: 30px;
        margin-bottom: 10px;
        border-bottom: 0px;
    }

    .news_box .swiper-slide a .img img {
        width: 100%;
    }

    .news_box .swiper-slide a .nr .time {
        padding: 6px 0px;
        padding-left: 0px;
        width: 100%;
    }

    .news_box .swiper-slide a .nr .time h2 {
        font-size: 17px;
    }

    .news_box .swiper-slide a .nr .time p {
        padding-top: 0px;
        font-size: 15px;
        height: auto;
        padding-bottom: 0px;
    }

    .news_box .swiper-slide a .nr {
        width: 100%;
        border-left: 0px;
        padding-left: 0px;
    }

    .news_box .swiper-slide a .nr h2 {
        font-size: 16px;
    }

    .news_box .swiper-slide a .nr p {
        font-size: 14px;
        padding: 10px 0px;
        line-height: 24px;
        height: 40px;
    }

    .news_box .swiper-slide a .nr span {
        font-size: 13px;
        padding-top: 5px;
    }

    .news_box .swiper-pagination {
        text-align: right;
        bottom: 20px;
        padding-right: 10px;
        box-sizing: border-box;
    }

    .news_box .swiper-pagination span {
        background: #808080;
        width: 7px;
        height: 7px;
        opacity: 1;
        margin: 0px 6px !important;
    }

    .news_box .swiper-pagination span.swiper-pagination-bullet-active {
        width: 20px;
        border-radius: 15px;
        background: #1a264b;
    }

    .news_box1 ul li a {
        padding: 5px;
        display: block;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 0px;
    }

    .news_box1 ul li a .img img {
        width: 100%;
    }

    .news_box1 ul li a .time {
        display: flex;
        align-items: center;
        padding: 6px 0px;
        padding-left: 0px;
        width: 100%;
    }

    .news_box1 ul li a .time h2 {
        font-size: 17px;
    }

    .news_box1 ul li a .time p {
        padding-top: 0px;
        font-size: 15px;
        padding-left: 5px;
    }

    .news_box1 ul li a .nr {
        width: 100%;
        border-left: 0px;
        padding-left: 0px;
    }

    .news_box1 ul li a .nr h2 {
        font-size: 16px;
    }

    .news_box1 ul li a .nr p {
        font-size: 14px;
        padding: 10px 0px;
        line-height: 24px;
        height: 40px;
    }

    .news_box1 ul li a .nr span {
        font-size: 13px;
        padding-top: 5px;
    }


    .news_detail {
        padding-top: 20px;
        display: block;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .news_detail .left {
        width: 100%;
        padding-right: 0px;
    }

    .news_detail .left h2 {
        font-size: 20px;
    }

    .news_detail .left p {
        font-size: 17px;
        padding-top: 6px;
    }

    .news_detail .right {
        width: 100%;
        font-size: 14px;
        padding-top: 6px;
    }

    .news_detail1 {
        display: block;
    }

    .news_detail1 .left {
        width: 100%;
        padding-right: 0px;
    }

    .news_detail1 .right {
        display: none;
    }

    .news_detail1 .left p {
        font-size: 14px;
        line-height: 25px;
    }

    .about_box {
        display: block;
    }

    .about_box_l {
        width: 100%;
        padding-top: 10px;
    }

    .about_box_l .bt {
        font-size: 24px;
    }

    .about_box_l .bt p {
        font-size: 16px;
        padding-top: 0px;
    }

    .about_box_l .nr {
        padding-top: 15px;
    }

    .about_box_l .nr p {
        font-size: 14px;
        line-height: 26px;
    }

    .about_box_r {
        width: 100%;
        margin-top: 10px;
        margin-right: 0px;
    }

    .about_box_1 {
        padding: 30px 0px;
    }

    .about_box_1 ul {
        flex-wrap: wrap;
    }

    .about_box_1 ul li {
        width: 25%;
        flex: auto;
    }

    .about_box_1 ul li a {
        height: 240px;
        padding: 20px 0px 0px 10px;
    }

    .about_box_1 ul li p {
        font-size: 13px;
    }

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

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

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

    .about_box1 ul li h2 {
        font-size: 20px;
        padding: 5px 0px;
    }

    .about_box1 ul li h3 {
        height: 50px;
    }

    .about_box1 ul li h3 p {
        font-size: 13px;
        line-height: 24px;
    }

    .about_box2 {
        padding-bottom: 20px;
        display: block;
    }

    .about_box2 .bt {
        position: relative;
        padding-bottom: 7px;
    }

    .about_box2 .bt h2 {
        font-size: 20px;
    }

    .about_box2 .bt h3 {
        font-size: 16px;
    }

    .about_box2_l {
        width: 100%;
        margin-bottom: 25px;
    }

    .about_box2_l ul {
        padding-top: 0px;
    }

    .about_box2_l ul li {
        padding-top: 10px;
    }

    .about_box2_l ul li p {
        font-size: 15px;
    }

    .about_box2_l ul li h2 {
        font-size: 15px;
    }

    .about_box2_r {
        width: 100%;
    }

    .about_box2_r ul {
        padding-top: 0px;
    }

    .about_box2_r ul li {
        padding-top: 10px;
    }

    .about_box2_r ul li h2 {
        width: calc(50% - 8px);
        padding-right: 10px;
    }

    .about_box2_r ul li p {
        font-size: 15px;
    }

    .about_box2_r ul li .text {
        font-size: 13px;
        padding: 8px;
    }

    .about_box2_r ul li .text1 {
        height: 80px;
    }

    .about_box2_r ul li .btn {
        line-height: 40px;
        font-size: 15px;
    }

    .about_box21 {
        height: 300px;
    }

    .hr_box {
        display: block;
        padding-top: 20px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .hr_box h2 {
        margin-bottom: 10px;
        font-size: 25px;
        width: 100%;
        padding-bottom: 10px;
    }

    .hr_box h2 p {
        font-size: 18px;
    }

    .hr_box h3{
        width: 100%;
    }

    .hr_box h3 p {
        font-size: 13px;
        line-height: 24px;
    }

    .hr_box1 ul li {
        padding: 15px;
        margin-bottom: 20px;
    }

    .hr_box1 ul li .bt {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .hr_box1 ul li .nr {
        padding: 10px 0px;
    }

    .hr_box1 ul li .nr .xbt {
        font-size: 15px;
    }

    .hr_box1 ul li .nr p {
        font-size: 13px;
        line-height: 24px;
    }

}