/*--meadia quries start here--*/
@media (max-width: 1440px) {
    .wecome p {
        font-size: 1em;
        width: 60%;
    }
}

@media (max-width: 1280px) {
    .banner {
        min-height: 610px;
    }

    .banner-main {
        padding: 14em 0em 0em 0em;
    }
}

@media (max-width: 1024px) {
    .banner {
        min-height: 520px;
    }

    .banner-main {
        padding: 11em 0em 0em 0em;
    }

    .navg ul li a {
        padding: 0em 0.7em 0em 0.7em;
    }

    .banner-main h1 {
        font-size: 3em;
    }

    .banner-main a {
        width: 20%;
    }

    .services {
        padding: 1em 0em 2em 0em;
    }

    .ser-grid p {
        font-size: 1.15em;
    }

    .ser-grid h4 {
        font-size: 1.4em;
    }

    .service-top p {
        font-size: 1.3em;
        width: 70%;
    }

    /*about*/
    .about {
        height: auto;
        min-width: 100%;
    }

    .sitem-txt {
        width: 100%;
        padding: 3.5em 0;
    }

    .sitem-img {
        width: 100%;
        height: 24.2em;
    }

    .txtarea-left {
        float: left;
        padding-left: 2em;
        padding-right: 2em;
        max-width: 100%;
        min-width: 100%;
        text-align: left;
    }

    .sitem-txt p.f16 {
        font-size: 1.3em;
    }

    .contact {
        padding: 2em 0em 2.5em 0em;
    }

    .Ued-abtdiv {
        width: 100%;
        min-width: 100%;
        /*padding:  0;*/
    }

    .sitem-txt p.f16 {
        font-size: 1.1em;
        line-height: 1.8;
    }

    .sitem-txt h3 {
        font-size: 1.4em;
    }

    .sitem-txt h3 span {
        padding-top: 26px;
        font-size: 1em;
    }
    span.menu {
        display: block;
        text-align: right;
        padding: 14px 0px 14px 0px;
        cursor: pointer;
        color: #E74C3C;
        font-size: 16px;
        font-weight: 700;
        /*position: relative;*/
    }
    .top-navg ul.res {
        display: none;
    }

    .top-navg ul.res li {
        display: block;
        text-align: center;
        /*background: #00a8b6;*/
        background: #8fbe00;
        margin: 0;
        width: 100%;
    }

    .top-navg ul.res li a {
        font-size: 16px;
        padding: 0.5em 1em;
        color: #fff;
        display: inline-block;
        border: none;
        background: none;
        text-align: center;
        margin: 0em;
    }

    .top-navg ul.res {
        padding: 0;
        margin: 1.45em 0em 0em 0em;
        z-index: 9999;
        position: absolute;
        width: 30%;
        right: 0;
    }
}
@media (max-width: 990px) {
    .case-list li img{
        height:210px;
    }
}
@media (max-width: 768px) {



    span.glyphicon.glylinye img, span.glyphicon.glyshengtai img, span.glyphicon.glyhedao img {
        width: 120px;
        height: 120px;
    }

    ul.res a:hover, ul.res li a.active {
        color: #000;
    }

    .service-top h3 {
        font-size: 2.2em;
    }

    .service-top p {
        font-size: 1.3em;
        width: 70%;
    }

    .service-top {
        padding: 0em 0em 2em 0em;
    }

    .ser-grid {
        padding: 0em 0em 1.5em 0em;
    }

    /*about*/
    .about {
        height: auto;
        min-width: 100%;
    }

    .sitem-txt {
        width: 100%;
        padding: 3.5em 0;
    }

    .sitem-img {
        width: 100%;
        height: 24.2em;
    }

    .txtarea-left {
        float: left;
        padding-left: 2em;
        padding-right: 2em;
        max-width: 100%;
        min-width: 100%;
        text-align: left;
    }

    .sitem-txt p.f16 {
        font-size: 1.1em;
        line-height: 1.8;
    }

    .sitem-txt h3 {
        font-size: 1.4em;
    }

    .sitem-txt h3 span {
        padding-top: 26px;
        font-size: 1em;
    }

    .contact-top p {
        width: 85%;
    }

    .contact-bott input[type="text"] {
        width: 32%;
    }

    .Ued-abtdiv {
        width: 100%;
        min-width: 100%;
        /*padding:  0;*/
    }

    /* case*/
    .Ued-case .container {
        padding: 0;
    }

    /*.case-list li{width:50%;margin:.2rem 0 0; }*/
    .case-list li a h4, .case-list li a:hover h4 {
        width: 100%;
        padding: 0 .12rem;
    }

    /*.case-list li a p,.case-list li a:hover p{display:block;}*/
    .Ued-case .title-index {
        padding-left: 15px;
    }

    .Ued-case ul.case-list {
        padding: 15px;

    }

    .case-list li {
        width: 50%;
        margin-right: 0;
    }

    .case-list li a p {
        padding: 0;
    }
    .text {
        padding-top: 0px;
    }
    footer .text {
          padding: 30px;
        }
       footer .text.small{
          padding: 10px 25px;
      }
      footer .text.small.footsmall{
          padding-bottom: 100px;
      }

}

@media (max-width: 640px) {
    .banner {
        min-height: 330px;
    }

    .banner-main {
        padding: 5em 0em 0em 0em;
    }

    .banner-main a {
        width: 17%;
    }

    .banner-main h1 {
        font-size: 3em;
    }

    .banner-main h1 {
        font-size: 2em;
    }

    .logo h2 a img {
        width: 150px;
        height: 43px;
        margin: 8px 0 9px 0;
    }

    .contact-bott input[type="text"] {
        width: 31.8%;
    }

    .contact-bott input[type="submit"] {
        width: 13%;
    }

}

@media (max-width: 480px) {
    .banner-main h1 {
        font-size: 1.9em;
    }

    .banner-main a {
        font-size: 0.9em;
        width: 22%;
        margin: 0.8em auto 0em;
        padding: 0.2em 0em 0.2em 0em;
    }

    .banner {
        min-height: 250px;
    }

    .banner-main {
        padding: 4em 0em 0em 0em;
    }

    .banner-main p {
        font-size: 1.4em;
        width: 70%;
    }

    .logo h2 {
        font-size: 2em;
    }

    span.menu img {
        width: 80%;
    }

    .services {
        padding: 1em 0em 1em 0em;
    }

    .service-top h3 {
        font-size: 1.9em;
    }

    .testimo-main h3 {
        font-size: 1.5em;
    }

    .service-top p {
        font-size: 1.3em;
    }

    .ser-grid p {
        font-size: 1.1em;
    }

    .ser-grid h4 {
        font-size: 1.5em;
    }

    .sitem-txt {
        padding: 2.5em 0;
    }

    .sitem-img {
        width: 100%;
        height: 15.2em;
    }

    .txtarea-left {
        float: left;
        padding-left: 2em;
        padding-right: 2em;
        max-width: 100%;
        min-width: 100%;
        text-align: left;
    }

    .sitem-txt p.f16 {
        font-size: 1em;
    }

    .sitem-txt h3 {
        font-size: 1.3em;
    }

    .sitem-txt h3 span {
        padding-top: 26px;
        font-size: 1em;
    }

    .contact-top p {
        width: 100%;
        font-size: 0.95em;
    }

    .contact-top h3 {
        font-size: 1.9em;
    }

    .contact {
        padding: 1em 0em 2em 0em;
    }

    .contact-bott input[type="text"] {
        width: 100%;
        font-size: 0.9em;
    }

    .contact-bott input.email {
        margin: 0px 0px 10px 0px;
    }

    .contact-bott input[type="submit"] {
        width: 20%;
        padding: 0.3em 1em 0.4em 1em;
    }

    .contact-top {
        padding: 0em 0em 2em 0em;
    }

    /*.case-list li a p {*/
        /*text-overflow: ellipsis;*/
        /*white-space: nowrap;*/
    /*}*/

    .case-list li {
        margin: 0px 0 0;
    }
    .top-navg ul.res{
        width: 100%;
    }
    .top-navg ul.res li{
        background: #000;
    }
    .header{
        background-color: #000000;
    }
    .banner{
        margin-top: 102px;
    }
    /*.banner-main p a{*/
        /*display: none;*/
    /*}*/
}
@media (max-width: 420px) {
    .case-list li img{
        height:120px;
    }
    .banner-main p {
        font-size: 1.02em;
        width: 70%;
    }
    .banner-main h1 {
        font-size: 1.6em;
    }
}
@media (max-width: 320px) {

    .banner-main a {
        font-size: 0.8em;
        width: 30%;
    }

    .banner {
        min-height: 190px;
        margin-top: 88px;
    }

    .banner-main {
        padding: 1.6em 0em 0em 0em;
    }

    .header {
        padding: 1em 0em 1em 0em;
    }

    .logo h2 {
        font-size: 1.7em;
    }

    .top-navg ul.res li a {
        font-size: 13px;
    }

    .banner-main h1 {
        font-size: 1.3em;
    }

    .banner-main p {
        font-size: 0.845em;
    }

    .banner-main p {
        font-size: 0.95em;
        width: 100%;
    }

    .service-top h3 {
        font-size: 1.5em;
        margin: 0em;
    }

    /*service*/
    .services {
        padding: 1em 0em 0em 0em;
    }

    /*contact*/
    .contact-top h3 {
        font-size: 1.5em;
    }

    .contact-top {
        padding: 0em 0em 1em 0em;
    }

    .contact-top p {
        width: 100%;
        font-size: 0.85em;
    }

    .contact-bott input[type="text"] {
        padding: 0.3em 0.5em 0.3em 0.5em;
    }

    .contact-bott textarea {
        font-size: 0.9em;
        height: 7em;
    }

    .contact-bott input[type="submit"] {
        width: 24%;
        font-size: 0.9em;
    }

    .footer p {
        font-size: 0.92em;
    }

    .ser-grid p {
        font-size: 1em;
    }

    .ser-grid h4 {
        font-size: 1.3em;
    }

}
@media screen and (min-width: 1025px) {
    ul.res{
        display: block!important;
    }
}