/* 大屏幕（大桌面显示器，大于等于 1600px） */

@media screen and (min-width:1700px) {
    .mobile,
    .m_img,
    .m_nav {
        display: none;
    }
    .fea {
        height: 925px;
    }
    .fea_con {
        width: 1570px;
        height: 298px;
    }
}

@media only screen and (min-width: 1500px) and (max-width: 1700px) {
    .mobile,
    .m_img,
    .m_nav {
        display: none;
    }
    .container,
    .wrap {
        width: 1500px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .mobile,
    .m_img,
    .m_nav {
        display: none;
    }
    .container,
    .wrap {
        width: 1200px;
    }
    .index02 .left-txt {
        padding: 50px 0 0 0;
    }
    .index02 .left-txt h1 {
        margin-bottom: 60px;
    }
    .index02 .left-txt .content {
        width: 88%;
    }
    .index02 .left-txt .item .txt p {
        font-size: 16px;
    }
    .index02 .left-txt .item {
        padding-right: 20px;
    }
    .index03 .left-txt p {
        font-size: 15px;
    }
    .index04 h1 {
        margin-bottom: 40px;
        margin-top: 80px;
    }
    .index04 p {
        width: 80%;
    }
}


/* 小屏幕（手机） */

@media only screen and (min-width: 320px) and (max-width: 1200px) {
    .pc,
    .head-top,
    .header {
        display: none;
    }
    .nav,
    .he_b3p3le {
        display: none;
    }
    .mobile {
        display: block;
    }
    .container,
    .wrap {
        padding: 0 .2rem;
        overflow: hidden;
        width: auto;
    }
    .index01 {
        padding: .7rem 0 .8rem 0;
    }
    .index01 h1 {
        font-size: .48rem;
        font-weight: bold;
    }
    .index01 .tab {
        height: auto;
        line-height: .3rem;
        margin-top: .6rem;
        flex-wrap: wrap;
    }
    .index01 .tab .item {
        width: 50%;
        font-size: .2rem;
        padding: .3rem 0;
    }
    .index01 .list {
        padding: 0;
    }
    .index01 .list .group {
        width: 48%;
    }
    .index01 .list .group .title {
        font-size: .24rem;
        line-height: .8rem;
    }
    .index01 .list .group p {
        font-size: .2rem;
        line-height: .3rem;
        -webkit-line-clamp: 2;
    }
    .index01 .list .group .more {
        font-size: .24rem;
        margin: .3rem 0;
    }
    .index02 .img {
        display: none;
    }
    .index02 .left-txt {
        width: 100%;
        padding: .9rem 0 0 0;
    }
    .index02 .left-txt .content {
        width: 90%;
    }
    .index02 .left-txt h1 {
        font-size: .3rem;
        margin-bottom: 1rem;
    }
    .index02 .left-txt .item {
        width: 100%;
        padding-right: 0;
        margin-bottom: .7rem;
    }
    .index02 .left-txt .item .icon {
        height: .66rem;
        margin-right: .45rem;
    }
    .index02 .left-txt .item .txt h2 {
        font-size: .28rem;
        margin-bottom: .2rem;
    }
    .index02 .left-txt .item .txt p {
        font-size: .22rem;
        line-height: .3rem;
    }
    .index03 {
        padding: .6rem 0;
    }
    .index03 .wrap {
        flex-wrap: wrap;
    }
    .index03 .left-txt {
        width: 100%;
    }
    .index03 .left-txt h1 {
        font-size: .48rem;
        margin-bottom: .5rem;
    }
    .index03 .left-txt h2 {
        font-size: .26rem;
        margin-bottom: .26rem;
    }
    .index03 .left-txt p {
        font-size: .2rem;
        line-height: .3rem;
        margin-bottom: .2rem;
    }
    .index03 .video {
        width: 100%;
    }
    .index03 .group {
        padding: .4rem 0;
        margin-top: .5rem;
    }
    .index03 .group .item {
        width: 50%;
    }
    .index04 h1 {
        font-size: .48rem;
        margin-bottom: 1rem;
        margin-top: 1rem;
    }
    .index04 p {
        width: 100%;
        font-size: .22rem;
        line-height: .3rem;
        margin-bottom: 2rem;
    }
    .index04 .more {
        width: 1.6rem;
        line-height: .6rem;
        font-size: .22rem;
        margin-bottom: .4rem;
    }
    .index04 {
        background-size: 140% auto;
    }
    .index05 h1 {
        font-size: .48rem;
        margin: .8rem 0;
    }
    .index05 li {
        width: 100%;
        margin-right: 0;
    }
    .index05 ul {
        margin-right: 0;
    }
    .index05 li .title {
        font-size: .26rem;
        line-height: .3rem;
        margin-top: .2rem;
    }
    .index05 li p {
        font-size: .2rem;
        line-height: .3rem;
    }
    .index05 .more {
        font-size: .24rem;
        margin-top: .3rem;
    }
    .index06 .flex {
        flex-wrap: wrap;
    }
    .index06 .txt {
        width: 100%;
    }
    .index06 h1 {
        font-size: .48rem;
        margin: .8rem 0;
    }
    .index06 .wrap {
        overflow: initial;
    }
    .index06 .txt h2 {
        font-size: .26rem;
        margin-bottom: .2rem;
    }
    .index06 .txt p {
        font-size: .22rem;
        line-height: .3rem;
    }
    .index06 .right-box {
        width: 100%;
        margin-top: .5rem;
    }
    .index07 h1 {
        font-size: .48rem;
        margin-bottom: .3rem;
        margin-top: 1.5rem;
    }
    .index07 .tab a {
        margin-left: .4rem;
        font-size: .24rem;
    }
    .index07 .tab {
        margin-bottom: .6rem;
    }
    .index07 .wrap {
        flex-wrap: wrap;
    }
    .index07 .left-box {
        width: 100%;
    }
    .index07 .left-box .item {
        margin-bottom: .5rem;
        padding: .2rem;
    }
    .index07 .left-box .txt .title {
        font-size: .24rem;
        line-height: .3rem;
        height: .6rem;
        margin-top: 0;
    }
    .index07 .left-box .txt p {
        font-size: .2rem;
        line-height: .3rem;
        margin-bottom: .2rem;
    }
    .index07 .left-box .txt span {
        font-size: .2rem;
    }
    .index07 .left-box .txt img {
        width: .3rem;
    }
    .index07 .right-box {
        width: 100%;
    }
    .index07 .right-box .item {
        padding: .2rem;
        margin-bottom: .3rem;
    }
    .index08 .left-box {
        width: 100%;
    }
    .index08 h1 {
        font-size: .4rem;
        margin-bottom: .5rem;
        margin-top: .5rem;
    }
    .index08 .left-box h2 {
        font-size: .22rem;
        margin-bottom: .4rem;
    }
    .index08 .left-box .item {
        font-size: .22rem;
        margin-bottom: .2rem;
        line-height: .4rem;
    }
    .index08 .right-box {
        width: 100%;
        margin-top: .2rem;
    }
    .index08 .right-box .bt {
        height: .8rem;
        line-height: .8rem;
        padding: 0 .4rem;
        font-size: .3rem;
    }
    .index08 .right-box .item input {
        font-size: .24rem;
        line-height: .65rem;
        width: 100%;
    }
    .index08 {
        background-size: auto 100%;
    }
}