.no-m {
    display: none;
}
#nav {
    height: auto;
    position: fixed;
    width: 100%;
}

#nav .width {
    width: 100%;
    padding: 0;
}
#nav ul.root {
    width: 100%;
}

#nav  ul.root li {
    float: left;
    width: 25%;
    padding: 1px;
}

#nav  ul.root li a {
    width: 100%;
    color: white;
    height: 40px;
    line-height: 40px;
    background: #3cadf7;
}

#nav  ul.root li a.on {
    color: white;
}

#nav ul.sub {
    display: none;
}


#nav ul.root > li:hover ul {
    display: none;
}

#index-about,
#about {
    padding: 40px 0;
}

#banner {
    padding: 150px 0 0;
}

.width{
    width: 100%;
    padding: 0 20px;
}

h1 {
    font-size: 20px;
    margin: 0 0 20px 0;
}

#index-advantge {
    padding: 40px 0;
}

#index-advantge ul li {
    width: 100%;
}

#index-product,
#index-news {
    padding: 40px 0;
}

#index-product li {
    width: 48%;
}

#index-news ul li {
    width: 100%; 
}

#index-news ul li img {
    display: none;
}

#index-contact {
    padding: 40px 0;
}

#index-contact .frame {
    display: block;
}

#index-contact .form {
    width: 100%;
    margin: 0 0 30px 0;
}
#index-contact .contact {
    width: 100%;
}

#index-contact .contact p {
    font-size: 14px;
}

.ql-editor img {
    display: block;
    width: 100%;
    height: auto;
}

.index {
    width: 100% !important;
    margin: 0 !important;
    padding: 20px !important;
    box-sizing: border-box !important;
}

.index .ql-editor {
    padding: 0!important;
    margin: 0 !important;
}