@media (max-width: 1100px) {
    .head .nav, .head .contact, .li-tab .li-tab-more, .nav-foot, .fixed-serve {
        display: none;
    }

    .m-nav {
        position: fixed;
        top: 0;
        right: 0;
        width: 80%;
        height: 100%;
        background-color: #ffffff;
        z-index: 1000;
        padding: 1rem;
    }

    .m-nav a {
        display: block;
        font-size: 18px;
        font-weight: bold;
        position: relative;
        text-align: center;
        padding: .25rem 0;
        border-bottom: 1px solid #eee;
    }

    .m-nav a.active {
        color: #0575E6;
    }

    .m-nav .m-nav-close {
        position: absolute;
        top: 15px;
        right: 15px;
        width: 30px;
        height: 30px;
    }


    .head .m-menu-box {
        display: block;
    }

    .head .logo {
        margin: 10px;
    }

    .index-swiper .slogan {
        width: 80%;
    }

    .index-swiper .slogan h1 {
        font-size: 1.3rem;
        letter-spacing: 5px;
    }

    .index-swiper .slogan h3 {
        font-size: .4rem;
        letter-spacing: 2px;
    }

    .major, .eg {
        padding: .3rem 0;
    }

    .major .major-section {
        width: 90%;
        padding-bottom: 0;
    }

    .major .major-row{
        padding:  .15rem .15rem .35rem;
    }

    .major .major-row .major-icon {
        width: 26px;
        height: 26px;
    }

    .major .major-row.active:after{
        width: 10px;
        height: 10px;
    }

    .major .major-row h3 {
        font-size: 16px;
        margin-top: 5px;
    }

    .major .major-tab .major-desc h1 {
        font-size: 24px;
    }

    .major .major-tab .major-desc h3 {
        font-size: 16px;
        line-height: 1.5;
        min-height: 60px;
    }

    .major .major-tag {
        padding-top: .15rem;
    }

    .major .major-pic .major-pic-row {
        width: 100%;
        margin-left: 0;
    }

    .eg-section, .news-section, .footer-section {
        width: 100%;
        padding: 0 .3rem;
    }

    .m-name {
        font-size: 22px;
    }

    .li-tab .li-tab-row {
        padding: .1rem;
        margin-right: 10px;
    }

    .li-tab .li-tab-box {
        justify-content: center;
    }

    .eg .eg-swiper .eg-swiper-dom .eg-name{
        font-size: 14px;
        font-weight: bold;
        height: 42px;
    }

    .eg .eg-swiper .eg-swiper-dom .eg-desc {
        height: 39px;
    }

    .news-section {
    }

    .news-section .news-list-row {
        width: 100%;
    }

    .news-section .news-arr {
        margin-top: .2rem;
        padding-top: .2rem;
    }

    .foot-mark .foot-mark-right {
        margin-top: .6rem;
    }

    .foot-mark-right img {
        display: block;
        width: 1.8rem;
    }

    .cm-slogan {
        padding: .8rem .2rem;
        width: 100%;
    }

    .cm-slogan h4 {
        font-size: 18px;
    }

    .cm-slogan h1 {
        font-size: 20px;
        width: 80%;
    }

    .cm-slogan h2 {
        font-size: 20px;
        width: 90%;
    }

    .eg-news .news-section .news-list-row {
        width: 100%;
    }

    .eg.eg-pro .eg-swiper .eg-swiper-dom .swiper-gp {
        width: 50%;
    }

    .about-form, .about-list {
        width: 100%;
        float: none;
        padding: 0;
    }

    .about-form .form-submit {
        display: block;
        text-align: center;
    }



    .about-code{
        display: none;
    }

    .about-list {
        border-left: none;
        margin-top: 15px;
    }

    .about-list .about-row .about-img {
        width: 2rem;
        height: 1.5rem;
    }

    .about-list .about-row .about-desc .desc-row {
        font-size: 13px;
    }

    .eg-about {
        display: block;
    }

    .pro .pro-box {
        display: block;
        width: 80%;
    }

    .pro .pro-left {
        padding-right: 0;
    }

    .pro .pro-right {
        width: 80%;
        margin: 30px auto 0 auto;
    }

    .eg-body {
        width: 100%;
        padding: .25rem;
    }

    .eg-box-paragraph {
        display: block;
        box-sizing: border-box;
        padding: .25rem .5rem;
    }

    .paragraph-left {
        padding-right: 0;
    }

    .paragraph-right {
        display: block;
        padding: 15px 0;
    }

    .eg-box-paragraph.revers .paragraph-left {
        padding: 0;
    }

    .eg-feature .eg-feature-row {
        width: 100%;
    }

    .eg-feature .eg-feature-cover{
        width: 15%;
    }

    .eg-feature .eg-feature-name{
        font-size: 18px;
    }

    .news-info {
        width: 100%;
    }

    .news-view .other {
        display: block;
    }

    .news-view .other-after {
        margin-top: 15px;
    }

    .eg-news .news-section .news-list-left{
        width: 20%;
    }

    .eg-news .news-section .news-list-right{
        width: 80%;
    }

    .about-form label input{
        height: .8rem;
    }

    .news-section .day{
        font-size: 34px;
    }

    .foot-copyright p{
        margin: 3px;
    }

    .eg-swiper-dot{
        display: none;
    }

}


@media (max-width: 1367px) and (min-width: 1100px) {
    .eg-body {
        width: 80%;
    }

    .fixed-serve .serve-row {
        margin: 10px 0;
    }

    .fixed-serve .serve-row .serve-name {
        font-size: 14px;
    }

    .news-info{
        width: 80%;
    }

    .eg-section, .news-section, .footer-section, .major-section{
        width: 80%;
    }

    .major .major-pic .major-pic-row {
        width: 70%;
        margin-left: 15%;
    }
}