﻿
        /*body*/
        body {
            background-color: #fff;
            font-family: "Hiragino Sans GB", "Microsoft Yahei", "WenQuanYi Micro Hei", SimSun, Tahoma, Arial, Helvetica, STHeiti;
            text-align: left;
        }
       .row{margin-left:0;margin-right:0;}
        h1, h2, h3, h4, h5, h6, ol, p, ul {
            margin: 0;
        }
            body .column {
                padding-left: 0;
                padding-right: 0;
            }

        ul, li {
            list-style: none;
            padding: 0;
        }
        a:hover, a:focus {
            color: #2a6496;
            text-decoration: none;
        }
  a {
    outline: none;
    text-decoration: none;
    cursor: pointer;
    color: #333;
    -webkit-tap-highlight-color: transparent;
}
  .l{float:left}
  .r{float:right;}
  .bfc{overflow:hidden;}
  .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .flex{display:flex;display:-webkit-flex;}
        /*产品详情*/
        .product_content_head div:last-child {
            margin-bottom: 15px;
            border-bottom: 1px dashed #ddd;
        }

        .product_content_title {
            color: #333;
            padding-bottom: 6px;
            font-weight: bold;
            font-size: 16px;
        }

        .product_content_date {
            color: #999;
            font-size: 12px;
            padding-bottom: 6px;
        }

        .product_content_summary {
            color: #999;
            padding-bottom: 15px;
        }

        .procontent {
            padding-top: 15px;
        }

        .product_content_img {
            text-align: center;
        }
        /*nav(菜单布局)*/
        #main-nav {
            margin-left: 1px;
        }

            #main-nav.nav-tabs.nav-stacked > li > a {
                padding: 10px 8px;
                font-size: 12px;
                font-weight: 600;
                color: #4A515B;
                background: #E9E9E9;
                background: -moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9));
                background: -webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
                background: -o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
                background: -ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
                background: linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
                -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
                border: 1px solid #D5D5D5;
                border-radius: 4px;
            }

                #main-nav.nav-tabs.nav-stacked > li > a > span {
                    color: #4A515B;
                }

                #main-nav.nav-tabs.nav-stacked > li.active > a, #main-nav.nav-tabs.nav-stacked > li > a:hover {
                    color: #FFF;
                    background: #3C4049;
                    background: -moz-linear-gradient(top, #4A515B 0%, #3C4049 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4A515B), color-stop(100%,#3C4049));
                    background: -webkit-linear-gradient(top, #4A515B 0%,#3C4049 100%);
                    background: -o-linear-gradient(top, #4A515B 0%,#3C4049 100%);
                    background: -ms-linear-gradient(top, #4A515B 0%,#3C4049 100%);
                    background: linear-gradient(top, #4A515B 0%,#3C4049 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A515B', endColorstr='#3C4049');
                    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A515B', endColorstr='#3C4049')";
                    border-color: #2B2E33;
                }

                    #main-nav.nav-tabs.nav-stacked > li.active > a, #main-nav.nav-tabs.nav-stacked > li > a:hover > span {
                        color: #FFF;
                    }

            #main-nav.nav-tabs.nav-stacked > li {
                margin-bottom: 4px;
            }

        /*定义二级菜单样式*/
        .secondmenu a {
            font-size: 10px;
            color: #4A515B;
            text-align: center;
        }

        .navbar-static-top {
            background-color: #212121;
            margin-bottom: 1px;
        }

        .navbar-brand {
            background: url('') no-repeat 10px 8px;
            display: inline-block;
            vertical-align: middle;
            padding-left: 50px;
            color: #fff;
        }
        /*Content(内容布局)*/
        .container .module-context .module-view, .container-fluid .module-context .module-view {
        }
       
        /*标题*/
        .b-title {
            width: 100%;
            height: 32px;
            line-height: 32px;
            padding: 0 3%;
            font-size: 14px;
            background: url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2016/09/14/cb64f38e53544a2686dcd6729fbbe1bc/673975eace504989ae7c8e8c18131671.png) repeat-x;
        }

            .b-title b {
                color: #fff;
            }

            .b-title a {
                display: block;
                color: #fff;
            }

                .b-title a:after {
                    content: "020";
                    display: block;
                    height: 0;
                    clear: both;
                    visibility: hidden;
                }

            .b-title .b-title-name {
                float: left;
            }

            .b-title .b-title-more {
                float: right;
            }
        /*块盒子*/
        .newbox {
            width: 100%;
            height: auto;
            margin-bottom: 10px;
            background-color: #ffffff;
        }
        /*块盒子内容*/
        .newbox_content {
            width: 100%;
            padding: 2%;
            font-size: 14px;
            border: none;
            color: #666;
            line-height: 23px;
        }

            .newbox_content ol {
                width: 100%;
                padding: 0;
            }       
        /*分页*/

        .paginator {
            clear: both;
            padding-bottom: 10px;
            margin: 0 auto;
            font: 14px Arial, Helvetica, sans-serif;
            color: #666;
            padding-top: 10px;
        }

            .paginator .tcdNumber, .paginator .nextPage, .paginator .disabled, .paginator .prevPage {
                padding: 3px 5px;
                border: 1px solid #ddd;
                display: inline-block;
                color: #666;
                margin-right: 10px;
            }

            .paginator .current {
                padding: 3px 5px;
                border: 1px solid #f27a06;
                display: inline-block;
                color: #f27a06;
                margin-right: 10px;
            }

            .paginator .break {
                padding-right: 6px;
                padding-left: 6px;
                padding-bottom: 6px;
                border-top-style: none;
                padding-top: 6px;
                border-right-style: none;
                border-left-style: none;
                height: 14px;
                text-decoration: none;
                border-bottom-style: none;
            }

        /*当为第一页时的上一页按钮*/
        .firstbtn {
            border-top-width: 0px !important;
            padding-right: 0px;
            padding-left: 0px;
            border-left-width: 0px !important;
            font-size: 12px;
            border-bottom-width: 0px !important;
            padding-bottom: 0px;
            width: 26px;
            color: #666;
            line-height: 22px;
            margin-right: 4px;
            padding-top: 0px;
            height: 22px;
            text-align: left;
            border-right-width: 0px !important;
        }
        /*当为最后一页时的下一页按钮*/
        .finalbtn {
            border-top-width: 0px !important;
            padding-right: 0px;
            padding-left: 0px;
            border-left-width: 0px !important;
            font-size: 12px;
            border-bottom-width: 0px !important;
            padding-bottom: 0px;
            width: 63px;
            color: #666;
            text-indent: 7px;
            line-height: 22px;
            padding-top: 0px;
            height: 22px;
            text-align: left;
            border-right-width: 0px !important;
        }

        /*图片幻灯*/
        .carousel {
            background: #fff /*a25c98*/;
        }

            .carousel .item {
                background: #fff;
            }

                .carousel .item img {
                    max-width: 100%;
                }
            .carousel .container {
                padding-left: 0;
                padding-right: 0;
            }
        /*footer(页脚布局)*/
        footer .module-context .module-view .nav {
        }
        /*留言 */
        .message_style .message_text {
            margin-bottom: 20px;
        }

            .message_style .message_text input {
                border: 1px solid #ddd;
                background: #fff;
                padding: 10px;
                width: 100%;
            }

            .message_style .message_text label {
                display: block;
                font-weight: normal;
                color: #ff0000;
            }

            .message_style .message_text textarea {
                border: 1px solid #ddd;
                background: #fff;
                padding: 10px;
                width: 100%;
            }

        .message_style .message_btn {
            text-align: center;
        }

            .message_style .message_btn input {
                background: #14c0c0;
                border: none;
                color: #fff;
                font-size: 16px;
                display: block;
                width: 100%;
                padding: 10px 0;
            }
        /*留言结束 */
        /*新闻图文*/
        .newlist-Img {
        }

            .newlist-Img ul li {
                padding-bottom: 2%;
                margin-bottom: 2%;
            }

                .newlist-Img ul li a {
                    display: block;
                }

                    .newlist-Img ul li a:after {
                        content: "020";
                        display: block;
                        height: 0;
                        clear: both;
                        visibility: hidden;
                    }

                .newlist-Img ul li .newlist-Img_img {
                    float: left;
                    width: 102px;
                    height: 77px;
                }

                    .newlist-Img ul li .newlist-Img_img .newlist-Img_img_box {
                        text-align: center;
                        vertical-align: middle;
                        width: 100px;
                        height: 75px;
                        padding: 1px;
                        border: 1px solid #eee;
                        overflow: hidden;
                    }

                    .newlist-Img ul li .newlist-Img_img img {
                        max-width: 100%;
                        max-height: 100%;
                    }

                .newlist-Img ul li .newlist-Img_text {
                    margin-left: 110px;
                }

                    .newlist-Img ul li .newlist-Img_text .newlist-Img_text_title {
                        color: #333;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        font-size:15px;
                    }

                    .newlist-Img ul li .newlist-Img_text .newlist-Img_text_summary {
                        color: #999;
                        font-size: 13px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                    .newlist-Img ul li .newlist-Img_text .newlist-Img_text_date {
                        color: #ccc;
                        font-size: 12px;
                    }
        /*新闻图文结束*/
        /*mobile手机底部导航*/
        .fixed_footer {
            width: 100%;
            height: 45px;
            max-width: 1170px;
            background: url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2016/09/14/cb64f38e53544a2686dcd6729fbbe1bc/98bcc75bc5d54723975dd49e87c2434d.jpg) repeat-x;
        }

            .fixed_footer .fixed_footer_icon {
                width: 25px;
                height: 25px;
                margin: auto;
            }

            .fixed_footer ul {
                padding: 0;
                width: 100%;
                height: 45px;
                line-height: 45px;
            }

                .fixed_footer ul li {
                    width: 25%;
                    float: left;
                    color: #fff;
                }

                    .fixed_footer ul li a {
                        width: 100%;
                        height: 45px;
                        display: block;
                    }

                    .fixed_footer ul li dl {
                        width: auto;
                        margin: 0 auto;
                        text-align: center;
                    }

                    .fixed_footer ul li dt {
                        width: auto;
                        height: 25px;
                        overflow: hidden;
                    }

                    .fixed_footer ul li dd {
                        width: auto;
                        height: 20px;
                        font-size: 14px;
                        color: #fff;
                        line-height: 20px;
                        overflow: hidden;
                    }
        /*mobile手机底部导航end*/

       /*头部logo图片与文字*/

        .logo {
        }

            .logo .logo_text {
                font-size: 18px;
                font-weight: bold;
                color: #ffefc4;
                padding: 20px;
            }

        .logo_img {
            padding: 10px;
            max-width: 100%;
        }

        /*banner图片*/
        .banner img {
            width: 100%;
            margin: 5px auto;
            padding: 0 !important;
        }
        /*产品分类*/
        .classify_list .classify_list_a {
            padding: 5px;
            background: #f4f4f4;
            font-size: 16px;
            font-weight: bold;
        }

        .classify_list .classify_list_level {
            padding: 5px 10px;
            border-bottom: 1px solid #eee;
        }

        .classify_list ul li a {
            display: block;
            color: #666;
        }

        .classify_list .classify_list_level:last-child {
            border-bottom: none;
        }

        /*产品列表*/
        .product {
        }

            .product ul li {
                padding: 0 1%;
                margin-bottom: 3%;
                width: calc(100% / 2);
                float: left;
                border: none;
            }

                .product ul li a {
                    display: block;
                }

            .product ul:after {
                content: "020";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden;
            }

            .product ul li .product_img {
                width: 100%;
            }

                .product ul li .product_img .product_img_box {
                    text-align: center;
                    /*display:table-cell;*/
                    vertical-align: middle;
                    width: 100%;
                    padding: 1px;
                    border: 1px solid #eee;
                    height: 116px;
                    overflow: hidden;
                }

                .product ul li .product_img img {
                    max-width: 100%;
                    max-height: 100%;
                }

            .product ul li .product_text {
            }

                .product ul li .product_text .product_text_title {
                    color: #333;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    text-align: center;
                }

                .product ul li .product_text .product_text_summary {
                    color: #999;
                    line-height: 0;
                    height: 0;
                }
        /*写死能全部显示的导航*/
        .navbar {
            z-index: 99;
            margin-bottom: 0;
            min-height: 30px !important;
            border: none;
        }

        /*普通导航*/
        .daohang {
            padding: 0 5px;
            height: 30px;
            background: url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2016/09/14/cb64f38e53544a2686dcd6729fbbe1bc/673975eace504989ae7c8e8c18131671.png) repeat-x;
        }

            .daohang li {
                float: left;
                color: #FFF;
                line-height: 30px;
                width: 18%;
                text-align: center;
                font-weight: bold;
                margin-left: 2%;
            }

            .daohang ul:after {
                content: "020";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden;
            }

            .daohang li a {
                color: #fff;
                font-size: 13px;
                padding: 0;
                line-height: 30px;
            }

                .daohang li a:hover {
                    text-decoration: none;
                }
        /*手机nav左右padding*/
        .container-fluid {
            padding: 0 !important;
        }
        

        /*底部左侧负外边距*/


        .pro1 li {
            padding-left: 0 !important;
        }

        /*新闻详情*/
        .news_content_title {
            color: #333;
            padding-bottom: 6px;
            font-weight: bold;
            font-size: 16px;
        }

        .news_content_date {
            color: #999;
            font-size: 12px;
            padding-bottom: 6px;
        }

        .news_content_head div:last-child {
            margin-bottom: 15px;
            border-bottom: 1px dashed #ddd;
        }

        /*底部上面间隔*/
        .layout_gap {
            height: 45px;
        }
        /*mobile手机底部导航end*/
        /*产品详情新*/
        .products_info {
            background: #f4f4f4;
            font-size: 14px;
            line-height: 22px;
            font-family: 微软雅黑;
            color: #666;
        }

            .products_info a {
                text-decoration: none;
            }

            .products_info .products_info_show_img {
                width: 100%;
                background: #fff;
                text-align: center;
            }

                .products_info .products_info_show_img img {
                    max-width: 100%;
                }



            .products_info .products_info_title {
                background: #fff;
                padding: 10px;
            }

                .products_info .products_info_title .products_info_name {
                    font-size: 15px;
                    color: #333;
                }

                .products_info .products_info_title .products_info_pic {
                    font-size: 24px;
                    color: #f23030;
                    padding-top: 10px;
                }

                    .products_info .products_info_title .products_info_pic small {
                        font-size: 14px;
                    }

                    .products_info .products_info_title .products_info_pic span {
                        font-size: 14px;
                        color: #888;
                        margin-left: 15px;
                    }

                .products_info .products_info_title .products_info_explain {
                    color: #666;
                    padding-top: 10px;
                }

                .products_info .products_info_title .products_info_pic span i {
                    text-decoration: line-through;
                    font-style: normal;
                }

            .products_info .products_info_check {
                padding: 15px 10px;
                background: #fff;
            }

                .products_info .products_info_check .products_info_check_right {
                    position: relative;
                    margin-left: 50px;
                }

                    .products_info .products_info_check .products_info_check_right a {
                        border: 1px solid #ddd;
                        height: 24px;
                        line-height: 24px;
                        text-align: center;
                        margin-right: 10px;
                        display: inline-block;
                        padding: 0 20px;
                        cursor: pointer;
                        margin-bottom: 10px;
                        float: left;
                        color: #666;
                    }

                .products_info .products_info_check .products_info_check_left {
                    float: left;
                    color: #999;
                }

        .products_info_check_btn {
            border: 1px solid #f23030 !important;
            color: #f23030 !important;
        }


        .products_info .products_info_check .products_info_num_left {
            float: left;
            color: #999;
        }

        .products_info .products_info_check .products_info_num_right {
            position: relative;
            margin-left: 50px;
        }

            .products_info .products_info_check .products_info_num_right .a1 {
                display: inline-block;
                height: 24px;
                border: 1px solid #ddd;
                border-right: 0;
                width: 24px;
                float: left;
                cursor: pointer;
                text-align: center;
            }

            .products_info .products_info_check .products_info_num_right .a2 {
                display: inline-block;
                height: 24px;
                border: 1px solid #ddd;
                border-left: 0;
                float: left;
                width: 24px;
                cursor: pointer;
                text-align: center;
            }

        .products_info_quantity {
            text-align: center;
            height: 24px;
            width: 60px;
            float: left;
            padding: 0;
            line-height: 24px;
            margin: 0 !important;
            border: 1px solid #ddd;
        }

        .products_info .products_info_server {
            padding: 10px;
            background: #fff;
        }

            .products_info .products_info_server .products_info_server_left {
                float: left;
                color: #999;
            }

            .products_info .products_info_server .products_info_server_right {
                position: relative;
                margin-left: 50px;
            }

        .products_info .products_info_fh {
            height: 80px;
        }

        .products_info .products_info_footer {
            position: fixed;
            bottom: 0;
            left: 0;
            height: 46px;
            width: 100%;
            background: #fff;
            border-top: 1px solid #ddd;
        }

            .products_info .products_info_footer ul {
                padding: 0;
                margin: 0;
                list-style: none;
            }

                .products_info .products_info_footer ul li {
                    width: 33.3333%;
                    float: left;
                    text-align: center;
                    line-height: 46px;
                }

        .products_info .products_info_buy {
            background: #f23030;
            display: block;
            color: #fff;
            text-decoration: none;
        }

        .products_info .products_info_cart {
            background: #ff9703;
            color: #fff;
            display: block;
            text-decoration: none;
        }

        .products_info .products_info_img {
            padding: 20px 10px;
            background: #fff;
        }

            .products_info .products_info_img .products_info_img_title {
                text-align: center;
                padding-bottom: 20px;
                border-bottom: 1px solid #ddd;
            }

            .products_info .products_info_img .products_info_img_content {
                text-align: center;
            }

                .products_info .products_info_img .products_info_img_content img {
                    max-width: 100%;
                    text-align: center;
                }

        .border_top_1 {
            border-top: 1px solid #ddd;
        }

        .border_bottom_1 {
            border-bottom: 1px solid #ddd;
        }

        .margin_top_10 {
            margin-top: 10px;
        }

        .margin_top_15 {
            margin-top: 15px;
        }

        .clear {
            clear: both;
            line-height: 0 !important;
            font-size: 0 !important;
            height: 0 !important;
            min-height: 0 !important;
        }



        /*产品列表可切换样式*/
        /*大图列表*/
        .box_list {
            padding: 10px;
            font-size: 14px;
            box-sizing: border-box;
        }

            .box_list + .box_list {
                padding-top: 0px;
            }

        .box_list_big {
            margin: 0;
            padding: 0;
        }

            .box_list_big li {
                position: relative;
                background: #fff;
                border: 1px solid #ddd;
                margin-bottom: 10px !important;
                box-sizing: border-box;
                padding: 5px !important;
                list-style: none;
            }

                .box_list_big li a {
                    text-decoration: none;
                }

            .box_list_big .box_photo img {
                max-width: 100%;
            }

            .box_list_big .box_info {
                padding: 10px;
            }

                .box_list_big .box_info .box_title {
                    height: 36px;
                    overflow: hidden;
                    margin-bottom: 8px;
                    line-height: 18px;
                    margin-top: 10px;
                }

                .box_list_big .box_info .box_price {
                    color: #f23030;
                    font-weight: bold;
                    font-size: 15px;
                }

                .box_list_big .box_info .box_btn {
                    background: url(/RuiQiCMS.Templater/images/showcase-1416814739063.png) no-repeat 0px -25px;
                    height: 25px;
                    width: 40px;
                    position: absolute;
                    bottom: 7px;
                    right: -4px;
                }

        /*小图列表*/
        .box_list_small {
            margin: 0;
            padding: 0;
        }

            .box_list_small li {
                position: relative;
                background: #fff;
                border: 1px solid #ddd;
                margin-bottom: 10px !important;
                float: left;
                width: calc((100% - 10px * 1) / 2);
                box-sizing: border-box;
                margin-right: 10px !important;
                padding: 5px !important;
                list-style: none;
            }

                .box_list_small li a {
                    text-decoration: none;
                }

                .box_list_small li:nth-child(2n+2) {
                    margin-right: 0 !important;
                }

                    .box_list_small li:nth-child(2n+2):after {
                        content: "020";
                        display: block;
                        height: 0;
                        clear: both;
                        visibility: hidden;
                    }

            .box_list_small .box_photo img {
                max-width: 100%;
            }

            .box_list_small .box_info {
                padding: 10px;
            }

                .box_list_small .box_info .box_title {
                    height: 36px;
                    overflow: hidden;
                    margin-bottom: 8px;
                    line-height: 18px;
                }

                .box_list_small .box_info .box_price {
                    color: #f23030;
                    font-weight: bold;
                    font-size: 15px;
                }

                .box_list_small .box_info .box_btn {
                    background: url(/RuiQiCMS.Templater/images/showcase-1416814739063.png) no-repeat 0px -25px;
                    height: 25px;
                    width: 40px;
                    position: absolute;
                    bottom: 7px;
                    right: -4px;
                }

            .box_list_small:after {
                content: "020";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden;
            }

        /*详细列表*/
        .box_list_detailed {
            margin: 0;
            padding: 0;
        }

            .box_list_detailed li {
                position: relative;
                background: #fff;
                border: 1px solid #ddd;
                margin-bottom: 10px !important;
                box-sizing: border-box;
                padding: 10px 5px !important;
                list-style: none;
            }

                .box_list_detailed li a {
                    text-decoration: none;
                }

            .box_list_detailed .box_photo img {
                max-width: 100%;
            }

            .box_list_detailed .box_photo {
                width: 100px;
                height: 100px;
                float: left;
            }

            .box_list_detailed .box_info {
                margin-left: 110px;
                padding: 10px;
            }

            .box_list_detailed li:after {
                content: "020";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden;
            }

            .box_list_detailed .box_info .box_title {
                height: 36px;
                overflow: hidden;
                margin-bottom: 8px;
                line-height: 18px;
            }

            .box_list_detailed .box_info .box_price {
                color: #f23030;
                font-weight: bold;
                font-size: 15px;
            }

            .box_list_detailed .box_info .box_btn {
                background: url(/RuiQiCMS.Templater/images/showcase-1416814739063.png) no-repeat 0px -25px;
                height: 25px;
                width: 40px;
                position: absolute;
                bottom: 7px;
                right: -4px;
            }

        .box_list .box_list_check {
            padding: 10px;
        }

            .box_list .box_list_check span {
                padding-left: 15px;
            }
 .wap-wrap-head{position: fixed;top:0;left:50%;z-index:1001;transform: translateX(-50%);width:100%;}
.head{height:51px;width:100%;background:#d10707;font-size:0;box-shadow: 0px 0px 6px rgba(0,0,0,.1);display: flex;
display: -webkit-flex;justify-content: space-between;align-items: center;position: relative;padding:0 3.3%;}
.head .logo img{height:24px;width:auto;padding:0;}
.head .icons a{float:left;margin-left:16px;}
.head .icons a img{height:19px;width:auto;}
.head .icons a .clo_nav{display: none;}
  .wap-wrap-nav{
  /*opacity: 0;*/
  position: fixed;
  z-index: 1000;
  top: -100%;
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
  background: #5f5d5e;
  transition: top ease 0.35s;
  -webkit-transition: top ease 0.35s; /* Safari 和 Chrome */
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; /*弹性缓冲*/
  color:#fff;
  height:100%;
}
.wap-wrap-nav-active .wap-wrap-nav{
  /*opacity: 1;*/
  top: 50px;
}
.wap-wrap-nav .nav-box li a{ 
  font-size: 14px;
  font-weight: normal;
  line-height:42px;
  display: block;
  color:#fff;
  border-bottom: 2px solid #464646;
  padding-left:20px;
  position: relative;
}
.wap-wrap-nav .nav-box li.active a:after{
   position: absolute;
   content:"";
   width:4px;height:18px;background:#fff;top:10px;left:6px;
}
  .wap-wrap-nav .nav-box li:last-child() a{border:0;}
 /*分类*/
.allCase{background-color:#FFFFFF;padding:20px 0 0;display:flex;display:-webkit-flex;justify-content: space-around;align-items: center;}
.allCase p{font-size:14px;margin:10px 0;}
.allCase a{text-align:center;font-size:0;}
.allCase a img{width: 28px;height:28px;}
  /* 关于我们 */
.about{padding:0 2.6%;background:#fff;}
.about .tit{text-align: center;font-size:0;}
h2{font-size:20px;line-height:50px;}
.about .tit img{width:28.53%;}
.about_inner{background:#f2f2f2;padding:5px  3.8%;margin-top:18px;}
.about_inner h4{font-size:15px;line-height:42px;}
.about_inner p{font-size:13px;line-height:23px;color:#848484;text-indent: 2em;}
.about_inner .imgs{display: flex;display: -webkit-flex;justify-content: space-between;margin:13px 0 28px;}
.about_inner .imgs img{width:46.717%;}
.about_inner .more_btn img{width:33.89%;margin-bottom:20px;}
/* 优势 */
.title{text-align: center;font-size:0;padding-top:18px;}
.title h2{font-size:20px;line-height:35px;margin:0;}
.title p{font-size:12px;color:#848484;margin:0;}
.title img{width:28.26%;margin:18px 0;}
.adv_list ul li{border:1px solid #d10707;padding:9px 5px;position: relative;margin-bottom:10px;color:#fff;font-size:0;}
.adv_list ul li .right{text-align: right;float:none;}
.adv_list ul li .right img{width:54.4%;border:1px solid #d10707;}
.adv_list ul li .left{position: absolute;left:0;top:0;bottom:-1px;background:url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/temp_456caa03-22c7-4681-921d-988585e0f434/20211022_a5f11ce17bef9bd1ffd5.png) no-repeat;background-size: 100% 100%;width:52.4%;overflow: hidden;}
.adv_list ul li .left .left_inner{position: relative;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width:80%;left:3.5%;}
.adv_list ul li .left .left_inner h4{font-size:15px;line-height:34px;margin:0;}
.adv_list ul li .left .left_inner p{font-size:11px;line-height:19px;}
.adv_list ul li:nth-child(even){border:1px solid #f2f2f2;color:#000;}
.adv_list ul li:nth-child(even) .right img{border:1px solid #f2f2f2;}
.adv_list ul li:nth-child(even) .left{background-image: url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/temp_456caa03-22c7-4681-921d-988585e0f434/20211022_987fa569f82ef0fce50d.png);}
 .product{background:#f2f2f2;}
.product_type{display: flex;display:-webkit-flex;justify-content: space-between;padding:0 6.66%;flex-wrap: wrap;background:#f2f2f2;}
.product_type a{width:46.692%;margin-bottom:10px;}
.skew {
    width: 100%;
    height: 22px;
    background: #fff;
    line-height: 22px;
    text-align: center;
    transform: skew(25deg);border:1px solid #d2d2d2;
    -webkit-transform:skew(25deg);
}
.skew-main {
    transform: skew(-25deg);-webkit-transform: skew(-25deg);font-size:13px;line-height:22px;position: relative;top:0;overflow: hidden;
}
.product_list{background:#f2f2f2;padding-bottom:10px;}
.product_list ul{display: flex;display: -webkit-flex;justify-content: space-around;padding:0 1.2%;flex-wrap: wrap;}
.product_list ul:after {
  content: "";
  width: 46.266%;
  height:0;
}
.product_list ul li{width:46.266%;margin-bottom:10px;box-shadow: 1px 1px 4px rgba(0,0,0,.2);border:1px solid #d2d2d2;font-size:0;}
.product_list ul li .img img{display: block;width:100%;}
.product_list ul li .txt{background:#fff;border-top:1px solid #d2d2d2;text-align: center;font-size:12px;line-height:25px;padding:12px 0;}
.product_list ul li .txt h4{}
.product_list ul li .txt p{color:#848484}
 /* 案例展示 */
.l{float:left;}.r{float:right;}
.case_list{width:97.333%;margin:0 auto;background:#fff;}
.case_list ul li{background:#f2f2f2;border:1px solid #d2d2d2;margin-bottom:14px;}
.case_list ul li .l{width:60.27%;padding:5px 5% 0 3%}
.case_list ul li .r{width:39.72%;}
.case_list ul li .r img{display: block;width:100%;}
.case_list ul li h4{font-size:15px;line-height:28px;margin:0;}
.case_list ul li p{line-height:19px;font-size:12px;color:#848484;height:38px;margin-bottom:10px;text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.case_list ul li span{font-size:12px;color:#d10707;}
.case_list  .more_btn img{width:30.41%;display: block;margin:20px auto;}
  /* 资质荣誉 */
.honor{background:#f2f2f2;}
.honor_list{background:#f2f2f2;padding:0 1.33% 20px;width:100%;}
.swiper-honor  .swiper-slide img{width:100%;}
.swiper-honor .swiper-button-next,.swiper-honor .swiper-button-prev{width:38px;height:38px;margin-top:-19px;outline: none;position: absolute;z-index: 5;top: 50%;}
.swiper-honor .swiper-button-next{background:url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/temp_456caa03-22c7-4681-921d-988585e0f434/20211022_71e362b29887006f59d6.png) no-repeat;background-size: 100% 100%;right:10px;}
.swiper-honor .swiper-button-prev{background:url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/temp_456caa03-22c7-4681-921d-988585e0f434/20211022_76e150c5b8c33cdbf1e2.png) no-repeat;background-size: 100% 100%;left:10px;}
.honor_list .more_btn img{width:30.41%;display: block;margin:20px auto 0;}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
  .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.news_list{width:97.333%;margin:0 auto;}
.news_list ul li{border:1px solid #d2d2d2;position: relative;margin-bottom:15px;}
.news_list ul li .left{position: absolute;width:22.54%;top:0;bottom:0;left:0;background:url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/temp_456caa03-22c7-4681-921d-988585e0f434/20211022_a5f11ce17bef9bd1ffd5.png) no-repeat;background-size: 100% 100%;color:#fff;padding-left:1.23%;}
.news_list ul li .left .date{width:66.667%;text-align: center;position: relative;top:50%;transform: translateY(-45%);-webkit-transform: translateY(-45%);}
.news_list ul li .left .yearmonth{font-size:12px;line-height:20px;}
.news_list ul li .left .day{font-size:24px;line-height:35px;}
.news_list ul li .text{position: relative;padding:5px 2% 5px 23%;}
.news_list ul li .text h4{font-size:15px;line-height:21px;}
.news_list ul li .text p{font-size:12px;line-height:20px;height:40px;overflow: hidden;color:#848484;}
.news_list ul li .text span{position: absolute;right:2%;bottom:5px;font-size:12px;color:#d10707;}
.news_list .more_btn img{width:30.41%;display: block;margin:20px auto;}
  /*底部*/
.footer{background:#5f5d5e;text-align: center;padding:20px 0;color:#fff;margin-bottom:60px;}
.footer .foot_logo img{width:32%;margin-bottom:20px;}
.footer .foot_nav{display: flex;display: -webkit-flex;font-size:12px;justify-content:space-around;padding:0 1.3%;}
.footer .foot_nav a{color:#fff;}
.foot_contact {max-width:55%;margin: 15px auto;}
.foot_contact p{font-size:12px;line-height:20px;text-align: left;padding-left:16px;background: url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/temp_456caa03-22c7-4681-921d-988585e0f434/20211022_4709a502960e199f4a9b.png) no-repeat;background-size: 10px 100px;}
.foot_contact p:nth-child(1){background-position:  0 5px;}
.foot_contact p:nth-child(2){background-position:  0 -15px;}
.foot_contact p:nth-child(3){background-position:  0 -35px;}
.foot_contact p:nth-child(4){background-position:  0 -55px;}
.foot_contact p:nth-child(5){background-position:  0 -75px;}
.copyright{font-size:12px;line-height:20px;}
.copyright a{color:#fff;}

.footNav{background:#f2f2f2;width: 100%;height: 60px;display:flex;align-items:center;position:fixed;left:50%;transform: translateX(-50%);bottom:0;z-index:98;font-size:0;}
.footNav a{text-align:center;width:25%;padding:10px 0 0 0;position: relative;height:100%;}
.footNav a:after{content:" ";position: absolute;width:1px;height:60px;background:url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/temp75/20211025_c34c62076dd3dce281f7.png) no-repeat;background-size:100% 100%;top:0;right:0;}
.footNav a:last-child:after{display: none;}
.footNav img{width:28.8%;}
.footNav p{font-size: 13px;color:#676767;line-height: 22px;}
  .wx{position:fixed;z-index:2;background-color:rgba(0,0,0,0.8);left:0;top:0;right:0;bottom:0;display: none;}
.wxBox{width:65%;text-align:center;position: relative;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.wxBox .img{background:#fff;padding:20px;}
.wxBox img{display:block;margin:0 auto;border:0;width:100%;}
.wxBox p{font-size:18px;margin-top:15px;color:#fff;font-weight:bold;}
 .wap-wrap-nav.active{top: 50px;}
  .carousel-indicators{bottom:0;}
  .carousel-indicators li{display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #fff;
    vertical-align: top;
    border-radius: 6px;
    margin: 0 .2rem;
    opacity: .6;border:0;
}
 .carousel-indicators li.active{background-color: #fff;width: 14px;height:6px;opacity: 1;}
 /* 案例列表 */
.tabCon{line-height:55px;border-bottom:1px solid #d10707;margin-bottom:25px;padding-left:6%;height:55px;}
.tabCon a {font-size:18px;display: inline-block;line-height:55px;position: relative;margin-right:15px;}
.tabCon a.active{color:#d10707;}
.tabCon a.active:after{position: absolute;content:"";width:100%;height:0;border-bottom:3px solid #d10707;bottom:-1px;left:0;}
/* 产品列表 */
.pro_tab a.active{color:#333;}
.product_type a.active .skew{background:#d10707;}
.product_type a.active .skew .skew-main{color:#fff;}
.pro_type{margin-bottom:12px;}
.about_con{padding:0 5.33%;}
.about_con p,.about_con p span{font-size:14px;line-height:24px;}
 .pro_type .skew-main{top:0;color:#333;}
 /* 产品详情 */
.prodel_tab {font-size:18px;position: relative;margin-bottom: 0;}
.prodel_tab  a{margin-right:0;}
.prodel_tab:after{position: absolute;content:"";width:25%;height:0;border-bottom:3px solid #d10707;bottom:-2px;left:6%;}
.pro_tit{padding:16px  6.26%;font-size:0;border-bottom:1px solid #848484;}
.pro_tit img{width:100%}
.pro_tit h2{font-size:18px;line-height:48px;margin:0;}
.pro_tit  p{font-size:13px;line-height:20px;color:#848484;}
.pro_tit .tel_btn{display: block;width:100%;line-height:35px;text-align: center;background:#f2f2f2;font-size:18px;color:#d10707;font-weight:bold;margin-top:15px;}
.pro_con{padding:15px 6.26%;}
.pro_con p,.pro_con p span{font-size:14px;line-height:24px;}
 .pro_con p img{max-width:100%;}
 .caseDel .pro_tit h2{line-height:30px;}
.caseDel .pro_tit span{font-size:13px;color:#848484;display: block;line-height:26px;margin-bottom:3px;}
.caseDel .pro_con{border-bottom:1px solid #848484;}
 .pages{float:none}
 .paginator .tcdNumber, .paginator .nextPage, .paginator .disabled, .paginator .prevPage {
   padding:0 10px;
   height:25px;line-height:25px;margin:0 2px;}
  .tcdPageCode{text-align:center;}
    
 .fixed-bottom{position:fixed; bottom: 0;}
