:root {
    --theme-color: #eec511;
    --theme-model-color: #278032;
}

:root[data-theme="000000"] {
    --theme-color: #eec511;
    --theme-model-color: #000000;
}

:root[data-theme="d1e6f5"] {
    --theme-color: #eec511;
    /*高亮色 鼠标经过或者悬停色*/
    --theme-model-color: #eec511;
    /*主题色*/
}

/* 分页样式 */
.page-pagination {
    text-align: center;
    width: 100%;
}

.page-pagination .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 30px 0;
    border-radius: 8px;
}

.page-pagination .pagination>li {
    display: inline;
}

.page-pagination .pagination>li>a,
.page-pagination .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: var(--theme-color);
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.page-pagination .pagination>li:first-child>a,
.page-pagination .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.page-pagination .pagination>li:last-child>a,
.page-pagination .pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.page-pagination .pagination>li>a:focus,
.page-pagination .pagination>li>a:hover,
.page-pagination .pagination>li>span:focus,
.page-pagination .pagination>li>span:hover {
    z-index: 2;
    color: var(--theme-color);
    background-color: #eee;
    border-color: #ddd;
}

.page-pagination .pagination>.active>a,
.page-pagination .pagination>.active>a:focus,
.page-pagination .pagination>.active>a:hover,
.page-pagination .pagination>.active>span,
.page-pagination .pagination>.active>span:focus,
.page-pagination .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}

.page-pagination .pagination>.disabled>a,
.page-pagination .pagination>.disabled>a:focus,
.page-pagination .pagination>.disabled>a:hover,
.page-pagination .pagination>.disabled>span,
.page-pagination .pagination>.disabled>span:focus,
.page-pagination .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.page-pagination .pagination .jumpto {
    display: inline-block;
    margin-left: 2px;
}

.page-pagination .pagination .jumpto input {
    padding: 6px;
    /* line-height: 1.42857143; */
    color: #2c3e50;
    background-color: #fff;
    border: 1px solid #ddd;
    float: left;
    height: 23px;
}

.page-pagination .pagination .jumpto .page_number {
    width: 45px;
    margin-right: -1px;
}

/* 详情页的上一页下一页 */
.next-prev {
    margin-top: 40px;
    padding: 20px 0;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #eee;
}

.next-prev .next-prev-left,
.next-prev .next-prev-right {
    font-size: 14px;
    color: #666;
}

.next-prev .next-prev-right {
    text-align: right;
}

.next-prev a {
    color: var(--theme-color);
}

a {
    text-decoration: none !important;
}

/* ================================ nav.html START ================================ */
html,
body {
    font-family: Arial, Helvetica, sans-serif;
}

.language .cur img {
    width: 20px;
}

@media screen and (min-width: 992px) {
    .header-middle .header-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header-middle .header-logo,
    .header-middle .header-inner-right {
        float: none;
        margin: 0;
    }

    .header-middle .header-logo {
        display: flex;
        align-items: center;
        flex: 1;
        max-width: none;
        padding-right: 20px;
        max-width: 60%;
        color: var(--theme-color);
    }

    .header-middle .header-logo .text {
        font-size: 20px;
    }

    /* .header-contact ul {
        display: flex;
        align-items: center;
    } */

    .header-contact ul li {
        width: auto;
    }

    /* .header-contact ul li:first-child {
        margin-right: 20px;
    } */
}

/* ================================ nav.html END ================================ */





/* ================================ footer.html START ================================ */
#send1 {
    display: block;
    text-align: center !important;
}

.social-link ul {
    display: -webkit-flex;
    display: flex;
}

.social-link ul li {
    margin-right: 5px;
}

/* contact.html icon */
.block .classes .contact .contact-content .social-link {
    margin-top: 10px;
}

.block .classes .contact .contact-content .social-link a {
    text-align: center;
}

.block .classes .contact .contact-content span.iconfont {
    font-size: 20px;
}

/* ================================ footer.html END ================================ */



/* ================================ list_video.html START ================================ */
.block .class-content .news-item .news-img {
    position: relative;
}

.block .product-right .product-info p,
.block .class-content .news-item .news-info p {
    text-align: left;
}

.block .class-content .news-item .news-img img {
    height: auto;
}

/* ================================ list_video.html END ================================ */




/* ================================ index.html START ================================ */
.partner .roll-box img {
    width: 100%;
}

@media (max-width:991px) {
    .mian-contain .focus {
        display: none;
    }
}

/* ================================ index.html END ================================ */




/* ================================ detail_about.html START ================================ */
.block {
    margin-bottom: 40px;
}

.block .classes img {
    max-width: 100%;
}

.block .classes h1 {
    margin-bottom: 20px;
}

.shown_products_b_a .descr {
    font-size: 14px;
}

#submitBtn {
    background-color: #303030;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    width: 200px;
    margin-top: 20px;
    box-sizing: border-box;
    line-height: 40px;
    padding: 0 5px;
    border-radius: 5px;
    border: none;
}

#submitBtn:hover {
    background-color: var(--theme-model-color);
}

#form-group-4 {
    text-align: right;
}

@media screen and (max-width: 991px) {
    .product-right #submitBtn {
        width: 100%;
    }
}

/* .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1;} */
.block .class-content .form .form-item textarea,
.block .class-content .form .form-item input {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
}

/* ================================ detail_about.html END ================================ */






/* ================================ detail_product.html START ================================ */
.form-group .form-control {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

#AboutPro {
    display: -webkit-box;
    display: flex;
    /* justify-content: space-around; */
    justify-content: flex-start;
}

@media screen and (min-width: 481px) {
    #AboutPro h3 {
        width: 30%;
        float: none;
        padding: 15px;
    }
}

@media screen and (max-width: 480px) {
    #AboutPro h3 {
        padding-top: 15px;
    }
}

#AboutPro h3 a {
    float: none !important;
    padding: 0;
    margin-right: 0 !important;
}

.block .classes .class-info p {
    margin-bottom: 10px;
}

.shown_products_a_left,
.shown_products_a_left .gallery-top {
    height: auto !important;
}

.shown_products_a_left .gallery-top .swiper-slide img,
.shown_products_a_left .swiper-slide img {
    vertical-align: middle;
}

/* ================================ detail_product.html END ================================ */



/* 手机版 */

@media screen and (max-width: 991px) {
    .header-middle .header-inner {
        width: 99%;
        display: flex;
        align-items: center;
        /* justify-content: space-between; */
    }

    .header-middle .header-inner .header-logo {
        margin-left: 15px;
        width: 40%;
    }

    .header-middle .header-logo .text {
        display: none;
    }

    .header-middle .header-inner .header-inner-right {
        float: none;
    }

    .index-about {
        padding: 0 0 20px 0;
    }

    .index-about-r-frame {
        margin-top: 20px;
    }

    .page-pagination .pager {
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
    }

    .footer-secondary {
        padding-bottom: 60px;
        text-align: center;
    }
    .featured-products, .hot-products {
        padding: 20px 0;
    }


    .index-about-l .th,
    .index-about-l p {
        font-family: inherit;
        font-weight: normal;
    }



    /* co=11河北远拓机电特殊处理 */
    .co-11 .footer-content .item.key-words {
        display: none;
    }
}



/* 11河北远拓机电主题 */
.co-11 .footer-static-block .th a,
.co-11 .footer-static-block .th,
.co-11 .key-words li i::after,
.co-11 .footer-content .item.footer-contactus li label i,
.co-11 .footer-static-block .th a:hover,
.co-11 .footer-block-contant li a,
.co-11 .footer-static-block p,
.co-11 .header-middle .header-logo .text,
.co-11 .header-contact ul li a {
    color: #000000;
}
.co-11 .footer-static-block .th::before {
    background-color: #000000;
}
.co-11 .footer-block-contant li a:hover {
    color: #fff;
}