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

}

@media only screen and (max-width: 1580px) {
    .foot1-main .foot-img {
        display: none;
    }
}

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

}

@media only screen and (max-width: 1150px) {
    .w1140 {
        width: 95%;
    }

    .title1 h3::before, .title1 h3::after {
        width: 35%;
    }

    .index-technology ul li {
        float: left;
        margin-right: 1.333%;
        width: 24%;
    }

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

    .footer .foot1 {
        height: auto;
        background: #424242 !important;
        padding-bottom: 3%;
    }

    .foot1-main .left {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }

    .foot1-main .left > div {
        margin-top: 3%;
    }

    .foot1-main .right {
        width: 100%;
        margin-right: 0;
    }

    .foot1-main .right input[type="text"] {
        width: 49%;
        margin-bottom: 1%;
    }

    .foot1-main h1 {
        margin: 3% 0;
    }

    .foot1-main .right input[type="submit"] {
        width: 100%;
        margin-top: 1%;
    }

    .foot1-main .right input[type="text"]:nth-child(2), .foot1-main .right input[type="text"]:nth-child(4) {
        margin-left: 1%;
    }

    .footer .foot2 {
        height: auto;
        padding: 3%;
        box-sizing: border-box;
    }

    .footer .foot2 p {
        line-height: 16px;
        height: auto;

    }
}

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

    .header-sj {
        display: block;
    }

    .swiper-container1 {
        display: none;
    }

    .swiper-container2 {
        display: block;
    }

    .swiper-container-horizontal > .swiper-pagination-bullets.page1, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 10px;
    }

    .footer_bot {
        display: block;
    }

    .footer .foot2 {
        padding: 3% 3% 50px;
    }

    .foot-right {
        display: none;
    }

    .index-product {
        padding-top: 2%;
    }

    .title1 h3 {
        margin-top: 1%;
    }

    .gallery-grids-row {
        margin-top: 2%;
        margin-bottom: 3%;
    }

    .index-technology {
        padding-top: 2%;
        padding-bottom: 3%;
    }

    .index-technology ul {
        margin-top: 2%;
    }

    .ckqb-btn {
        margin-top: 1%;
    }

    .view-caption p {
        display: none;
    }

    .foot-right2 {
        width: 100%;
        height: 38px;
        box-sizing: border-box;
        background: #b71e3f;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 98;
        padding: 5px 0.3rem;
        box-sizing: border-box;
        display: block;
        border-top: 1px solid #ffffff;
    }

    .foot-right2 ul li {
        width: 33.333%;
        height: 28px;
        float: left;
        border-right: 1px solid #fff;
        box-sizing: border-box;
        text-align: center;
        color: #fff;
        font-size: 14px;
        line-height: 28px;
        vertical-align: middle;
    }

    .foot-right2 ul li:last-child {
        border-right: 0px solid #fff;
    }

    .foot-right2 ul li a {
        color: #fff;
    }

    .foot-right2 ul li img {
        width: 22px;
        height: 22px;
        display: inline-table;
        line-height: 22px;
        vertical-align: middle !important;
        margin-right: 5px;
    }

    .xw-main2 ul li .left {
        width: 40%;
        height: auto;
    }

    .xw-main2 ul li .right {
        width: 55%;
    }

    .xw-main2 {
        padding: 1% 3%;
        margin-top: 2%;
    }

    .xw-main2 ul li {
        padding: 2% 0;
    }

    .about-fin-left {
        width: 100%;
        
    }

    .about-fin-right {
        width: 100%;
        padding-top: 0px;
    }

    .ma4 {
        display: none;
    }

    .about-fin-right .fx-title {
        display: none;
    }

    .about-fin-right div .fx {
        background: url("../image/fx2.png") no-repeat;
    }

    .about-fin-right div .fx:nth-child(2) {
        background-position: -32px 0px;
    }

    .about-fin-right div .fx:nth-child(3) {
        background-position: -64px 0px;
    }

    .about-fin-right div .fx:nth-child(4) {
        background-position: -96px 0px;
        display: inline-block;
    }

    .about-fin-right div .fx:nth-child(5) {
        background-position: -129px 0px;
    }

    .about-fin-left h3 {
        font-size: 26px;
        margin-top: 2%;
    }

    .culture-main02 {
        padding: 3%;
        width: 100%;
    }

    .fx-ma {
        display: none;
    }

    .about-fin-left .fin-top {
        margin: 1% 0;
    }

    .about-fin-left .about-tz {
        margin-top: 3%;
    }

    .cp-fl1 {
        margin-top: 3%;
    }

    .cp-fl2 {
        padding: 1%;
    }

    .cp-fl3 {
        padding: 0 1% 1%;
    }

    .cp-fl {
        display: none !important;
    }

    .cp-main1 {
        margin-top: 3%;
    }

    .cp-lb-main2 li {
        margin-right: 1.3333%;
        width: 24%;
    }

    .cp-lb-main2 li div {
        width: 100%;
        height: 148px;
    }

    .cp-lb-main > h2 {
        margin-bottom: 2%;
    }

    .cpxq-main2 {
        padding: 2%;
        width: 100%;
    }

    .cpxq-main3 .left, .cpxq-main3 .right, .slideTxtBox2 .hd, .slideTxtBox2 .bd {
        width: 100%;
    }

    .slideTxtBox2 .bd {
        padding: 0;
        border: 0;
    }

    .slideTxtBox1 .bd {
        height: auto;
    }

    .slideTxtBox1 .bd li video, .slideTxtBox1 .bd li img {
        max-height: 100%;
        position: static;
        top: 0;
        transform: translateY(0%);
    }

    .cpxq-main3 .left a {
        margin-top: 3%;
    }

    .slideTxtBox2 .hd li {
        width: auto;
        float: none;
        display: inline-block;
        text-align: center;
        padding: 0 3%;
        right: 0px;
        border-radius: 0;
        border-bottom: 2px solid transparent;
    }

    .slideTxtBox2 .hd li.on {
        border: 1px solid transparent;
        border-bottom: 2px solid #b71e3f;
    }

    .slideTxtBox2 .hd li.on::before {
        display: none;
    }

    .slideTxtBox1 .hd ul {
        overflow: auto;
        white-space: nowrap;
    }

    .slideTxtBox1 .hd ul li {
        float: none;
        width: 94px;
        display: inline-block;
    }
    .cpxq-main3 .left {
        margin-top: 2%;
    }
    .slideTxtBox2 .hd ul {
        white-space: nowrap;
        overflow: auto;
    }
    .cpxq-main4 {
        margin-top: 4%;
        margin-bottom: 2%;
    }
    .cpxq-main3 .left p {
        line-height: 28px;
        margin-top: 2%;
    }
    .js-top {
        margin-top: 2%;
    }

    .js-top h3 {
        margin-top: 2%;
    }
    .js-main {
        padding-top: 0;
        padding-bottom: 0px;
    }
}

@media only screen and (max-width: 768px) {
    .index-technology ul li {
        width: 49%;
        margin-right: 2%;
    }

    .index-technology ul li:nth-child(2n) {
        margin-right: 0%
    }

    .index-technology ul li div .tech-left, .index-technology ul li div .tech-right {
        display: none;
    }

    .xw-main2 ul li .right h2 {
        font-size: 20px;
        line-height: 24px;
        margin-top: 0px;
        -webkit-line-clamp: 1;
    }

    .xw-main2 ul li .right p:nth-child(2) {
        font-size: 14px;
        line-height: 26px;
        margin-top: 3%;
    }

    .xw-main2 ul li .right p:nth-child(3) {
        margin-top: 3%;
    }

    .fy {
        text-align: center;
        padding: 2% 0 4%;
    }

    .xw-wz {
        margin-top: 2%;
    }

    .cp-fl2 {
        padding: 1% 1% 0;
    }

    .cp-fl2 li {
        margin-bottom: 1%;
        margin-right: 1%;
    }

    .cp-fl1 li:hover a, .cp-fl1 li.on a {
        color: #b71e3f;
        height: 38px;
        background: #ffffff;
        box-sizing: border-box;
        border: 1px solid #b71e3f;
    }

    .cp-fl1 li a {
        height: 38px;
        line-height: 38px;
        width: auto;
        padding: 0 10px;
    }

    .cp-fl1 {
        height: auto;
        margin-top: 2%;
        padding-bottom: 0;
    }

    .cp-fl {
        margin-top: 2%;
    }

    .cp-fl2 li a {
        height: 30px;
        line-height: 30px;
    }

    .cp-fl1 li {
        margin-bottom: 0%;
        padding-bottom: 0;
    }

    .ckxq-btn {
        margin-top: 10%;
    }

    .cp-lb-main2 li {
        margin-right: 2%;
        width: 49%;
        margin-top: 2%;
    }

    .cp-lb-main2 li:nth-child(2n) {
        margin-right: 0;
    }

    .cp-lb-main2 li div {
        height: 220px;
    }

    .cp-lb-main2 li:nth-child(3), .cp-lb-main2 li:nth-child(4) {
        margin-top: 2%;
    }

    .ckxq-btn2 {
        margin: 4% auto 5%;
    }

}

@media only screen and (max-width: 540px) {
    
    
    
    
    .index-technology ul li div .tech-img {
        width: 100%;
        height: auto;
    }

    .title1 h3::before, .title1 h3::after {
        width: 25%;
    }

    .foot1-main .right input[type="text"] {
        width: 100%;
        margin-bottom: 4px;
    }

    .foot1-main .right input[type="text"]:nth-child(2), .foot1-main .right input[type="text"]:nth-child(4) {
        margin-left: 0;
    }

    .title1 h2 {
        font-size: 26px;
    }

    .xw-main2 ul li .right h2 {
        -webkit-line-clamp: 2;
        line-height: 26px;
        margin-top: 2%;
    }

    .xw-main2 ul li .right p:nth-child(2) {
        display: none;
    }

    .xw-main2 ul li .right p:nth-child(3) {
        margin-top: 3%;
    }

    .about-fin-right .fx-title2 {
        margin-bottom: 1%;
        margin-top: 2%;
    }

    .about-fin-left h3 {
        font-size: 22px;
    }

    .about-fin-left .fin-top {
        margin: 2% 0;
    }

    .ckxq-btn {
        height: 32px;
        line-height: 32px;
        margin-top: 5%;
    }

    .cp-fl1 li {
        float: none;
    }

    .cp-fl1 {
        overflow-x: auto;
        white-space: nowrap;
    }

    
    
    
    
    
    
    
    
    .cp-lb-main2 li div {
        height: 150px;
    }

    .cp-lb-main2 {
        padding-bottom: 3%;
    }

    .cp-lb-main > h2 {
        font-size: 26px;
    }

    .col-md-4 {
        width: 50%;
    }

    .col-md-4:nth-child(2) {
        display: none;
    }
    .js-top h2 {
        font-size: 26px;
        height: 40px;
        line-height: 40px;
        padding: 0 2%;
    }
    .js-top h3 {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
        margin-top: 2%;
        padding: 0 2%;
    }
    .js-top2 img {
        height: 150px;
    }
}

@media only screen and (max-width: 450px) {
    .foot1-main .left > div img {
        display: none;
    }

    .foot1-main .left > div div {
        margin-left: 0;
    }

    .fy a {
        margin: 0 1px;
    }

    .cp-lb-main2 li div {
        height: 120px;
    }
}

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

    .xw-main2 ul li .right h2 {
        line-height: 24px;
        font-size: 18px;
        margin-top: 0;
    }
}

@media only screen and (max-width: 350px) {
    .fy a {
        margin: 0 0px;
    }
}