@media screen and (max-width:1550px) {
    .w {
        width: 1200px;
    }
    html {
        font-size: 70px;
    }
    .wholesale .box ul {
        margin-top: 0;
    }
    .wholesale .box ul li:not(:last-child) {
        margin-bottom: .1rem;
    }
}

@media screen and (max-width:1440px) {
    .container .box .layout-right ul li {
        padding: .13333rem;
    }
    .process ul li:nth-child(odd) {
        width: 9%;
        vertical-align: top;
    }
    .process ul li.right-raw img {
        top: 28%;
    }
    .book .tab li {
        width: 10%;
    }
}

@media screen and (max-width:1366px) {
    .w {
        width: 92%;
    }
    .pc_header .header_top>div {
        width: 92%;
    }
    html {
        font-size: 65px;
    }
    .more-box a {
        width: 13%;
        height: .5rem;
        line-height: .5rem;
        border-radius: .306667rem;
    }
    .wholesale .box ul li:not(:last-child) {
        margin-bottom: .3rem;
    }
}

@media screen and (max-width: 1300px) {
    .pc_header .header_nav>div {
        padding-left: 0;
    }
}

@media screen and (max-width: 1200px) {
    .pc_header .header_top>div {
        box-sizing: border-box;
        padding: 0 15px;
    }
    .pc_header .header_nav {
        box-sizing: border-box;
        padding: 0 15px;
    }
    .pc_header .header_nav>div {
        display: none;
    }
    .pc_header .header_top>div p:last-child {
        display: none;
    }
    .pc_header .header_nav ul li>a {
        padding: 0;
    }
    .pc_header .headercode {
        display: none;
    }
}

@media screen and (max-width:1080px) {
    .load ul li {
        width: 23.7%;
    }
    .load ul li:not(:nth-child(5n)) {
        margin-right: 0;
    }
    .load ul li:not(:nth-child(4n)) {
        margin-right: 1.23%;
    }
    .cases .cases-swiper .swiper-slide {
        height: 5.48rem;
    }
    .container .box .layout-right {
        width: 32%;
    }
}

@media screen and (max-width:1024px) {
    .zizhi ul li {
        width: 45.5%;
    }
    .zizhi ul li:not(:nth-child(2n)) {
        margin-right: 5.5%;
    }
    .zizhi ul li .img-box {
        height: 9.16rem;
    }
    .process ul li.right-raw {
        width: 35px;
    }
    .contact ul li {
        padding: 0 .333rem;
    }
}

@media screen and (max-width: 768px) {
    .pc_header {
        display: none;
    }
    .header_md {
        display: block;
    }
    .header_md_none {
        display: block;
    }
    .pc_header_none {
        display: none;
    }
    /* banner */
    .ind_banner {
        display: none;
    }
    .ind_banner .ind_banner_page {
        bottom: 1rem;
    }
    .md_ind_banner {
        display: block;
    }
    html {
        font-size: 50px;
    }
    .services ul li:not(:last-child) {
        margin-right: 0;
    }
    .services ul li {
        width: 47%;
        margin-bottom: 5%;
        box-shadow: 0 14px 0 7px #DCDCDC;
    }
    .services ul li:not(:nth-child(2n)) {
        margin-right: 3%;
    }
    .services ul li img {
        margin-top: .8rem;
    }
    .reason {
        background: #FFFFFF;
    }
    .reason .c-title {
        color: #333333;
    }
    .reason .c-title p:last-child {
        color: #606060;
    }
    .reason ul li {
        width: 45%;
        margin-bottom: 5%;
    }
    .reason ul li:not(:nth-child(2n)) {
        margin-right: 5%;
    }
    .book .tab li {
        width: 10%;
    }
    .book .tab-con li {
        width: 30.5%;
    }
    .book .tab-con li:not(:nth-child(5n)) {
        margin-right: 0;
    }
    .book .tab-con li:not(:nth-child(3n)) {
        margin-right: 1.5%;
    }
    .cases .cases-swiper .swiper-slide {
        height: 6.48rem;
    }
    .cases .box {
        background: #017BD0;
    }
    .cases img.casesimg {
        width: 40%;
    }
    .load ul li {
        width: 30.5%;
        padding: .57333rem;
    }
    .load ul li:not(:nth-child(3n)) {
        margin-right: 1.5%;
    }
    .load ul li .title::before {
        left: -0.5rem;
    }
    footer {
        display: none;
        padding-top: 0;
    }
    .m-footer {
        display: block;
        background: none;
    }
    .m-footer .row1 {
        background: #f5f5f5;
        padding: 2% 0;
    }
    .m-footer .row2 {
        background: #017bd0;
        padding: 2% 0;
    }
    footer .left {
        width: 100%;
        text-align: left;
    }
    footer .left .footer-logo {
        width: 50%;
    }
    footer .left2 {
        width: 100%;
        margin-left: 0;
        margin-top: 5%;
    }
    footer .left2 ul li input {
        height: 1rem;
    }
    footer .left2 ul li textarea,
    footer .left2 ul li button {
        height: 2rem;
    }
    .formtips {
        top: 33%;
    }
    footer .right {
        width: 20%;
    }
    footer .right ul li {
        display: inline-block;
    }
    footer .right ul li:not(:nth-child(2n)) {
        margin-right: 20%;
    }
    footer .right ul li:not(:last-child) {
        margin-bottom: 10%;
    }
    footer .right2 {
        margin-left: 0;
        width: 40%;
        text-align: left;
    }
    footer .right2 img {
        margin: .28rem auto .186667rem;
    }
    .right_nav {
        display: none;
    }
    .services ul li:hover {
        box-shadow: 0 14px 0 7px #DCDCDC;
    }
    .container .top,
    .container .box .layout-left {
        width: 100%;
    }
    .container .box .layout-right {
        width: 100%;
    }
    .container .box .layout-right ul li {
        height: auto;
    }
    .container .box .layout-right .left {
        width: 12%;
        margin-right: 2%;
    }
    .container .box .layout-right .right {
        width: 86%;
        vertical-align: top;
    }
    .container .box .layout-right .title {
        margin-top: 5%;
    }
    .banner-box .pc-banner {
        display: none;
    }
    .banner-box .m-banner {
        display: block;
    }
    .aboutnews ul li .left {
        width: 20%;
    }
    .aboutnews ul li .right {
        width: 75.81%;
    }
    .process ul {
        text-align: center;
    }
    .process ul li {
        margin-bottom: 3%;
    }
    .process ul li:nth-child(odd) {
        width: 15%;
    }
    .wholesale .box .left-img {
        width: 50%;
        margin: 0 auto;
    }
    .wholesale .box ul {
        margin-top: 5%;
    }
    .bookdisplay .box {
        text-align: center;
    }
    .bookdisplay .box .left {
        height: 4.933333rem;
    }
    .bookdisplay .box .right {
        width: 100%;
        text-align: left;
        margin-top: 5%;
        margin-left: 0;
    }
    .bookdisplay .box .right .title {
        text-align: center;
        margin-left: 0;
    }
    .bookdisplay .conbox .left {
        width: 100%;
    }
    .bookdisplay .conbox .right {
        width: 100%;
        margin-left: 0;
        margin-top: 5%;
    }
    .bookdisplay .conbox .right ul li {
        display: inline-block;
        width: 30%;
    }
    .bookdisplay .conbox .right ul li:not(:last-child) {
        margin-right: 3%;
    }
    .contact ul li {
        width: 21.38%;
    }
    .contact ul li:not(:last-child) {
        margin-right: 2.32%;
    }
    #container {
        width: 100%;
    }
    .T-nav>li>a>i {
        right: 20%;
    }
}

@media screen and (max-width:640px) {
    .about .left {
        display: none;
    }
    .about-gsjj .left {
        display: block;
        width: 100%;
        border-radius: 10px;
    }
    .about-gsjj .right ul {
        margin-top: 0;
    }
    .about .right {
        width: 100%;
    }
    .about-gsjj .right {
        margin-top: 0;
    }
    .cases .cases-swiper .swiper-slide {
        height: 5.48rem;
    }
    .services ul li {
        box-shadow: 0 0 5px 2px #DCDCDC;
    }
    .services ul li:hover {
        box-shadow: 0 0 5px 2px #DCDCDC;
    }
    .about {
        padding-top: 1.5rem;
    }
    .book .tab li {
        width: 14%;
    }
    footer .right {
        width: 30%;
    }
    .news ul li {
        width: 100%;
    }
    .news ul li:not(:nth-child(2n)) {
        margin-right: 0;
    }
    .c-title p:first-child::after {
        bottom: -15%;
    }
    .book .tab-con li,
    .load ul li {
        width: 46.5%;
    }
    .book .tab-con li:not(:nth-child(2n)),
    .load ul li:not(:nth-child(2n)) {
        margin-right: 4.5%;
    }
    .more-box a {
        width: 20%;
    }
    .zizhi ul li .img-box {
        height: 7.16rem;
    }
    .wholesale .box ul {
        width: 100%;
    }
    .wholesale .box ul li div {
        width: 83%;
    }
    .bookdisplay .box .right .sale li {
        width: 45.5%;
        margin-bottom: 5%;
    }
    .bookdisplay .box .right .sale li:not(:nth-child(2n)) {
        margin-right: 6.5%;
    }
    .bookdisplay .box .right .sale li img.wx {
        width: 50%;
        transform: translateY(-25%);
    }
    .contact ul li {
        width: 48%;
        margin-bottom: 5%;
    }
    .contact ul li:not(:last-child) {
        margin-right: 0%;
    }
    .contact ul li:not(:nth-child(2n)) {
        margin-right: 4%;
    }
    .contact ul li img.wx {
        width: 40%;
        transform: translateY(-10%);
    }
}

@media screen and (max-width:568px) {
    .gshj {
        padding-top: 0.64rem;
        padding-bottom: 0.7rem;
    }
    .gshj .top li {
        width: 50%;
        margin-bottom: 5%;
    }
    .gshj .bottom li {
        width: 100%;
    }
    .gshj .bottom li:not(:nth-child(2n)) {
        margin-right: 0;
    }
    .about .right {
        padding: .533333rem 0;
    }
    .about .right ul li {
        width: 50%;
        margin-bottom: 5%;
    }
    .page li {
        padding: 0 6px !important;
    }
    .pei ul li:not(:nth-child(3n)) {
        margin-right: 0;
    }
    .pei ul li {
        width: 45.5%;
    }
    .pei ul li:not(:nth-child(2n)) {
        margin-right: 6.5%;
    }
    .bookdisplay .conbox .right ul li .img-box {
        height: 3.69rem;
    }
}

@media screen and (max-width:414px) {
    .reason ul li {
        width: 100%;
        height: 5.266667rem;
    }
    .reason ul li img {
        margin-top: .5rem;
    }
    .reason ul li:not(:nth-child(2n)) {
        margin-right: 0%;
    }
    .book .tab li {
        width: 25%;
        margin-bottom: 5%;
    }
    .nav .fr li {
        width: 1.2rem;
    }
    .nav .fr li:not(:last-child) {
        margin-right: 0;
    }
    .container .box .layout-right .left {
        width: 20%;
    }
    .container .box .layout-right .right {
        width: 77%;
    }
    .zizhi ul li .img-box {
        height: 5.16rem;
    }
    .process {
        padding: 1.5rem 0;
    }
    .process ul li {
        height: 2.5rem;
    }
    .process ul li:nth-child(odd) {
        width: 23%;
    }
    .process ul li.right-raw {
        width: 30px;
    }
    .wholesale .box ul li div {
        width: 75%;
    }
    .bookdisplay .conbox .right ul li .img-box {
        height: 2.69rem;
    }
    .contact ul li img.wx {
        width: 65%;
    }
    .T-nav>li>a>i {
        right: 5%;
    }
}


/* 新增 */

@media screen and (max-width:1440px) {
    .process ul li .img-box {
        height: 1.7rem;
    }
}

@media screen and (max-width:1024px) {
    .process ul li .img-box {
        height: 1.4rem;
    }
}

@media screen and (max-width:768px) {
    .process ul li .img-box {
        height: 2.2rem;
    }
}

@media screen and (max-width:640px) {
    .process ul li .img-box {
        height: 1.9rem;
    }
}

@media screen and (max-width:568px) {
    .process ul li .img-box {
        height: 1.6rem;
    }
}

@media screen and (max-width:568px) {
    .process ul li .img-box {
        height: 1.9rem;
    }
}