@media all and (max-width: 1280px) {
    #slider {
        width: 94%;
    }

    .btnMode a.prev {
        left: 1%;
    }

    .btnMode a.next {
        right: 1%;
    }

    .btnMode a.btn {
        box-shadow: 0 0 5px #646464;
    }
}

@media all and (max-width: 1024px) {
    html {
        font-size: 512%;
    }
}

@media all and (min-width: 980px) and (max-width: 1024px) {
    html {
        font-size: 490%;
    }

    .content {
        width: 96%;
        padding: 0 2%;
    }

    .busArr {
        width: 352px;
        width: 4.497rem;
    }

    .viewMore a {
        width: 1.3rem;
        line-height: 0.45rem;
    }

    .carUl h2 {
        font-size: 0.27rem;
    }

    .carUl em {
        font-size: 12px;
        margin-bottom: 0.15rem;
        background: url(../images/blue.png) no-repeat 0px 7px;
    }

    .corporate p {
        padding: 0.11rem 0;
    }

    .comode-name {
        font-size: 0.2rem;
        padding-bottom: 0.15rem;
    }

    .zwn {
        width: 1.5rem;
    }

    .bText {
        height: 0.4rem;
        line-height: 0.4rem;
    }

    .ideaArr {
        padding: 0.27rem 0.6rem;
    }

    .poster:first-child .postArr em {
        line-height: 210%;
    }

    .zhanArr {
        width: 42%;
    }

        .zhanArr p {
            line-height: 190%;
            font-size: 13px;
        }

    .bowling-l {
        left: -1%;
    }

    .bowling-r {
        right: -1%;
    }

    .ideArrd em {
        font-size: 12px;
    }
}
/*平板电脑和小屏电脑之间    平板iPad*/
@media all and (min-width: 640px) and (max-width: 960px) {
}
/*横向放置的手机和竖向放置的的平板*/
@media all and (max-width: 767px) {
}

@media all and (max-width: 640px) {
    .newspopp img {
        width: 100%;
    }
}

@media all and (min-width: 480px) {
    .featurUl .p2 {
        line-height: 1rem;
    }
}
/*竖向放置的手机及分辨率更小的手机*/
@media all and (max-width: 480px) {
    html {
        font-size: 420%;
    }

    .content {
        width: 96%;
        padding: 0 2%;
    }

    body {
        font-size: 12px;
    }


    .topbox {
        display: none;
    }

    .toppox {
        height: 55px;
        line-height: 55px;
        border-bottom: 1px solid #dcdcdc;
    }

        .toppox div.content {
            width: 100%;
            padding: 0;
        }

    .logo {
        padding-left: 2%;
    }

    nav {
        float: none;
        width: 100%;
        margin: 0;
        position: absolute;
        border-top: 1px solid #dadada;
        border-bottom: 1px solid #dadada;
        display: none;
        z-index: 9999;
        top: 55px;
        background: #fff;
    }

    .navUl > li {
        /*width: 100%;*/
        width: 20%;
        /*line-height: 40px;*/
        text-align: left;
        padding: 0;
    }

        .navUl > li > a {
            font-size: 12px;
            /*padding-left: 20px;*/
            text-align: center;
            display: block;
        }
    /*============================================================*/
    .btn_toggle {
        width: 27px;
        height: 20px;
        display: block;
        cursor: pointer;
        position: absolute;
        top: 20px;
        right: 2%;
    }

        .btn_toggle span {
            width: 100%;
            height: 2px;
            background: #2b2f27;
            display: block;
        }

            .btn_toggle span:nth-of-type(1) {
                margin-bottom: 7px;
                transition: all 0.3s;
            }

            .btn_toggle span:nth-of-type(2) {
                margin-bottom: 7px;
                transition: all 0.3s;
            }

            .btn_toggle span:nth-of-type(3) {
                transition: all 0.3s;
            }


    .featurUl li {
        width: 49.25%;
    }

        .featurUl li:nth-of-type(2n) {
            margin-right: 0px;
        }

    .drug-title {
        width: 5.4rem;
    }

    .busLeft, .busRg {
        float: none;
        width: 100%;
    }

    .busImg {
        width: 33%;
    }

    .busArr {
        width: 63%;
        margin-left: 2.8%;
    }

        .busArr .em2 {
            line-height: 160%;
        }

    .busRgH2 a {
        font-size: 0.23rem;
        margin-right: 0.2rem;
    }

    .footLf {
        float: none;
        width: 100%;
    }

    .footRg {
        width: 89%;
        margin-top: 5%;
    }

    .share a img {
        transform: scale(0.8);
    }

    .business {
        padding-bottom: 0px;
    }

    .viewMore a {
        width: 1.5rem;
        line-height: 0.5rem;
    }

    .copy-p a {
        width: 1rem;
        line-height: 0.4rem;
    }

    .proUl li:nth-of-type(2n) {
        margin: 0 0 0.5rem 0;
    }

    .article li {
        margin: 0 0.2rem 0.2rem 0;
    }

        .article li:nth-of-type(2n) {
            margin-right: 0;
        }

    .partImg, .partArr {
        width: 100%;
    }

    .carArr {
        width: 100%;
        margin-right: 0;
        padding-bottom: 3%;
    }

    .carImg {
        width: 100%;
    }

    .carUl em {
        background: url(../images/blue.png) no-repeat 0px 7px;
    }

    .car {
        padding: 0.3rem 0;
    }

    .actUl li {
        display: block;
        width: 100%;
        margin-bottom: 4%;
    }

    .actText {
        width: 82%;
    }

    .shatUl li {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .comode-i {
        width: 100%;
    }

    .corporate {
        width: 100%;
        padding-bottom: 2%;
    }

        .corporate p em img {
            transform: scale(0.9);
        }

    .online {
        width: 100%;
        text-align: center;
    }

    .dog {
        width: 100%;
        margin: 0;
        padding-top: 3%;
    }

    .zwn {
        width: 1.5rem;
        margin-right: 0.02rem;
    }

    .bText {
        height: 0.5rem;
        line-height: 0.5rem;
    }

    .subAr {
        width: 1.2rem;
        line-height: 0.5rem;
        font-size: 0.2rem;
    }

    .topic a {
        width: 1rem;
    }

    .page a, .page span {
        font-size: 10px;
    }

    .program a {
        font-size: 12px;
    }

    .program em {
        margin: 0 0.3rem;
    }

    .partArr em {
        padding: 2% 0 2% 17px;
    }

    .job h2 {
        line-height: 0.7rem;
        font-size: 13px;
    }

        .job h2 em, .job h2.grayBg em {
            background-size: 80%;
        }

    .jobTit p {
        width: 49%;
    }

        .jobTit p img {
            transform: scale(0.8);
        }

    .jobTit {
        padding: 3% 0;
    }

    .ideaImg {
        width: 100%;
    }

    .ideaArr {
        margin-left: 0rem;
        width: 100%;
        padding: 2.7rem 0;
    }

    .news li, .news li:nth-of-type(3n) {
        float: left;
        width: 48.875%;
        margin: 0 2.25% 0.3rem 0;
        cursor: pointer;
    }

        .news li:nth-of-type(2n) {
            margin: 0 0 0.3rem 0;
        }

    .company em.em3 i {
        margin: 0;
    }

    .honor li {
        width: 49%;
        margin: 0 2% 0.3rem 0;
    }

        .honor li:nth-of-type(2n) {
            margin: 0 0 0.3rem 0;
        }

    .brandImg {
        width: 23%;
    }

    .brandArr {
        margin-left: 3%;
        width: 72%;
        line-height: 185%;
    }

    .whImg {
        width: 100%;
    }

    .whArr {
        margin-left: 0;
        width: 100%;
        padding-top: 4%;
    }

    .audio ul li {
        width: 100%;
        float: none;
        padding-bottom: 3%;
        line-height: 210%;
    }

        .audio ul li:last-child {
            padding-bottom: 0;
        }

    .music {
        padding: 6% 0 0 0;
    }

    .postImg {
        width: 100%;
    }

    .postArr {
        width: 100%;
        padding: 4% 0;
    }

        .postArr h2 {
            width: 100%;
            padding-bottom: 2%;
            margin: 0;
        }

    .western {
        padding: 3% 0 0 0;
    }

        .western > div {
            display: block;
        }

    .explain {
        width: 100%;
        text-align: center;
    }

    .pig {
        margin: 5% auto 0 auto;
    }

    .relevant a {
        width: 69px;
        line-height: 30px;
        font-size: 11px;
        margin: 0 0.05rem;
    }

    .proUl li {
        width: 49%;
        margin: 0 2% 0 0;
    }

    .artTitle {
        font-size: 0.2rem;
    }

    .loading a {
        font-size: 0.18rem;
    }

    .supply li, .supply li.li3 {
        float: none;
        width: 100%;
    }

    .sportsUl li {
        width: 100%;
    }

    .fareImg {
        width: 100%;
    }

    .fareArr {
        width: 100%;
        margin: 0;
        padding-top: 4%;
    }

    .hands {
        width: 100%;
    }

    .international {
        width: 100%;
        margin: 0;
        padding-bottom: 3%;
    }

    .mobile {
        width: 83%;
    }

    .bowling-l {
        left: 0;
    }

    .bowling-r {
        right: 0;
    }

    .ideCard {
        width: 100%;
    }

    .ideArrd {
        width: 96%;
        padding: 3% 2%;
        margin: 0;
    }

    .rad-gk ul li:nth-of-type(2n) .ideArrd {
        margin: 0;
    }

    .zhanImg {
        width: 100%;
    }

    .zhanArr {
        width: 94.5%;
        padding: 2.75%;
    }

    .logo {
        width: 100%;
        position: relative;
        box-sizing: border-box;
    }

        .logo > a > img {
            width: 2rem;
        }

    .gloyw {
        display: block;
    }

    .navUl > li {
        width: 100%;
    }

    nav {
        background: #fff;
        position: fixed;
        top: 0;
        right: -100%;
        width: 70%;
        height: 100%;
        z-index: 10000;
        margin: 0;
        display: block;
        box-sizing: border-box;
    }

    .navUl > li {
        float: none;
        width: 100%;
        line-height: 54px;
        font-size: 15px;
        border-bottom: 1px solid #dadada;
    }

        .navUl > li > a {
            text-align: left;
            padding: 0 9%;
            line-height: 50px;
        }

        .navUl > li span {
            margin-left: 1%;
        }

    .procente {
        padding-bottom: 16px;
    }

        .procente a {
            height: 40px;
        }

    .navUl li:nth-of-type(6), .navUl li:nth-of-type(7), .navUl li:nth-of-type(8) {
        /*display:none;*/
    }

    .fixed-btm {
        display: block;
    }

    .navUl li span {
        display: none;
    }

    .pre1, .pre2, .pre3 {
        width: 100%;
        position: initial;
    }

    .prod {
        display: block;
    }

    .navUl li span {
        display: none;
    }

    .navUl li:hover span {
        display: none;
    }

    .gfdgf {
        width: 100%;
        height: 70px;
    }

    .banner {
        width: 100%;
        height: 70px;
    }

    .rslides_tabs {
        display: none;
    }

    .rightnav {
        position: fixed;
        top: -10000px;
    }
 
    .pink .previousin,.nextin {
        width: 0.5rem;
        height: 0.5rem;
        display: block;
        position: absolute;
        top: 25%;
        z-index: 999;
    }

    .previousin {
        left: 5px;
        background: url(../images/p3.png) no-repeat;
    }

    .nextin {
        right: -10px;
        background: url(../images/p4.png) no-repeat;
    }

    .previousin:hover {
        right: 5px;
        background: url(../images/p6.png) no-repeat;
    }

    .nextin:hover {
         right: -10px;
        background: url(../images/p5.png) no-repeat;
    }
}

@media all and (max-width: 400px) {
    html {
        font-size: 406.7%;
    }
}

@media all and (max-width: 384px) {
    html {
        font-size: 390%;
    }

    .zwn {
        width: 1.6rem;
    }
}

@media all and (max-width: 375px) {
    html {
        font-size: 381.37%;
    }
}

@media all and (max-width: 360px) {
    html {
        font-size: 366%;
    }

    .zwn {
        width: 1.7rem;
    }
}

@media all and (max-width: 320px) {
    html {
        font-size: 339%;
    }

    .content {
        width: 100%;
        padding: 0;
    }

    .busMore {
        width: 48px;
    }
}