@media screen and (max-width: 768px) {
    .msgPageNp .np {
        font-size: .5rem;
    }

    .caseHome .wapper {
        flex-wrap: wrap;
        padding: 20px;
        width: 100%;
    }

    .caseHome .wapper li {
        margin: 10px;
        width: 95%;
        overflow: hidden;
        text-align: center;
        margin: 0 auto;
    }
}

@media screen and (max-width: 760px) {
    .caseHome {
        display: none;
    }
}

@media screen and (min-width: 300px) and (max-width: 750px) {
    .sj {
        width: 100%;
        padding: 15px 0px;
    }

    .mains {
        height: 3070px !important;
    }

    .about div>img {
        display: none;
    }

    .about div.about-con {
        width: 100%;
        float: left;
        padding: 0 10px !important;
        font-size: 14px;
    }

    .about-con>a {
        display: block;
        margin: 0 50%;
        transform: translateX(-50%);
    }

    .index01 .t {
        margin-bottom: 5px;
    }

    .index01 .t h2 {
        font-size: 35px;
        line-height: 35px;
    }

    .index01 .t h3 {
        font-size: 30px;
        line-height: 30px;
    }

    .index01 .b .top {
        margin-bottom: 10px;
    }

    .w100 .seven {
        display: none;
    }

    .new {
        width: 100% !important;
        font-size: 25px !important;
        padding: 0%;
    }

    .news1 {
        padding: 0%;
    }

    .container {
        width: 100%;
    }

    .container .title {
        display: block;
    }

    .container .title strong {
        font-size: 12px;
    }

    .news1 dl.arc dd {
        display: flex;
        align-items: center;
        padding: 0 12.5px;
    }

    .news1 dl.arc dd .detail p {
        font-size: 12px;
    }

    .container .title small {
        font-size: 18px;
    }

    .container .title nav a {
        margin-top: 12px;
        font-size: 14px;
    }

    .news1 dl {
        float: left !important;
        width: 100% !important;
        margin-bottom: 60px !important;
        padding: 0%;
    }

    .news1 dl:last-child {
        margin-bottom: 0%;
        display: none;
    }

    .news1 dl.arc dd .date {
        position: relative;
        width: 22%;
        height: 70px;
        padding: 5px;
        background-color: #636363;
        color: #fff;
        text-align: center;
    }

    .news1 dl.arc dd .detail {
        position: relative;
        right: 0px;
        width: 75%;
    }

    .news1 dl.arc dd .date em {
        font-size: 20px;
    }

    .top .m-menu {
        display: block;
        float: right;
        position: absolute;
        left: 20%;
        right: 10px;
        text-align: right;
        z-index: 9;
    }

    .m-menu ul {
        width: 100%;
        position: fixed;
        padding: 10px;
        box-sizing: border-box;
        background-color: #fff;
        box-shadow: 5px 5px 10px #3f3f3f;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .m-menu ul li {
        width: 15%;
        height: 50px;
        float: left;
        font-size: 14px;
        padding: 5px;
        box-sizing: border-box;
        display: flex;
        text-align: center;
        align-items: center;
        border: 1px solid #ddd;
        margin: 5px;
    }

    .m-menu ul li a {
        display: block;
    }

    .m-menu ul li.active {
        background-color: #d70c18;
    }

    .m-menu ul li.active a {
        color: white;
    }

    .menu,
    .search,
    .label,
    .en-title,
    .title {
        display: none;
    }

    .mshow {
        display: none;
    }

    .w100 {
        margin: 0% !important;
    }

    .top,
    .wrap {
        width: 100% !important;
        padding: 0 3% !important;
    }

    .wrap {
        padding: 10px 3% !important;
        box-sizing: border-box;
    }

    .top {
        padding-top: 10px;
        margin: 0px;
        overflow: hidden;
    }

    .top .logo {
        width: 15%;
        float: left;
    }

    .banner {
        margin-bottom: 20px;
    }


    .about {
        margin-bottom: 10px;
        padding-top: 10px;
    }

    .about img {
        width: 100%;
    }

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

    .about>h1 {
        font-size: 16px !important;
    }

    .about .about-text,
    .about>img {
        width: 100% !important;
    }

    .contantc li {
        width: 49%;
        margin: 0%;
        padding: 10px 0px;
        margin-right: 2% !important;
    }

    .contantc li p {
        height: 65px;
    }

    .contantc li:nth-child(2n) {
        float: right;
        margin: 0% !important;
    }

    .about div h2 {
        line-height: 26px;
        width: 75%;
        float: left;
        margin-top: 20px;
    }

    .about div h3 {
        width: 100% !important;
        float: right;
        margin: 0px;
        padding: 0px;
        margin: 0 auto 20px;
        text-align: center;
    }

    .about div h3 img {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
        margin-bottom: 10px;
    }

    .about div h3 span {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
        text-align: center;
        font-size: 12px;
        font-weight: normal;
    }





    .course-show {
        width: 100%;
        margin: 0;
        padding: 0px;
    }

    .c-show-img {
        width: 100%;
        margin-right: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .c-show-img img {
        width: 80%;

    }

    .c-show-text {
        width: 100%;
        float: left;
        margin-bottom: 0px;
    }

    .c-c-half {
        width: 100%;
        float: left;
        padding-right: 0;
    }


    .to .m-menu {
        width: 10%;
        float: right;
        display: inline;
        margin: 0px;
        padding: 0px;
        margin-top: 10px;
    }

    .to .m-menu img {
        width: 100%;
        float: right;
        display: inline;
        margin: 0px;
        padding: 0px;
    }

    .i-box-r20 {
        margin-right: 0px;
    }

    .i-title {
        display: flex;
        justify-content: center;
    }

    .i-title img {
        float: left;
        margin-left: 20%;
        width: 50%;
        margin: auto;
        margin-bottom: 20px;
    }

    .team {
        margin-top: 20px;
    }

    .team ul {
        width: 100%;
        float: left;
        height: auto;
        padding: 15px 4%;
        margin: 0px 0 10px;
        border-top: 2px solid #ddd;
        border-bottom: 2px solid #ddd;
        border-radius: 10px;
        box-shadow: 0px 2px 10px #333;
    }

    .team ul .lpx {}

    .team ul .lpy {
        display: inline;
        padding: 10px 0px 0px !important;
        margin-bottom: 5px !important;
    }


    .team ul img {
        width: 100%;
        height: auto;
        float: left;
    }

    .team ul li {
        display: none;
    }

    .team ul p {
        display: none;
    }

    .team ul span {
        display: inherit;
    }

    .team ul p b {
        margin-bottom: 5px;
        font-size: 16px;
    }

    .tt {
        margin: 0px;
    }

    .team-show div {
        width: 100%;
        float: left;
    }

    .team-show img {
        float: right;
        width: 100%;
    }




    .i-box ul {
        width: 50%;
        float: left;
        line-height: 21px;
        padding: 1%;
        padding-right: 15px;
    }

    .i-box ul:nth-child(2n) {
        padding-left: 15px;
        padding-right: 1%;
    }

    .i-box ul:hover img {
        width: 120%;
    }

    .i-box ul li {
        width: 100%;
        height: 80px;
    }

    .i-box ul li img {
        width: 100%;
    }

    .i-box ul p {
        width: 100%;
    }

    .i-box ul span {
        width: 100%;
    }

    .i-box ul b {
        width: 100%;
    }

    .i-box ul b img {
        width: 20px;
        float: left;
        padding: 5px 5px 5px 0
    }

    .i-more {
        width: 40%;
        float: left;
        margin: 20px 30%;
    }

    .i-more a {
        width: 100%;
        margin-left: 0px;
    }

    .i-more a:visited {
        width: 100%;
        margin-left: 0px;
    }

    .i-more a:hover {
        width: 100%;
        margin-left: 0px;
    }


    .i-bigtitle img {
        margin-left: 25%;
        width: 50%;
    }

    .p-box ul {
        width: 50%;
        padding: 1%;
    }

    .p-box ul li {
        width: 100%;
        height: auto;
    }

    .p-box ul li img {
        width: 100%;
    }

    .p-box ul p {
        width: 100%;
    }

    .p-box ul span {
        width: 100%;
    }



    .bottom {
        width: 100%;
        float: left;
        padding: 20px 0;
        border-top: 1px solid #f2f2f2;
    }

    .b-left {
        width: 100%;
        float: left;
        color: #686868;
    }

    .b-left li {
        font-size: 12px;
        line-height: 24px;
        border-bottom: 1px solid #f2f2f2;
        margin-bottom: 10px;
    }

    .b-left p {
        font-size: 12px;
        line-height: 21px;
        margin: 0px;
        padding: 0px;
        color: #686868;
    }

    .b-right {
        width: 100%;
        float: right;
    }

    .b-right img {
        float: right;
        width: 40%;
        margin: 10px 30%;
    }

    .b-right p {
        width: 100%;
        float: right;
        text-align: center;
    }





    .page-menu {
        margin-top: 20px;
        margin-bottom: 0%;
    }

    .page-menu a {
        margin-top: 20px;
        display: block;
        width: 21%;
        padding: 0px;
        float: left;
        margin: 0px 5px 5px;
        line-height: 30px;
        font-size: 14px;
    }

    .pagination li {
        margin: 0 4px;
        padding: 0 5px;
    }

    .left-menu {
        display: none
    }

    .r-content {
        width: 100%;
        margin: 0px;
    }

    .r-content img {
        max-width: 100%;
    }

    .pro-content {
        width: 100%;
        margin: 0px;
    }

    .pro-content img {
        max-width: 100%;
    }

    .pro-img {
        width: 100%;
    }

    .pro-txt {
        width: 100%;
        margin: 0px;
    }

    .mr80 {
        margin: 0px;
    }

    .pro-img img {
        width: 100%;
        float: left;
    }

    .job div {
        width: 100%;
        float: left;
        height: auto;
        margin-top: 20px;
        padding: 0 5%;
        box-shadow: 0px 0px 0px #f4f4f4;
    }

    .job div img {
        width: 100%;
        float: left;
    }

    .job div ul {
        width: 100%;
        float: left;
        padding: 0px;
    }

    .job div ul h1 {
        width: 50%;
    }

    .job div ul h2 {
        width: 50%;
        text-align: right
    }

    .join-content {
        padding: 0;
    }

    .join-content h1 {
        text-align: left;
        margin-top: 30px;
        font-size: 18px;
    }

    .join-content h2 {
        text-align: left;
    }

    .join-content div {
        width: 100%;
    }

    .join-content div b {
        width: 100%;
    }

    .join-content img {
        display: none
    }



    .news {
        width: 100%;
        height: auto;
        margin: 0px;
        padding: 0px 5%;
        margin-top: 20px;
        background-color: #fff;
        flex-wrap: wrap;
    }

    .news img {
        width: 100%;
        max-height: inherit;
        margin: 0px;
        padding: 0px;
        z-index: 5;
        margin-bottom: 10px;
    }

    .news div {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
    }

    .news div h1 {
        font-size: 16px;
        font-weight: 600;
    }

    .nav {
        width: 100% !important;
        padding: 5px 10px !important;
    }

    .nav a {
        font-size: 14px !important;
        padding: 2px 10px !important;
    }

    .msgPageNpWrap .msgPageNp {
        display: block !important;
    }

    .msgPageNpWrap .msgPageNp a {
        width: 100% !important;
    }

    .msgPageNpWrap .msgPageNp a p {
        display: block;
        text-align: left !important;
        width: 90%;
        float: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin: 0%;
    }

    /*底部  */
    .forms {
        padding: 10px 0 30px !important;
    }

    .forms p {
        font-size: 20px !important;
        height: 30px !important;
        line-height: 30px !important;
    }

    .forms span {
        font-size: 14px !important;
        margin: 0% !important;
    }

    .forms form {
        width: 100% !important;
        padding: 0 10px;
    }

    .forms form input {
        width: 100% !important;
        height: 30px !important;
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }

    .forms form textarea {
        margin: 0% !important;
        height: 80px !important;
        font-size: 16px !important;
    }

    .forms form button {
        margin-top: 10px;
        height: 30px !important;
        font-size: 16px !important;
    }

    .bottoms {
        width: 100% !important;
        flex-wrap: wrap;
        justify-content: center;
    }

    .bottoms .code {
        width: 50%;
    }

    .userInfo {
        margin: 15px 0;
    }

    .userInfo p:first-child {
        text-align: center;
        font-size: 20px !important;
    }

    .beian {
        width: 100% !important;
        padding: 0 10px !important;
    }

    .c-content,
    .csc-content {
        height: auto !important;
    }
}