﻿@media screen and (min-width: 2260px) {}

@media screen and (min-width: 1920px) {}



@media screen and (max-width: 768px) {
    html {
        font-size: 50px;
    }

    body {
        font-size: 14px;
    }

    .container {
        width: 100%;
        box-sizing: border-box;
        padding: 0 15px;
    }

    .head h1 img {
        height: auto;
        width: 60%;
    }

    .logo2 img {
        height: auto;
        width: 80%;
    }

    .zzczl_year img {
        height: auto;
        width: 100%;
    }

    .dxlogo img {
        height: 18px;
    }

    .head h1 {
        margin-bottom: 20px;
    }

    .nheader {
        padding-bottom: 25px;
    }

    .head {
        padding: 50px 0 25px 0;
    }

    .topSlide .swiper-slide .title {
        font-size: 20px;
    }

    .topSlide .swiper-slide .desc {
        font-size: 14px;
        line-height: 22px;
        height: 22px;
    }

    .column {
        padding: 40px 0 30px 0;
    }

    .main_bt {
        padding-bottom: 40px;
    }

    .column .title img {
        height: 50px;
    }

    .column p {
        font-size: 15px;
        margin-top: 10px;
        letter-spacing: 2px;
    }

    .column::before {
        height: 5px;
        bottom: 50%;
    }

    .footer {
        height: auto;
        padding: 20px 0;
    }

    .contact .box {
        font-size: 14px;
                width: 100%;
    }

    .foot .sydw {
        width: auto;
        margin: 0;
    }

    .czgs_left,
    .czgs_right {
        width: 100%;
        padding: 15px;
    }

    .czgsBox::before {
        display: none;
    }

    .czgs_right li {
        font-size: 16px;
        height: auto;
        padding: 10px;
        margin-bottom: 15px;
    }

    .czgs_left .item .title {
        font-size: 18px;
    }

    .czgs_left .item .desc {
        font-size: 15px;
        line-height: 24px;
    }


    .czzsklist li {
       width: 100%;
        height: auto;
        position: relative;
        margin-bottom: 20px;
        background: none;
        padding: 0;
    }

    .czzsklist li::before{
        display: none;
    }

    .czzskSlide .swiper-slide{
        height: auto;
        padding: 0;
    }

    .qwjdlist ul li::before{
        display: none;
    }



    .czzsklist li:last-of-type {
        margin: 0;
    }

    .czzsklist li .title {
        font-size: 18px;
        height: auto;
        line-height: 30px;
        margin-top: 20px;
    }

    .qwjdlist ul li:nth-child(2),
    .qwjdlist ul li:nth-child(4),
    .qwjdlist ul li {
        width: 100%;
        border-radius: 10px;
        padding: 20px 15px;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .qwjdlist ul li:last-of-type {
        margin-bottom: 0;
    }

    .qwjdlist ul li .date {
        font-size: 16px;
    }

    .qwjdlist ul li .title {
        font-size: 18px;
        line-height: 30px;
    }

    .qwjdlist ul li .desc {
        line-height: 14px;
        line-height: 21px;
        height: 84px;
        margin: 10px 0 15px 0;
    }

    .qwjdlist ul li .xiangxi {
        opacity: 1;
    }

    .newlist {
        width: 100%;
        margin-top: 25px;
    }

    .newlist ul li {
        box-sizing: border-box;
        padding: 10px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05)
    }

    .newlist ul li::before {
        display: none;
    }

    .newlist ul li .title {
        font-size: 16px;
        color: #333;
        line-height: 25px;
        height: auto;
        font-weight: unset;
    }

    .newlist ul li:hover .title{
        color: #333;
    }

    .newSlide .swiper-prev {
        left: 0;
    }

    .newSlide .swiper-prev,
    .newSlide .swiper-next {
        top: 40%;
    }

    .czzsklist li::before {
        left: 40%;
    }

    .czlSlide {
        width: 100%;
        position: relative;
        margin-top: 0;
        padding-left: 20px;
    }

    .czlSlide .swiper-slide .title {
        font-size: 18px;
    }

    .czlSlide .swiper-slide .desc {
        font-size: 15px;
        line-height: 26px;
    }

    .czlSlide .swiper-next,
    .czlSlide .swiper-prev {
        top: 72%;
    }

    .zzczl {
        padding-top: 20px;
    }

    .zzczl_year {
        top: 2%;
    }

    .czl_btn {
        width: 100%;
        overflow-x: auto;
        display: block;
        white-space: nowrap;
        box-sizing: border-box;
        padding: 50px;

    }

    .czl_btn .swiper-pagination-bullet p {
        font-size: 12px;
        padding: 0 10px;
        line-height: 25px;
        height: 25px;
    }

    .newSlide {
        width: 100%;
    }

    .detail .dtl p span,
    .detail .dtl p {
        font-size: 15px !important;
        line-height: 24px !important;
    }

    .detail .dtl p video,
    .detail .dtl p img {
        max-width: 100% !important;
        height: auto !important;
    }

    .detail-page .box {
        padding: 15px 0;
    }

    .detail-page .box p {
        font-size: 15px;
    }

    .detail .title {
        font-size: 18px;
    }

    .detail .title2 {
        font-size: 16px;
    }

    .crumbs{
        flex-direction: column;
        align-items: flex-start;
    }

    .crumbs .name {
        font-size: 20px;
                margin-bottom: 20px;
    }

    .nheader .head {
        padding-bottom: 25px;
    }

    .dxlogo {
        top: 15px;
    }

    .textlist ul li a {
        flex-direction: column;
        align-items: flex-start;
    }

    .nmain {
        padding: 15px;
    }

    .textlist ul li .title {
        font-size: 16px;
        margin-bottom: 10px;
        -webkit-line-clamp: unset;
    }

    .newSlide .swiper-pagination1,
    .newSlide .swiper-slide .line {
        display: none;
    }

    .slide-box {
        padding: 0;
    }

    .newSlide .swiper-slide .title {
        font-size: 18px;
        line-height: 50px;
        height: 50px;
    }

    .banq p img {
        height: 14px;
    }

    .contact .box .l img{
        height: 14px;
    }

}

@media screen and (max-width: 640px) {

    .contact {
        width: 100%;
    }

    .foot {
        margin-bottom: 15px;
    }

    .contact .box .l {
        width: 100%;
    }

    .contact .box {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        line-height: 22px;
    }

}