@media (min-width:991px) {

    .tem_banner,
    .ny-banner {
        margin-top: 85px;
    }

    #collapse navbar-collapse .nav>li {
        position: relative;
    }

    #top-nav .navbar-nav>li>a {
        position: relative;
        display: block;
        overflow: hidden;
        padding: 0 25px;
        color: #eee;
        font-size: 16px;
        line-height: 85px;
        transition: all ease-in-out .3s;
    }

    #top-nav .navbar-nav>li>a>span {
        position: relative;
        top: 0;
        display: block;
        transition: all .3s ease-in-out;
    }

    #top-nav .navbar-nav>li>a>span:after {
        position: absolute;
        top: 85px;
        left: 0;
        width: 100%;
        content: attr(data-title);
    }

    #top-nav .navbar-nav>li>a>span:hover {
        color: #fff;
        transform: translateY(-85px);
    }

    #top-nav .navbar-nav>li>a>span:before {
        position: absolute;
        top: 170px;
        width: 0;
        height: 1px;
        background: #fff;
        content: "";
        transition: all ease-in-out 1s;
    }

    #top-nav .navbar-nav>li>a>span:hover:before {
        width: 100%;
    }

    #top-nav .nav .dropdown>.dropdown-menu {
        left: 0;
        right: auto;
        border: none;
        background: #333;
    }

    #top-nav .nav .dropdown>.dropdown-menu>li>a {
        color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #fe6500;
    }

    #top-nav .nav .dropdown>.dropdown-menu>li>a:hover {
        color: #333;
        background: #fff;
    }

    #top-nav .nav>.dropdown>.dropdown-menu>.dropdown>.dropdown-menu {
        left: 100%;
        top: 0;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #top-nav .navbar-nav>li>a {
        padding: 0 20px;
    }
}

@media (max-width:991px) {
    #top-nav .navbar-nav>li>a {
        color: #fff;
    }

    .navbar-toggle {
        background-color: fff;
    }

    .navbar-toggle:hover {
        background-color: #fff;
    }

    .navbar-brand>img {
        width: 100%;
    }

    .navbar .navbar-collapse {
        border-top: none;
    }

    .ab-more {
        margin-bottom: 20px;
    }

    #top-nav .nav>.dropdown>.dropdown-menu>li>a {
        padding: 10px 0 10px 25px;
    }

    #top-nav .nav .dropdown>a:hover {
        background: #fff;
        color: #333;
    }

    #top-nav .nav>.dropdown>.dropdown-menu>.dropdown>.dropdown-menu>li>a {
        padding: 8px 0 8px 35px;
    }

    #top-nav .nav .dropdown>.dropdown-menu {
        float: none;
        position: static;
        border: none;
        box-shadow: none;
        background: none;
    }

    #top-nav .nav li a {
        color: #fff;
    }

    #top-nav .nav li a:focus {
        background: #fff;
        color: #333;
    }

    header .navbar .navbar-brand {
        height: 70px;
    }

    header .navbar-toggle {
        margin-top: 15px;
    }

    .about .about-c {
        margin-top: 15px;
    }

    .copy {
        float: none !important;
        text-align: center;
    }

    .next {
        text-align: left;
    }
}

@media (max-width:767px) {
    .navbar-brand {
        padding: 0px 15px 10px;
    }

    .navbar-fixed-top {
        position: relative;
    }

    .nlist {
        padding: 20px 0px 0px;
    }

    .nimg {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .about,
    .new {
        padding: 30px 0;
    }

    .application {
        padding: 30px 0 0;
    }

    .application-title p {
        padding: 0;
    }

    .series li {
        margin-bottom: 1px;
        width: 100%;
    }

    .about {
        padding: 30px 0;
    }

    .sy_about_tit {
        margin: 0 0 20px;
    }

    .sy_about_tit h3 {
        font-size: 20px;
    }

    .sy_about_tit h2 {
        font-size: 18px;
    }

    .series {
        margin-bottom: 0;
    }

    .about {
        background: none;
    }

    .sy-about-tit {
        background: none;
        margin-bottom: 20px;
        color: #333;
    }

    .sy-about-tit h3 a {
        color: #333;
    }

    .htit {
        margin: 30px 0;
    }

    footer .copyright {
        padding: 20px 0;
        border-top: none;
    }

    .ny-main {
        padding: 20px 0 40px 0;
    }
}