body {
    /*padding-bottom: 60px;*/
    -webkit-transition: margin 500ms ease;
    -moz-transition: margin 500ms ease;
    -ms-transition: margin 500ms ease;
    -o-transition: margin 500ms ease;
    transition: margin 500ms ease;
    padding-left: 0;
    padding-right: 0;
    /*background: #EEF5F9;*/
}

#dituContent {
    border: 0px solid rgb(204, 204, 204) !important;
}

* {
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
    box-sizing: border-box;
}

a:hover, a:focus {
    text-decoration: none;
}

li {
    list-style: none;
}

#myTab {
    margin: 0;
}

.preview {
    text-align: center;
}

    .preview p {
        width: 40px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 5px;
    }

.sidebar-nav .pull-right {
    position: absolute;
    top: 15px;
    right: 18px;
}

.sidebar-nav {
    position: relative;
}

    .sidebar-nav .nav {
        margin: 0;
    }

.navbar-inverse .brand {
    width: 180px;
    color: #fff;
}
/*.row-fluid {
    width:380px;
    box-shadow: 0 2px 10px 0 #999;
    padding-bottom: 54px;
    padding-left: 15px;
    padding-right: 15px;
    height: 100%;
    padding-top: 50px;
    background-image: url(/images/iphone_img1.png), url(/images/iphone_img2.png);
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center bottom;
    background-color: #fff;
    border-radius: 30px;
}*/
.brand img {
    float: left;
    margin: 2px 10px 0 0;
}

.brand .label {
    position: relative;
    left: 10px;
    top: -3px;
    font-weight: normal;
    font-size: 9px;
    background: #666;
    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.7);
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.7);
}

.ele .lyrow {
    float: left;
}

.sidebar-nav .lyrow {
    width: 70px;
    float: left;
    border-right: 1px solid #f6f6f6;
    padding-top: 15px;
}

    .sidebar-nav .lyrow .iconfont {
        font-size: 24px;
    }

.edit .demo {
    margin-left: 0px;
    border: 1px solid #e2e7ed;
    position: relative;
    word-wrap: break-word;
    height: 667px !important;
    overflow-y: hidden;
    overflow-x: hidden;
}

    .edit .demo:hover {
        overflow-y: auto;
    }

    .edit .demo::-webkit-scrollbar {
        width: 3px;
        background-color: #ccc;
    }

    .edit .demo::-webkit-scrollbar-thumb {
        border-radius: 3px;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
        background-color: #8B8B8B;
    }

#elm .box .dragimg {
    position: fixed;
    top: 135px;
    left: 0px;
    width: 100%;
    height: auto;
    background: rgba(0,0,0,0.8);
    padding: 20px 60px;
    display: none;
}

#elm .lyrow .dragimg {
    display: none;
}

#cont-fluid .lyrow .dragimg {
    display: none;
}

.allever {
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 auto;
}

#cont-fluid {
    margin: 0 auto;
    margin-left: 55%;
    position: relative;
    top: 150px;
    width: 380px;
    box-shadow: 0 2px 10px 0 #999;
    padding-bottom: 54px;
    padding-left: 15px;
    padding-right: 15px;
    height: 100%;
    padding-top: 50px;
    background-image: url(/images/iphone_img1.png), url(/images/iphone_img2.png);
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center bottom;
    background-color: #fff;
    border-radius: 30px;
}

    #cont-fluid .onedrap {
        position: absolute;
    }

    #cont-fluid .box:hover {
        border: 1px dashed #5666fd;
    }

.container-fluid .onedrap {
    position: absolute;
}

.container-fluid {
    position: relative;
    width: 3.75rem;
    margin: 0 auto;
}

#contents {
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 135px;
    background: #eef1f8;
    overflow: hidden;
    z-index: 20;
    min-width: 1200px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

    #contents:hover {
        z-index: 9999
    }

.sidebar-nav {
    padding: 15px 18px 8px 18px;
}

    .sidebar-nav .nav-header {
        cursor: pointer;
        font-size: 14px;
        color: #fff;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    }

        .sidebar-nav .nav-header span.label {
            font-size: 10px;
            position: relative;
            top: -1px;
        }

        .sidebar-nav .nav-header i.icon-plus {
        }

        .sidebar-nav .nav-header .popover {
            color: #999;
            text-shadow: none;
        }

    .sidebar-nav .tab-content {
        width: 100%;
        overflow: hidden;
        background: #fff;
        height: 75px;
    }

    .sidebar-nav .navbar-responsive-collapse {
        height: 37px;
    }

.popover-info {
    position: relative;
}

    .popover-info .popover {
        display: none;
        top: -12.5px;
        left: 15px;
    }

    .popover-info:hover .popover {
        display: block;
        opacity: 1;
        width: 400px;
    }

        .popover-info:hover .popover .arrow {
            top: 23px;
        }

.sidebar-nav .accordion-group {
    border: none;
}

.pull-right .btn-infos {
    padding: 8px 12px;
    font-size: 14px;
    color: #3a3a34;
    border-radius: 4px;
    margin-left: 10px;
    background: #fff;
}

    .pull-right .btn-infos a {
        color: #3a3a34;
        text-decoration: none;
    }

    .pull-right .btn-infos:hover {
        color: #4086e5;
        cursor: pointer;
    }

        .pull-right .btn-infos:hover a {
            color: #4086e5;
            cursor: pointer;
        }

.pull-right .btns {
    color: #fff;
    background: #4086e5;
}

    .pull-right .btns a {
        color: #fff;
        background: #4086e5;
    }

    .pull-right .btns:hover {
        color: #fff;
        cursor: pointer;
    }

        .pull-right .btns:hover a {
            color: #fff;
            cursor: pointer;
            text-decoration: none;
        }

.sidebar-nav .preview {
    display: block;
    color: #666;
    font-size: 12px;
    line-height: 22px;
}

    .sidebar-nav .preview input {
        width: 90px;
        padding: 0 10px;
        background: #bbb;
        font-size: 10px;
        color: #999;
        line-height: 20px;
        height: 20px;
        position: relative;
        top: -1px;
    }

.sidebar-nav .view {
    display: none;
}

.sidebar-nav .remove,
.sidebar-nav .configuration {
    display: none;
}

.sidebar-nav .nav {
    margin-bottom: 0;
}

#layout .lyrow {
    width: 90px;
    float: left;
    padding-top: 20px;
    border-right: 1px solid #f6f6f6;
    height: 76px;
}

.muttype {
    overflow: hidden;
    margin-left: 0;
    margin-bottom: 0;
    border-bottom: 2px solid #f6f6f6;
}

    .muttype li {
        float: left;
        padding: 4px 10px;
        cursor: pointer;
    }

        .muttype li a {
            color: #3a3a34;
        }

            .muttype li a:hover, .muttype li.active a {
                color: #4086e5;
            }

.ele {
    margin: 0;
    overflow: hidden;
}

    .ele li {
        display: none;
    }

        .ele li.active {
            display: block;
        }

.sidebar-nav .box {
    width: 70px;
    float: left;
    border-right: 1px solid #f6f6f6;
    padding-top: 15px;
}

    .sidebar-nav .box .iconfont {
        font-size: 24px;
    }

.sidebar-nav .boxes {
    display: none;
}

.demo .preview {
    display: none;
}

.demo .box .view {
    display: block;
    /*padding-top:30px;*/
}

.ui-sortable-placeholder {
    outline: 1px dashed #ddd;
    visibility: visible !Important;
    border-radius: 4px;
}
/*.edit .drag { position: absolute; top: 0;right: 0; cursor: pointer; }*/
.edit .drag {
    cursor: pointer;
}

.box, .lyrow {
    position: relative;
}

.edit .demo .lyrow .drag {
    top: 5px;
    right: 80px;
    z-index: 10;
}

.edit .demo .column .box .drag {
    top: 5px;
}

.box .configuration, .lyrow .configuration {
    position: absolute;
    top: -2px;
    right: 60px;
    white-space: nowrap;
    z-index: 1000;
}

.lyrow .configuration {
    top: -21px;
}

.lyrow .box .configuration {
    top: -2px;
}

.edit .demo .remove {
    position: absolute;
    top: 0px;
    right: 5px;
    z-index: 1000;
}

.edit .lyrow .remove {
    top: -19px;
}

.edit .lyrow .box .remove {
    top: 0px;
}

.demo .configuration {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .demo .configuration button {
        background: #5789fb;
        color: #fff;
        text-shadow: 0 0 0 #fff;
        border: 1px solid #5789fb;
    }

.demo .drag, .demo .remove {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.demo .lyrow:hover > .drag,
.demo .lyrow:hover > .configuration,
.demo .lyrow:hover > .remove,
.demo .box:hover .drag,
.demo .box:hover .configuration,
.demo .box:hover .remove {
    filter: alpha(opacity=100);
    opacity: 1;
}

.column {
    border: 1px solid #e2e7ed;
    position: relative;
}

body.devpreview {
    margin-left: 0px;
}

.devpreview .sidebar-nav {
    top: -162px;
    -webkit-transition: all 0ms ease;
    -moz-transition: all 0ms ease;
    -ms-transition: all 0ms ease;
    -o-transition: all 0ms ease;
    transition: all 0ms ease;
}

.devpreview #cont-fluid {
    padding: 0 15px;
    top: 0;
}

.devpreview .drag, .devpreview .configuration, .devpreview .remove {
    display: none !Important;
}

.sourcepreview .column, .sourcepreview .row-fluid, .sourcepreview .demo .box {
    margin: 0px 0;
    padding: 0px;
    background: none;
    border: none;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
}

.devpreview .demo .box, .devpreview .demo .row-fluid {
    padding-top: 0;
    background: none;
}

.devpreview .demo .column {
    padding-top: 19px;
    padding-bottom: 19px;
}

#download-layout {
    display: none
}

#editorModal textarea,
#downloadModal textarea {
    width: 100%;
    height: 280px;
    resize: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#editorModal {
    width: 640px;
}

a.language-selected {
    font-style: italic;
    font-weight: bold;
}

#ideaModal {
    width: 1378px;
    height: 872px;
    margin-left: -689px;
    top: 3%;
}

    #ideaModal .modal-body {
        background: #fff;
        height: 820px;
    }

    #ideaModal .modal-footer {
        height: 74px;
    }

    #ideaModal .modal-header {
        background: #5188e4;
        height: 52px;
        color: #fff;
        padding: 0;
        border: 0;
    }

        #ideaModal .modal-header p {
            text-align: center;
            line-height: 52px;
            font-size: 16px;
        }

        #ideaModal .modal-header .close {
            opacity: 1;
            color: #fff;
            font-size: 30px;
            font-weight: 100;
            margin: 15px;
        }

            #ideaModal .modal-header .close:hover {
                opacity: 1;
                color: #fff;
            }

    #ideaModal .modal-body iframe {
        overflow: hidden;
    }

#copyModal .modal-header {
    border: 0;
}

#copyModal {
    width: 714px;
    height: 140px;
    margin-left: -357px;
}

    #copyModal.modal.fade.in {
        top: 40%
    }

    #copyModal .modal-body {
        background: #fff;
        height: 130px;
        width: 100%;
        line-height: 105px;
        border-radius: 5px;
    }

        #copyModal .modal-body input {
            width: 450px;
            height: 26px;
            margin: 0px 20px 0 80px;
        }

        #copyModal .modal-body a {
            margin-top: 0;
        }

#shareModal tr td {
    border: 0;
    padding: 0;
}

#shareModal tr textarea {
    width: 600px;
    height: 200px;
}

.ui-draggable-dragging .view {
    display: block;
}

/*tab左右切换卡*/
#shareModal .modal-body {
    padding: 0;
    background: #fff;
}

#shareModal .modal-footer {
    height: 76px;
}

.modal {
    width: 930px;
}

#testModal .modal-body, #navbarModal .modal-body {
    padding: 0;
    background: rgb(81,136,228);
}

.modal-body {
    padding: 0
}

    .modal-body .nav-tabs {
        width: 66px;
        float: left;
        position: fixed;
        border-bottom: 0px;
    }

        .modal-body .nav-tabs li {
            height: 70px;
            margin: 0;
            overflow: hidden;
        }

            .modal-body .nav-tabs li:hover {
                margin-bottom: -1px;
                border: 0;
            }

            .modal-body .nav-tabs li.active b {
                height: 70px;
                width: 3px;
                background: #1f66dd;
                display: inline-block;
                margin-top: 0px;
                float: left;
            }

            .modal-body .nav-tabs li a {
                padding: 25px 0px;
                color: #fff;
                border: 0;
                border-radius: 0px;
                margin: 0;
                width: 63px;
                text-align: center;
                font-size: 16px;
            }

                .modal-body .nav-tabs li a:hover {
                    color: #fff;
                    background: #5188e4;
                    border: 0;
                    margin: 0;
                }

            .modal-body .nav-tabs li.active a:hover {
                color: #5188e4;
                background: #fff;
                border: 0;
                margin: 0;
            }

            .modal-body .nav-tabs li.active {
                border: 0;
            }

                .modal-body .nav-tabs li.active a {
                    display: inline-block;
                    border-right: transparent;
                    border-left: 0;
                    float: left;
                    color: #5188e4;
                    border: 0;
                }

    .modal-body .tab-content {
        margin-left: 66px;
        padding: 15px 0 0 15px;
        min-height: 300px;
        background: #fff;
        height: 524px;
        overflow: auto;
    }

        .modal-body .tab-content > div {
            overflow: hidden;
        }

.modal-footer {
    padding: 0px;
}

    .modal-footer p {
        width: 66px;
        background: rgb(81,136,228);
        height: 76px;
        display: inline-block;
        float: left;
        margin-top: -1px;
    }

    .modal-footer #savecss {
        float: left;
        border: 0;
        background: #fff;
        color: #5188e4;
        margin-left: 15px;
        font-weight: bold;
    }

.btn-save {
    display: inline-block;
    padding: 7px 18px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    border: 1px solid #6A99E8;
    border-radius: 3px;
    background: #6A99E8;
    margin-right: 10px;
    margin-top: 20px;
}

.btn-out {
    display: inline-block;
    padding: 7px 18px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #7e7e84;
    border: 1px solid #E7E9EE;
    border-radius: 3px;
    background: #fff;
    margin-right: 10px;
    margin-top: 20px;
}

.btns-info {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 32px;
    width: 90px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #ffffff;
    border-radius: 4px;
    background-color: rgb(106,153,231);
}

.buttons {
    z-index: 9999
}

.btnes {
    background: #002A80;
    border-radius: 10px;
    color: #fff;
    display: block;
    text-align: center;
    background-size: 100% 100%;
    box-sizing: border-box;
}

.nav-right .table tr td, .nav-right .table th td {
    border: 0;
    padding: 10px;
}

#codes textarea, #banCodes textarea, #linkCodes textarea {
    width: 90%;
    height: 300px;
    margin: 0px 3%;
    color: #3a3a34;
    font-size: 14px;
}

#importModal {
    width: 680px;
    height: 520px;
    margin-left: -340px;
}

    #importModal .modal-body {
        height: 395px;
    }

.website {
    width: 500px;
    margin: 40px auto 0 auto;
    font-size: 14px;
}

    .website div > span {
        font-weight: bold;
        width: 70px;
        display: inline-block;
    }

    .website .webcode > p {
        font-weight: bold;
        margin-top: 30px;
    }

    .website .webid input {
        width: 340px;
        height: 32px;
        line-height: 32px;
        background: #dfe3eb;
        padding: 0;
        padding-left: 10px;
        border: 1px solid #dfe3eb;
        margin: 0;
    }

    .website .webid p {
        margin-left: 93px;
        color: #999;
        line-height: 25px;
        display: none;
    }

        .website .webid p.active {
            display: block;
        }

        .website .webid p.first {
            margin-left: 70px;
            margin-top: 20px;
        }

        .website .webid p img {
            display: inline-block;
            width: 20px;
            height: 20px;
            float: left;
            margin-right: 3px;
        }

    .website .webcode li {
        overflow: hidden;
        margin-left: 70px;
        margin-top: 15px;
    }

        .website .webcode li span {
            float: left;
            margin-right: 25px;
        }

        .website .webcode li label {
            float: left;
            margin-right: 30px;
            color: #3c4353;
        }

            .website .webcode li label input {
                margin-right: 10px;
                float: left;
            }

.text-cont {
    /*width: 300px;*/
}

#delModal {
    width: 510px;
    height: 190px;
    margin-left: -255px;
}

    #delModal.modal.fade.in {
        top: 40%
    }

    #delModal .modal-header {
        padding: 10px 20px;
        border: 0px;
    }

    #delModal .modal-body {
        height: 60px;
        padding-top: 40px;
    }

        #delModal .modal-body p {
            color: #7a7e84;
            font-size: 18px;
            margin-left: 30px;
        }

    #delModal .modal-footer {
        border: 0px;
        background: #fff;
        padding: 14px 30px 15px;
    }

        #delModal .modal-footer .btn {
            margin-left: 15px;
        }

#mouldModal .modal-body {
    padding: 0;
    background: rgb(81,136,228);
}

#mouldEites ul li label {
    display: inline-block;
    margin-left: 30px;
    margin-bottom: 0;
    line-height: 40px;
    color: #065ef0;
}

    #mouldEites ul li label.active {
        color: #333;
    }

    #mouldEites ul li label input {
        margin: 0 5px 0 0;
    }

#mouldEites ul li {
    display: none;
}

    #mouldEites ul li.active {
        display: block;
    }

#mouldModal #mouldTabContent {
    background: url(//static.ruituoyun.com/images/drag/PC/mouldbg.png) no-repeat bottom;
    background-color: #fff;
}

div.lay-title {
    border: 0;
    border-radius: 5px;
}

.lay-title .layui-layer-btn {
    margin-top: -32px;
}

    .lay-title .layui-layer-btn a {
        height: 34px;
        line-height: 34px;
    }
/*.allever{
    width:100%;
}*/
/*new轮播图*/
div.banner {
    height: auto;
}

    div.banner .swiper-container {
        height: auto;
    }

    div.banner .swiper-wrapper {
        height: auto;
    }

    div.banner .swiper-slide {
        height: auto;
    }

div.banner {
    padding: 0;
    background: none;
    border: none;
}

.swiper-pagination .swiper-pagination-bullet {
    background: #999;
    width: .12rem;
    height: .12rem;
    border-radius: .1rem;
    opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
    width: .17rem;
    height: .12rem;
    border-radius: .16rem;
    background: #fff;
}

.demo .swiper-wrapper a {
    display: block;
}
/*new顶部导航*/
.top {
    width: 3.75rem;
    height: 52px;
    position: relative;
    overflow: visible !important;
    background: #fff;
}

    .top .logo p, .top .logo > a {
        float: left;
        text-decoration: none;
        display: block;
    }

    .top .logo {
        overflow: hidden;
    }

        .top .logo > a {
            width: 30%;
            text-decoration: none;
            display: block;
            overflow: hidden;
            height: 50px;
            line-height: 50px;
            float: left;
        }

        .top .logo img {
            width: 1rem;
            display: inline-block;
            vertical-align: middle;
        }

        .top .logo p {
            font-size: .12rem;
            color: #4b4b4b;
            margin-top: .05rem;
            font-weight: bold;
        }

            .top .logo p a {
                font-size: .16rem;
                color: #4b4b4b;
                text-decoration: none;
                display: block;
                font-weight: bold;
            }

    .top ul {
        display: none;
        position: absolute;
        left: 0;
        top: .52rem;
        z-index: 999;
        width: 100%;
        background: #fff;
    }

    .top li {
        height: .45rem;
        width: 100%;
        text-indent: 2em;
        margin: 0;
        line-height: .45rem;
        border-bottom: 1px solid #e5e5e5;
    }

        .top li:last-child {
            border-bottom: none;
        }

        .top li:first-child {
            border-top: 1px solid #e5e5e5;
        }

        .top li a {
            font-size: .14rem;
            color: #000;
            width: 100%;
            float: left;
            text-decoration: none;
            display: block;
        }

        .top li em {
            color: #999;
            font-size: .2rem;
            float: right;
        }

    .top .this a {
        color: #d80c18;
        text-decoration: none;
        display: block;
    }

    .top .this i {
        color: #d80c18;
    }

.menu {
    width: .25rem;
    height: .25rem;
    position: absolute;
    right: 4%;
    top: 10%;
    line-height: .25rem;
    z-index: 10;
}

    .menu span {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 4px;
        border-radius: 2px;
        background: #4b4b4b;
    }

        .menu span:before, .menu span:after {
            content: "";
            display: block;
            position: absolute;
            top: -8px;
            width: 100%;
            height: 4px;
            border-radius: 2px;
            background: #4b4b4b;
            transition: 0.3s;
        }

        .menu span:after {
            top: 8px;
        }

.top .btn_active span {
    background: rgba(0,0,0,0) !important;
}

    .top .btn_active span:before {
        top: 0;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .top .btn_active span:after {
        top: 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }



/*new顶部导航1*/
.top1 {
    width: 3.75rem;
    height: 52px;
    position: relative;
    overflow: visible;
    z-index: 999;
    background: #fff;
}

    .top1 .logo1 p, .top1 .logo1 > a {
        float: left;
        text-decoration: none;
        display: block;
    }

    .top1 .logo {
        overflow: hidden;
    }

    .top1 .logo1 > a {
        text-decoration: none;
        display: block;
        overflow: hidden;
    }

    .top1 .logo1 img {
        margin-top: .05rem;
        margin-left: .05rem;
        float: left;
        display: inline-block;
    }

    .top1 .logo1 p {
        font-size: .12rem;
        color: #4b4b4b;
        margin-top: .05rem;
        font-weight: bold;
    }

        .top1 .logo1 p a {
            font-size: .16rem;
            color: #4b4b4b;
            text-decoration: none;
            display: block;
            font-weight: bold;
        }

    .top1 ul {
        display: none;
        position: absolute;
        left: 0;
        top: .52rem;
        z-index: 999;
        width: 99%;
        background: #fff;
    }

    .top1 li {
        height: .45rem;
        width: 99%;
        text-indent: 2em;
        margin: 0;
        line-height: .45rem;
        border-bottom: 1px solid #e5e5e5;
    }

        .top1 li:last-child {
            border-bottom: none;
        }

        .top1 li:first-child {
            border-top: 1px solid #e5e5e5;
        }

        .top1 li a {
            font-size: .14rem;
            color: #000;
            width: 100%;
            float: left;
            text-decoration: none;
            display: block;
        }

        .top1 li em {
            color: #999;
            font-size: .2rem;
            float: right;
        }

    .top1 .this1 a {
        color: #d80c18;
        text-decoration: none;
        display: block;
    }

    .top1 .this1 i {
        color: #d80c18;
    }

.menu1 {
    width: .25rem;
    height: .25rem;
    position: absolute;
    right: 4%;
    top: 10%;
    line-height: .25rem;
    z-index: 10;
}

    .menu1 span {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 4px;
        border-radius: 2px;
        background: #4b4b4b;
    }

        .menu1 span:before, .menu1 span:after {
            content: "";
            display: block;
            position: absolute;
            top: -8px;
            width: 100%;
            height: 4px;
            border-radius: 2px;
            background: #4b4b4b;
            transition: 0.3s;
        }

        .menu1 span:after {
            top: 8px;
        }

.top1 .btn_active span {
    background: rgba(0,0,0,0) !important;
}

    .top1 .btn_active span:before {
        top: 0;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .top1 .btn_active span:after {
        top: 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
/*导航1*/
.top1 .logo1 > .modulle {
    height: 100%;
}

.top1 .logo1 .modulle > img {
    margin-top: 0;
    height: 50px;
}

/*底部版权*/
.copy {
    /*margin-top: 10px;*/
    width: 100%;
    overflow: hidden;
}

    .copy h2 {
        font-size: 100%;
        font-weight: normal;
        font-family: Arial;
        width: 100%;
        background: #4c4c4c;
        margin: 0;
        color: #fff;
        text-align: center;
        font-size: 14px;
        padding: 0% 6%;
        box-sizing: border-box;
    }

        .copy h2 a {
            color: #333;
            text-decoration: none;
            display: block;
            color: #fff;
            line-height: 30px;
            margin: 0 10px;
        }

/*留言*/
.liuyan {
    margin: .1rem auto 0;
    width: 3.75rem;
    box-sizing: border-box;
}

.message {
    box-sizing: border-box;
    padding-top: 0;
}

    .message table {
        width: 90%;
        margin: 0 auto;
        border-collapse: collapse;
        border-spacing: 0;
    }

span.colorred {
    color: #ff0000;
    padding-left: 15px;
    display: inline;
}

.message .require {
    width: 90%;
    color: #4b4b4b;
    height: 150px;
    border: 1px solid #333;
    padding-left: 3px;
    padding-top: 2px;
    color: #999;
    box-sizing: border-box;
    font-size: 14px;
}

    .message .require:focus {
        border: 1px solid #da0010;
        box-shadow: 0 0 10px rgba(229,31,45,0.6);
        outline: none;
    }

.message .input {
    width: 90%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #333;
    padding-left: 5px;
    margin-bottom: 10px;
    box-sizing: border-box;
    color: #4b4b4b;
    font-size: 14px;
}

.message input:focus {
    border: 1px solid #da0010;
    box-shadow: 0 0 10px rgba(229,31,45,0.6);
    outline: none;
}

.message .close a {
    text-decoration: none;
    color: #333;
    text-decoration: none;
    display: block;
}

.message input[type="button"] {
    width: 90%;
    display: block;
    font-size: 15px;
    border-radius: 5px;
    line-height: 35px;
    text-align: center;
    transition: .5s;
    background: #da0010;
    color: #fff;
    border: none;
}

.message .submit:focus {
    border: none;
    box-shadow: none;
    outline: none;
}

/*图片展示*/
.imgs {
    overflow: hidden;
    height: 50px;
    width: 150px;
}

    .imgs a {
        display: inline-block;
    }

    .imgs img {
        max-width: none;
        transition: all 0.6s;
        width: 100%;
        height: 100%;
    }



.photo {
    width: 100%;
    box-sizing: border-box;
}

    .photo .lightbox {
        display: block;
    }

        .photo .lightbox img {
            display: block;
            width: 1rem;
            height: .5rem;
        }
/*新闻资讯*/
#title {
    text-align: center;
}

    #title h2 {
        margin-top: 20px;
        line-height: 0;
        font-size: 100%;
        font-weight: bold;
        font-family: Arial;
        font-size: 20px;
        text-transform: uppercase;
    }

    #title span {
        border: 0;
        display: block;
        font-weight: bold;
        font-size: 16px;
        color: #da0010;
    }

.news ul {
    width: 100%;
    margin: 10px auto;
    list-style: none;
}

.news li {
    border-bottom: 1px dashed #999;
    overflow: hidden;
}

    .news li:last-child {
        border-bottom: none;
    }

    .news li .news_img {
        float: left;
        width: 36%;
        height: 150px;
    }

        .news li .news_img img {
            border: 0;
            display: block;
            width: 100%;
            height: 100%;
        }

    .news li .news_txt {
        float: right;
        width: 60%;
    }

        .news li .news_txt h2 {
            margin: 0;
            font-size: 100%;
            font-weight: normal;
            font-family: Arial;
            color: #333;
            font-size: 20px;
            line-height: 20px;
            overflow: hidden; /*内容超出后隐藏*/
            text-overflow: ellipsis; /* 超出内容显示为省略号*/
            white-space: nowrap; /*文本不进行换行*/
        }

        .news li .news_txt time {
            font-size: 14px;
            line-height: 20px;
            color: #666;
            display: block;
            margin: 10px 0 10px 0;
        }

        .news li .news_txt p {
            color: #666;
            font-size: 15px;
            line-height: 25px;
            text-indent: 2em;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
        }

.news .more {
    color: #333;
    text-decoration: none;
    display: block;
    width: 150px;
    line-height: 25px;
    border-radius: 3px;
    background: #4b4b4b;
    margin: 10px auto 20px auto;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
/*文章*/
.text_zero {
    width: 3.75rem;
    overflow: hidden;
}

.my_news {
    width: 100%;
    overflow: hidden;
}



.news_c {
    width: 3.55rem;
    list-style: none;
    margin: 0 auto;
}

    .news_c li:nth-child(1) {
        padding: 0 0 .1rem 0;
    }

    .news_c li:last-child {
        border: none;
    }

    .news_c li {
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding: .1rem 0;
    }

        .news_c li a {
            text-decoration: none;
            color: #333;
        }

            .news_c li a h4 {
                font-size: .14rem;
                font-style: normal;
                font-weight: 400;
                margin: .05rem 0;
            }

            .news_c li a p {
                color: #999;
                font-size: .13rem;
            }

            .news_c li a h5 {
                width: 3.55rem;
                color: #666;
                font-style: normal;
                font-weight: 400;
                margin: .05rem 0;
                font-size: .13rem;
            }

.text_zero .text0_more {
    display: block;
    color: #b7804a;
    text-align: center;
    border: 0.01rem solid #b7804a;
    transition: 0.5s;
    text-decoration: none;
    text-indent: 0;
    width: 1rem;
    height: 0.25rem;
    line-height: 0.25rem;
    margin: 0.2rem auto 0 auto;
    font-size: 0.14rem;
}

    .text_zero .text0_more:active {
        background: #b7804a;
        color: #fff;
    }

/*文章*/
.text1 {
    width: 100%;
    overflow: hidden;
}

.news_two {
    width: 3.5rem;
    margin: 0 auto;
}


.news_l li {
    overflow: hidden;
    padding: .1rem 0;
    border-bottom: 1px solid #ccc;
    height: .3rem;
    line-height: .3rem;
}

    .news_l li img {
        margin-top: -.1rem;
        width: .2rem;
        float: left;
    }

    .news_l li a {
        display: block;
        width: 2.4rem;
        text-decoration: none;
        float: left;
        font-size: .13rem;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .news_l li p {
        float: right;
        font-size: .12rem;
        color: #666;
    }

.text1 .text1_more {
    display: block;
    color: #b7804a;
    text-align: center;
    border: 0.01rem solid #b7804a;
    transition: 0.5s;
    text-decoration: none;
    text-indent: 0;
    width: 1rem;
    height: 0.25rem;
    line-height: 0.25rem;
    margin: 0.2rem auto 0 auto;
    font-size: 0.14rem;
}

    .text1 .text1_more:active {
        background: #b7804a;
        color: #fff;
    }

/*文章详情*/
.xinwen_xq {
    width: 3.75rem;
    padding: 0 25px 30px 25px;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
}

.news_xq h2 {
    font-size: 100%;
    color: black;
    font-weight: normal;
    font-family: Arial;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
}

.news_xq h3 {
    font-size: 100%;
    font-weight: normal;
    font-family: Arial;
    text-align: center;
    font-size: 15px;
    margin: 0;
}

    .news_xq h3 span {
        border: 0;
        display: block;
        text-align: center;
        font-size: 13px;
        line-height: 30px;
        display: inline;
        margin: 0 20px;
    }

    .news_xq h3 a {
        display: inline;
        color: #da0010;
        text-decoration: none;
    }

.news_xq p {
    color: #4b4b4b;
    font-size: 15px;
    line-height: 30px;
}

    .news_xq p span {
        display: block;
        text-indent: 2em;
    }

    .news_xq p img {
        border: 0;
        display: block;
        max-width: 100%;
        margin: 10px auto;
    }

.fenye {
    width: 100%;
    border-top: 1px solid rgba(0,0,0,0.2);
}

    .fenye h4 {
        line-height: 15px;
        font-size: 15px;
        font-size: 100%;
        font-weight: normal;
        font-family: Arial;
    }

        .fenye h4 a {
            display: inline;
            color: #da0010;
            text-decoration: underline;
        }





/*地图*/
.allmap {
    width: 3.75rem;
    margin: 0 auto;
    height: 667px;
    display: block;
}

/* 关于我们 */

.about .title {
    text-align: center;
}

    .about .title h2 {
        margin-top: 20px;
        line-height: 0;
        font-size: 100%;
        font-weight: bold;
        color: #4b4b4b;
        font-family: Arial;
        font-size: 20px;
        text-transform: uppercase;
    }

    .about .title span {
        font-weight: bold;
        font-size: 16px;
        border: 0;
        display: block;
        font-size: 15px;
        margin: 10px 0 10px 0;
        color: #da0010;
    }

.about_img {
    padding: 0 25px;
}

    .about_img img {
        margin: 0 auto;
    }

    .about_img a {
        color: #4b4b4b;
        text-decoration: none;
        display: block;
    }

    .about_img p {
        color: #4b4b4b;
        font-size: 15px;
        line-height: 25px;
        text-indent: 2em;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
    }

.about0_more {
    display: block;
    color: #b7804a;
    text-align: center;
    border: 0.01rem solid #b7804a;
    transition: 0.5s;
    text-decoration: none;
    text-indent: 0;
    width: 1rem;
    height: 0.25rem;
    line-height: 0.25rem;
    margin: 0.2rem auto 0 auto;
    font-size: 0.14rem;
}

    .about0_more:active {
        background: #b7804a;
        color: #fff;
    }

/*回到顶部*/
.back_top {
    margin: 0px auto;
    width: 3.75rem;
    font-size: 20px;
    background: #4c4c4c;
    color: #fff;
    line-height: 40px;
    text-align: right;
    font-weight: bold;
    overflow: hidden;
}

.sanjiao {
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-color: transparent transparent #fff transparent;
    border-style: dotted dotted solid dotted;
    float: right;
    margin-top: 10px;
    margin-right: 15px;
    overflow: hidden;
}
/*按钮*/
#dragger1 {
    width: 50px;
    height: 20px;
    background: blue;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 15px;
    cursor: move;
}

.border {
    position: relative;
}


/*视频样式开始*/
.video video {
    width: 100%;
    height: 300px;
    background: #000;
}

.video p {
    text-align: center;
    font-size: 16px;
    color: #333;
    padding-bottom: 10px;
}
/*视频样式结束*/
/*招聘*/
.zhaopin {
    width: 100%;
    box-sizing: border-box;
}

.recruit_cont {
    width: 3.6rem;
    margin: 0 auto;
    padding-top: 20px;
}

.child-content .recruit-list .recruit-item {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.child-content .recruit-list {
    overflow: hidden;
}

    .child-content .recruit-list .recruit-title {
        float: left;
        width: 25%;
    }

        .child-content .recruit-list .recruit-title span {
            border: 0;
            display: block;
            font-size: 13px;
            color: #666;
        }

        .child-content .recruit-list .recruit-title .name {
            font-size: 16px;
            font-weight: bold;
            color: #d80c18;
            line-height: 30px;
        }

    .child-content .recruit-list .recruit-content {
        width: 50%;
        float: left;
        color: #666;
        font-size: 16px;
        line-height: 1.8em;
        height: 100px;
        overflow: hidden;
        transition: 0.5s;
    }

        .child-content .recruit-list .recruit-content p {
            font-size: 13px;
            line-height: 20px;
            margin: 0;
            padding: 0;
        }

    .child-content .recruit-list .recruit-btn {
        width: 20%;
        float: right;
        text-align: right;
    }

        .child-content .recruit-list .recruit-btn button {
            display: inline-block;
            border: 1px solid #d80c18;
            background-color: transparent;
            padding: 0px 3px;
            color: #f72b37;
            outline: none;
            cursor: pointer;
            position: relative;
            transition: 0.3s;
        }

            .child-content .recruit-list .recruit-btn button:after {
                position: absolute;
                display: block;
                content: '';
                width: 0;
                height: 100%;
                background-color: #d80c18;
                transition: 0.3s;
                top: 0;
                left: 0;
                z-index: -1;
            }

            .child-content .recruit-list .recruit-btn button.open {
                color: #fff;
            }

                .child-content .recruit-list .recruit-btn button.open:after {
                    width: 100%;
                }
/*导航2 */
.comuln_list {
    overflow: hidden;
    background: #4b4b4b;
    padding: 0 0 5px 0;
}

    .comuln_list li {
        float: left;
        width: 31%;
        height: 30px;
        border: 1px solid #ccc;
        margin-left: 5px;
        margin-top: 5px;
        text-align: center;
    }

        .comuln_list li a {
            text-decoration: none;
            display: inline-block;
            width: 100%;
            height: 100%;
            line-height: 30px;
            color: #fff;
        }

/*导航3*/
.listnav {
    list-style: none;
    overflow: hidden;
    width: 3.75rem;
}

    .listnav li {
        width: 33%;
        float: left;
        text-align: center;
        margin-top: 10px;
        /* font-size: 13px; */
        color: #4b4b4b;
    }

        .listnav li p:nth-child(1) {
            width: 50px;
            height: 50px;
            border-radius: 100%;
            background: #4b4b4b;
            position: relative;
            margin-left: 50%;
            transform: translateX(-50%);
        }

            .listnav li p:nth-child(1) em {
                font-size: 30px;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                color: #fff;
            }

        .listnav li p:nth-child(2) {
            margin-top: 5px;
            font-size: 15px;
        }


/* 合作案例 */

.case .case_img {
    width: 346px;
    height: 180px;
    margin: 10px auto;
    overflow: hidden;
}

    .case .case_img .case_move {
        display: flex;
        height: 180px;
    }

    .case .case_img dl {
        margin-right: 5px;
    }

    .case .case_img dt {
        width: 167px;
        height: 144px;
        border: 1px solid rgb(245, 228, 228);
    }

        .case .case_img dt a {
            width: 162px;
            height: 140px;
            margin: 3px 0 0 3px;
            color: #333;
            text-decoration: none;
            display: block;
        }

            .case .case_img dt a img {
                width: 100%;
                height: 100%;
                border: 0;
                display: block;
            }

    .case .case_img dd {
        width: 168px;
        text-align: center;
        font-size: 16px;
        color: #4b4b4b;
        margin: 10px 0 10px 0;
    }

/*简历*/
.page_head {
    height: 45px;
    line-height: 45px;
    color: #fff;
    background-color: #4b4b4b;
    text-align: center
}

.form_ctrl {
    margin: 5px
}

label {
    display: inline-block;
}

.ctrl_title {
    display: block;
    color: #2d2d2d;
    font-size: 16px;
    font-weight: bold;
}

.input_text input {
    border-color: #4b4b4b;
    width: 100%;
    padding: 5px 0;
    text-indent: 0.6em;
}

.form_radio input, .form_select input {
    margin: -4px 10px 0;
}

input[type="submit"] {
    border: hidden;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0;
    background-color: #ff6c00;
    color: white;
    font-weight: bold;
    border-radius: 5px;
}
/*底部列表*/
.fiex_dibu {
    width: 100%;
}

    .fiex_dibu .list {
        background: #4C4B4C;
        height: 50px;
        width: 100%;
        position: fixed;
        bottom: 0;
        overflow: hidden;
        z-index: 9999;
    }

        .fiex_dibu .list li {
            font-size: 15px;
            float: left;
            width: 25%;
            text-align: center;
        }

            .fiex_dibu .list li a {
                width: 100%;
                display: block;
                text-decoration: none;
                color: #fff;
            }

            .fiex_dibu .list li p:nth-child(1) {
                margin-top: 10px;
                font-size: 15px;
            }
/*公告*/
.scroll {
    margin: 15px 0;
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: 30px;
}

    .scroll ul {
        transform: translateY(0);
    }

.animate {
    -webkit-transition: all .3s ease-out;
}

.scroll img {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
}

.scroll li {
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    margin-left: 60px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #333;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

/*文章列表*/

.title_h2 {
    margin: 10px 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #4c4c4c;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.text_listzero {
    width: 3.75rem;
    overflow: hidden;
}

.article {
    overflow: hidden;
    padding-bottom: 10px;
}

    .article .news_list li {
        list-style: disc;
        margin-top: 10px;
    }

.news_list li a {
    font-size: 16px;
    height: auto;
    display: inline-block;
    text-decoration: none;
    color: #333;
    overflow: hidden;
    text-indent: 1.5em;
    height: 30px;
    line-height: 30px;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.article .news_list li {
    position: relative;
}

    .article .news_list li::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 5px;
        top: 12px;
        left: 8px;
        background: #666;
    }

    .article .news_list li span {
        float: right;
        margin-right: 20px;
        margin-top: 10px;
    }

.sr {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #4c4c4c;
    border-right: 1px solid #4c4c4c;
    transform: rotate(45deg);
}

.article > .page {
    margin-top: 10px;
    float: left;
    display: inline-block;
    width: 20%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #333;
    border-radius: 3px;
}

.article > .prev {
    opacity: .5;
    margin-left: 1em;
}

.article > .next {
    float: right;
    margin-right: 1em;
}
/*产品*/
.product {
    width: 3.5rem;
    margin: 0 auto;
}

    .product ul {
        margin-top: .1rem;
        overflow: hidden;
    }

    .product li {
        width: 48%;
        float: left;
        margin-right: 4%;
    }

        .product li:nth-child(even) {
            margin-right: 0;
        }

        .product li a {
            display: block;
            width: 100%;
        }

            .product li a img {
                width: 100%;
            }

        .product li p {
            font-size: .15rem;
            text-align: center;
            line-height: .4rem;
        }

    .product .cp0_more {
        display: block;
        color: #b7804a;
        text-align: center;
        border: 0.01rem solid #b7804a;
        transition: 0.5s;
        text-decoration: none;
        text-indent: 0;
        width: 1rem;
        height: 0.25rem;
        line-height: 0.25rem;
        margin: 0.2rem auto 0 auto;
        font-size: 0.14rem;
    }

        .product .cp0_more:active {
            background: #b7804a;
            color: #fff;
        }
/*产品列表*/
.btns_p {
    width: 3.5rem;
    margin: .1rem auto;
    overflow: hidden;
    display: flex;
    justify-content: space-around;
}

    .btns_p a {
        display: block;
        font-size: 0.13rem;
        padding: 0.02rem 0.05rem;
        background: #038910;
        color: #fff;
        /*float: left;
    margin-right: .1rem;*/
        transition: 1s;
        text-decoration: none;
    }

        .btns_p a:nth-child(3) {
            background: none;
            color: #333;
        }

/*产品详情页*/
.product_ > p:nth-child(1) {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    width: 90%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin: 0 auto;
}

.product_ > p:nth-child(2) {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}

.product_ .img_p {
    width: 100%;
    margin: 10px auto;
}

    .product_ .img_p img {
        width: 100%;
    }

.product_ .peizhi p {
    font-size: 17px;
    font-weight: bold;
    padding-left: 5px;
}

.product_ .peizhi ul {
    font-size: 14px;
    color: rgb(51, 51, 51);
}

    .product_ .peizhi ul li {
        margin-top: 8px;
        padding-left: 5px;
    }

        .product_ .peizhi ul li:nth-child(2) a {
            font-size: 12px;
            text-decoration: none;
            color: rgb(25, 142, 246);
        }

.foot_div {
    margin-top: 50px;
    font-size: 15px;
    color: rgb(51, 51, 51);
    overflow: hidden;
}

    .foot_div a {
        color: rgb(25, 142, 246);
        font-size: 14px;
        text-decoration: underline;
    }

    .foot_div span:first-child {
        float: left;
        margin-left: 10px;
    }

    .foot_div span:last-child {
        float: right;
        margin-right: 10px;
    }

/*文章2*/
.text2 {
    width: 100%;
    overflow: hidden;
}

.text_list1 {
    width: 100%;
    overflow: hidden;
}

.news2 {
    width: 3.6rem;
    margin: 0 auto;
    overflow: hidden;
}

    .news2 ul li a {
        display: block;
        overflow: hidden;
        border-bottom: 1px dashed #999;
        padding: .15rem 0;
    }

.n2_img {
    float: left;
    width: 1rem;
}

    .n2_img img {
        width: 100%;
        display: block;
    }

.n2_contain {
    float: right;
    width: 2.5rem;
}

    .n2_contain p:nth-child(1) {
        font-size: .15rem;
        color: #000;
    }

    .n2_contain p:nth-child(2) {
        font-size: .13rem;
        color: #666;
    }

    .n2_contain p:nth-child(3) {
        width: 100%;
        overflow: hidden;
        font-size: .12rem;
        color: #666;
        text-indent: 2em;
    }


.text2 .text2_more {
    display: block;
    color: #b7804a;
    text-align: center;
    border: 0.01rem solid #b7804a;
    transition: 0.5s;
    text-decoration: none;
    text-indent: 0;
    width: 1rem;
    height: 0.25rem;
    line-height: 0.25rem;
    margin: 0.2rem auto 0 auto;
    font-size: 0.14rem;
}

    .text2 .text2_more:active {
        background: #b7804a;
        color: #fff;
    }

/*产品详情1*/
.product_xq {
    width: 3.5rem;
    margin: 0rem auto;
}

    .product_xq .product_img {
        width: 100%;
        margin: 0 auto;
    }

        .product_xq .product_img img {
            width: 100%;
            height: auto;
        }

    .product_xq .product_txt {
        margin: .1rem 0;
    }

        .product_xq .product_txt h2 {
            font-size: .2rem;
            background: #038910;
            line-height: .3rem;
            color: #ccc;
            margin-bottom: .1rem;
        }

            .product_xq .product_txt h2 em {
                padding-left: .1rem;
                color: #fff;
            }

        .product_xq .product_txt p {
            font-size: .15rem;
            line-height: .3rem;
            text-indent: 2em;
        }

.fenye_xq {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding: .1rem 0;
    margin-top: .1rem;
}

    .fenye_xq h4 {
        line-height: .2rem;
        font-size: .15rem;
    }

        .fenye_xq h4 a {
            display: inline;
            line-height: .3rem;
            color: #038910;
            text-decoration: underline;
        }

/*底部1*/
.footer {
    width: 100%;
    box-sizing: border-box;
    width: 100%;
    padding: 0.1rem;
    background: #666 url(../m_images/footer_bg.jpg) no-repeat center;
    font-size: 0.13rem;
    color: white;
    overflow: hidden;
}

    .footer a {
        color: white;
        text-decoration: none;
    }

        .footer a:active {
            color: #ef1627;
        }

.footer_left {
    width: 1rem;
    float: left;
    text-align: center;
}

    .footer_left span {
        display: block;
        width: 100%;
        margin-bottom: 0.1rem;
    }

    .footer_left img {
        width: .6rem;
    }

.footer_right {
    width: 2.5rem;
    padding-left: 0.15rem;
    float: right;
    text-align: left;
    box-sizing: border-box;
    border-left: 0.01rem solid white;
}

/*栏目导航*/
.small_nav {
    width: 100%;
    height: .5rem;
    background: #11a81f
}

.ul_nav {
    height: 3.75rem;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
}
    /*.ul_nav li{
    width:50%;
    float: left;
}*/
    .ul_nav li a {
        display: block;
        width: 100%;
        height: .5rem;
        color: #fff;
        text-align: center;
        line-height: .5rem;
        font-size: .15rem;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .ul_nav li:nth-child(1) a {
        background: #016f09;
    }
/*栏目导航1*/
.c_nav {
    width: 3.75rem;
    height: .5rem;
    background: #333;
}

.c_list_nav {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

    .c_list_nav li {
        float: left;
        width: 25%;
    }

        .c_list_nav li a {
            display: block;
            width: 100%;
            height: .5rem;
            text-align: center;
            line-height: .5rem;
            color: #fff;
            font-size: .15rem;
        }

        .c_list_nav li:nth-child(1) a {
            background: #da0010
        }


/*栏目导航2*/

.more_nav {
    width: 3.6rem;
    overflow: hidden;
    margin: .1rem auto .1rem auto;
}

.tb_nav {
    overflow: hidden;
}

    .tb_nav li {
        float: left;
        margin: .02rem;
    }

        .tb_nav li a {
            display: block;
            width: 1.14rem;
            height: .34rem;
            text-align: center;
            font-size: .15rem;
            line-height: .34rem;
            border: .01rem solid #CCC;
            text-decoration: none;
            color: #333;
        }

        .tb_nav li:nth-child(1) a {
            background: #ea4d26;
            color: #fff;
        }
/*栏目导航3*/
.location {
    height: .4rem;
    padding: 0 .1rem;
    line-height: .4rem;
    font-size: .15rem;
    color: #fff;
    background: #ff9000;
    overflow: hidden;
    box-sizing: border-box;
}

    .location .directory_fl {
        float: left;
    }

    .location a {
        color: #fff;
        text-decoration: none;
        outline: none;
    }

    .location .directory_fr {
        float: right;
        width: .22rem;
        height: .22rem;
        margin-top: .07rem;
        font-size: 0;
    }

        .location .directory_fr > a {
            display: block;
            width: .22rem;
            height: .22rem;
        }

            .location .directory_fr > a > img {
                width: 100%;
                height: 100%;
                float: left;
            }

/*文章列表2*/
.text_list2 {
    width: 100%;
    overflow: hidden;
}

.two_news_list {
    width: 3.5rem;
    overflow: hidden;
    margin: 0 auto;
}

    .two_news_list li {
        width: 3.5rem;
        overflow: hidden;
        margin-bottom: .15rem;
        border-bottom: 1px solid #ccc;
        padding-bottom: .1rem;
    }

        .two_news_list li a {
            color: #333;
            text-decoration: none;
            outline: none;
        }

            .two_news_list li a h4 {
                font-size: .14rem;
                color: #333;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-weight: 400;
                margin: 0;
            }

            .two_news_list li a h6 {
                font-size: .12rem;
                color: #999;
                padding: .05rem 0;
                font-weight: 400;
                margin: 0;
            }

            .two_news_list li a h5 {
                font-size: .13rem;
                color: #666;
                overflow: hidden;
                font-weight: 400;
                margin: 0;
            }

.fen_page {
    width: 3.5rem;
    margin: 0 auto;
}

    .fen_page ul {
        overflow: hidden;
        width: 100%;
        display: flex;
        justify-content: space-around;
    }

    .fen_page li {
        padding: 0rem .04rem;
        /*float: left;*/
        /*margin: 0 .02rem;*/
        border: 1px solid #333;
        font-size: .12rem;
    }

        .fen_page li a {
            color: #666;
            display: block;
            text-decoration: none;
        }
/*文章列表3 分页样式和fen_page一样 已经忽略不写*/
.text_list3 {
    width: 3.75rem;
    overflow: hidden;
    margin: 0 auto;
}

.newbg {
    width: 100%;
    overflow: hidden;
    margin: .1rem auto;
}

    .newbg li {
        width: 3.5rem;
        overflow: hidden;
        border-bottom: 1px solid #ccc;
        padding: .1rem .1rem .1rem;
    }

    .newbg .archives_fl {
        width: .4rem;
        height: .4rem;
        background: #094;
        border-radius: .1rem;
        float: left;
    }

        .newbg .archives_fl .date {
            width: .4rem;
            height: .2rem;
            line-height: .2rem;
            color: #fff;
            text-align: center;
            font-size: .15rem;
            border-bottom: 1px solid #fff;
        }

        .newbg .archives_fl .time {
            width: .5rem;
            height: .15rem;
            line-height: .15rem;
            color: #fff;
            text-align: center;
            font-size: .12rem;
            -webkit-transform: scale(0.70) translateX(-.06rem);
        }

    .newbg .archives_fr {
        float: right;
        width: 3rem;
        line-height: .4rem;
        font-size: .14rem;
        color: #333;
        overflow: hidden;
        text-align: justify;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .newbg .archives_fr a {
            color: #333;
            text-decoration: none;
        }

/*文章详情1*/
.xiangqing {
    width: 3.75rem;
    margin: 0 auto;
}

    .xiangqing .xq_tit {
        width: 3.5rem;
        overflow: hidden;
        line-height: .2rem;
        padding: .1rem .1rem;
        font-size: .16rem;
        color: #333;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
    }

    .xiangqing .xq_time {
        width: 3.5rem;
        height: .3rem;
        line-height: .3rem;
        font-size: .13rem;
        color: #999;
        margin: 0 auto;
    }

    .xiangqing .details_fl {
        float: left;
    }

    .xiangqing .xq_con {
        width: 3.5rem;
        overflow: hidden;
        margin: .1rem auto .2rem;
        line-height: .16rem;
        font-size: .13rem;
        color: #666;
        line-height: .25rem;
    }

    .xiangqing .ny_xq_fanpian {
        width: 3.5rem;
        height: .2rem;
        line-height: .2rem;
        font-size: .14rem;
        color: #666;
        margin: .2rem auto;
    }

        .xiangqing .ny_xq_fanpian a {
            display: inline-block;
            float: right;
            width: 1rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-decoration: none;
        }

        .xiangqing .ny_xq_fanpian > .details_fr {
            float: right;
        }
/*导航4样式开始*/
.nav_head {
    width: 3.75rem;
    height: .55rem;
    position: relative;
    text-align: center;
    line-height: .55rem;
    border-bottom: 0.01rem solid #eee;
    overflow: hidden;
    z-index: 998;
}

.nav_logo {
    z-index: 999;
    position: absolute;
    float: left;
}

    .nav_logo a {
        display: block;
        height: 0.55rem;
        overflow: hidden;
    }

        .nav_logo a img {
            height: 100%;
            float: left;
        }

.nav_menu_btn {
    width: .28rem;
    height: .22rem;
    font-size: 0;
    position: relative;
    right: .2rem;
    top: .15rem;
    float: right;
    overflow: hidden;
}

    .nav_menu_btn img {
        width: 100%;
        height: 100%;
        float: left;
    }

.cebianbg {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    background-color: rgba(0, 0, 0, 0.5);
}

.cebian {
    width: 2rem;
    height: 100%;
    position: fixed;
    top: 0;
    left: -2rem;
    z-index: 1003;
    background: url("//static.ruituoyun.com/images/layout/image/menu.jpg") no-repeat top;
}

.head_list {
    margin: .6rem auto 0;
    width: 2rem;
}

    .head_list li {
        width: 2rem;
        height: .5rem;
        text-align: center;
        line-height: .5rem;
        font-size: .16rem;
        cursor: pointer;
        position: relative;
        margin: 0;
        letter-spacing: 0.04rem;
    }

        .head_list li a {
            display: block;
            color: #FFF;
            text-decoration: none;
        }

    .head_list .sel {
        background: rgba(255, 255, 255, 0.4);
    }

        .head_list .sel a {
            display: block;
            color: #ef1627;
        }
/*导航4样式结束*/

/*留言1样式开始*/

.leave {
    width: 100%;
    overflow: hidden;
}

.dinggou {
    width: 300px;
    margin: 0 auto;
}

    .dinggou table tr {
        font-size: 0;
        margin-bottom: 10px;
    }

    .dinggou .sx {
        font-size: 0;
        width: 70px;
        height: 40px;
        font-size: 13px;
        color: #617787;
        line-height: 40px;
    }

    .dinggou .srk {
        width: 230px;
        height: 22px;
        border: 1px solid #617787;
        border-radius: 3px;
        margin: 10px 0;
    }

    .dinggou .bz {
        width: 230px;
        height: 60px;
        border: 1px solid #617787;
        border-radius: 3px;
        margin: 10px 0;
    }

    .dinggou .tj {
        width: 50px;
        height: 22px;
        background: #ce0015;
        margin-left: 40px;
        margin-top: 10px;
        border-radius: 4px;
        color: #fff;
        font-size: 14px;
        letter-spacing: 2px;
        border: none;
    }

    .dinggou .cz {
        width: 50px;
        height: 22px;
        background: #ccc;
        margin-left: 33px;
        margin-top: 10px;
        border-radius: 4px;
        color: #fff;
        font-size: 14px;
        letter-spacing: 2px;
        border: none;
    }
/*留言1 样式结束*/

/*产品列表1样式开始*/
.proList1 {
    width: 100%;
    overflow: hidden;
}

.all_list {
    width: 3.5rem;
    margin: 0 auto;
    overflow: hidden;
}

    .all_list .imgList {
        margin-top: .1rem;
        overflow: hidden;
    }

        .all_list .imgList li {
            width: 48%;
            float: left;
            margin-right: 4%;
            margin-bottom: 2%;
        }

            .all_list .imgList li:nth-child(even) {
                margin-right: 0;
            }

            .all_list .imgList li a {
                display: block;
                width: 1.65rem;
                height: 1.2rem;
            }

                .all_list .imgList li a img {
                    width: 100%;
                    height: 100%;
                    box-sizing: border-box;
                }

            .all_list .imgList li p {
                font-size: .15rem;
                text-align: center;
                line-height: .4rem;
            }

    .all_list .pro1_page {
        width: 3.5rem;
        margin: 0 auto;
    }

        .all_list .pro1_page ul {
            overflow: hidden;
            width: 100%;
            display: flex;
            justify-content: space-around;
        }

        .all_list .pro1_page li {
            padding: 0rem .04rem;
            border: 1px solid #333;
            font-size: .12rem;
        }

            .all_list .pro1_page li a {
                color: #666;
                text-decoration: none;
                display: block;
            }
/*产品列表1样式结束*/
/*产品1样式开始*/
.cp_img {
    width: 100%;
    overflow: hidden;
}

.pro_sj {
    width: 3.5rem;
    overflow: hidden;
    margin: 0 auto;
}

    .pro_sj ul {
        overflow: hidden;
        padding-top: .1rem;
    }

        .pro_sj ul li {
            width: 48%;
            float: left;
            margin-right: 4%;
        }

            .pro_sj ul li:nth-child(2n) {
                margin-right: 0;
            }

            .pro_sj ul li a {
                display: block;
                width: 100%;
                text-decoration: none;
            }

            .pro_sj ul li img {
                display: block;
                width: 100%;
                border: 1px solid #bf1a20;
                box-sizing: border-box;
            }

            .pro_sj ul li h5 {
                font-size: .15rem;
                color: #333;
                text-align: center;
                line-height: .4rem;
                margin: 0;
            }


.cp_img .cp1_more {
    display: block;
    color: #b7804a;
    text-align: center;
    border: 0.01rem solid #b7804a;
    transition: 0.5s;
    text-decoration: none;
    text-indent: 0;
    width: 1rem;
    height: 0.25rem;
    line-height: 0.25rem;
    margin: 0.2rem auto 0 auto;
    font-size: 0.14rem;
}

    .cp_img .cp1_more:active {
        background: #b7804a;
        color: #fff;
    }
/*产品样式1结束*/
/*简介1样式开始*/
.jianjie1 {
    width: 100%;
    overflow: hidden;
}

.abt_1 {
    width: 3.5rem;
    overflow: hidden;
    margin: .35rem auto;
}

    .abt_1 .bg_abt {
        width: 2.74rem;
        height: .16rem;
        background: url(//static.ruituoyun.com/images/layout/image/jj_tit.png);
        background-size: cover;
        margin: 0 auto .25rem;
    }

    .abt_1 .cotanin {
        width: 3.5rem;
        overflow: hidden;
        font-size: .12rem;
        color: #666;
        line-height: .2rem;
    }

.about1_more {
    display: block;
    color: #b7804a;
    text-align: center;
    border: 0.01rem solid #b7804a;
    transition: 0.5s;
    text-decoration: none;
    text-indent: 0;
    width: 1rem;
    height: 0.25rem;
    line-height: 0.25rem;
    margin: 0.2rem auto 0 auto;
    font-size: 0.14rem;
}

    .about1_more:active {
        background: #b7804a;
        color: #fff;
    }
/*简介1样式结束*/
/*产品2样式开始*/
.obj_box {
    background: white;
    box-sizing: border-box;
    padding: 0 0.06rem;
    overflow: hidden;
}

.product_con {
    overflow: hidden;
    width: 3.75rem;
    margin: 0.15rem auto 0.2rem
}

.pro_img2 ul {
    overflow: hidden;
    margin: 0.1rem auto 0;
}

    .pro_img2 ul li a {
        display: block;
        text-decoration: none;
    }

    .pro_img2 ul li {
        width: 24%;
        float: left;
        margin: 0 0.5% 0.05rem;
    }

        .pro_img2 ul li a {
            width: 100%;
            height: .9rem;
            background: #b7804a;
            position: relative;
            overflow: hidden;
            background: url("//static.ruituoyun.com/images/layout/image/pro_bg.jpg") center 100%;
        }

        .pro_img2 ul li:nth-child(n+5) {
            width: 32.3%;
        }

            .pro_img2 ul li:nth-child(n+5) a {
                width: 100%;
            }

        .pro_img2 ul li a .pro_list2 {
            width: 100%;
            padding: 0.15rem 0.3rem;
            height: .5rem;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .pro_img2 ul li a .pro_list2 img {
                width: .3rem;
                margin: 0 auto;
                display: block;
            }

        .pro_img2 ul li a h3 {
            margin: 0;
            text-align: center;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            color: #fff;
            font-size: 12px;
            -webkit-transform: scale(0.80);
            margin: 0;
            line-height: 20px;
        }
/*产品2样式结束*/
/*简介2样式开始*/
.about2_tit {
    color: #fff;
    font-size: 0.12rem;
    text-indent: 0.36rem;
    line-height: 0.30rem;
    background: url(//static.ruituoyun.com/images/layout/image/about2_bg.jpg) top no-repeat;
    background-size: cover;
    width: 3.75rem;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0.15rem 0.06rem;
}

    .about2_tit .tit2_jj {
        color: #fff;
        text-indent: 0rem;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        font-size: 0.24rem;
        color: #333;
        line-height: 0.3rem;
        position: relative;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .about2_tit .tit2_jj h1 {
            color: #fff;
            font-weight: normal;
            font-size: 20px;
            margin: 0;
            line-height: normal;
        }

        .about2_tit .tit2_jj p {
            color: #fff;
            font-size: 15px;
        }

    .about2_tit p {
        color: #fff;
        margin: 0 0.2rem;
        line-height: .25rem;
        font-size: .14rem;
    }

    .about2_tit .more2_jj {
        color: #fff;
        border: 0.01rem solid #fff;
        text-indent: 0;
        display: block;
        width: 1rem;
        height: 0.25rem;
        line-height: 0.25rem;
        margin: 0.2rem auto 0 auto;
        font-size: 0.14rem;
        color: #fff;
        text-align: center;
        transition: 0.5s;
        text-decoration: none;
    }

        .about2_tit .more2_jj:active {
            background: #008594;
            color: #fff;
            transition: 0.5s;
        }
/*简介2样式结束*/
/*合作案例1样式开始*/
.all_client {
    width: 3.75rem;
    background: white;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0.06rem;
    overflow: hidden;
}

    .all_client .title2_us h1 {
        margin: 0;
        color: #333;
        font-weight: normal;
        font-size: 20px;
        text-align: center;
    }

    .all_client .title2_us p {
        text-align: center;
        font-size: 15px;
        color: #333;
    }

.join2_us {
    width: 100%;
}

    .join2_us ul {
        overflow: hidden;
    }

        .join2_us ul li a {
            display: block;
            text-decoration: none;
        }

        .join2_us ul li {
            width: 49%;
            float: left;
        }

            .join2_us ul li a {
                width: 100%;
                margin: 0.07rem auto;
                line-height: 0.6rem;
                background: #b7804a;
                border-radius: 0.1rem;
                height: 0.5rem;
                padding: 0.025rem;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                overflow: hidden;
            }

            .join2_us ul li:nth-child(2n) {
                float: right;
            }

            .join2_us ul li a h3,
            .join2_us ul li a h4 {
                display: inline-block;
            }

            .join2_us ul li a h3 {
                margin: 0;
                float: left;
                width: 0.45rem;
                height: .45rem;
                line-height: .45rem;
                border-radius: 50%;
                background: #fff;
                color: #b7804a;
                font-size: 0.2rem;
                text-align: center;
                font-weight: normal;
            }

            .join2_us ul li a h4 {
                margin: 0;
                float: left;
                color: #fff;
                font-size: 0.13rem;
                line-height: 0.45rem;
                text-indent: 0.15rem;
                font-weight: normal;
            }
/*合作案例样式结束*/
/*文章3样式开始*/
.all_xw {
    width: 3.75rem;
    background: white;
    box-sizing: border-box;
    margin-bottom: 0.2rem;
    padding: 0 0.06rem;
    overflow: hidden;
}


/*另一种样式开始*/

/*另一种样式结束*/
.center_new {
    width: 100%;
}

    .center_new ul {
        padding: 0 0.15rem;
    }

        .center_new ul li {
            width: 100%;
            height: .8rem;
            padding: 0.1rem 0;
            box-sizing: border-box;
            border-top: 0.01rem solid #ccc;
        }

            .center_new ul li:first-child {
                border: none;
            }

        .center_new ul .news_time {
            width: 0.55rem;
            height: 0.55rem;
            background: #b7804a;
            float: left;
            box-sizing: border-box;
            margin-right: 0.1rem;
            padding-top: 0.1rem;
            font-size: 0.12rem;
            color: #fff;
            text-align: center;
            margin-top: 7px;
        }

    .center_new .news_time span:first-child {
        font-size: 25px;
        font-weight: bold;
        line-height: 0.2rem;
    }

    .center_new .xw_title {
        float: right;
        width: 2.63rem;
        text-align: justify;
    }

        .center_new .xw_title a {
            text-decoration: none;
            display: block;
            color: #333;
        }

        .center_new .xw_title h3 {
            margin: 0;
            font-size: 0.14rem;
            line-height: 28px;
            font-weight: normal;
        }

        .center_new .xw_title p {
            font-size: 0.12rem;
            color: #666;
            /* margin: 0.08rem 0; */
            letter-spacing: 0.05em;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

    .center_new .xw_more {
        display: block;
        color: #b7804a;
        text-align: center;
        border: 0.01rem solid #b7804a;
        transition: 0.5s;
        text-decoration: none;
        text-indent: 0;
        width: 1rem;
        height: 0.25rem;
        line-height: 0.25rem;
        margin: 0.2rem auto 0 auto;
        font-size: 0.14rem;
    }

        .center_new .xw_more:active {
            background: #b7804a;
            color: #fff;
        }
/*文章3样式结束*/
/*回到顶部1组件样式开始*/
.backT {
    width: 0.3rem;
    height: 0.3rem;
    background: rgba(102, 102, 102, 0.6) url(//static.ruituoyun.com/images/drag/PC/re_top.png) no-repeat center;
    background-size: .2rem .2rem;
    /*position: fixed;
    right: 0.1rem;
    bottom: 1.8rem;*/
    z-index: 9999;
}
/*回到顶部1样式结束*/
/*招聘1样式开始*/
.child_content {
    width: 3.75rem;
    box-sizing: border-box;
    padding: 0.1rem;
    color: #333;
    margin: 0 auto 0.4rem;
}

.no-js .cd-faq-items {
    position: static;
    height: auto;
    width: 100%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.cd-close-panel {
    position: fixed;
    top: 0.05rem;
    right: -100%;
    display: block;
    height: 0.4rem;
    width: 0.4rem;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    z-index: 2;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: right 0.4s;
    -moz-transition: right 0.4s;
    transition: right 0.4s;
}

.no-js .cd-faq-group {
    display: block;
}

.cd-faq-items ul li .a-1 {
    font-size: 0.12rem;
    float: left;
    color: #000;
    width: 20%;
    line-height: 0.56rem;
    text-align: center;
}


.cd-faq-trigger {
    position: relative;
    display: block;
    height: 0.56rem;
    border-bottom: 0.01rem dashed #000;
}

    .cd-faq-trigger::before,
    .cd-faq-trigger::after {
        position: absolute;
        content: '';
        right: 0.2rem;
        top: 50%;
        height: 0.02rem;
        width: 0.13rem;
        background: #8fc321;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

    .cd-faq-trigger::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        right: 28px;
    }

    .cd-faq-trigger::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.content-visible .cd-faq-trigger::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.content-visible .cd-faq-trigger::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cd-faq-content p {
    padding: 0.2rem 0.2rem 0.2rem 0.2rem;
    text-indent: 0;
    font-size: 0.12rem;
    line-height: 0.2rem;
    color: #000;
}

.cd-faq-content {
    display: none;
}

.set-middle-item .job {
    width: 100%;
    margin: 0 auto;
}

.headst {
    width: 100%;
    height: 0.3rem;
}

    .headst tr td {
        font-size: 0.15rem;
        height: 0.45rem;
        line-height: 0.45rem;
        text-align: center;
        width: 20%;
        background: #8fc321;
        color: #fff;
        display: table-cell;
    }

.a-1 span {
    float: none;
}

.i_zxmelc2 p span {
    float: none !important;
    font-style: normal !important;
    color: #666 !important
}
/*招聘1样式结束*/
/*栏目导航4样式开始*/
.cebianbg_two {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1001;
    background-color: rgba(0, 0, 0, 0.5);
}

.cebian_two {
    width: 2rem;
    height: 100%;
    position: fixed;
    top: 0;
    right: -2rem;
    z-index: 1003;
    background: url("//static.ruituoyun.com/images/layout/image/lanmumenu.jpg") no-repeat top;
    overflow: scroll;
}

.menu_list_two {
    margin: 1rem auto 0;
    width: 2rem;
}

    .menu_list_two li {
        width: 100%;
        text-align: center;
        line-height: .5rem;
        font-size: .18rem;
        cursor: pointer;
        position: relative;
        margin: 0;
        letter-spacing: 0.04rem;
    }

        .menu_list_two li a {
            text-decoration: none;
            color: #FFF;
        }

    .menu_list_two .sel {
        background: rgba(255, 255, 255, 0.8);
    }

        .menu_list_two .sel a {
            color: #b7804a;
            font-weight: bold;
        }

.menu_list_three_div {
    width: 100%;
    margin: 0.2rem auto;
    overflow: scroll;
}

.menu_list_three {
    line-height: 0.6rem;
    background: #fafafa;
}

    .menu_list_three li {
        float: left;
        min-width: 1.6rem;
    }

        .menu_list_three li a {
            color: #444;
            font-size: 0.2rem;
        }

        .menu_list_three li.click {
            background: rgba(37, 87, 169, 0.9);
        }

            .menu_list_three li.click a {
                color: #fff;
                font-size: 0.2rem;
            }

.child_title {
    width: 3.75rem;
    text-align: center;
    box-sizing: border-box;
    margin: 0.15rem auto;
    background: white;
    padding: 0.1rem 0;
}

    .child_title h1 {
        margin: 0;
        font-size: 0.18rem;
        color: #b7804a;
        font-weight: normal;
        line-height: 0.3rem;
    }

    .child_title p {
        font-size: 0.14rem;
        color: #ccc;
        text-transform: uppercase;
    }

.all_lmnav {
    display: block;
    width: 1rem;
    height: 0.25rem;
    line-height: 0.25rem;
    margin: 0.2rem auto 0 auto;
    font-size: 0.13rem;
    color: #b7804a;
    text-align: center;
    border: 0.01rem solid #b7804a;
    transition: 0.5s;
    text-decoration: none;
}

    .all_lmnav:active {
        background: #b7804a;
        color: #fff;
        text-decoration: none;
    }
/*栏目导航4样式结束*/
/*底部列表1样式开始*/
.tab_bar {
    width: 3.75rem;
    height: 0.55rem;
    margin: 0 auto;
    padding: 0 0.1rem;
    box-sizing: border-box;
    background: #b7804a;
    /*position: fixed;
    bottom: 0;*/
    /*border-top: 1px solid #CCC;*/
    z-index: 9999;
}

    .tab_bar ul {
        overflow: hidden;
    }

        .tab_bar ul li {
            width: 25%;
            height: 0.55rem;
            float: left;
            text-align: center;
            background: url(//static.ruituoyun.com/images/layout/image/footer_btn.png) no-repeat;
            background-size: 235px;
            transition: 0.3s;
        }

            .tab_bar ul li a {
                display: block;
                width: 100%;
                height: 100%;
                color: #fff;
                line-height: .9rem;
                font-size: 0.15rem;
                text-decoration: none;
            }

            .tab_bar ul li:nth-child(1) {
                background-position: .25rem 0.04rem;
            }

            .tab_bar ul li:nth-child(2) {
                background-position: -0.4rem 0.04rem;
            }

            .tab_bar ul li:nth-child(3) {
                background-position: -1.1rem 0.04rem;
            }

            .tab_bar ul li:nth-child(4) {
                background-position: -1.8rem 0.04rem;
            }

        .tab_bar ul .tab_active {
            background: url(//static.ruituoyun.com/images/layout/image/footer_btn_active.png) no-repeat;
            background-size: 235px;
        }

            .tab_bar ul .tab_active a {
                color: #1098ec;
            }
/*底部列表1样式结束*/
/*导航5样式开始*/
.top_nav {
    width: 3.75rem;
    height: .55rem;
    text-align: center;
    line-height: .55rem;
    z-index: 998;
    /*background: url(../m_images/top_bg.jpg) no-repeat center;*/
}

    .top_nav h1 {
        font-size: 0.18rem;
        color: #aa0c03;
        width: 2.6rem;
        float: left;
        font-weight: normal;
        letter-spacing: 0.1em;
        margin: 0;
        line-height: .55rem;
    }

.back_btn {
    width: 0.55rem;
    height: 0.55rem;
    float: left;
    text-align: center;
}

    .back_btn a {
        display: block;
        width: 100%;
        height: 100%;
        background: url(//static.ruituoyun.com/images/drag/SJ/back_btn.png) no-repeat center;
        background-size: .33rem
    }

.logo_nav {
    /*z-index: 999;*/
    height: .55rem;
    position: absolute;
    left: .2rem;
    float: left;
    display: flex;
    align-items: center;
}

    .logo_nav a {
        display: block;
        height: 0.45rem;
    }

        .logo_nav a img {
            display: block;
            height: 100%;
            float: left;
        }

.menu_btn_nav {
    width: .28rem;
    height: .22rem;
    cursor: pointer;
    position: relative;
    right: .2rem;
    top: .15rem;
    float: right;
}

    .menu_btn_nav img {
        width: 100%;
        height: 100%;
        float: right;
    }

.cebianbg_nav {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    background-color: rgba(0, 0, 0, 0.5);
}

.cebian_nav {
    width: 2rem;
    height: 100%;
    position: fixed;
    top: 0;
    left: -2rem;
    z-index: 1003;
    background: #fff;
}

.menu_list_nav {
    overflow: hidden;
    width: 2rem;
}

.menu_head_nav {
    width: 2rem;
    height: .4rem;
    border-bottom: 1px solid #ccc;
    text-align: center;
    line-height: .4rem;
    font-size: .16rem;
    color: #333;
    cursor: pointer;
    position: relative;
    margin: 0;
    float: left;
}

    .menu_head_nav a {
        color: #FFF;
    }

.menu_head1_nav {
    width: 2rem;
    height: .4rem;
    text-align: center;
    line-height: .4rem;
    font-size: .14rem;
    color: #333;
    cursor: pointer;
    position: relative;
    font-weight: bold;
    margin: 0;
    float: left;
    display: block;
}

    .menu_head1_nav a {
        color: #333;
        font-size: 0.14rem;
        font-weight: normal;
    }

.menu_body_nav {
    width: 2rem;
    height: auto;
    overflow: hidden;
    line-height: .3rem;
    background: #f3f3f3;
}

    .menu_body_nav a {
        display: block;
        font-size: .14rem;
        width: 2rem;
        height: .4rem;
        text-align: center;
        line-height: .4rem;
        color: #555;
        background: #fff;
        text-decoration: none;
        border-bottom: 1px solid #999;
    }

        .menu_body_nav a:hover {
            text-decoration: none;
        }
/*导航5样式结束*/
/*栏目导航5样式开始*/
.child_nav5 {
    height: 0.5rem;
    /* border-bottom: 0.01rem solid #ccc; */
    background: white;
    width: 3.75rem;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
}

    .child_nav5::-webkit-scrollbar {
        height: 2px; /*宽对应滚动条的尺寸*/
    }
    /*轨道*/
    /* .scrollcontainer_auto::-webkit-scrollbar-track{
                        background: yellow;
		} */
    /*滑块*/
    .child_nav5::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background: #ccc;
    }
    /*.child_nav5 ul {
    overflow: hidden;
}*/

    .child_nav5 ul li {
        height: 0.45rem;
        float: left;
        width: 1.5rem;
        box-sizing: border-box;
    }

    .child_nav5 a {
        text-decoration: none;
        font-size: 0.16rem;
        width: 100%;
        text-align: center;
        color: #666;
        border-right: 0.01rem solid #CCC;
        margin: 0.15rem 0;
        display: block;
    }

/*.child_nav5 li:nth-last-child(2) a {
    border: none;
}*/

.child_nav5_active {
    color: #00c400;
    border-bottom: 0.02rem solid #0071c1;
}

    .child_nav5_active a {
        color: #0071c1;
    }
/*栏目导航5样式结束*/
/*合作案例2样式开始*/
.handshake {
    width: 3.75rem;
    background: white;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0rem 0.15rem;
}

.introduce_tit2 {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

    .introduce_tit2 h1 {
        font-size: 0.16rem;
        color: #0071c1;
        font-weight: normal;
        line-height: 0.2rem;
        margin: 0;
    }

        .introduce_tit2 h1 span {
            color: #f4ab28;
        }

    .introduce_tit2 > span {
        display: block;
        margin: 0 auto;
        font-size: 0.12rem;
        color: #999;
        text-transform: uppercase;
        line-height: 0.2rem;
        box-sizing: border-box;
    }

    .introduce_tit2 .line {
        width: 40px;
        height: 1px;
        margin: 0.05rem auto;
        background: #0071c1;
    }

.product_adv_list {
    overflow: hidden;
}

    .product_adv_list ul {
        width: 100%;
        /* margin: 0.3rem auto 0 auto; */
        overflow: hidden;
    }

        .product_adv_list ul li {
            width: 50%;
            height: 1.5rem;
            float: left;
            overflow: hidden;
            writing-mode: vertical-rl;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .product_adv_list ul li a {
                display: block;
                color: #0071c1;
                text-decoration: none;
            }

            .product_adv_list ul li img {
                width: 100%;
            }

            .product_adv_list ul li:nth-child(2),
            .product_adv_list ul li:nth-child(3),
            .product_adv_list ul li:nth-child(6),
            .product_adv_list ul li:nth-child(7) {
                background: white;
                box-sizing: border-box;
                padding: 0.2rem 0.6rem;
            }

                .product_adv_list ul li:nth-child(2) h3,
                .product_adv_list ul li:nth-child(3) h3,
                .product_adv_list ul li:nth-child(6) h3,
                .product_adv_list ul li:nth-child(7) h3 {
                    font-family: 'SimSun', serif;
                    font-size: 0.18rem;
                    font-weight: bold;
                    line-height: 0.4rem;
                }

                .product_adv_list ul li:nth-child(2) p,
                .product_adv_list ul li:nth-child(3) p,
                .product_adv_list ul li:nth-child(6) p,
                .product_adv_list ul li:nth-child(7) p {
                    font-size: 0.12rem;
                    letter-spacing: 0.2em;
                    line-height: 0.2rem;
                }

.handshake .handshake_more {
    display: block;
    width: 1rem;
    height: 0.2rem;
    line-height: 0.2rem;
    margin: 0.1rem auto 0 auto;
    font-size: 0.12rem;
    color: #0071c1;
    text-align: center;
    border: 0.01rem solid #0071c1;
    transition: 0.5s;
    text-decoration: none;
}
/*合作案例2样式结束*/
/*栏目导航6样式开始*/
.lm_nav6 {
    line-height: 0rem;
    border-bottom: 0.01rem solid #ccc;
    padding-top: 0rem;
    background: white;
    width: 3.75rem;
    margin: 0 auto;
}

    .lm_nav6 ul {
        overflow: hidden;
    }

        .lm_nav6 ul li {
            height: 0.45rem;
            float: left;
            width: 25%;
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            align-items: center
        }

    .lm_nav6 a {
        height: .2rem;
        line-height: .2rem;
        font-size: 0.14rem;
        display: inline-block;
        width: 100%;
        text-align: center;
        color: #666;
        border-right: 0.01rem solid #CCC;
        text-decoration: none;
    }

    .lm_nav6 li:nth-child(4) a {
        border: none;
        text-decoration: none;
    }

.lm_nav6_active {
    color: #00c400;
    border-bottom: 0.02rem solid #0a408a;
}

    .lm_nav6_active a {
        color: #0a408a;
    }
/*栏目导航6样式结束*/
/*联系方式样式开始*/
.tel {
    width: 100%;
    height: 0.4rem;
    margin: 0.2rem auto;
    line-height: 0.4rem;
    text-align: center;
}

    .tel a img {
        position: absolute;
        width: .15rem;
        top: 50%;
        left: .3rem;
        transform: translateY(-50%)
    }

    .tel a {
        display: block;
        background: #0071c1;
        color: white;
        width: 3.2rem;
        margin: 0 auto;
        border-radius: 0.07rem;
        font-size: 0.14rem;
        text-indent: 2em;
        text-decoration: none;
        position: relative;
    }
/*联系方式样式结束*/
/*产品3样式开始*/
.pro3_all {
    width: 100%;
    background: white;
    box-sizing: border-box;
    margin-bottom: 0.2rem;
    padding: 0.1rem 0.1rem;
}

.pro3_menus {
    margin: 0.2rem 0.1rem;
    overflow: hidden;
}

    .pro3_menus ul {
        width: 100%;
        border-bottom: 0.02rem solid #0071c1;
        border-top: 0.02rem solid #0071c1;
        position: relative;
        float: left;
    }

    .pro3_menus li {
        float: left;
        width: 32.5%;
        height: 0.4rem;
        line-height: 0.4rem;
        text-align: center;
        cursor: pointer;
        color: #000;
        border: 0.01rem dashed #eee;
        font-size: 0.14rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

        .pro3_menus li.on {
            color: #fff;
            background: #0071c1;
        }

.cp3_tab {
    height: 2rem;
    border: 0.01rem solid #aaa;
    margin-top: 0.2rem;
    text-align: center;
    color: #666;
    font-weight: bold;
    display: none;
    padding: 0.1rem;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.product-fl {
    width: 48%;
    height: 100%;
    float: left;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

    .product-fl img {
        max-height: 100%;
        max-width: 100%;
        display: block;
    }

.product-fr {
    width: 50%;
    height: 100%;
    float: right;
    /*padding:20px;*/
    box-sizing: border-box;
    text-align: left;
}

    .product-fr h3 {
        margin: 0;
        font-size: 0.16rem;
        color: #111;
        font-weight: 500;
        line-height: 0.50rem;
        overflow: hidden;
        /*内容超出后隐藏*/
        text-overflow: ellipsis;
        /* 超出内容显示为省略号*/
        white-space: nowrap;
        /*文本不进行换行*/
    }

    .product-fr p {
        font-size: 0.12rem;
        color: #666;
        text-indent: 0.32rem;
        line-height: 0.36rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden;
    }

.show {
    display: block;
}


.pro3_all .cp3_more {
    display: block;
    width: 1rem;
    height: 0.25rem;
    line-height: 0.25rem;
    margin: 0.1rem auto 0 auto;
    font-size: 0.12rem;
    color: #0071c1;
    text-align: center;
    border: 0.01rem solid #0071c1;
    transition: 0.5s;
    text-decoration: none;
}
/*产品3样式结束*/
/*产品4样式开始*/
.tp_flex {
    width: 100%;
    padding: 0 .1rem;
    box-sizing: border-box
}

.list_tp {
    width: 100%;
    overflow: hidden;
}

    .list_tp li {
        width: 48%;
        float: left;
        margin-top: 10px;
    }

        .list_tp li a {
            display: block;
            position: relative;
            width: 100%;
            font-size: 20px;
            color: #fff;
            box-sizing: border-box;
            text-decoration: none;
        }

        .list_tp li:nth-child(2n) {
            float: right;
        }

        .list_tp li a img {
            width: 100%;
        }

        .list_tp li a span {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            display: block;
            text-align: center;
        }

.tp_flex .cp4_more {
    display: block;
    color: #b7804a;
    text-align: center;
    border: 0.01rem solid #b7804a;
    transition: 0.5s;
    text-decoration: none;
    text-indent: 0;
    width: 1rem;
    height: 0.25rem;
    line-height: 0.25rem;
    margin: 0.2rem auto 0 auto;
    font-size: 0.14rem;
}

    .tp_flex .cp4_more:active {
        background: #b7804a;
        color: #fff;
    }
/*产品4样式结束*/
/*历程样式开始*/
.history {
    width: 3.75rem;
    min-height: 4rem;
    background: white;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0.1rem;
}

    .history ul li {
        margin-bottom: 0.1rem;
        font-size: 18px;
        color: #333;
    }

        .history ul li .date {
            overflow: hidden;
        }

            .history ul li .date img {
                float: left;
                width: 0.25rem;
                height: 0.25rem;
                background: #b7804a;
                border-radius: 50%;
                margin: 0 0.1rem;
            }

            .history ul li .date h2 {
                font-size: 0.16rem;
                text-indent: 0;
                line-height: 0.25rem;
                font-weight: normal;
                margin: 0;
            }

    .history p {
        text-indent: 2em;
        font-size: 0.16rem;
        line-height: 0.3rem;
        box-sizing: border-box;
        padding: 0.1rem;
    }
/*历程样式结束*/
/*产品5样式开始*/
.c5_prodcut {
    width: 100%;
    box-sizing: border-box;
    /* margin-bottom: 0.2rem; */
    padding: 0.2rem 0.1rem;
}

.c5_navbar {
    width: 100%;
    /*background-color: white;*/
    box-sizing: border-box;
    font-size: 0.22rem;
    color: #666;
    margin-bottom: 0.1rem;
    /*border-top: 0.01rem solid #d7d7d7;*/
}

    .c5_navbar ol {
        width: 3.5rem;
        height: 1rem;
        margin: 0 auto;
        overflow: hidden;
    }

        .c5_navbar ol li {
            width: 25%;
            float: left;
            text-align: center;
        }

            .c5_navbar ol li div {
                width: 0.55rem;
                height: 0.55rem;
                margin: 0 auto;
                border-radius: 0.44rem;
                overflow: hidden;
                background-color: #0ca944;
            }

            .c5_navbar ol li a {
                display: block;
                height: 100%;
                width: 100%;
                background: url(//static.ruituoyun.com/images/drag/SJ/btn_icon.png) no-repeat;
            }

            .c5_navbar ol li span {
                display: block;
                color: #0ca944;
                font-size: 0.14rem;
                margin-top: 0.1rem;
            }

            .c5_navbar ol li:nth-child(1) div a {
                background-position: .02rem .08rem;
                background-size: 2rem;
            }

            .c5_navbar ol li:nth-child(2) div a {
                background-position: -.48rem .08rem;
                background-size: 2rem;
            }

            .c5_navbar ol li:nth-child(3) div a {
                background-position: -.98rem .08rem;
                background-size: 2rem;
            }

            .c5_navbar ol li:nth-child(4) div a {
                background-position: -1.48rem .08rem;
                background-size: 2rem;
            }

.c5_prodcut ul {
    width: 100%;
    padding: 10px 0rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

    .c5_prodcut ul li {
        width: 48%;
        float: left;
        margin: 0 1% .2rem;
    }

.c5_pro-box {
    width: 100%;
    height: auto;
    /*margin: 3.3px;*/
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
    border-radius: 3px;
    transition: .5s;
    box-sizing: border-box
}

    .c5_pro-box .c5_pro-img {
        width: 100%;
        padding: 10px;
        padding-bottom: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
    }

        .c5_pro-box .c5_pro-img img {
            width: 100%;
            height: auto;
            transition: .5s;
            border: 1px solid #ddd;
            box-sizing: border-box;
        }

    .c5_pro-box .pro-title {
        padding: 0 15px;
        line-height: 30px;
        color: #0ca944;
        font-size: 22px;
        transition: .5s;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        margin-top: 0px;
    }

        .c5_pro-box .pro-title h3 {
            margin: 0;
            float: left;
            font-size: 13px;
        }

        .c5_pro-box .pro-title h4 {
            margin: 10px;
            float: right;
            font-size: 12px;
        }
/*产品5样式结束*/
/*产品6样式开始*/
.cp6_all {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0.2rem;
    padding: 0.2rem 0.1rem;
}

.pro_main {
    width: 3.5rem;
    overflow: hidden;
    margin: 0 auto .2rem auto;
}

.container .slyt {
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    .container .slyt h1 {
        margin: 0;
        text-align: center;
        font-size: 1.9rem;
        color: #525252;
        height: 45px;
        line-height: 45px;
        position: relative;
        margin-bottom: 5px;
    }

        .container .slyt h1 span {
            position: absolute;
            left: 40%;
        }

        .container .slyt h1 em {
            background-color: #cccccc;
            height: 1px;
            overflow: hidden;
            width: 25%;
            display: block;
            position: absolute;
        }

    .container .slyt .swiper-container {
        width: 100%;
    }

    .container .slyt .swiper-slide {
        background: #ec3a0e;
        height: 100%;
        -webkit-transition: -webkit-transform 600ms ease-out;
        -ms-transition: -ms-transform 600ms ease-out;
        -o-transition: -o-transform 600ms ease-out;
        transition: transform 600ms ease-out;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }

    .container .slyt .swiper-slide-active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

#content-slide {
    padding: .05rem;
}

    #content-slide span {
        text-align: center;
        color: #fff;
        text-align: center;
        display: block;
    }

    #content-slide img {
        width: 100%;
        margin-bottom: 0.04rem;
    }

.container .slyt #content-slide a {
    display: block;
    text-decoration: none;
    font-size: 12px;
}
/*产品6样式结束*/
/*简介3样式开始*/
.jj3_all {
    width: 3.75rem;
    box-sizing: border-box;
    padding: 0.2rem 0.1rem;
    margin: 0 auto 0.2rem auto;
}

.jj3_tit {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 0.2rem;
}

    .jj3_tit h1 {
        margin: 0;
        font-size: 0.16rem;
        color: #ec3a0e;
        font-weight: normal;
        line-height: 0.2rem;
    }

        .jj3_tit h1 span {
            color: #f4ab28;
        }

    .jj3_tit > span {
        display: block;
        margin: 0 auto;
        font-size: 0.12rem;
        color: #999;
        text-transform: uppercase;
        line-height: 0.2rem;
        box-sizing: border-box;
    }

    .jj3_tit .line {
        width: 40px;
        height: 2px;
        margin: 0.05rem auto;
        background: #ec3a0e;
    }

.jj3_abt {
    overflow: hidden;
    font-size: .12rem;
    color: #666;
    line-height: .2rem;
    text-indent: 2em;
}

.jj3_m {
    display: block;
    color: #b7804a;
    text-align: center;
    border: 0.01rem solid #b7804a;
    transition: 0.5s;
    text-decoration: none;
    text-indent: 0;
    width: 1rem;
    height: 0.25rem;
    line-height: 0.25rem;
    margin: 0.2rem auto 0 auto;
    font-size: 0.14rem;
}
/*简介3样式结束*/
/*招商加盟样式开始*/
.join_us {
    width: 3.75rem;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0.2rem 0.1rem;
}

.join_tit {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 0.2rem;
}

    .join_tit h1 {
        margin: 0;
        font-size: 0.16rem;
        color: #ec3a0e;
        font-weight: normal;
        line-height: 0.2rem;
    }

        .join_tit h1 span {
            color: #f4ab28;
        }

    .join_tit > span {
        display: block;
        margin: 0 auto;
        font-size: 0.12rem;
        color: #999;
        text-transform: uppercase;
        line-height: 0.2rem;
        box-sizing: border-box;
    }

    .join_tit .line {
        width: 40px;
        height: 2px;
        margin: 0.05rem auto;
        background: #ec3a0e;
    }

.join_adv {
    width: 100%;
    margin: 0 auto;
}

    .join_adv ul {
        overflow: hidden;
    }

        .join_adv ul li {
            width: 33%;
            height: 1.3rem;
            float: left;
            box-sizing: border-box;
            text-align: center;
        }

            .join_adv ul li a {
                display: block;
                width: 100%;
                height: 100%;
                text-decoration: none;
                font-size: 14px;
                position: relative;
            }

                .join_adv ul li a img {
                    width: .5rem;
                }

                .join_adv ul li a h3 {
                    margin: 0;
                    font-size: 0.12rem;
                    font-weight: normal;
                    letter-spacing: 0.1em;
                    color: #666;
                }
/*导航7样式开始*/
.dh7_nav {
    width: 3.75rem;
    height: 1.5rem;
    background-color: white;
    box-sizing: border-box;
    font-size: 0.12rem;
    color: #666;
    margin-bottom: 0.2rem;
}

    .dh7_nav ul {
        width: 3.5rem;
        height: 1.1rem;
        margin: 0 auto;
        overflow: hidden;
    }

        .dh7_nav ul li {
            width: 25%;
            float: left;
            text-align: center;
            margin: 0.2rem auto;
        }

            .dh7_nav ul li div {
                width: 0.55rem;
                height: 0.55rem;
                margin: 0 auto;
                border-radius: 0.44rem;
                overflow: hidden;
            }

            .dh7_nav ul li a {
                display: block;
                height: .55rem;
                width: .55rem;
                background: url(//static.ruituoyun.com/images/drag/SJ/nav_icon.png) no-repeat;
                background-size: 2rem;
            }

            .dh7_nav ul li span {
                display: block;
                color: #787878;
                font-size: 0.12rem;
                margin-top: 0.15rem;
            }

            .dh7_nav ul li:nth-child(1) div {
                background-color: #0066cc;
            }

                .dh7_nav ul li:nth-child(1) div a {
                    background-position: 0.1rem 0.1rem;
                }

            .dh7_nav ul li:nth-child(2) div a {
                background-position: -0.42rem 0.1rem;
            }

            .dh7_nav ul li:nth-child(3) div a {
                background-position: -1rem 0.1rem;
            }

            .dh7_nav ul li:nth-child(4) div a {
                background-position: -1.5rem 0.1rem;
            }

            .dh7_nav ul li:nth-child(2) div {
                background-color: #cccc00;
            }

            .dh7_nav ul li:nth-child(3) div {
                background-color: #009b4d;
            }

            .dh7_nav ul li:nth-child(4) div {
                background-color: #0099cc;
            }
/*导航7样式结束*/
/*招商加盟2样式开始*/
.ys1_all {
    width: 3.75rem;
    background: white;
    box-sizing: border-box;
    padding: 0 0.1rem 0.2rem 0.1rem;
    margin: 0 auto;
}

.ys1_tit {
    width: 100%;
    height: 0.4rem;
    border-bottom: 0.01rem solid #ccc;
    box-sizing: border-box;
    margin-bottom: 0.2rem;
}

    .ys1_tit h1 {
        margin: 0;
        font-size: 0.14rem;
        color: #aa0c03;
        font-weight: normal;
        line-height: 0.48rem;
    }

        .ys1_tit h1 span {
            font-size: 0.12rem;
            color: #ccc;
            text-transform: uppercase;
            margin-left: 0.08rem;
        }

.ys1_adv {
    width: 100%;
}

    .ys1_adv ul {
        overflow: hidden;
    }

        .ys1_adv ul li {
            float: left;
            width: 1.5rem;
            height: 1.3rem;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .ys1_adv ul li:nth-child(2n) {
                float: right;
            }

            .ys1_adv ul li:nth-child(1) {
                border-right: 0.01rem solid #ccc;
                padding-right: 30px;
            }

            .ys1_adv ul li:nth-child(2) {
                border-bottom: 0.01rem solid #ccc;
                padding-bottom: 30px
            }

            .ys1_adv ul li:nth-child(3) {
                border-top: 0.01rem solid #ccc;
                margin-top: 30px;
            }

            .ys1_adv ul li:nth-child(4) {
                border-left: 0.01rem solid #ccc;
                padding-left: 24px;
                margin-top: 30px
            }

                .ys1_adv ul li:nth-child(4) a {
                    margin-top: -22px;
                }

            .ys1_adv ul li a {
                display: block;
                text-decoration: none;
                text-align: center;
                height: 100px;
                position: relative;
                margin-top: 40px;
            }

                .ys1_adv ul li a img {
                    width: .5rem;
                }

            .ys1_adv ul li:nth-child(2) a img, .ys1_adv ul li:nth-child(3) a img {
                width: .7rem;
            }

            .ys1_adv ul li:nth-child(2) a h3, .ys1_adv ul li:nth-child(3) a h3 {
                width: 70px;
                text-align: center;
            }

            .ys1_adv ul li a h3 {
                margin: 0;
                font-size: .12rem;
                color: #666;
                position: absolute;
                bottom: 0;
                line-height: normal;
                font-weight: normal;
            }
/*招商加盟2样式结束*/
/*产品7样式开始*/
.cp7_all {
    width: 100%;
    background: white;
    box-sizing: border-box;
    margin-bottom: 0.2rem;
    padding: 0rem 0.1rem;
}

.cp7_adv_list ul {
    width: 100%;
    margin: 0rem auto 0 auto;
    overflow: hidden;
}

    .cp7_adv_list ul li {
        width: 100%;
        height: 1.5rem;
        float: left;
        overflow: hidden;
        writing-mode: vertical-rl;
        position: relative;
    }

        .cp7_adv_list ul li a {
            display: block;
            color: #589164;
            text-decoration: none;
        }

            .cp7_adv_list ul li a h3 {
                font-size: 18px;
                font-weight: normal;
                margin: 0;
                line-height: normal;
            }

        .cp7_adv_list ul li div {
            width: 50%;
            height: 100%;
        }

        .cp7_adv_list ul li img {
            width: 100%;
            height: 100%;
        }

        .cp7_adv_list ul li:nth-child(2n+1) div:nth-child(1) {
            position: absolute;
            left: 0;
        }

        .cp7_adv_list ul li:nth-child(2n+1) div:nth-child(2) {
            position: absolute;
            right: 0;
            box-sizing: border-box;
            padding: 0.2rem 0.6rem;
        }

        .cp7_adv_list ul li:nth-child(2n) div:nth-child(2) {
            position: absolute;
            left: 0;
            box-sizing: border-box;
            padding: 0.2rem 0.6rem;
        }

        .cp7_adv_list ul li:nth-child(2n) div:nth-child(1) {
            position: absolute;
            right: 0;
        }
/*产品7样式结束*/
/*荣誉资质*/
.picture1 {
    width: 100%;
    overflow: hidden;
}

    .picture1 .picture1-cont {
        width: 360px;
        margin: 10px auto;
    }

        .picture1 .picture1-cont > ul {
            display: -webkit-flex;
            display: flex;
            flex-wrap: wrap;
            -webkit-justify-content: space-between;
            justify-content: space-between;
        }


            .picture1 .picture1-cont > ul li {
                float: left;
                width: 49%;
                overflow: hidden;
            }

            .picture1 .picture1-cont > ul a {
                display: block;
                overflow: hidden;
            }

            .picture1 .picture1-cont > ul li div {
                color: #333;
                font-size: 12px;
                text-align: center;
                margin: 10px 0 10px 0;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .picture1 .picture1-cont > ul li a img {
                width: 100%;
                /* height: 210px; */
                font-size: 12px;
                transition: 1s;
                overflow: hidden;
            }


/*样式结束*/
/*标题头样式开始*/
.imgs_news {
    width: 3rem;
    margin: .3rem auto .2rem;
    font-size: 0;
}

    .imgs_news img {
        width: 100%;
        height: 100%;
    }
/*样式结束*/
/*标题头1样式开始*/
.bt1 .tt {
    text-align: center;
    font-size: .15rem;
    text-transform: uppercase;
}

    .bt1 .tt p:nth-child(1) {
        font-size: .18rem;
        font-weight: 400;
        color: #3b3b3b;
    }

    .bt1 .tt p:nth-child(2) {
        font-size: .15rem;
        color: #999;
    }
/*样式结束*/
/*标题头2样式开始*/
.bt2 {
    width: 3.75rem;
    margin: 0 auto
}

    .bt2 .title_new {
        margin-top: .1rem;
        font-size: .2rem;
        line-height: .3rem;
        text-align: center;
    }

        .bt2 .title_new span {
            display: block;
            width: 100%;
            position: relative;
            color: #038910;
        }

            .bt2 .title_new span::after {
                content: "";
                clear: both;
                display: block;
                height: 1px;
                width: 35%;
                background: #999;
                position: absolute;
                left: 0;
                top: 15px;
            }

            .bt2 .title_new span::before {
                content: "";
                clear: both;
                display: block;
                height: 1px;
                width: 35%;
                background: #999;
                position: absolute;
                right: 0;
                top: .14rem;
            }

        .bt2 .title_new p {
            font-family: Arial;
            font-size: .13rem;
            text-transform: uppercase;
            color: #666;
        }
/*样式结束*/
/*标题头3样式开始*/
.bt3 .title_xw h1 {
    margin: 0;
    color: #333;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
    margin: 0;
}

.bt3 .title_xw p {
    text-align: center;
    font-size: 15px;
    color: #333;
}
/*样式结束*/

/*标题头4样式开始*/
.bt4 .xw4_tit {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 0.2rem;
}

    .bt4 .xw4_tit h1 {
        margin: 0;
        font-size: 0.16rem;
        color: #ec3a0e;
        font-weight: normal;
        line-height: 0.2rem;
    }

        .bt4 .xw4_tit h1 span {
            color: #f4ab28;
        }

    .bt4 .xw4_tit > span {
        display: block;
        margin: 0 auto;
        font-size: 0.12rem;
        color: #999;
        text-transform: uppercase;
        line-height: 0.2rem;
        box-sizing: border-box;
    }

    .bt4 .xw4_tit .xw4_line {
        width: 40px;
        height: 2px;
        margin: 0.05rem auto;
        background: #ec3a0e;
    }
/*样式结束*/
/*标题头5样式开始*/
.bt5 {
    padding: 20px 0 0 0;
}

.c5_title {
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

    .c5_title span {
        font-size: 35px;
        letter-spacing: -.02rem;
        font-weight: bold;
        color: rgba(12, 169, 68, 0.1);
        text-transform: uppercase;
        display: block;
    }

    .c5_title h2 {
        margin: 0;
        font-size: .22rem;
        letter-spacing: .02rem;
        color: #0ca944;
        position: relative;
        font-weight: bold;
        top: -.2rem;
    }
/*样式结束*/
/*固定图片样式开始*/
.fixed_img {
    overflow: hidden;
    width: 3.75rem;
    margin: 0 auto;
}

    .fixed_img a {
        display: block;
    }

    .fixed_img img {
        transition: all 0.6s;
        width: 100px;
        display: block;
    }
/*固定图片样式结束*/
/*固定按钮样式开始*/
.btn_a {
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: red;
    border-radius: 10px;
    color: #fff;
    display: block;
    text-align: center;
    background-size: 100% 100%;
}
/*固定按钮样式结束*/
/*固定文本样式开始*/
.rtyTextEdit a {
    text-decoration: none;
    display: block;
}
/*样式结束*/
/*标题头6样式开始*/
.bt6 {
    width: 3.75rem;
    height: 0.4rem;
    border-bottom: 0.01rem solid #ccc;
    box-sizing: border-box;
    margin: 0 auto .2rem;
}

    .bt6 h1 {
        margin: 0;
        font-size: 0.14rem;
        color: #aa0c03;
        font-weight: normal;
        line-height: 0.48rem;
    }

        .bt6 h1 span {
            font-size: 0.12rem;
            color: #ccc;
            text-transform: uppercase;
            margin-left: 0.08rem;
        }
/*样式结束*/
/*分页样式开始*/
.fy_all {
    width: 3.5rem;
    margin: .1rem auto;
    overflow: hidden;
}

    .fy_all div {
        width: 100%;
        display: flex;
        justify-content: space-around;
    }

        .fy_all div a {
            display: block;
            font-size: 0.13rem;
            padding: 0.02rem 0.05rem;
            background: #038910;
            color: #fff;
            transition: 1s;
            text-decoration: none;
        }

    .fy_all a:nth-child(3) {
        background: none;
        color: #333;
    }
/*样式结束*/
/*分页1样式开始*/
.fy_all1 {
    width: 3.5rem;
    margin: 0 auto;
}

    .fy_all1 ul {
        overflow: hidden;
        width: 100%;
        display: flex;
        justify-content: space-around;
    }

    .fy_all1 li {
        padding: 0rem .04rem;
        border: 1px solid #333;
        font-size: .12rem;
    }

        .fy_all1 li a {
            color: #666;
            text-decoration: none;
            display: block;
        }
/*样式结束*/
/*上下篇样式开始*/
.tb_page {
    width: 3.75rem;
    /*margin-top: 50px;*/
    font-size: 15px;
    color: rgb(51, 51, 51);
    overflow: hidden;
    margin: 0 auto;
}

    .tb_page a {
        color: rgb(25, 142, 246);
        font-size: 14px;
        text-decoration: underline;
    }

    .tb_page span:first-child {
        float: left;
        margin-left: 10px;
    }

    .tb_page span:last-child {
        float: right;
        margin-right: 10px;
    }
/*样式结束*/
/*上下篇1样式开始*/
.tb_page1 {
    width: 3.75rem;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding: .1rem 0;
    margin: .1rem auto 0;
}

    .tb_page1 h4 {
        line-height: .2rem;
        font-size: .15rem;
    }

        .tb_page1 h4 a {
            display: inline;
            line-height: .3rem;
            color: #038910;
            text-decoration: underline;
        }
/*样式结束*/
/*栏目导航7样式开始*/
.lm_nav7 {
    height: 0.6rem;
    background: white;
    width: 3.75rem;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    margin: 0 auto;
}

    .lm_nav7::-webkit-scrollbar {
        height: 0px;
    }

.lm7_list li {
    width: .9375rem;
    height: .6rem;
    background: red;
    float: left;
    box-sizing: border-box;
}

    .lm7_list li a {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: .6rem;
        font-size: .16rem;
        color: #fff;
    }

.lm7_list .lm7_list_active {
    background: purple;
}

    .lm7_list .lm7_list_active > a {
        color: #fff;
    }
/*样式结束*/

/*文件下载样式开始*/
.download {
    width: 100%;
}

    .download .download_list li {
        height: .8rem;
        line-height: .8rem;
        padding: 0 .3rem;
        text-indent: 1em;
        background: url(//static.ruituoyun.com/images/drag/SJ/download_icon.png) no-repeat 30px;
        background-size: .24rem;
        font-size: .24rem;
        border-bottom: 1px dotted #CCC;
        transition: 0.3s;
        box-sizing: border-box;
    }

        .download .download_list li:hover {
            background-color: #e5e5e5;
        }

        .download .download_list li a {
            display: inline-block;
            max-width: 4.5rem;
            transition: 0.5s;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #333;
        }

            .download .download_list li a:hover {
                color: #255caf;
                text-decoration: underline;
            }

        .download .download_list li .date {
            color: #999;
            float: right;
        }
/*样式结束*/

/*固定底部2样式开始*/
.db_flex {
    background: #333;
    width: 3.75rem;
    height: .6rem;
}

    .db_flex .foot {
        width: 100%;
        margin: 0 auto;
        height: 100%;
    }

        .db_flex .foot ul {
            width: 100%;
            overflow: hidden;
        }

            .db_flex .foot ul li {
                float: left;
                width: 25%;
                margin-top: .08rem;
            }

                .db_flex .foot ul li a em {
                    color: #fff;
                    display: block;
                    font-size: 25px;
                    text-align: center;
                }

                .db_flex .foot ul li p {
                    font-size: 18px;
                    color: #fff;
                    text-align: center;
                    margin-top: .08rem;
                }
/*样式结束*/
/*地图1样式开始*/
.map-content {
    border: #ccc solid 1px;
    box-sizing: border-box;
    width: 100%;
    height: 250px;
}

.branch-detail-list .result-list {
    width: 96%;
    height: 300px;
    padding: 0 0 0 10px;
    margin-top: 20px;
    overflow: auto;
}

.branch-detail-list .result-item {
    font-size: 14px;
    color: #999;
    margin: 15px 0;
    cursor: pointer;
    padding: 0 0 0 50px;
}

.branch-detail-list .result-item {
    margin: 0 0 15px 0;
    padding: 0;
    background: transparent;
    border-bottom: 1px dashed #737373;
}

    .branch-detail-list .result-item:after {
        content: '';
        display: block;
        clear: both;
    }

    .branch-detail-list .result-item h3 {
        color: #333;
        font-size: 16px;
        line-height: 1.3em;
        margin-bottom: 15px;
    }

.branch-detail-list .address,
.branch-detail-list .bus-stop,
.branch-detail-list .metro-station {
    margin: 8px 0;
    padding: 0 0 0 30px;
    position: relative;
}

    .branch-detail-list .address:before,
    .branch-detail-list .bus-stop:before,
    .branch-detail-list .metro-station:before {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        position: absolute;
        left: 0;
        top: 3px;
        /*background-image: url(../img/branch-icon.png);*/
        background-size: 16px auto;
        background-repeat: no-repeat;
    }

    .branch-detail-list .bus-stop:before {
        background-position: 0 -24px;
    }

.branch-detail-list .metro-station {
    margin-bottom: 16px;
}

    .branch-detail-list .metro-station:before {
        background-position: 0 -48px;
    }
/*样式结束*/

/*导航8样式开始*/
.szpt_top {
    width: 100%;
}

.szpt_item {
    width: 25%;
    float: left;
}

.szpt_list {
    padding: 0 20px;
    overflow: hidden;
    width: 3.75rem;
    background: #ccc;
    box-sizing: border-box;
    margin: 0 auto;
}

.szpt_con a {
    color: #5c0d12;
    padding-top: 63px;
    display: block;
    text-align: center;
    background-image: url("//static.ruituoyun.com/images/drag/PC/lanmunav8-01.png");
    background-position: center 17px;
    padding-bottom: 16px;
    background-repeat: no-repeat;
    text-decoration: none;
}

.szpt_item.i2 a {
    background-image: url("//static.ruituoyun.com/images/drag/SJ/lanmunav8-02.png");
}

.szpt_item.i3 a {
    background-image: url("//static.ruituoyun.com/images/drag/SJ/lanmunav8-03.png");
}

.szpt_item.i4 a {
    background-image: url("//static.ruituoyun.com/images/drag/SJ/lanmunav8-04.png");
}

.szpt_item.i5 a {
    background-image: url("//static.ruituoyun.com/images/drag/SJ/lanmunav8-05.png");
}

.szpt_item.i6 a {
    background-image: url("//static.ruituoyun.com/images/drag/SJ/lanmunav8-06.png");
}

.szpt_item.i7 a {
    background-image: url("//static.ruituoyun.com/images/drag/SJ/lanmunav8-07.png");
}

.szpt_item.i8 a {
    background-image: url("//static.ruituoyun.com/images/drag/SJ/lanmunav8-08.png");
}
/*样式结束*/
/*底部2样式开始*/
.copy2 {
    width: 100%;
    padding: 10px 0;
    background: #4c4c4c;
}

.copy2_cont {
    width: 3.75rem;
    font-weight: normal;
    font-family: Arial;
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

    .copy2_cont > div {
        text-align: center;
        margin-top: 10px;
    }

        .copy2_cont > div > a {
            color: #fff;
        }
/*样式结束*/

/*文章5样式开始*/
.text5_all {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.1rem;
    overflow: hidden;
}

.text_cont {
    width: 100%;
}

    .text_cont > li {
        width: 100%;
        margin-bottom: 10px;
    }

        .text_cont > li > a {
            display: block;
            overflow: hidden;
            height: 100%;
        }

        .text_cont > li div > p {
            display: -webkit-box;
            display: box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }

        .text_cont > li a > img {
            width: 100px;
            display: block;
            float: left;
        }

        .text_cont > li div {
            float: right;
            width: 70%;
        }

            .text_cont > li div > p {
                font-size: 16px;
                color: #000;
                line-height: 20px;
                height: 42px;
            }

            .text_cont > li div > span {
                display: block;
                font-size: 12px;
                color: #ccc;
            }

        .text_cont > li:first-child {
            background: #c60908;
            height: 145px;
            overflow: hidden;
            margin-bottom: 30px;
        }

            .text_cont > li:first-child img {
                height: 100%;
                display: block;
                float: left;
            }

            .text_cont > li:first-child div {
                float: right;
                margin-right: 20px;
                width: 55%;
                /* height: 100%; */
                background: url("//static.ruituoyun.com/images/drag/SJ/wz5-01.png"), url("//static.ruituoyun.com/images/drag/SJ/wz5-02.png");
                background-repeat: no-repeat;
                background-position: top left, bottom 10px right 30px;
                background-size: 20px;
                padding: 20px 20px;
                box-sizing: border-box;
                margin-top: 20px;
            }

                .text_cont > li:first-child div > p {
                    font-size: 20px;
                    color: #fff;
                    line-height: 25px;
                    font-weight: bold;
                    height: auto;
                }

                .text_cont > li:first-child div > span {
                    display: block;
                    background: url("//static.ruituoyun.com/images/drag/SJ/wz5-time.png") no-repeat left center;
                    background-size: 12px;
                    padding-left: 20px;
                    font-size: 14px;
                    color: #fff;
                    margin-top: 10px;
                }

.wz5_more {
    display: block;
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: #c60908;
    border-radius: 5px;
    font-size: 20px;
    margin: 30px auto 0;
}
/*样式结束*/
/*简介4样式开始*/
.jj4_all {
    width: 100%;
    background: #f5f5f5;
}

.jj4_cont {
    width: 100%;
    background: url(//static.ruituoyun.com/images/drag/SJ/jj4-01.jpg) no-repeat center 20px;
    background-size: 350px;
    position: relative;
    padding-bottom: 30px;
}

    .jj4_cont > div {
        width: 270px;
        height: 185px;
        padding: 25px;
        box-sizing: border-box;
        background: #2254f4;
    }

        .jj4_cont > div > h2 {
            font-weight: normal;
            font-size: 18px;
            color: #fff;
            text-align: center;
            line-height: normal;
            margin: 0;
        }

        .jj4_cont > div > p {
            font-weight: normal;
            font-size: 14px;
            color: #fff;
            line-height: 22px;
            margin-top: 10px;
        }

    .jj4_cont > ul {
        overflow: hidden;
        margin-top: 30px;
        padding: 7px 50px;
        box-sizing: border-box;
    }

        .jj4_cont > ul > li {
            width: 50%;
            text-align: center;
            color: #222;
            float: left;
        }

            .jj4_cont > ul > li > p {
                font-size: 40px;
                position: relative;
            }

                .jj4_cont > ul > li > p > span {
                    position: absolute;
                    font-size: 25px;
                    top: -7px;
                    right: 25px;
                }

            .jj4_cont > ul > li > span {
                display: block;
                margin-top: 10px;
                font-size: 14px;
            }

    .jj4_cont > a {
        display: block;
        width: 50px;
        height: 50px;
        background: #2254f4;
        margin: 20px auto 0;
        text-align: center;
        line-height: 50px;
        color: #fff;
        font-size: 25px;
    }
/*样式结束*/
/*固定底部3样式开始*/
.foot3 {
    width: 100%;
}

.foot3-cont {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #dbdbdb;
    padding: 10px 0;
}

    .foot3-cont > li {
        width: 20%;
        float: left;
    }

        .foot3-cont > li > a {
            display: block;
            width: 100%;
            text-align: center;
        }

            .foot3-cont > li > a > img {
                height: 21px;
            }

            .foot3-cont > li > a > p {
                font-size: 12px;
                color: #333;
            }
/*样式结束*/

/*简介5样式开始*/
.jj5-all {
    width: 100%;
}

.jj5-cont {
    width: 100%;
    overflow: hidden;
}

    .jj5-cont > div {
        float: left;
        color: #fff;
        width: 283px;
        height: 300px;
        background: #f10203;
        padding: 20px 10px;
        box-sizing: border-box;
    }

        .jj5-cont > div > h4 {
            font-size: 12px;
            font-weight: normal;
            margin: 0;
            line-height: normal;
        }

        .jj5-cont > div > h2 {
            font-size: 18px;
            margin-top: 5px;
            line-height: normal;
        }

        .jj5-cont > div > span {
            display: block;
            width: 20px;
            height: 2px;
            background: #000;
            margin: 10px 0;
        }

        .jj5-cont > div > p {
            font-size: 14px;
            line-height: 22px;
        }

        .jj5-cont > div > a {
            display: block;
            width: 90px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            font-size: 16px;
            color: #f10203;
            border-radius: 3px;
            background: #fff;
            margin-top: 20px;
        }

    .jj5-cont > img {
        display: block;
        float: left;
        width: 90px;
        height: 300px;
    }
/*样式结束*/

/*简介6样式开始*/
.jj6-all {
    width: 100%;
    height: 320px;
    background: url("//static.ruituoyun.com/images/drag/SJ/jj6-01.jpg") no-repeat center center;
    background-size: 375px;
    padding: 0 20px 0 100px;
    box-sizing: border-box;
}

.jj6-cont {
    width: 100%;
    text-align: right;
    overflow: hidden;
}

    .jj6-cont > h2 {
        font-size: 20px;
        font-weight: normal;
        color: #777;
        margin-top: 50px;
        line-height: normal;
    }

    .jj6-cont > p {
        font-size: 12px;
        color: #f10203;
        margin-top: 10px;
    }

    .jj6-cont > span {
        display: block;
        font-size: 14px;
        color: #777;
        line-height: 22px;
        margin-top: 10px;
    }

    .jj6-cont > a {
        display: inline-block;
        height: 30px;
        width: 30px;
        text-align: center;
        line-height: 30px;
        background: #f10203;
        color: #fff;
        font-size: 20px;
        border-radius: 3px;
        margin-top: 10px;
    }
/*样式结束*/
/*优势样式开始*/
.ys2-all {
    width: 100%;
}

.ys2-cont {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .ys2-cont > li {
        width: 48%;
        border: 1px solid #ededed;
        padding: 20px 10px;
        box-sizing: border-box;
        text-align: center;
        font-size: initial;
        margin-top: 10px;
    }

        .ys2-cont > li > h2 {
            font-size: 14px;
            color: #f10203;
            margin: 0;
            line-height: normal;
        }

        .ys2-cont > li > span {
            font-size: 12px;
            color: #ccc;
            display: block;
            margin: 10px 0 20px;
        }

        .ys2-cont > li > p {
            font-size: 14px;
            color: #666;
            display: block;
            margin-top: 20px;
            line-height: 22px;
        }
/*样式结束*/
/*优势3样式开始*/
.ys3-all {
    width: 100%;
}

.ys3-cont {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

    .ys3-cont > li {
        width: 100%;
        overflow: hidden;
        padding-bottom: 10px;
        border-bottom: 1px solid #ebebeb;
        margin-top: 10px;
    }

        .ys3-cont > li > img {
            float: left;
            width: 15%;
        }

        .ys3-cont > li > div {
            float: right;
            width: 82%;
        }

            .ys3-cont > li > div > p {
                color: #333;
                font-size: 14px;
                margin-top: 5px;
            }

            .ys3-cont > li > div > span {
                color: #888;
                font-size: 12px;
                margin-top: 5px;
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
/*样式结束*/

/*栏目导航8样式开始*/
.lm_nav8 {
    width: 100%;
}

.lm_nav8_cont {
    width: 100%;
    overflow: hidden;
}

    .lm_nav8_cont > li {
        width: 20%;
        margin-top: 20px;
        float: left;
    }

        .lm_nav8_cont > li > a {
            display: block;
            text-align: center;
        }

            .lm_nav8_cont > li > a > img {
                height: 50px;
            }

            .lm_nav8_cont > li > a > p {
                color: #333;
                font-size: 14px;
                margin-top: 10px;
            }
/*样式结束*/
/*简介7样式开始*/
.jj7-all {
    width: 100%;
    height: 180px;
}

.jj7-cont {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

    .jj7-cont > div {
        width: 50%;
        height: 180px;
        position: absolute;
        top: 0;
        left: 0;
    }

        .jj7-cont > div > img {
            position: absolute;
        }

            .jj7-cont > div > img:nth-child(1) {
                left: 0;
                top: 20px;
                z-index: 10;
                height: 90px;
            }

            .jj7-cont > div > img:nth-child(2) {
                left: 10px;
                top: 0px;
                height: 180px;
                z-index: 5;
            }

            .jj7-cont > div > img:nth-child(3) {
                left: 10px;
                top: 50%;
                transform: translateY(-50%);
                height: 160px;
                z-index: 1;
            }

    .jj7-cont > a {
        display: block;
        width: 60%;
        float: right;
        padding-right: 10px;
        box-sizing: border-box;
        padding-left: 10px;
        position: relative;
        z-index: 9;
    }

        .jj7-cont > a > h2 {
            font-weight: normal;
            line-height: normal;
            color: #ff4f00;
            font-size: 14px;
            margin-top: 15px;
        }

        .jj7-cont > a > span {
            display: block;
            line-height: 22px;
            color: #333;
            font-size: 14px;
            display: -webkit-box;
            display: box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            margin-top: 10px;
        }

        .jj7-cont > a > p {
            color: #333;
            font-size: 14px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding-left: 25px;
            margin-top: 10px;
            height: 20px;
        }

            .jj7-cont > a > p:nth-child(3) {
                background: url("//static.ruituoyun.com/images/drag/SJ/jj7-03.png") no-repeat left center;
                background-size: 20px;
            }

            .jj7-cont > a > p:nth-child(4) {
                background: url("//static.ruituoyun.com/images/drag/SJ/jj7-04.png") no-repeat left center;
                background-size: 20px;
            }
/*样式结束*/

/*优势4样式开始*/
.ys4-all {
    width: 100%;
    height: 316px;
    background: url("//static.ruituoyun.com/images/drag/SJ/ys4-bg.jpg");
    background-size: 375px 316px;
    overflow: hidden;
}

.ys4-cont {
    width: 100%;
    overflow: hidden;
}

    .ys4-cont > h2 {
        color: #fff;
        text-align: center;
        font-size: 18px;
        margin: 30px 0 20px;
        font-weight: normal;
        line-height: normal;
    }

.ys4-cont-list {
    overflow: hidden;
    padding: 0 10px;
    box-sizing: border-box;
}

    .ys4-cont-list > li {
        width: 48%;
        float: left;
        overflow: hidden;
        margin-top: 20px;
    }

        .ys4-cont-list > li:nth-child(2n) {
            float: right;
        }

        .ys4-cont-list > li > img {
            width: 40px;
            float: left;
        }

        .ys4-cont-list > li > div {
            width: 70%;
            float: right;
            color: #fff;
        }

            .ys4-cont-list > li > div > p {
                font-size: 14px;
                margin-top: 5px;
            }

            .ys4-cont-list > li > div > span {
                font-size: 12px;
                display: block;
                line-height: 20px;
                margin-top: 5px;
            }
/*样式结束*/
/*底部3样式开始*/
.db3-all {
    width: 100%;
}

.db3-cont {
    width: 100%;
    padding: 20px 0;
    text-align: center;
    box-sizing: border-box;
    color: #000;
    font-size: 16px;
}

    .db3-cont > span {
        display: block;
        margin: 10px 0;
        font-size: 14px;
        color: #333;
    }

    .db3-cont > img {
        margin-bottom: 10px;
    }

    .db3-cont > a {
        color: #000;
    }
/*文章6样式开始*/
.wz6-all {
    width: 100%;
}

.wz6-cont {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

    .wz6-cont > li {
        padding: 20px 0;
        border-bottom: 1px solid #eee;
    }

        .wz6-cont > li > a {
            display: block;
            overflow: hidden;
        }

            .wz6-cont > li > a > div {
                width: 70%;
                float: left;
            }

                .wz6-cont > li > a > div > h2 {
                    color: #000;
                    text-indent: 2em;
                    background: url("//static.ruituoyun.com/images/drag/SJ/wz-hot.png") no-repeat left top;
                    font-size: 16px;
                    font-weight: normal;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    margin: 0;
                    line-height: normal;
                }

                .wz6-cont > li > a > div > p {
                    color: #333;
                    font-size: 14px;
                    line-height: 22px;
                    display: -webkit-box;
                    display: box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                    margin-top: 10px;
                }

            .wz6-cont > li > a > img {
                float: right;
                width: 25%;
            }

.wz6_more {
    display: block;
    color: #b7804a;
    text-align: center;
    border: 0.01rem solid #b7804a;
    transition: 0.5s;
    text-decoration: none;
    text-indent: 0;
    width: 1rem;
    height: 0.25rem;
    line-height: 0.25rem;
    margin: 0.2rem auto 0 auto;
    font-size: 0.14rem;
}
/*样式结束*/
/*文章7样式开始*/
.wz7-all {
    width: 100%;
}

.wz7-cont {
    width: 100%;
}

    .wz7-cont > li {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        margin-top: 10px;
    }

        .wz7-cont > li:first-child {
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
        }

        .wz7-cont > li > a {
            display: block;
            position: relative;
            overflow: hidden;
        }

            .wz7-cont > li > a > p {
                text-indent: 1.5em;
                background-image: url("//static.ruituoyun.com/images/drag/SJ/wz-jing.gif");
                background-repeat: no-repeat;
                background-position: left;
                font-size: 16px;
            }

        .wz7-cont > li:first-child > a > img {
            width: 100%;
        }

        .wz7-cont > li:first-child > a > p {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 40px;
            background-color: rgba(0, 0, 0, .5);
            line-height: 40px;
            color: #fff;
        }

        .wz7-cont > li:first-child ~ li > a > p {
            width: 80%;
            color: #585858;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            float: left;
            line-height: 50px;
        }

        .wz7-cont > li:first-child ~ li > a > img {
            width: 50px;
            height: 50px;
            float: right;
        }

.wz7_more {
    display: block;
    color: #b7804a;
    text-align: center;
    border: 0.01rem solid #b7804a;
    transition: 0.5s;
    text-decoration: none;
    text-indent: 0;
    width: 1rem;
    height: 0.25rem;
    line-height: 0.25rem;
    margin: 0.2rem auto 0 auto;
    font-size: 0.14rem;
}
/*样式结束*/
/*简介8样式开始*/
.about8 {
    width: 3.75rem;
    margin: 0 auto;
    padding: 20px 15px;
    box-sizing: border-box;
}

    .about8 .about8_left {
        float: left;
        width: 45%;
        position: relative;
    }

        .about8 .about8_left:after {
            content: "";
            position: absolute;
            width: 1px;
            height: 160px;
            background-color: rgb(204,204,204);
            right: -12%;
            top: 0;
        }

        .about8 .about8_left:before {
            content: "";
            position: absolute;
            width: 6px;
            height: 6px;
            background-color: rgb(204,204,204);
            right: -13.5%;
            top: -3px;
            border-radius: 50%;
        }

        .about8 .about8_left img {
            width: 100%;
            height: auto;
        }

    .about8 .about8_right {
        width: 45%;
        float: right;
    }

        .about8 .about8_right .about8_tit {
            font-size: 0.14rem;
            color: rgb(75, 75, 75);
            line-height: 0.26rem;
            margin: 0 0 5px 0;
            text-align: center;
        }

        .about8 .about8_right .about8_content p {
            font-size: 0.12rem;
            line-height: 0.18rem;
            color: rgb(142, 142, 142);
        }

.jj8_more {
    display: block;
    color: #b7804a;
    text-align: center;
    border: 0.01rem solid #b7804a;
    transition: 0.5s;
    text-decoration: none;
    text-indent: 0;
    width: 1rem;
    height: 0.25rem;
    line-height: 0.25rem;
    margin: 0.2rem auto 0 auto;
    font-size: 0.14rem;
}
/*样式结束*/
/*产品8样式开始*/
.cp8-all {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.cp8-cont {
    width: 100%;
    overflow: hidden;
}

    .cp8-cont > li {
        width: 48%;
        float: left;
        margin-top: 20px;
    }

        .cp8-cont > li:nth-child(2n) {
            float: right;
        }

        .cp8-cont > li > a {
            display: block;
            width: 100%;
            border-radius: 3px;
            overflow: hidden;
            background: #f2f2f2;
        }

            .cp8-cont > li > a > img {
                width: 65px;
                height: 70px;
                float: left;
            }

            .cp8-cont > li > a > div {
                float: left;
                padding: 10px 0 0 10px;
                box-sizing: border-box;
            }

                .cp8-cont > li > a > div > p {
                    color: #000;
                    font-size: 16px;
                }

                .cp8-cont > li > a > div > span {
                    display: block;
                    color: #333;
                    font-size: 12px;
                }

.cp8_more {
    display: block;
    color: #b7804a;
    text-align: center;
    border: 0.01rem solid #b7804a;
    transition: 0.5s;
    text-decoration: none;
    text-indent: 0;
    width: 1rem;
    height: 0.25rem;
    line-height: 0.25rem;
    margin: 0.2rem auto 0 auto;
    font-size: 0.14rem;
}
/*样式结束*/
/*历程1样式开始*/
.lc1 {
    position: relative;
}

    .lc1:after {
        position: absolute;
        left: 1.75rem;
        top: 0;
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background-color: #c5c5c5;
    }

    .lc1 .wWLine {
        height: auto;
        position: relative;
        overflow: hidden;
        padding: 13px 15px;
    }

        .lc1 .wWLine a {
            height: auto;
            width: 100%;
            display: block;
        }

    .lc1 .lc1_cont {
        position: relative;
        height: 1.2rem;
        width: 100%;
    }

        .lc1 .lc1_cont:before {
            position: absolute;
            top: 0.275rem;
            left: 1.55rem;
            content: "";
            width: .10rem;
            height: 0.10rem;
            background: #c5c5c5;
            border-radius: 50%;
            z-index: 2;
        }

        .lc1 .lc1_cont .lc1_left {
            width: 1.4rem;
            display: inline-block;
        }

            .lc1 .lc1_cont .lc1_left .lc1_date {
                font-size: .2rem;
                color: #3f3f3f;
                line-height: 0.26rem;
            }

            .lc1 .lc1_cont .lc1_left .lc1_tit {
                font-size: .16rem;
                color: #858585;
                overflow: hidden;
                line-height: .24rem;
            }

        .lc1 .lc1_cont .lc1_cicle {
            position: absolute;
            top: 0.25rem;
            left: 1.52rem;
            content: "";
            width: .16rem;
            height: .16rem;
            background: #ededed;
            border-radius: 50%;
            z-index: 1;
        }

        .lc1 .lc1_cont .lc1_right {
            display: inline-block;
            position: absolute;
            right: 0;
            bottom: 0;
            width: 1.6rem;
        }

            .lc1 .lc1_cont .lc1_right img {
                width: 100%;
                height: auto;
            }
/*样式结束*/

/*文章8样式结束*/
.wz8 {
    width: 3.75rem;
    padding: 0 15px;
    box-sizing: border-box;
}

    .wz8 .swiper-slide {
        width: 80%;
    }

        .wz8 .swiper-slide a {
            display: block;
        }

        .wz8 .swiper-slide img {
            width: 100%;
            height: 1.95rem;
        }

        .wz8 .swiper-slide .wz8_info {
            padding: 0 0.15rem 0.2rem;
        }

        .wz8 .swiper-slide .wz8_tit {
            font-size: 0.18rem;
            color: #333;
            line-height: 0.3rem;
            font-weight: normal;
            margin: 0.15rem 0 0 0;
        }

        .wz8 .swiper-slide .wz8_line {
            border-top: 1px solid #e6e6e6;
            margin: 0 0 0.1rem;
        }

        .wz8 .swiper-slide .wz8_content {
            font-size: 0.16rem;
            color: #999;
            line-height: 0.26rem;
        }

        .wz8 .swiper-slide .wz8_date {
            font-size: 0.16rem;
            color: #ababab;
            margin-top: 0.1rem;
            display: block;
        }
/*样式结束*/
/*导航9样式开始*/
.nav9 {
    width: 3.75rem;
    height: 40px;
}

    .nav9 .nav9_btn {
        width: 0.32rem;
        height: 0.32rem;
        z-index: 80;
        border: 1px solid #007aff;
        border-radius: 50%;
        float: right;
        position: relative;
    }

        .nav9 .nav9_btn .i {
            display: block;
            overflow: hidden;
            position: absolute;
            height: 2px;
            width: 0.22rem;
            background: #007aff;
            left: 0.05rem;
        }

        .nav9 .nav9_btn .i-1 {
            top: 0.08rem;
        }

        .nav9 .nav9_btn .i-2 {
            top: 0.15rem;
        }

        .nav9 .nav9_btn .i-3 {
            top: 0.22rem;
        }

    .nav9 .nav9_bg {
        width: 100%;
        height: 100%;
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1001;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .nav9 .nav9_right {
        width: 2rem;
        height: 100%;
        position: fixed;
        top: 0;
        right: -2.1rem;
        z-index: 1003;
        background-color: #666666;
        box-shadow: -2px 0 5px #000;
    }

        .nav9 .nav9_right .nav9_list {
            margin-top: 0.6rem;
        }

            .nav9 .nav9_right .nav9_list li {
                text-align: center;
                line-height: 0.44rem;
                border-top: 2px solid #45494C;
                padding: 0 0.15rem;
            }

                .nav9 .nav9_right .nav9_list li:first-child {
                    border-top: 0px solid #45494C;
                }

                .nav9 .nav9_right .nav9_list li a {
                    text-align: center;
                    font-size: 0.16rem;
                    color: #fff;
                    display: block;
                }
/*样式结束*/
/*标题头7样式开始*/
.bt7-all {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}

.bt7-cont {
    width: 100%;
    font-size: 16px;
    color: #42bd56;
    overflow: hidden;
    line-height: 23px;
}

    .bt7-cont > span {
        display: block;
        width: 4px;
        height: 23px;
        background: #42bd56;
        margin-right: 20px;
        float: left;
    }

    .bt7-cont > a {
        float: right;
        margin-right: 20px;
        color: #42bd56;
        font-size: 20px;
    }
/*样式结束*/

/*搜索框样式开始*/
.search-all {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    margin-top: 10px;
}

.search-cont {
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #d7d7d7;
    line-height: 40px;
    padding: 0 10px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 3px;
}

    .search-cont > input {
        width: 80%;
        font-size: 16px;
        color: #919191;
        border: none;
        outline: none;
        height: auto;
        line-height: normal;
        box-shadow: none;
        padding: 0;
        margin: 0;
    }

    .search-cont > a {
        float: right;
        display: block;
        height: 100%;
    }
/*样式结束*/
/*产品9样式开始*/
.cp9-all {
    width: 100%;
}

.cp9-cont {
    width: 100%;
}

    .cp9-cont > li {
        width: 100%;
        padding: 5px 10px;
        box-sizing: border-box;
        border-bottom: 1px solid #ccc;
    }

        .cp9-cont > li > a {
            display: block;
            overflow: hidden;
        }

            .cp9-cont > li > a > img {
                width: 95px;
                height: 95px;
                float: left;
            }

            .cp9-cont > li > a > p {
                float: right;
                width: 70%;
                font-size: 16px;
                color: #666;
                line-height: 95px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

.cp9_more {
    display: block;
    color: #b7804a;
    text-align: center;
    border: 0.01rem solid #b7804a;
    transition: 0.5s;
    text-decoration: none;
    text-indent: 0;
    width: 1rem;
    height: 0.25rem;
    line-height: 0.25rem;
    margin: 0.2rem auto 0 auto;
    font-size: 0.14rem;
}
/*样式结束*/
/*优势5样式开始*/
.ys5-all {
    width: 100%;
    height: 250px;
    background: url("//static.ruituoyun.com/images/drag/SJ/ys5-01.png") no-repeat left;
    background-size: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.ys5-cont {
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
}

    .ys5-cont > h2 {
        color: blue;
        font-size: 20px;
        text-align: center;
        margin: 10px 0;
    }

    .ys5-cont > div {
        width: 100%;
        position: relative;
        text-align: center;
        margin-top: 20px;
    }

        .ys5-cont > div > img {
            width: 90px;
            height: 90px;
            border-radius: 50%;
        }

        .ys5-cont > div > p {
            position: absolute;
            color: #333;
            font-size: 16px;
        }

            .ys5-cont > div > p:nth-child(1) {
                top: 0px;
                left: 10px;
            }

            .ys5-cont > div > p:nth-child(2) {
                top: 0;
                right: 10px;
            }

            .ys5-cont > div > p:nth-child(3) {
                top: 40px;
                left: 0;
            }

            .ys5-cont > div > p:nth-child(4) {
                top: 40px;
                right: 0;
            }

            .ys5-cont > div > p:nth-child(5) {
                bottom: -25px;
                left: 50%;
                transform: translateX(-50%);
            }
/*样式结束*/
/*产品10样式开始*/
.cp10 {
    width: 3.75rem;
    padding: 0 15px;
    border-top: 1px solid #e0e0e0;
    display: flex;
}

    .cp10 .cp10_type {
        width: 25%;
        float: left;
        background-color: #f8f8f8;
    }

        .cp10 .cp10_type ul li {
            height: 0.5rem;
            line-height: 0.5rem;
            color: #666;
            font-size: 0.14rem;
            text-align: center;
        }

            .cp10 .cp10_type ul li.active {
                color: #3285ff;
                background-color: #fff;
            }

    .cp10 .cp10_cont {
        float: left;
        width: 75%;
    }

        .cp10 .cp10_cont .item {
            display: none;
        }

            .cp10 .cp10_cont .item.active {
                display: block;
            }

            .cp10 .cp10_cont .item li {
                overflow: hidden;
                margin-top: 0.15rem;
            }

            .cp10 .cp10_cont .item .cp10_img {
                width: 35%;
                height: 1rem;
                border: 1px solid #eee;
                float: left;
                margin-left: 5%;
                box-sizing: border-box;
            }

            .cp10 .cp10_cont .item .cp10_tit {
                float: right;
                width: 55%;
                color: #585858;
                font-size: 0.16rem;
                line-height: 0.26rem;
            }
/*样式结束*/
/*分页4样式开始*/
.page4-all {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    margin: 10px 0;
}

.page4-cont {
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #333;
    font-size: 14px;
    line-height: 30px;
}

    .page4-cont > p {
        width: 80px;
        height: 30px;
        box-sizing: border-box;
        border: 1px solid #333;
        color: #333;
        font-size: 16px;
        text-align: center;
        line-height: 30px;
        float: left;
        border-radius: 3px;
    }

        .page4-cont > p:last-child {
            float: right;
        }
/*样式结束*/
/*底部4样式开始*/
.foot4-all {
    width: 100%;
    background: #333;
}

.foot4-cont {
    width: 100%;
    padding: 30px 10px;
    box-sizing: border-box;
}

    .foot4-cont > h2 {
        color: #fff;
        font-size: 16px;
        margin: 0;
        line-height: normal;
    }

    .foot4-cont > p {
        color: rgb(216, 216, 216);
        font-size: 14px;
        margin-top: 10px;
    }

    .foot4-cont > ul {
        overflow: hidden;
    }

        .foot4-cont > ul > li {
            float: left;
            margin-left: 20px;
            margin-top: 10px;
        }

            .foot4-cont > ul > li > a {
                color: rgb(216, 216, 216);
                font-size: 14px;
                text-decoration: underline;
            }

.foot4-copy {
    width: 100%;
    background: #222;
    color: rgb(216, 216, 216);
    font-size: 12px;
    text-align: center;
    padding: 10px 0;
}

    .foot4-copy > a {
        color: rgb(216, 216, 216);
        font-size: 12px;
    }
/*样式结束*/
/*产品11样式开始*/
.cp11 {
    width: 100%;
    padding: 0 15px;
}

    .cp11 .marqueeleft {
        height: 136px;
        width: 100%;
        overflow: hidden;
        margin: 10px auto;
    }

        .cp11 .marqueeleft ul {
            float: left;
        }

        .cp11 .marqueeleft li {
            float: left;
            margin: 0 5px;
            display: block;
            width: 148px;
            height: 133px;
            overflow: hidden;
        }

            .cp11 .marqueeleft li .pic {
                display: block;
                border: #ccc 1px solid;
                width: 135px;
                height: 104px;
                padding: 2px;
                overflow: hidden;
            }

            .cp11 .marqueeleft li .txt {
                text-align: center;
                height: 23px;
                line-height: 23px;
            }

            .cp11 .marqueeleft li .pic img {
                width: 100%;
                height: 100%;
            }
/*样式结束*/
/*导航10样式开始*/
.dh10-all {
    position: relative;
    overflow: initial !important
}

.dh10-head.showMenu {
    position: relative;
}

.dh10-head {
    background: none;
    border-bottom: 1px solid #ddd;
    width: 100%;
    height: 50px;
    background: #fff;
}

    .dh10-head .dh10-logo {
        position: absolute;
        left: 0;
        top: 0;
        width: 140px;
        height: 50px;
        background: url(//static.ruituoyun.com/images/drag/SJ/LOGO_nn.png) no-repeat 20px center;
        background-size: 80px;
    }

        .dh10-head .dh10-logo a {
            display: block;
            width: 100%;
            height: 100%;
        }

    .dh10-head.showMenu {
        position: relative;
        background: none !important;
        transition: background 0s ease-out;
        -webkit-transition: background 0s ease-out;
    }

        .dh10-head.showMenu .dh10-logo {
            background-image: url(//static.ruituoyun.com/images/drag/SJ/LOGO_nn.png)
        }

.dh10btn-nav.animated2 .icon-bar {
    background: #fff !important;
}

.menuMain {
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #2f2f2f;
    position: absolute;
    display: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.menuBox {
    padding: 0 20px;
    height: 100%;
    position: relative;
    overflow: hidden;
}

    .menuBox li {
        padding: 0 0px 0 0;
        position: relative;
    }

        .menuBox li > a {
            height: 48px;
            line-height: 48px;
            color: rgba(255,255,255,0.8);
            font-size: 14px;
            background: url(//static.ruituoyun.com/images/drag/SJ/dh-icon_01.png) no-repeat 98% center;
            background-size: 12px;
            display: block;
            opacity: 0.8
        }

        .menuBox li.on > a {
            background-image: url(//static.ruituoyun.com/images/drag/SJ/dh-icon_02.png);
        }

        .menuBox li.dh10-link > a {
            background-image: url(//static.ruituoyun.com/images/drag/SJ/dh-icon_03.png);
        }

        .menuBox li.searchBtn > a {
            background: url(//static.ruituoyun.com/images/drag/SJ/dh-icon_04.png) no-repeat left center;
            background-size: 14px;
            text-indent: 18px;
        }

    .menuBox .linkBtn {
        padding-top: 35px;
        text-align: center;
    }

        .menuBox .linkBtn a {
            height: 42px;
            line-height: 42px;
            color: rgba(255,255,255,0.5);
            padding: 0 30px;
            border-radius: 5px;
            display: inline-block;
            margin: 0 15px;
            font-size: 14px;
            position: relative;
        }

            .menuBox .linkBtn a:after {
                border-radius: 10px;
            }

.menuIcon, .menuIcon2 {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 996;
    cursor: pointer;
}

.dh10btn-nav {
    background: 0 0;
    border: none;
    padding: 10px 20px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    z-index: 99999
}

    .dh10btn-nav:focus {
        outline: 0
    }

.icon-bar {
    display: block;
    margin: 5px 0;
    width: 23px;
    height: 2px;
    background-color: #000
}

.dh10btn-nav:hover .icon-bar {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: #000
}

.animated2 {
    display: block;
    margin: 0 auto
}

    .animated2:focus .icon-bar, .animated2:hover .icon-bar {
        background-color: #000
    }

    .animated2:focus {
        cursor: pointer;
        z-index: 9999
    }

.dh10Active {
    background: #2f2f2f;
}

.middle {
    width: 18px;
}

.icon-bar {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 999999
}

.animated2 .icon-bar {
    z-index: 999999;
    background-color: #000
}

.animated2 .top {
    -webkit-transform: translateY(6px) rotateZ(45deg);
    -moz-transform: translateY(6px) rotateZ(45deg);
    -ms-transform: translateY(6px) rotateZ(45deg);
    -o-transform: translateY(6px) rotateZ(45deg);
    transform: translateY(6px) rotateZ(45deg)
}

.animated2 .bottom {
    -webkit-transform: translateY(-8px) rotateZ(-45deg);
    -moz-transform: translateY(-8px) rotateZ(-45deg);
    -ms-transform: translateY(-8px) rotateZ(-45deg);
    -o-transform: translateY(-8px) rotateZ(-45deg);
    transform: translateY(-8px) rotateZ(-45deg)
}

.animated2 .middle {
    width: 0
}

.hidden {
    overflow: hidden !important;
    height: 100% !important;
    height: 100% !important;
    margin-top: 0 !important;
}

.dh10-proList, .serList, .newsList {
    overflow: hidden;
    display: none;
}

    .dh10-proList a, .serList a, .newsList a {
        width: 50%;
        display: inline-block;
        height: 42px;
        line-height: 42px;
        font-size: 13px;
        float: left;
        color: rgba(255,255,255,0.6);
        position: relative;
        background-repeat: no-repeat;
        background-position: 15px center;
        background-size: 28px;
        text-indent: 60px;
    }

        .dh10-proList a.dh10-n1 {
            background-image: url(//static.ruituoyun.com/images/drag/SJ/dh-a01.png)
        }

        .dh10-proList a.dh10-n2 {
            background-image: url(//static.ruituoyun.com/images/drag/SJ/dh-a02.png)
        }

    .serList a, .newsList a {
        width: 100%;
        text-indent: 20px;
    }

.menuBox .preBox ul {
    padding: 0 20px;
}

.menuBox .preBox {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    transition: -webkit-transform 0.35s linear;
    transition: transform 0.35s linear;
}

.menuBox .nextBox .other {
    display: none;
}

    .menuBox .nextBox .other .tit {
        font-size: 12px;
        color: rgba(255,255,255,0.3);
        padding: 20px 0 10px 0;
    }

    .menuBox .nextBox .other a {
        height: 40px;
        line-height: 40px;
        position: relative;
        font-size: 14px;
        color: rgba(255,255,255,0.64);
        display: inline-block;
        width: 100%;
    }

.menuBox li, .linkBtn {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
}

.showMain .menuBox li, .showMain .linkBtn {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
}

    .showMain .menuBox li:nth-child(2) {
        -webkit-transition-delay: 100ms,100ms;
        transition-delay: 100ms,100ms;
    }

    .showMain .menuBox li:nth-child(3) {
        -webkit-transition-delay: 180ms,180ms;
        transition-delay: 180ms,180ms;
    }

.showMain .linkBtn {
    -webkit-transition-delay: 340ms,340ms;
    transition-delay: 340ms,340ms;
}
/*样式结束*/