.bread_whole_1 {
    background-color: #f9f9f9;
}

.bread_whole_1 .bread_unite {
    padding: 0;
}

.bread_whole_1 .bread_unite .bread_box {
    background-color: #f9f9f9;
}

.bread_whole_1 .bread_unite .bread_box .bread {
    max-width: 1400px;
    margin: auto;
    display: flex;
    padding: 15px 0;
}

.bread_whole_1 .bread_unite .bread_box .bread .add {
    display: flex;
    align-items: center;
}

.bread_whole_1 .bread_unite .bread_box .bread .add i {
    margin-right: 5px;
    font-size: 14px;
    transition: all .5s ease;
}

.bread_whole_1 .bread_unite .bread_box .bread .add span {
    display: inline-block;
    font-size: 14px !important;
    transition: all .5s ease;
}

.bread_whole_1 .bread_unite .bread_box .bread .sub_menu {
    display: block;
    margin-left: 10px;
}

.bread_whole_1 .bread_unite .bread_box .bread .sub_menu .breadcrumb {
    display: flex;
    padding-left: 10px;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: initial;
}

.bread_whole_1 .bread_unite .bread_box .bread .sub_menu .breadcrumb li {
    display: flex;
    align-items: center;
}

.bread_whole_1 .bread_unite .bread_box .bread .sub_menu .breadcrumb li::after {
    content: '>';
    margin: 0 5px;
    color: #666;
}

.bread_whole_1 .bread_unite .bread_box .bread .sub_menu .breadcrumb li:last-child:after {
    content: '';
}

.bread_whole_1 .bread_unite .bread_box .bread .sub_menu .breadcrumb li a ,.add a{
    color: #666;
    font-size: 14px;
    transition: all .5s ease;
}


.bread_whole_1 .bread_unite .bread_box .bread .sub_menu .breadcrumb li a:hover {
    color: #ff2d38;
}

.title_black {
    margin-bottom: 50px;
}

.list_news .unite {
    width: 1400px;
}

.list_news .unite .news_main {
    margin-bottom: 30px;
}

.list_news .unite .news_main a {
    display: block;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.list_news .unite .news_main a:hover {
    border-bottom: 1px solid #df0100;
}

.list_news .unite .news_main a:hover .top .text span {
    color: #df0100;
}

.list_news .unite .news_main a .top {
    display: flex;
    justify-content: space-between;
}

.list_news .unite .news_main a .top .text {
    width: 70%;
}

.list_news .unite .news_main a .top .text span {
    color: #333;
    font-size: 20px;
    font-weight: 600;
    font-weight: bold;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.list_news .unite .news_main a .top .time i {
    color: #666;
}

.list_news .unite .news_main a .bottom p {
    color: #666;
    /* overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; */
}

.show_news .news_content .news_content_title {
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 15px;
}

.show_news .news_content .news_content_title h3 {
    font-size: 35px;
    font-weight: 600;
    font-weight: bold;
    color: #333;
    text-align: center;
}

.show_news .news_content .news_content_title .time {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.show_news .news_content .news_content_title .time .time_box {
    display: flex;
    margin: 0 15px;
}

.show_news .news_content .news_content_title .time .time_box i {
    margin-right: 5px;
}

.show_news .news_content .contact_article {
    padding-top: 25px;
}

.show_news .news_content .contact_article p img {
    width: auto;
    max-width: 100%;
}

.sotr {
    width: 100%;
    margin-bottom: 50px;
}

.sotr .sort_ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.sotr .sort_ul li {
    width: 20%;
    padding: 10px 15px;
}

.sotr .sort_ul li a {
    display: block;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    padding: 15px 10px;
    text-align: center;
    border-radius: 10px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sotr .sort_ul li a:hover {
    background-color: #df0100;
}

.list_products .pro_main {
    margin-bottom: 30px;
}

.list_products .pro_main a {
    display: block;
    text-align: center;
    overflow: hidden;
}

.list_products .pro_main a:hover img {
    transform: scale(1.1, 1.1);
    /* 标准语法 */
    -ms-transform: scale(1.1, 1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1, 1.1);
    /* Safari */
}

.list_products .pro_main a:first-child {
    padding: 15px;
}

.list_products .pro_main a img {
    width: 100%;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.list_products .pro_main a span {
    display: block;
    padding: 15px;
    color: #fff;
    background-color: #000;
}

.show_pro .show_proMian .proMian_title {
    text-align: center;
    background-color: #f1f1f1;
}

.show_pro .show_proMian .proMian_title span {
    display: inline-block;
    font-size: 30px;
    font-weight: 600;
    font-weight: bold;
    color: #fff;
    background-color: #df0100;
    padding: 15px 30px;
}

.show_pro .show_proMian .proMian_img {
    text-align: center;
    padding: 100px 0;
}

.show_pro .show_proMian .proMian_img img {
    width: auto;
    max-width: 100%;
    /* animation: myfirst1 3s;
    -webkit-animation: myfirst1 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; */
}

@keyframes myfirst1 {
    0% {
        transform: translateY(10px);
    }

    25% {
        transform: translateY(-10px);
    }

    50% {
        transform: translateY(10px);
    }

    75% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(10px);
    }
}

.show_pro .ProductDetails p {
    border-bottom: 1px solid #dcdcdc;
}

.show_pro .ProductDetails p span {
    display: inline-block;
    color: #fff;
    background-color: #df0100;
    padding: 15px 30px;
}

#page {
    border-top: 1px solid #dcdcdc;
    padding-top: 15px;
    display: flex;
}

#page .page {
    width: 50%;
    display: flex;
}

#page .page:last-child {
    justify-content: flex-end;
}

#page .page:last-child strong {
    order: 2;
}

#page .page:last-child a {
    order: 1;
}

#page .page a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 10px;
}

.list_contact_unite {
    width: 1400px;
}

.list_contact_unite .list_contact {
    padding: 40px 0;
    background-color: #f9f9f9;
    display: flex;
    flex-wrap: wrap;
}

.list_contact_unite .list_contact .grid {
    width: 25%;
    padding: 0 40px;
}

.list_contact_unite .list_contact .grid .grid_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    border-bottom: 1px solid #d8d8d8;
}

.list_contact_unite .list_contact .grid .grid_title h2 {
    font-size: 20px;
    margin-bottom: px;
    padding: 18px 0;
    font-weight: bold;
}

.list_contact_unite .list_contact .grid .grid_title i {
    color: #ff2d38;
    font-size: 20px;
    font-weight: bold;
}

.list_contact_unite .list_contact .grid .info li p {
    margin-bottom: 5px;
    color: #333;
}

.list_contact_unite .list_contact .grid .info li p span {
    color: #666;
}

.list_contact_unite .message {
    margin-top: 50px;
    background-color: #f9f9f9;
    padding: 45px;
}

.list_contact_unite .message ul {
    display: flex;
    flex-wrap: wrap;
}

.list_contact_unite .message ul li {
    width: 50%;
    padding: 15px 15px;
}

.list_contact_unite .message ul li:last-child {
    width: 100%;
}

.list_contact_unite .message ul li:last-child textarea {
    padding: 15px;
    width: 100%;
}

.list_contact_unite .message ul li label {
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 15px;
}

.list_contact_unite .message ul li label i {
    color: #df0100;
}

.list_contact_unite .message ul li input {
    display: block;
    background-color: #fff;
    padding: 15px;
    width: 100%;
}

.list_contact_unite .message .submit_bnt {
    width: 100%;
    text-align: center;
}

.list_contact_unite .message .submit_bnt input {
    background-color: #df0100;
    padding: 15px 0;
    width: 50%;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.list_contact_unite .message .submit_bnt input:hover {
    background-color: #c6000a;
}

.list_contact_unite .map {
    margin-top: 50px;
    display: flex;
    background-color: #f9f9f9;
    padding: 45px;
}

.list_contact_unite .map .map_text {
    width: 25%;
    padding-right: 40px;
}

.list_contact_unite .map .map_text .grid_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    border-bottom: 1px solid #d8d8d8;
}

.list_contact_unite .map .map_text .grid_title h2 {
    font-size: 20px;
    margin-bottom: px;
    padding: 18px 0;
    font-weight: bold;
}

.list_contact_unite .map .map_text .grid_title i {
    color: #ff2d38;
    font-size: 20px;
    font-weight: bold;
}

.list_contact_unite .map .map_box {
    width: 75%;
}

.develop span {
    font-size: 20px;
    font-weight: 600;
    font-weight: bold;
    color: #333;
    display: block;
    margin-bottom: 25px;
}

.list_faq .question_title {
    margin: 50px 0;
}

.list_faq .question_title h3 {
    text-align: center;
    font-size: 25px;
    color: #df0100;
}

.list_faq .faq_ul li:hover .question span {
    color: #df0100;
}

.list_faq .faq_ul li:hover .question i {
    color: #df0100;
}

.list_faq .faq_ul li .question {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.list_faq .faq_ul li .question i {
    font-weight: bold;
    font-size: 20px;
}

.list_faq .faq_ul li .answer {
    padding: 15px 30px;
    display: none;
}

.list_faq .faq_ul li .answer img {
    width: auto;
    max-width: 100%;
}

.list_faq .faq_ul .question_border .question {
    border-bottom: 1px solid #df0100;
}

@media only screen and (max-width: 1200px) {
    .sotr .sort_ul li {
        width: 25%;
    }
}

@media only screen and (max-width: 992px) {
    .sotr .sort_ul li {
        width: 33.33%;
    }

    .list_contact_unite .list_contact .grid {
        width: 50%;
    }

    .list_contact_unite .map .map_text {
        display: none;
    }

    .list_contact_unite .map .map_box {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .bread_whole_1 .bread_unite .bread_box .bread .add {
        display: none;
    }

    .show_news .news_content .news_content_title h3 {
        font-size: 25px;
    }

    .sotr .sort_ul li {
        width: 50%;
    }

    .list_contact_unite .list_contact {
        padding: 20px 0;
    }

    .list_contact_unite .list_contact .grid {
        width: 50%;
        padding: 0 15px;
    }

    .list_contact_unite .message {
        margin-top: 25px;
        padding: 25px;
    }

    .list_contact_unite .message ul li {
        width: 100%;
        padding: 10px 0px;
    }

    .list_contact_unite .message .submit_bnt input {
        padding: 10px 0;
        width: 70%;
    }

    .list_contact_unite .map {
        margin-top: 25px;
        padding: 10px;
    }

    .list_contact_unite .map .map_box {
        width: 100%;
    }
}

@media only screen and (max-width: 576px) {
    .show_news .news_content .news_content_title h3 {
        font-size: 20px;
    }

    .sotr .sort_ul li {
        width: 100%;
    }

    .list_contact_unite .list_contact .grid {
        width: 100%;
    }
}

/* 样式 */
.pagination {
    margin-top: 25px;
    justify-content: center;
}

.pagination .active a {
    display: inline-block;
    padding: 0 15px;
}

.pagination .active a {
    display: flex;
    align-items: center;
    height: 100%;
}

.pagination .pull-right {
    display: flex;
}

.pagination .pull-right .form-control {
    width: 50px;
    margin-right: 15px;
}

/* 颜色 */
.pagination .pull-right .btn-primary {
    background-color: #000;
    border: 1px solid #000;
}

.pagination .pull-right .form-control {
    -webkit-box-shadow: 0 0 5px #ccc;
    /*点击input 外阴影*/
    -moz-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border-color: #fff;
    /*黑色边框改为白色*/
    outline: 0;
    /*去掉默认谷歌点击input边框显示蓝色  */
    background: #fff;
    /*input内背景为白色*/
}