.user-center .info-btn {
    position: relative;
    padding: 0 10px !important;
    float: left;
}

.user-center .line {
    float: left;
    padding: 0 !important;
    /* 设置高度为100px */
    height: 12px;
    /* 设置宽度为0px */
    width: 0;
    /* 设置左边框的宽度为1px */
    border-left-width: 1px;
    /* 设置左边框的样式为实线 */
    border-left-style: solid;
    /* 设置左边框的颜色为黑色 */
    border-left-color: darkgrey;
    margin-top: 4px;
}

.user-center .icon-content {
    margin-left: 10px;
}

.user-center .icon-content-hide {
    display: none;
}

.user-center .badge {
    /*display: none;*/
    position: absolute;
    top: -10px;
    left: 10px;
    min-width: 10px;
    padding: 2px 4px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #DC143C !important;
    border-radius: 8px;
}

.user-center a {
    color: #777;
}


.front-page {
    padding-bottom: 0;
}

.navbar {
    margin-bottom: 0;
    padding: 10px 0;
}

.bx-loading {
    display: none !important;;
}

.front-page .slide .glyphicon {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px;
    border-radius: 30px;
}

.front-page .slide .glyphicon:before {
    position: relative;
    top: 10px;
}

.front-page .red_border {
    font-size: 2rem;
}

.front-page .page-header {
    border: 0;
}

.english {
    display: inline-block;
    width: 130px;
    text-align: right;
    border-right: 1px solid #999;
    padding-right: 22px;
    line-height: 13px;
    color: #999;
}

.icon_search {
    display: inline-block;
    width: 50px;
    text-align: right;
    padding: 14px;
}

.front-page .production {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    border-radius: 24px;
}

.front-page .production .description {
    position: absolute;
    color: #fff;
    top: calc(30% - 20px);
    left: calc(20% - 20px);
}

.front-page .production .description h3 {
    font-size: 4rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.front-page .production .description p {
    font-size: 2.5rem;
}

.front-page .production .list {
    position: absolute;
    color: #fff;
    top: calc(60% - 20px);
    left: calc(20% - 20px);
}

.front-page .production .list ul {
    padding: 0;
    list-style: none;
}

.front-page .production .list li a {
    line-height: 30px;
    font-size: 2rem;
    color: #fff;
}

.front-page .production .list li span {
    color: rgb(321, 13, 44);
    padding-right: 10px;
}

.front-page .production .enter {
    position: absolute;
    bottom: 10%;
    right: 10%;
}

.front-page .slider-pro .enter {
    position: absolute;
    bottom: 5%;
    right: 5%;
}

.front-page .page-header h1 {
    text-align: center;
    border: none;
}

.front-page .production img {
    width: 100%;
}

.front-page .production-list {
    margin-top: 24px;
}

/*.front-page .production-list div {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.front-page .production-list p {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    margin: 0;
    color: #fff;
    line-height: 40px;
    text-indent: 50px
}

.front-page .production-list img {
    width: 100%;
    height: 280px;
    padding: 0;
    border: none;
    border-radius: 24px;
}

.front-page .production-list img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}*/

.front-page .solution-container {
    overflow: hidden;
}

.front-page .solution-container .col-md-6 {
    padding: 0;
}


.front-page .solution-container .solution {
    position: relative;
}

.front-page .solution-desc .arrow {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: -80px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 18px;
    width: 50px;
    cursor: pointer;
}

.front-page .solution-container .solution-desc {
    position: absolute;
    top: 0;
    right: -360px;
    width: 300px;
    min-width: 350px;
    background: rgba(255, 255, 255, 0.6);
    height: 100%;
    padding: 58px;
    font-size: 18px;
}

.front-page .solution-container .solution-desc li {
    list-style: none;
    line-height: 50px;
}

.front-page .solution-container .ecology {
    position: relative;
}

.front-page .solution-container .ecology-description {
    display: none;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    padding: 20px 20px 10px 20px;
    color: #fff;
}

.front-page .solution-container .ecology:hover .ecology-description {
    display: inline-block;
}


.front-page .solution-container .ecology-description a {
    font-size: 18px;
}

.front-page .news .thumbnail,
.production-detail .thumbnail {
    overflow: hidden;
    padding: 0;
    background: #f2f2f2;
    border: 0;
    box-shadow: 3px 3px 2px #f2f2f2;
}

.production-detail .thumbnail {
    background: #fff;
}

.front-page .news .thumbnail .img,
.production-detail .thumbnail .img {
    min-height: 150px;
    height: 150px;
    overflow: hidden;
    text-align: center;
}

.front-page .news .thumbnail .img img,
.production-detail .thumbnail .img img {
    width: 100%;
    height: 100%;
}

.front-page .news .thumbnail h4,
.production-detail .thumbnail h4 {
    width: 100%;
    height: 39px;
    overflow: hidden;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: rgb(34, 34, 34);
}

.front-page .news .thumbnail img,
.production-detail .thumbnail img {
    transition: 1s all;
    transform: scale(1.0);
}

.front-page .news .thumbnail:hover img,
.production-detail .thumbnail:hover img {
    transform: scale(1.1);
}

.foo_container ul {
    padding-left: 0;
}

.production-detail .infos p {
    padding: 0 15px;
    line-height: 40px;
    font-size: 18px;
}


.production-detail .description p {
    line-height: 45px;
    font-size: 18px;
    white-space: pre-wrap;
    font-weight: normal;
}

.production-detail .description p br {
    line-height: 25px;
}


.banner {
    position: relative;
    overflow: hidden;
    z-index: 999;
}


.banner img {
    width: 100%;
}

.banner.banner-news-list img {
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0;
    margin-top: 0;
    height: 100%;
}

.banner.banner-news-list.banner3 h3 {
    margin-top: 135px;
}

.banner.banner-news-list h3 {
    margin-top: 152px;
}

.banner h3 {
    top: 50%;
    width: 100%;
    text-align: center;
    position: absolute;
    color: #fff;
    z-index: 999;
    font-size: 3.5rem;
    font-weight: bold;
    margin: 0;
    margin-top: -4rem;
    letter-spacing: 1rem;
}


.banner p {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: 1.2rem;
    text-align: center;
    color: #fff;
    z-index: 999;
    font-size: 2.2rem;
    font-weight: bold;
}

.banner span {
    font-size: 2rem;
    padding: 0 10px;
}


.index-banner {
    position: relative;
    height: 520px;
    overflow: hidden;
    z-index: 998;
}

.index-banner.leading-block{
    height: 300px;
}

.front-page .index-banner.zhaopin {
    background-color: #eee;
    padding-bottom: 100px;
}

.index-banner .btn-primary, .front-page .feiteng .btn-primary {
    margin: 0 15px;
}

.front-page .index-banner img {
    width: 100%;
    height: 100%;
    z-index: 1;
}


.index-banner .banner-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.index-banner h3 {
    margin-top: 150px;
    width: 100%;
    text-align: center;
    position: relative;
    color: #0d0d0d;
    z-index: 999;
    font-size: 4rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.front-page .page-header h2 {
    font-size: 4rem;
    font-weight: bold;
    line-height: 1.1;
}

.index-banner p {
    width: 100%;
    text-align: center;
    color: #0d0d0d;
    line-height: 50px;
    font-size: 2rem;
}

.red {
    color: #e60021;
    font-weight: bold;
}

.red_border {
    display: inline-block;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.production-detail .over-scroll {
    overflow-y: hidden;
    overflow-x: auto;
}

.production-detail .over-scroll .table {
    min-width: 1600px;
    overflow: hidden;
}


.production-detail .over-scroll .block {
    float: left;
    margin-right: 10px;
    width: 150px;
    white-space: nowrap;
}


.production-detail .over-scroll .block img {
    width: 150px;
    height: 150px;
}

.production-detail .well {
    font-size: 18px;
    font-weight: bold;
}

.production-detail .table.table-hover tr:first-child td {
    color: #e60021;
}

.production-detail .red {
    color: #e60021 !important;
}

.production-detail .container.theme-showcase .row ul {
    padding: 0 40px;
    list-style: none;
}

.production-detail .row.documents li {
    float: left;
    width: 100%;
}

.production-detail .row.documents li .col-xs-6 {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.production-detail .ul li {
    text-align: center;
    line-height: 30px;
    list-style: none;
}

.production-detail ul li .glyphicon {
    padding-right: 10px;
}

.production-detail .row ul li a {
    line-height: 30px;
    color: #333;
    cursor: pointer;
}

.production-detail .ohter-list .more {
    position: absolute;
    bottom: 20px;
    right: 40px;
}

.production-detail .ohter-list .title {
    margin: 20px 0 0 0;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    color: #fff !important;
}

.production-detail .mask {
    position: relative;
    overflow: hidden;
    float: left;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.production-detail .picture, .front-page .picture {
    position: relative;
}

.production-detail .desc, .front-page .desc {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 2px 2px 4px #000000;
}

/*.production-detail .cpu-slider {*/
/*    padding-left: 0px;*/
/*    padding-right: 0px;*/
/*}*/

.production-detail .picture img, .front-page .picture img {
    width: 100%;
    padding: 0;
    height: 200px;
    border: 0;
    border-radius: 0;
}

.front-page .feiteng .picture {
    height: 200px;
    overflow: hidden;
}

.front-page .feiteng .picture img {
    width: 100%;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
}

.solution.feiteng .picture,
.solution-news .news-container .img {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: rgb(245, 245, 245);
    margin-bottom: 24px;
}

.solution-news .news-container .thumbnail {
    padding: 0;
    border: 0;
}

.solution-news .news-container .date {
    margin-bottom: 4px;
    text-decoration: none;
}

.solution-news .news-container .thumbnail h4 {
    height: auto;
    font-size: 15px;
    line-height: 22px;
    -webkit-line-clamp: 1 !important;
}

.solution-news .news-container .thumbnail .caption {
    padding: 9px 0;
}

.solution-news .news-container .img {
    margin-bottom: 0px;
}

.solution.feiteng .picture::before {
    content: "";
    float: left;
    padding-bottom: 65%;
}

.solution-news .news-container .img::before {
    content: "";
    float: left;
    padding-bottom: 65%;
}

.solution.feiteng .picture::after,
.solution-news .news-container .img::after {
    clear: both;
    content: "";
    display: table;
}

.solution.feiteng .picture .picture-block,
.solution-news .news-container .img .img-block {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.solution.feiteng .picture img,
.solution-news .news-container .img img {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
}


.production-detail .production-type {
    padding: 10px 0;
    color: #666;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
}

.production-detail .production-type .active span {
    border-left: 7px solid #e60021;
    padding: 0 5px;
}

.production-detail .picture.active {
    border-bottom: 5px solid #e60021;
}

.production-detail .honor, .production-detail .cooperation, .production-detail .documentation {
    position: relative;
    border: 0;
    height: 280px;
    box-sizing: border-box;
    z-index: 9;
    margin-bottom: 15px;

}

.production-detail .honor img, .production-detail .cooperation img, .production-detail .documentation img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    z-index: -1;
}

.production-detail .ecology-news .thumbnail {
    overflow: hidden;
    height: 250px;
    margin-bottom: 15px;
    padding: 0;
    border-radius: 20px;
    background: linear-gradient(rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 1) 80%);
}

.production-detail .ecology-news .thumbnail img {
    height: 179px;
    width: 100%;
}

.production-detail .ecology-news {
    margin-bottom: 30px;
}

.production-detail .ecology-news .news-list {
    position: relative;
    padding: 0 10px;
}

.production-detail .ecology-news .news-list ul {
    padding: 0 20px;
}

.production-detail .ecology-news .news-list li {
    list-style: none;
    line-height: 30px;
    color: #666;
}

.production-detail .ecology-news .news-list li a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #666;
}

.production-detail .ecology-news .news-list .btn-link {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.production-detail .ecology-news .news-list p {
    margin-bottom: 0;
    padding: 20px 0 10px 20px;
    font-size: 18px;
    color: #666;
}

.production-detail .ecology-news .news-list .glyphicon {
    margin-right: 10px;
}

.news-detail.news-page .container.theme-showcase .row p {
    line-height: 30px;
    font-size: 18px;
    margin: 30px 0;
    text-indent: 0;
}

.news-detail .thumbnail {
    border: 0;
    text-align: center;
}

.news-detail .thumbnail .caption {
    float: left;
    width: 100%;
    padding: 9px 0 29px 0;
}


.news-detail .thumbnail img {
    min-height: 280px;
}

.solution .thumbnail .img {
    overflow: hidden;
    text-align: center;
}

.solution .thumbnail img {
    height: 127px;
}

.solution .thumbnail h4 {
    height: auto;
    line-height: 25px;
}

.solution .infos p {
    font-size: 18px;
    text-indent: 2em;
}

.solution .industry .thumbnail {
    text-align: center;
    border-radius: 15px;
}

.solution .industry .glyphicon {
    color: #c85855;
    font-size: 36px;
    padding-top: 20px;
    cursor: pointer;
}

.solution .industry-list {
    margin-bottom: 20px;
}

.gft-news a {
    display: block;
    cursor: pointer;
}

.gft-news {
    position: relative;
}

.gft-news .news-title {
    padding-left: 54px;
    font-size: 26px;
    color: #595a57;
    margin-top: 10px;
    margin-bottom: 12px;
    text-decoration: none;
}

.gft-news .news-content {
    padding-left: 57px;
    font-size: 22px;
    color: #595a57;
    line-height: 40px;
    overflow: hidden;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.gft-news .learn-more {
    position: absolute;
    right: 15px;
    bottom: 0;
    border-radius: 10px;
}


.gft-news img {
    width: 100%;
}

footer .foo_container .foo_con1 .row .footer-tips {
    width: 11.11% !important;
}

footer .add_list .company {
    text-align: center;
}

footer .foo_container a {
    color: #595959;
    text-decoration: none;
}

footer .share-icon a {
    float: left;
    height: 30px;
    width: 30px;
    margin-top: 10px;
    cursor: pointer;
    background-image: url("/static/img/homepage/weixin.png");
    background-size: 317px 30px;
    margin-left: 30px;
    z-index: 999;
}

footer .share-icon .qrcode {
    width: 120px;
    height: 120px;
    display: none;
}

footer .share-icon .weixin {
    position: relative;
}

footer .share-icon .weixin:hover .qrcode {
    display: block;
    position: absolute;
    top: -125px;
    left: -45px;
}

footer .share-icon .qrcode {
    display: none;
}

footer .share-icon .weibo {
    background-position: -108px;
}

footer .share-icon .toutiao {
    background-position: -164px;
}

footer .share-icon .zhihu {
    background-position: -225px;
}

footer .share-icon .bilibi {
    background-position: -287px;
}


@media (max-width: 1200px) {
    .breadcrumb {
        margin-bottom: 0px;
        padding: 15px 15px !important;
    }

    .container {
        width: 100%;
    }

    .english, .icon_search {
        display: none;
    }

    .banner.banner-news-list {
        height: 30rem;
    }

    .banner.banner-news-list.banner3 h3 {
        margin-top: 8rem;
    }

}


@media (max-width: 768px) {
    .certification-banner.banner h3 {
        margin-top: -5rem!important;
    }

    .certification-banner.banner p {
        font-size: 1.6rem;
    }
    .news-detail.news-list .headlines-list::before {
        padding: 100%;
    }

    .news-detail.news-list .headlines {
        height: auto !important;
    }

    .news-detail.news-list .news-list-title {
        padding-bottom: 0 !important;
    }

    .news-detail.news-list .headlines-img {
        height: 50% !important;
    }

    .cpu-title p {
        padding: 0 15px !important;
        font-size: 18px !important;
    }

    .page-title p {
        font-size: 18px !important;
    }

    .gft-news a {
        padding: 0 15px;
    }

    .gft-news .news-title {
        padding: 0 15px;
        font-size: 22px;
    }

    .gft-news .news-content {
        padding: 0 15px;
        font-size: 18px;
    }

    .search-block-input {
        width: 100% !important;
    }

    .download-document-list .headlines {
        padding-right: 120px !important;
    }

    .download .document-primary {
        padding-top: 36px !important;
    }

    .download .document-primary .category {
        border: 0 !important;
        margin-bottom: 10px;
        padding: 0 12px !important;
    }

    .download-document-list .headlines a {
        height: 40px;
        overflow: hidden;
        display: -webkit-inline-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .download-document-list .headlines h4 {
        margin: 0;
        line-height: 40px;
    }

    .search-btn {
        margin-top: 20px;
    }

    .navbar-header {
        width: 100%;
        width: calc(100% + 30px);
        box-sizing: border-box;
    }

    .user-center a {
        display: block !important;
        width: 100%;
    }

    .solution.honor .container.theme-showcase .row.gft-list .year-list {
        width: 100% !important;
    }

    .solution.honor .container.theme-showcase .row.gft-list .year-list div:nth-child(3) {
        border: 0;
    }

    .news-page .container.theme-showcase img {
        display: block;
        height: auto !important;
        max-width: 100%;
        margin: 0 auto;
    }

    body {
        min-width: 100%;
    }

    .front-page .production .description {
        position: absolute;
        color: #fff;
        top: calc(10% - 20px);
        left: calc(20% - 20px);
    }

    .index-banner {
        height: 200px;
    }

    .index-banner img {
        height: 200px;
    }

    .index-banner h3 {
        margin-bottom: 10px;
        margin-top: 30px;
        font-size: 2rem;
    }

    .red_border {
        display: inline-block;
        padding-bottom: 10px;
        margin-bottom: 10px;
        /*border-bottom: 1px solid #e60021;*/
    }

    .index-banner p {
        font-size: 1.5rem;
        line-height: 20px;
    }

    .front-page .feiteng .picture {
        margin-bottom: 10px;
    }

    .front-page .production .description h3 {
        font-size: 2.5rem;
        font-weight: bold;
        margin: 15px 0 10px 0;
    }

    .front-page .production .description p {
        margin: 5px 0;
        font-size: 1.5rem;
    }

    .front-page .production .list {
        position: absolute;
        color: #fff;
        top: calc(62% - 20px);
        left: calc(20% - 20px);
    }

    footer {
        min-width: 0 !important;
    }

    footer .foo_container .foo_con1 .row .footer-tips {
        width: 50% !important;
    }

    .f_navlist {
        width: 100%;
    }

    .foo_container .navlist_list {
        width: 30% !important;
        margin-bottom: 15px !important;
        text-align: center;
    }

    .foo_container ul li {
        margin: 0 !important;

    }

    .foo_container {
        width: 100%;
    }

    .f_logo {
        display: none !important;
    }

    .foo_con2 {
        width: 100%;
    }

    .foo_container .foo_con1 .weixin {
        float: none;
        margin: 0 auto;
    }

    .foo_con2 {
        display: none;
    }

    .carousel-inner img {
        height: 250px !important;
        max-width: none !important;
        position: relative;
        left: calc(50% - 500px)
    }

    .front-page .production .description p {
        font-size: 1.8rem;
        font-weight: bolder;
    }

    footer .footer-share img {
        height: 30px !important;
    }

    footer .footer-share img.qrcode {
        height: 120px !important;
    }

    .front-page .chip-thumbnail {
        margin-top: 10px !important;
    }

    .front-page .chip-thumbnail button {
        margin-top: 40px !important;
    }

    footer .foo_container .footer-share {
        width: calc(100% - 60px);
    }

    footer .footer-logo {
        float: left;
        padding: 10px 0 !important;
    }

    footer .share-icon {
        float: left !important;
        padding: 10px 0 !important;
    }

    .banner {
        position: relative;
        height: 200px !important;
        overflow: hidden;
        z-index: 999;
    }

    .banner img {
        height: 100%;
    }

    .banner h3 {
        margin-top: -1.5rem;
        font-size: 3rem;
    }

    .solution .banner h3 {
        margin-top: 40px;
        font-size: 2.5rem;
        margin-bottom: 10px;
    }

    .solution .banner p {
        padding: 0 20px;
        font-size: 1.8rem;
    }

    .banner span {
        font-size: 1.8rem;
    }

    .production-detail .slider-pro {
        margin-bottom: 10px;
    }

    .news-detail .banner h3 {
        margin-top: 30px;
        margin-bottom: 10px;
        font-size: 2.5rem;
    }

    .news-detail .banner span, .news-detail .banner p {
        display: inline-block;
        width: 100%;
        font-size: 1.8rem;
        line-height: 30px;
        margin-bottom: 0;
    }

    .news-detail .thumbnail img {
        width: 100%;
    }

    .news-detail .row p {
        padding: 0 10px;
    }

    #navbar .production-menu {
        width: 100% !important;
        padding: 10px 40px !important;
    }

    #navbar .production-menu .col-xs-4 {
        padding: 0 5px;
    }

    #navbar .production-menu p {
        font-size: 13px !important;
    }

    #navbar .production-menu ul {
        padding: 0 5px !important;
    }

    #navbar .production-menu ul li {
        text-align: center;
    }

    .navbar {
        margin-bottom: 0;
        padding: 10px 0;
        opacity: 1;
    }

    .solution .news ul li .col-md-3 {
        font-size: 14px;
    }

    .front-page .news .thumbnail .img,
    .production-detail .thumbnail .img {
        height: 250px;
    }

    .index-banner .btn-primary {
        padding: 6px 20px;
        margin: 0 10px;
        margin-bottom: 10px;
    }

    #navbar ul.dropdown-menu.production-menu {
        margin: 0 !important;
    }

    #navbar .production-menu ul li {
        text-align: left !important;
    }

    #navbar .production-menu .col-xs-6 {
        margin-bottom: 15px;
    }

    #navbar .production-menu.ecology .menu {
        width: 50% !important;
        min-height: 140px;
    }

    #navbar .production-menu.support .menu {
        width: 50% !important;
        min-height: 160px !important;
    }

    #navbar .production-menu.support .menu:nth-child(n+3) {
        width: 50% !important;
        min-height: 90px !important;
    }

    li.dropdown.open {
        overflow: hidden;
    }

    .user-center {
        float: none !important;
    }

    .front-page .container.theme-showcase {
        min-height: 580px !important;
    }

    .front-page .index-banner {
        position: relative;
        height: 350px;
    }

    .front-page .index-banner img {
        position: absolute;
        left: calc(50% - 500px);
        width: auto;
        height: 100%;
        z-index: 0;
    }

    .front-page .index-banner h3 {
        margin-top: 55px !important;
    }

    .front-page .page-header h2 {
        font-size: 30px;
    }

    .front-page .index-banner.zhaopin {
        height: auto;
    }

    .front-page .index-banner.zhaopin img {
        left: 0;
    }

    .front-page .index-banner.zhaopin {
        padding-bottom: 50px;
    }

    .production-detail .banner img {
        height: 100%;
        margin-top: 0;
    }

    .production-detail .banner h3 {
        margin-top: 60px;

    }

    footer {
        margin-top: 30px;
        float: left;
        width: 100%;
    }

    .production-detail.cpu-list.cpu-list2 .cpu-detail .col-xs-12 {
        height: 660px;
    }

    .production-detail.cpu-list.cpu-list2 .cpu-detail div:nth-child(4) {
        min-height: 400px;
    }

    .production-detail.cpu-list.cpu-list0 .cpu-detail .col-xs-12 {
        min-height: 660px !important;
    }

    .production-detail.cpu-list .cpu-detail .col-xs-12 {
        min-height: 680px !important;
    }

    .banner.banner-news-list img {
        height: 100%;
        width: auto;
        left: calc(50% - 480px);
    }

    .banner.banner-news-list.banner3 h3 {
        margin-top: 40px;
    }

    .media-report .banner img {
        position: absolute;
        height: 100%;
        width: auto;
        margin-top: 0;
        z-index: 1;
        top: 0;
        left: calc(50% - 400px);
    }

    .news-detail.news-list .headlines div {
        overflow: hidden;
    }

    .news-detail.news-list .headlines h3 a {
        font-size: 22px !important;
    }

    .news-detail.news-list .headlines .content,
    .news-detail.news-list .headlines .time {
        font-size: 18px !important;
    }

    .news-detail.news-list .headlines img {
        width: 100% !important;
        height: 100% !important;
        left: 0;
    }

    .cpu-title .cpu-title-logo {
        margin: 0 auto;
        display: block;
        margin-bottom: 20px;
    }

}

@media (min-width: 800px) and (max-width: 950px) {
    .nav > li > a {
        padding: 15px 8px;
    }
}

@media (min-width: 768px) and (max-width: 810px) {
    .nav > li > a {
        padding: 15px 5px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .front-page .news .thumbnail .img {
        min-height: 150px;
        height: 200px;
        overflow: hidden;
        text-align: center;
    }
}

.logo {
    width: 173px;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 0 15px;
    font-size: 18px;
    margin-top: 3px;
}

.sp-thumbnail-container {
    overflow: hidden;
}

.front-page .slider-pro {
    padding-bottom: 20px;
    border-bottom: 1px solid #D7D7D7;
    border-radius: 0;
    margin-bottom: 30px;
}

footer .footer-logo {
    padding: 0 50px;
}

footer .footer-share {
    width: calc(100% - 100px);
    min-height: 61px;
    margin: 0 auto;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #7f7f7f;
}

footer .footer-share img {
    float: left;
}


footer .foo_con2 {
    padding-bottom: 10px;
}

footer .link {
    color: #e60021;
    cursor: pointer;
}

footer .gft {
    text-align: center;
}

footer .gft img {
    height: 45px;
    margin-bottom: 20px;
}

.solution .desc {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    text-shadow: 2px 2px 4px #000000;
}

.solution .picture {
    position: relative;
    margin-bottom: 10px;
}

.solution .col-sm-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.solution .picture img {
    width: 100%;
    padding: 0;
    height: 160px;
    border: 0;
    border-radius: 0;
}

.solution .gft-list {
    margin-bottom: 20px;
}

.solution .gft-list .picture img {
    height: 320px;
}

.solution .news ul {
    padding: 0;
    list-style: none;
}

.solution .news ul li {
    background-color: #f2f2f2;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    color: #404040;
}

.solution .news ul li a {
    color: #404040;
    padding-left: 10px;
}

.solution .news ul li .col-xs-9 {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.news-detail .page-header p {
    text-indent: 0;
}

.news-detail .page-header p {
    text-indent: 0;
}

.news-detail .page-header p .label {
    display: inline-block;
    background: #e60021;
    padding: 5px 15px;
    border-radius: 15px;
    margin-right: 10px;
    margin-bottom: 10px;
}


.front-page .chip-list img {
    width: 100%;
}

.front-page .chip-list li {
    display: none;
}

.front-page .chip-list ul {
    padding: 10px;
    list-style: none;
}

.front-page .chip-list li {
    display: none;
}

.front-page .chip-list li.active {
    display: block;
}

.front-page .chip-list li.active img {
    float: right;
}

.front-page .chip-thumbnail {
    margin-top: 100px;
}

.front-page .chip-thumbnail .img {
    cursor: pointer;
}

.front-page .chip-thumbnail .active {
    border: 5px solid #d9d9d9;
}

.front-page .chip-thumbnail button {
    margin-top: 60px;
}

.front-page .chip-thumbnail .col-lg-3 {
    padding: 5px;
}

.front-page .chip-thumbnail img {
    width: 100%;
}

#navbar .production-menu {
    width: 700px;
    padding: 20px 50px 15px 50px;
    right: auto;
}

#navbar .production-menu h4 {
    margin-bottom: 10px;
    font-size: 14px;
    color: rgb(161, 161, 161);
}

#navbar ul.dropdown-menu.production-menu.CPU {
    width: 617px;
    padding: 20px 50px;
    padding-right: 10px;
    margin-left: -37px;
}

#navbar ul.dropdown-menu.production-menu.CPU .menu {
    min-height: 150px;
}

#navbar ul.dropdown-menu.production-menu.CPU .suit {
    margin-top: 20px;
    min-height: 84px;
    width: 100%;
    margin-bottom: 20px;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    z-index: 1000 !important;
}

#navbar ul.dropdown-menu.production-menu.CPU .ihv {
    min-height: 54px;
}

#navbar ul.dropdown-menu.production-menu.production-menu5 {
    width: 900px;
    padding: 20px 50px;
    padding-right: 10px;
    margin-left: -243px;
}

#navbar ul.dropdown-menu.production-menu.production-menu5 div li a {
    line-height: 25px;
}

#navbar ul.dropdown-menu.production-menu.production-menu5 div {
    padding: 0 10px;
}

#navbar ul.dropdown-menu.production-menu a {
    color: #333;
}


#navbar .production-menu ul {
    list-style: none;
    padding-left: 0;
}

#navbar .production-menu .glyphicon {
    display: none;
    position: absolute;
    left: -20px;
    top: 5px;
}

#navbar .production-menu .glyphicon {
    display: none;
    position: absolute;
    left: -20px;
}

#navbar .production-menu .row p:hover .glyphicon, #navbar .production-menu .row li:hover .glyphicon {
    display: inline-block;
}

#navbar .production-menu li {
    line-height: 27px;
}

#navbar .production-menu p:hover, #navbar .production-menu li a:hover {
    color: #e60021;
    text-decoration: none;
}

#navbar .dropdown-menu li .row a[href="#"]:hover p {
    color: #333 !important;
    text-decoration: none;
    cursor: text;
}

#navbar .dropdown-menu li .row a[href="#"]:hover .glyphicon {
    display: none !important;
}


#navbar .production-menu p {
    position: relative;
    margin-bottom: 5px;
    font-size: 14px;
    color: #333;
}

#navbar .production-menu p {
    font-weight: bold;
    font-size: 16px;
}

#navbar .production-menu.ecology {
    width: 600px;
    padding: 20px 50px;
    padding-right: 0px;
    margin-left: -37px;
}

#navbar .production-menu.ecology .menu {
    width: 20%;
}

#navbar .production-menu.ecology .menu.system {
    width: 170px;
}

#navbar .production-menu.ecology .menu.service, #navbar .production-menu.ecology .menu.authenticate {
    width: 130px;
}

#navbar .production-menu.ecology h4,
#navbar .production-menu.program h4,
#navbar .production-menu.support .second h4,
#navbar .production-menu.training h4,
#navbar .production-menu.news h4,
#navbar .production-menu.about-us h4 {
    display: none;
}

#navbar .production-menu.program {
    width: 420px;
    padding: 20px 50px;
    padding-right: 50px;
    margin-left: -37px;
}

#navbar .production-menu.program .menu {
    width: 20%;
}

#navbar .production-menu.program .menu.joint_solutions, #navbar .production-menu.program .menu.selected_solutions {
    width: 170px;
}


#navbar .production-menu.support {
    width: 600px;
    padding: 20px 50px;
    padding-right: 10px;
    margin-left: -37px;
}

#navbar .production-menu.support .menu {
    width: 25%;
    min-height: 186px;
}

#navbar .production-menu.support .menu.second {
    min-height: 90px;
}

#navbar .production-menu.training {
    width: 160px;
    margin-left: -37px;
}


#navbar .production-menu.news {
    width: 190px;
    margin-left: -37px;
}

#navbar .production-menu.training .menu,
#navbar .production-menu.news .menu,
#navbar .production-menu.about-us .menu {
    width: 100%;
}

#navbar .production-menu.training .menu p,
#navbar .production-menu.news .menu p,
#navbar .production-menu.about-us .menu p {
    font-size: 14px;
    font-weight: normal;
}

#navbar .production-menu.about-us {
    width: 150px;
    margin-left: -37px;
}


#navbar .production-menu p:hover {
    color: #e60021;
}

#navbar .production-menu .glyphicon {
    color: #e60021;
    font-size: 16px;
    padding-right: 5px;
}

.about-us .news {
    overflow: hidden;
}

.about-us .news p {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 35px;
}

.about-us .news img {
    width: 100%;
}

.solution.about-us .container.theme-showcase .row {
    padding: 0

}


.solution.about-us .gft-list .picture img {
    height: 170px;
}

.about-us .learn-more .picture img {
    height: auto !important;
}

.about-us .row .center {
    text-align: center;
}

.about-us .row i {
    color: rgb(133, 133, 133);
}

.about-us .container.theme-showcase .row p {
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 30px;
}

.about-us .container.theme-showcase .row a {
    color: #fff;
    text-decoration: none
}

.about-us .page-header {
    position: relative;
    border: 0;
}


.production-detail.cpu-list .container.theme-showcase p {
    font-size: 18px;
    margin-bottom: 50px;
}

.production-detail.cpu-list .cpu-title-logo {
    margin-top: 25px;
}

.cpu-title, .news-list-title, .cpu-title p {
    line-height: 40px;
}

.production-detail.cpu-list .container.theme-showcase .production-list p {
    font-size: 20px;
    margin-bottom: 50px;
}

.production-detail.cpu-list .product-img img {
    max-width: 70%;
    max-height: 245px;
    display: block;
    margin: 0 auto;
}

.production-detail.cpu-list.cpu-list0 .page-header,
.news-detail.news-list .page-header,
.page-header {
    position: relative;
    border: 0;
}

.page-title .title p {
    font-size: 22px;
    text-align: center;
    margin-bottom: 10px;
}

.page-title .title {
    padding-left: 0;
    padding-right: 0;
}

.cpu-title,
.news-list-title,
.page-title {
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-color: #f5f5f5;
    padding-bottom: 60px;
}

.news-list-title .bx-wrapper .bx-viewport {
    border: 0 !important;
    box-shadow: none;
}

.cpu-title p {
    margin-bottom: 0 !important;
    font-weight: bold;
}

.page-header {
    width: 100%;
    float: left;
    margin-bottom: 24px;
    color: #555;
}

.production-detail.cpu-list.cpu-list0 .page-header:after,
.news-detail.news-list .page-header:after,
.page-header:after {
    position: relative;
    bottom: -4px;
    margin: 0 auto;
    content: "";
    display: block;
    width: 75px;
    height: 5px;
    background: #e60021;
    border: 0;
}

.production-detail.cpu-list .description p {
    text-align: center;
    margin: 0 !important;
}

.production-detail.cpu-list.cpu-list0 .cpu-detail .col-xs-12 {
    position: relative;
    min-height: 640px;
}

.production-detail.cpu-list.cpu-list0 .cpu-detail .col-xs-12 .learn-more {
    left: 3px;
}


.production-detail.cpu-list.cpu-list2 .cpu-detail .col-xs-12 {
    position: relative;
    min-height: 630px;
}

.production-detail.cpu-list.cpu-list2 .cpu-detail .col-xs-12 .learn-more {
    left: 3px;
}

.production-detail.cpu-list.cpu-list3 .cpu-detail .col-xs-12 {
    position: relative;
    min-height: 690px;
}

.production-detail.cpu-list.cpu-list3 .cpu-detail .col-xs-12 .learn-more {
    left: 3px;
}

.production-detail.cpu-list .cpu-detail .col-xs-12 {
    position: relative;
    min-height: 660px;
}

.production-detail.cpu-list .cpu-detail .col-xs-12 .learn-more {
    width: 100%;
    margin-bottom: 0;
    position: absolute;
    bottom: 30px;
}

.production-detail.cpu-list .cpu-detail .col-xs-12 h4 {
    text-align: center;
    font-weight: bold;
    color: #e60021;
}

.production-detail.cpu-list .cpu-detail .col-xs-12 ul {
    padding: 0;
}

.production-detail.cpu-list .cpu-detail .col-xs-12 li {
    position: relative;
    padding-left: 131px;
    line-height: 30px;
}

.production-detail.cpu-list .cpu-detail .col-xs-12 li:before {
    content: " ";
    display: inline-block;
    position: absolute;
    left: 90px;
    top: 13px;
    width: 4px;
    height: 4px;
    background: #0a0a0a;
    border-radius: 2px;
    line-height: 30px;
}

.news-detail.news-list .headlines img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.news-detail.news-list .headlines-list {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: rgb(245, 245, 245);
}

.news-detail.news-list .headlines-list.active {
    display: block;
}


.news-detail.news-list .headlines-list::before {
    content: "";
    float: left;
    padding-bottom: 20%;
}

.news-detail.news-list .headlines-list::after {
    clear: both;
    content: "";
    display: table;
}

.news-detail.news-list .headlines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.news-detail.news-list .headlines-img {
    height: 100%;
    overflow: hidden;
    padding: 0;
}


.news-detail.news-list .container.theme-showcase {
    padding: 0;
}

.news-detail.news-list .headlines h3 {
    display: block;
    overflow: hidden;
    font-weight: bold;
    font-size: 27px;
}

.news-detail.news-list .headlines h3 a {
    float: left;
    overflow: hidden;
    display: -webkit-inline-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: rgb(64, 64, 64);
    font-size: 27px;
    text-decoration: none;
}


.news-detail.news-list .headlines .time {
    margin-top: 20px;
    color: rgb(191, 191, 191);
    text-indent: 0;
    font-size: 20px;
}

.news-detail.news-list .headlines .content {
    color: rgb(127, 127, 127);
    text-indent: 0;
    overflow: hidden;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 20px;
}

.news-detail.news-list .news-filter h4 {
    font-size: 24px;
    margin-bottom: 34px;
}

.news-detail.news-list .news-filter ul, .download .news-filter ul {
    position: relative;
    width: 100%;
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    padding-left: 120px;
}

.download .news-filter ul {
    position: relative;
    padding-left: 95px !important;
    padding-right: 15px !important;
    margin-bottom: 5px !important;
}

.download .news-filter .label {
    position: absolute;
    left: 15px;
}

.news-detail.news-list .news-filter .profession {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 40px;
    margin-bottom: 25px;
}

.news-detail.news-list .news-filter ul li, .download .news-filter ul li {
    float: left;
    line-height: 35px;
    padding: 0 20px 0 0;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 5px;
}

.news-detail.news-list .news-filter ul .label {
    width: 112px;
    position: absolute;
    left: 15px;
}

.news-detail.news-list .news-filter ul .label, .download .news-filter ul .label {
    color: rgb(64, 64, 64);
    text-align: left;
}

.news-detail.news-list .news-filter ul li.active {
    background-color: #e60021;
    margin-right: 10px;
    padding: 0 20px;
    line-height: 35px;
    border-radius: 15px;
    text-align: center;
    color: #fff;
}

.download .news-filter ul .category {
    cursor: pointer;
    padding: 0 20px;
    margin-top: 1px;
    line-height: 30px;
}

.download .document-primary {
    float: left;
    width: 100%;
    padding-top: 72px;
    text-align: center;
}

.download .document-primary .category {
    display: inline-block;
    margin-bottom: 10px;
    padding: 0 36px;
    line-height: 22px;
    font-size: 22px;
    color: #514c43;
    border-right: 1px solid #514c43;
    cursor: pointer;
}

.download .document-primary .category:last-child {
    border: 0;
}

.download .document-primary .category.active {
    color: #e60021;
}

.download .news-filter ul .category.active {
    background-color: #e60021;
    line-height: 30px;
    padding: 0 20px;
    border-radius: 15px;
    text-align: center;
    color: #fff;
}

.media-report .banner img, .download .banner img {
    height: 100%;
    margin-top: 0;
}

.media-report .headlines a, .download .headlines a {
    color: #333;
}

.media-report .headlines a:hover, .download .headlines a:hover {
    color: #e60021;
}

.news-detail.news-list .news-container {
    margin-top: 20px;
    float: left;
    width: 100%;
}

.news-detail.news-list .news-container p {
    text-align: left;
    text-indent: 0 !important;
}

.news-detail.news-list .news-container img {
    width: 100%;
    height: 130px;
    min-height: auto;
}

.news-detail.news-list .news-container .date {
    width: 100%;
    font-size: 14px !important;
    text-align: left;
    color: rgb(191, 191, 191);
    margin-bottom: 0;
    line-height: 20px !important;
}

.news-detail.news-list .news-container h4 {
    float: left;
    width: 100%;
    overflow: hidden;
    display: -webkit-inline-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 5px 0;
    font-size: 15px;
    line-height: 20px;
    height: auto;
    text-align: left;
}

.news-detail.news-list .container nav, .media-report .container nav {
    text-align: center;
}

.media-report .headlines {
    margin-bottom: 20px;
    background: rgb(245, 245, 245);
    padding: 25px;
}

.download-document-list .headlines {
    position: relative;
    padding-left: 100px;
    padding-right: 130px!important;
}

.download-document-list .headlines a {
    text-decoration: none;
}

.download-document-list .headlines:before {
    position: absolute;
    content: '';
    display: block;
    width: 69px;
    height: 69px;
    background: url("/static/img/homepage/down_icon.jpg") center 100% no-repeat;
    background-position: center center;
    left: 20px;
    top: 25px;
    z-index: 999;
}

.download-document-list .headlines .download-btn {
    background: #e60021;
    position: absolute;
    display: block;
    width: 120px;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 999;
    font-size: 22px;
    line-height: 120px;
    text-align: center;
    color: #fff !important;
    cursor: pointer;
}


.honor .date {
    position: relative;
    float: right;
    background: rgb(230, 0, 32);
    margin: 20px 30px 0 0;
    padding: 0 30px;
    border-radius: 10px;
    line-height: 30px;
    color: #fff;
}

.honor .date:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(/static/img/homepage/date.png);
    right: -46px;
    z-index: 99;
    background-size: 100% 100%;
    top: 5px;
}

.alert.alert-dismissible {
    position: fixed;
    top: 80px;
    max-width: 100%;
    width: 1040px;
    left: 50%;
    margin-left: -520px;
    z-index: 999;

}

.honor .honor-detail {
    padding-left: 50px;
    border-left: 2px solid rgb(191, 191, 191);
}

.honor .honor-detail img {
    width: 300px;
    max-width: 100%;
}

.honor .honor-detail p {
    font-size: 16px;
    line-height: 30px;
}

.honor .year {
    line-height: 50px;
    font-size: 24px;
    font-weight: bold;
    color: rgb(230, 0, 32);
    padding-left: calc(25% - 30px);
    margin-top: 20px;
}

.solution.honor .container.theme-showcase {
    padding: 0;
}

.solution.honor .container.theme-showcase .row {
    margin: 0;
}

.solution.honor .container.theme-showcase .row.gft-list .year-list {
    width: 768px;
    text-align: center;
    margin: 0 auto;
    padding: 60px 0;
    font-size: 20px
}

.solution.honor .container.theme-showcase .row.gft-list .year-list div {
    line-height: 20px;
    border-right: 1px solid #333;
}

.solution.honor .container.theme-showcase .row.gft-list .year-list div:last-child {
    border: 0;
}

.solution.honor .container.theme-showcase .row.gft-list .row {
    display: none;
}

.solution.honor .container.theme-showcase .row.gft-list .year-list div.active a {
    color: #e60021;
}

.solution.honor .container.theme-showcase .row.gft-list a {
    text-decoration: none;
    cursor: pointer;
    margin: 0;
    color: #333;
}


.news-page .container.theme-showcase img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.cpu-list .picture, .production-detail .picture {
    border-bottom: 5px solid #fff;
}

.cpu-list .picture:hover, .production-detail .picture:hover {
    background: none;
    border-bottom: 5px solid #e60021;
}

.cpu-list .picture:before, .production-detail .picture:before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
}

.cpu-list .picture.active:before, .production-detail .picture.active:before {
    background: rgba(0, 0, 0, 0);
}

.cpu-list .picture:hover:before, .production-detail .picture:hover:before {
    background: rgba(0, 0, 0, 0);
}

.news-detail.news-list .carousel-indicators {
    bottom: 0;
}

.news-detail.news-list .carousel-control {
    width: 60px;
    background: none !important;
}

.news-detail.news-list .carousel-control {
    width: 60px;
    background: none !important;
}

.news-detail.news-list .news-container .col-md-4 {
    min-height: 250px;
}

.news-detail.news-list .thumbnail {
    margin-bottom: 0px;
}

.news-detail.news-list .thumbnail .caption {
    padding-bottom: 10px;
}

footer {
    margin-top: 30px;
}

.breadcrumb {
    margin-bottom: 0px;
    padding: 15px calc(50% - 570px);
}

.breadcrumb li, .breadcrumb li a {
    font-size: 16px !important;
}

.breadcrumb a {
    color: #333;
}

.breadcrumb a:hover {
    color: #e60021;
}

.breadcrumb > .active, .breadcrumb > .active a {
    color: #e60021;
}

.production-detail.cpu-list .container.theme-showcase .row {
    margin: 0;
}

.front-page #msg {
    width: 650px;
}

.red-color {
    background-color: #e60021 !important;
    color: white !important;
}

.user-center a {
    display: inline-block !important;
}

.user-center .reg-btn {
    background-color: #e60021 !important;
    color: white !important;
    padding-top: 8px;
    padding-bottom: 8px;
}

.user-center .login-btn:hover {
    color: #e60021 !important;
}

.search-block {
    text-align: center;
}

.search-block-input {
    position: relative;
    top: 2px;
    width: 630px;
    margin: 0 auto;
    line-height: 36px;
    height: 42px;
    border-radius: 15px;
    margin-right: 22px;
    padding-left: 26px;
    padding-right: 26px;
}

.bx-loading {
    display: none !important;
}

.sweet-alert button.confirm {
    background: #e60021 !important;
}

.sweet-alert button {
    border-radius: 15px !important;
}

/*h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, a, span {*/
/*    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;*/
/*}*/

@media (min-width: 769px) and (max-width: 1200px) {
    footer .foo_container {
        width: 100%;
    }

    footer .foo_container .address {
        width: 33% !important;
    }

    footer .foo_container .foo_con2 ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    footer .foo_container .foo_con1 .row .footer-tips {
        width: 33.33% !important;
    }

}

@media (min-width: 769px) and (max-width: 1000px) {
    #navbar ul.dropdown-menu.production-menu.CPU {
        width: 550px;
    }

    .news-list-title .bx-wrapper .bx-viewport {
        height: auto !important;
    }

    .news-detail.news-list .headlines-list::before {
        padding-bottom: 60%;
    }

    .news-detail.news-list .headlines-img {
        height: 60%;
    }

    #navbar .production-menu.ecology {
        width: 600px;
        padding: 20px 42px;
        padding-right: 0;
        left: 0;
    }

    #navbar .production-menu.support {
        width: 600px;
        padding: 20px 50px;
        padding-right: 10px;
        margin-left: -196px;
    }
}