body {
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    background-image: url(../images/bg.png);
    background-repeat: repeat;
}

    body a {
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

input[type="button"], input[type="submit"] {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.banner {
    width: 100%;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

p {
    margin: 0;
}

ul {
    margin: 0;
    padding: 0;
}

label {
    margin: 0;
}

.bottom-text {
    text-align: center;
    font-size: 0.95em;
    line-height: 1.6em;
    color: #fff;
}

.blue {
    color: #27affd;
}
/*-----start-header----*/
.header {
    width: 100%;
    position: absolute;
    padding: 1em 0;
    background-color: rgba(0,0,0,0.4);
}

.logo {
    float: left;
}

    .logo a {
        display: block;
    }

.search {
    float: right;
    border: 0;
    padding: 0 10px;
    border-radius: 20px;
    background-image: url(../images/search.png);
    background-position: right;
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: 5px;
    height: 20px;
}

.top-menu {
    float: right;
}

    .top-menu ul li {
        display: inline-block;
    }

        .top-menu ul li a {
            text-transform: uppercase;
            font-size: 1.2em;
            font-weight: 400;
            font-family: 微软雅黑, Arial;
            text-decoration: none;
            padding: 3px 5px;
        }

            .top-menu ul li a.active {
                background: #ffc155;
                color: #ffa0a1;
                padding: 6px 15px;
                border-radius: 4px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                -o-border-radius: 4px;
                -ms-border-radius: 4px;
            }

.hvr-shutter-out-horizontal {
    color: #fff !important;
}

.top-menu ul {
    margin-top: 3px;
}

.header-bottom {
    position: relative;
}

.icon {
    float: left;
    width: 15%;
    margin-right: 2%;
}



.advantage-section {
    padding: 4em 0;
}

.icon-text {
    float: left;
    width: 83%;
    margin-top: 0.8em;
}

.client {
    float: left;
    width: 25%;
    margin-right: 6%;
}

    .client img {
        width: 100%;
    }

.client-info {
    float: left;
    width: 69%;
}

.news-clients {
    background-image: url(../images/news-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 7em 0;
    background-color: #f4efea;
}

.news-clients-head h3 {
    color: #333;
    font-size: 2.2em;
    font-weight: 900;
    text-transform: uppercase;
}

.news-clients-head p {
    color: #666;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 2.6rem;
}

.news-clients-grid {
    background: #fff;
    padding: 2.5em 2em;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    width: 47%;
    margin: 2% 2% 0 1%;
}

    .news-clients-grid p {
        color: #7b7b7b;
        font-size: 1.2em;
        font-weight: 400;
        margin-bottom: 0.5em;
    }

    .news-clients-grid h4 {
        color: #99a9ae;
        font-size: 1em;
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        text-transform: uppercase;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .news-clients-grid h4 a {
            font-size: 1.2em;
            color: #cc000d;
            text-decoration: none;
            line-height: 2em;
        }

.news-clients-grid2 {
    background: #fff;
    padding: 2.5em 2em;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    margin: 2% 2% 0 1%;
}

    .news-clients-grid2 p {
        color: #7b7b7b;
        font-size: 1.2em;
        font-weight: 400;
        margin-bottom: 0.5em;
    }

    .news-clients-grid2 h4 {
        color: #99a9ae;
        font-size: 1em;
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        text-transform: uppercase;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .news-clients-grid2 h4 a {
            font-size: 1.2em;
            color: #cc000d;
            text-decoration: none;
            line-height: 2em;
        }

.span_66 {
    margin-right: 0;
}

.news-clients-grids {
    margin-top: 3em;
}

img.open {
    margin: 0 6px 9px 0px;
}

img.closeq {
    margin: 6px 0px 0px 11px;
}

.footer {
    padding: 2em 0;
    background: #271604;
}

.copyright p {
    color: #ffffff;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 2.5rem;
}

    .copyright p a {
        color: #ffffff;
    }

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    width: 48px;
    height: 48px;
    border: none;
    text-indent: 100%;
    background: url(../images/up-arrow.png) no-repeat 8.8px 12px #ffbb42;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
}
/*-- responsive-design starts-here --*/

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1280px) {
    .top-menu ul li a {
        font-size: 0.951em;
    }

    .header {
        padding: 1.2em 0;
    }

    .news-clients {
        padding: 5em 0;
    }
}

@media screen and (max-width: 1024px) {
    .top-menu ul li a {
        font-size: 0.9em;
        padding: 6px 13px;
    }

        .top-menu ul li a.active {
            padding: 6px 13px;
        }

        .top-menu ul li a:hover {
            padding: 6px 13px;
        }

    .header {
        padding: 1em 0;
    }

    .right-grid-1 {
        min-height: 320px;
        left: 190px;
    }

    .logo {
        width: 20%;
        margin-top: 5px;
    }

    .icon {
        width: 16%;
    }

    .icon-text {
        width: 82%;
        margin-top: 0.7em;
    }

    .news-clients-grid {
        padding: 2em 1em;
        width: 47%;
        margin: 2% 2% 0 1%;
    }

    .client {
        width: 24%;
        margin-right: 5%;
        margin-top: 2%;
    }

    .client-info {
        width: 71%;
    }

    .news-clients-grid p {
        font-size: 1.2em;
    }

    .news-clients {
        padding: 4em 0;
    }

    .news-clients-grid h4 {
        font-size: 0.95em;
    }
}

@media screen and (max-width: 800px) {
    span.menu {
        width: 28px;
        height: 28px;
        background: url(../images/nav.png)no-repeat;
        display: inline-block;
        float: right;
        cursor: pointer;
        margin-top: 10px;
    }

    .top-menu {
        width: 100%;
        display: none;
        text-align: center;
        padding: 0;
    }

        .top-menu ul {
            float: none;
            width: 100%;
        }

            .top-menu ul li {
                display: block;
                float: none;
            }

                .top-menu ul li a {
                    display: block;
                    padding: 10px 0px;
                }

                    .top-menu ul li a.active {
                        padding: 10px 13px;
                    }

                    .top-menu ul li a:hover {
                        padding: 10px 13px;
                    }

    .header {
        padding: 1em 0;
    }

    .logo {
        width: 22%;
        margin-top: 5px;
        margin-left: 50px;
    }

    .icon {
        width: 11%;
    }

    .icon-text {
        width: 87%;
        margin-top: 0.5em;
    }

    .copyright p {
        font-size: 1em;
    }

    .news-clients-grid {
        padding: 2em 2.5em;
        width: 100%;
        margin: 4% 0 0 0;
    }

    .client {
        width: 22%;
        margin-top: 0%;
    }

    .news-clients {
        padding: 3.5em 0;
    }
}

@media screen and (max-width: 640px) {

    .icon {
        width: 13%;
    }

    .icon-text {
        width: 85%;
    }


    .news-clients-grid p {
        font-size: 0.9em;
    }

    .client-info {
        width: 73%;
    }
}

@media screen and (max-width: 480px) {
    span.menu {
        background-size: 25px;
        margin-top: 12px;
    }

    .logo {
        width: 50%;
        margin-top: 10px;
        margin-left: 0px;
    }

        .logo img {
            width: 100%;
        }

    .icon {
        width: 16%;
    }

    .icon-text {
        width: 82%;
        margin-top: 1em;
    }


    .news-clients-grid {
        padding: 1.5em;
    }

        .news-clients-grid p {
            font-size: 0.89em;
        }

    .news-clients {
        padding: 3em 0;
    }

    .news-clients-grids {
        margin-top: 2.5em;
    }

    .news-clients-grid h4 {
        font-size: 0.9em;
    }

    .client {
        margin-top: 3%;
    }
}

@media screen and (max-width: 320px) {
    span.menu {
        background-size: 22px;
        margin-top: 9px;
    }

    .logo {
        width: 50%;
        margin-top: 10px;
        margin-left: 0px;
    }

    .icon {
        width: 24%;
    }

    .icon-text {
        width: 74%;
    }



    .client {
        width: 50%;
        margin-left: 25%;
    }

    .client-info {
        width: 100%;
        margin-top: 1em;
    }

    .news-clients-grid h4 {
        font-size: 0.8em;
    }

    .news-clients {
        padding: 2em 0;
    }

    .header {
        padding: 0.5em 0;
    }

    .top-menu ul li a.active {
        padding: 7px 0px;
    }

    .top-menu ul li a:hover {
        padding: 7px 0px;
    }

    .top-menu ul li a {
        padding: 7px 0px;
    }
}

.yellow-line {
    height: 4px;
    background-color: #cc000d;
    margin-top: 6px;
}

.nopadding {
    padding: 0 !important;
}

.video-bg {
    /*background-image: url(../images/video.png);*/
    background-size: 100%;
    height: 21rem;
    background-repeat: no-repeat;
}

.video-img {
    width: 80%;
    margin: 3% 10%;
}

.pinpai-text {
    line-height: 1.8rem;
    text-indent: 2em;
    text-align: justify;
    margin: 2% 0;
}

.more {
    color: #cc000d;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 0 2% 0;
    padding: 0 !important;
    border: #cc000d 2px solid;
    border-radius: 5px;
}

@media (max-width: 1024px) {
    .video-bg {
        height: 18rem;
    }
}

@media (max-width: 992px) {
    .video-bg {
        height: 14rem;
    }
}

.margin1 {
    margin-top: 1rem !important;
}

.margin3 {
    margin-top: 3rem;
}

.red {
    color: #cc000d;
}

.chanpin-img {
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.chanpin-text {
    z-index: 99;
    position: absolute;
    background-color: rgba(0,0,0,0.4);
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    color: #fff;
    bottom: 30px;
}

.chakan {
    text-align: right;
    float: right;
}

.news-bread {
    padding: 0 0 1rem 0;
    border-bottom: #e4e4e4 1px dashed;
}

.details-time {
    float: left;
    font-size: 5rem;
    color: #d3d3d3;
    margin-right: 15px;
}

.details-titlebox {
    float: left;
}

.details-title {
    float: left;
    font-size: 2rem;
    color: #333;
    margin-top: 1rem;
    padding: 0 !important;
}

.details-titleps {
    float: left;
    font-size: 1.5rem;
    color: #ccc;
    padding: 0 !important;
}

.details-text {
    float: left;
    font-size: 1.5rem;
    color: #666;
    text-indent: 2em;
    text-align: justify;
}

    .details-text img {
        float: left;
        width: 100%;
        margin: 1rem 0;
    }

.margin-bottom {
    margin-bottom: 3rem;
}

.margin-bottom2 {
    margin-bottom: 1rem;
}

.details-text p {
    float: left;
    line-height: 2.3rem;
}

.news-bg {
    background-color: #ffc155;
    color: #fff !important;
    padding: 2rem 0 !important;
}

.news-bg2 {
    color: #666;
    padding: 2rem 0 !important;
    border-bottom: #e4e4e4 1px solid;
}

.news-date {
    font-size: 4rem;
    text-align: right;
    line-height: 3.5rem;
    color: #999;
}

.news-year {
    font-size: 2rem;
    text-align: right;
    color: #999;
}

.news-title {
    font-size: 1.8rem;
    line-height: 2.5rem;
}

.news-text {
    font-size: 1.3rem;
    line-height: 1.6rem;
}

.icon {
    width: 130px !important;
}

.margin5 {
    margin: 5px 0;
}

.i-select {
    float: left;
    width: 22%;
    margin: 10px 2% 5px 2%;
    padding: 5px;
}

.i-button {
    float: left;
    width: 15%;
    margin: 10px 2% 5px 2%;
    background-color: #cc000d;
    color: #fff;
    border: #cc000d 1px solid;
    padding: 5px;
}

@media screen and (max-width: 768px) {
    .i-select {
        float: left;
        width: 45%;
        margin: 10px 2% 5px 2%;
    }

    .i-button {
        float: left;
        width: 45%;
        margin: 10px 2% 5px 2%;
    }
}