@media(max-width:1600px) {
    .nav ul li.child {
        background: url(../images/navlist.png) right 6% center no-repeat;
    }
}

@media(max-width:1440px) {
    .logo {
        float: left;
        margin-left: 5.34375%;
        line-height: 99px;
        width: 10.36%;
    }
    .nav {
        float: right;
        width: 62.9%;
    }
    .xlintros {
        width: 380px;
        height: 360px;
        background: #1b66b1;
        position: relative;
        padding: 30px 30px 0;
        display: none;
        font-size: 17px;
        color: #fff;
        line-height: 32px;
    }
    .xlintro {
        position: absolute;
        z-index: 9;
        left: 160px;
        bottom: 0;
    }
    .xlname {
        position: absolute;
        top: 203px;
        right: 160px;
        z-index: 9;
    }
    .pz_pic img {
        width: 100%;
        height: 650px;
    }
}

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

@media(max-width:1280px) {
    .lcase_line {
        width: 1px;
        height: 87px;
        background: #9dc9e5;
        position: absolute;
        bottom: 220px;
        left: 9%;
    }
    .lcase_num {
        position: absolute;
        bottom: 0;
        left: 3%;
        font-size: 115px;
        font-weight: bold;
        color: #9dc9e5;
    }
    .product .swiper-button-next {
        width: 73px;
        height: 32px;
        background: url(../images/image_14.jpg) center no-repeat;
        bottom: 58px;
        top: auto;
        margin-top: 0;
        right: 43%;
    }
    .product .swiper-button-prev {
        width: 73px;
        height: 32px;
        background: url(../images/image_12.jpg) center no-repeat;
        bottom: 58px;
        top: auto;
        margin-top: 0;
        left: 43%;
    }
}

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

@media(max-width:1024px) {
    .mobile-inner-header {
        display: block;
    }
    .head {
        display: none;
    }
    .about {
        padding-left: 15px;
        padding-right: 15px;
    }
    .left_ab {
        width: 100%;
    }
    .abtitle_bg {
        display: none;
    }
    .about {
        margin-top: 25px;
    }
    .right_ab {
        width: 100%;
        margin-top: 20px;
    }
    .product {
        padding-top: 25px;
        padding-bottom: 60px;
    }
    .titles {
        font-size: 30px;
        color: #241f1f;
    }
    .product .swiper-button-prev {
        width: 73px;
        height: 32px;
        background: url(../images/image_12.jpg) center no-repeat;
        bottom: 16px;
        top: auto;
        margin-top: 0;
        left: 40%;
    }
    .product .swiper-button-next {
        width: 73px;
        height: 32px;
        background: url(../images/image_14.jpg) center no-repeat;
        bottom: 16px;
        top: auto;
        margin-top: 0;
        right: 40%;
    }
    .xilie {
        margin-top: 40px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0;
    }
    .xlmaintitle {
        font-size: 30px;
        color: #241f1f;
        margin-top: -5px;
    }
    .xltitles {
        font-size: 14px;
        color: #2c2c2b;
        margin-top: 5px;
    }
    .xltitle {
        max-width: 1210px;
        margin: auto;
        padding-left: 12px;
        border-left: 6px solid #eea50d;
        height: 65px;
        overflow: hidden;
    }
    .xlbg {
        display: none;
    }
    .xilies {
        width: 100%;
        margin-left: 0;
    }
    .swiper-container.xlswiper {
        width: 100%;
        margin-top: 30px;
    }
    .xlintro,
    .xlname {
        display: none;
    }
    .xilie .swiper-button-next {
        right: 15px;
        top: 50%;
    }
    .xilie .swiper-button-prev {
        left: 15px;
        top: 50%;
    }
    .pinzhi {
        width: 100%;
        overflow: hidden;
        margin-top: 30px;
    }
    .pz_pic img {
        width: 100%;
        height: 440px;
    }
    .pz_bot {
        width: 100%;
        height: 110px;
        background: rgba(0, 0, 0, 0.2);
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .pzname {
        text-align: center;
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        margin-top: 10px;
    }
    .new {
        padding-top: 30px;
        min-height: unset;
        padding-bottom: 30px;
    }
    .nw {
        width: 100%;
        margin-top: 30px;
    }
    .left_case,
    .lcase_line,
    .lcase_num {
        display: none;
    }
    .right_case {
        width: 100%;
    }
    .rcase_top_befores_title {
        font-size: 36px;
        color: #fff;
        margin-top: 30%;
    }
    .rcase_top_befores_con {
        font-size: 14px;
        color: #fff;
        margin-top: 25px;
        line-height: 26px;
    }
    .rcase_top_befores_more {
        margin-top: 30px;
    }
    .casename p {
        display: table-cell;
        vertical-align: middle;
        font-size: 16px;
        color: #fff;
    }
    .contact {
        width: 100%;
        overflow: hidden;
        background: #f2f2f2;
        padding: 30px 15px;
    }
    .contacts {
        margin: 30px auto 0;
    }
    .left_contacts {
        display: none;
    }
    .right_contacts {
        width: 100%;
    }
    .foot {
        display: none;
    }
}

@media(max-width:768px) {
    .pz {
        width: 50%;
    }
    .nws {
        width: 100%;
        margin-bottom: 20px;
    }
    .nws:last-child {
        margin-bottom: 0;
    }
    .rcase_top_befores_title {
        font-size: 36px;
        color: #fff;
        margin-top: 18%;
    }
    .rcase_top_befores {
        width: 60%;
    }
	.wm-r,.wm-l{width:100%;}
}

@media(max-width:420px) {
    .abtitles {
        font-size: 28px;
        color: #191d21;
        font-weight: bold;
        font-family: "Arial";
        z-index: 1;
        position: relative;
    }
    .abtitle {
        font-size: 20px;
        color: #363333;
        z-index: 1;
        position: relative;
    }
    .sj_top {
        font-size: 30px;
        color: #1b66b1;
        font-family: "Bahnschrift";
    }
    .sj_bot {
        font-size: 15px;
        color: #201e1e;
    }
    .about_bots {
        padding-bottom: 40px;
    }
    .swiper-container.proswiper {
        margin-top: 25px;
    }
    .pro_name {
        text-align: center;
        margin-top: 35px;
        font-size: 17px;
        color: #1b1a1a;
    }
    .product .swiper-button-next,
    .product .swiper-button-prev {
        display: none;
    }
    .xilie .swiper-button-next,
    .xilie .swiper-button-prev {
        width: 40px;
        height: 40px;
        margin-top: 0;
        top: 60%;
        background-size: cover;
    }
    .pz {
        width: 100%;
    }
    .pz_pic img {
        height: auto;
    }
    .rcase_top_befores_title {
        font-size: 20px;
        color: #fff;
        margin-top: 7%;
    }
    .rcase_top_befores {
        width: 95%;
    }
    .rcase_top_befores_more a {
        display: block;
        width: 125px;
        height: 30px;
        line-height: 30px;
        background: #1b66b1;
        border-radius: 30px;
        font-size: 14px;
        color: #fff;
        margin: auto;
    }
    .rcase_top_befores_more {
        margin-top: 15px;
    }
    .rcase_top_befores_con {
        font-size: 13px;
        color: #fff;
        margin-top: 25px;
        line-height: 26px;
    }
    .title p {
        font-size: 14px;
        color: #373738;
        margin-top: 20px;
    }
    .titles {
        font-size: 26px;
        color: #241f1f;
    }
    .right_contacts input[type=text] {
        width: 100%;
        margin-right: 0;
    }
    .right_contacts input[type=text].yzm {
        width: 70%;
    }
    .right_contacts img {
        width: 25%;
        float: right;
    }
    .copy a {
        display: block;
        line-height: 30px;
    }
    .nws {
        padding: 30px;
    }
    .rcase_top_befores_con {
        font-size: 12px;
        color: #fff;
        margin-top: 11px;
        line-height: 20px;
    }
}

@media(max-width:376px) {
    .xlmaintitle {
        font-size: 21px;
        color: #241f1f;
        margin-top: -5px;
    }
    .xltitle {
        height: 50px;
    }
}

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