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;*/
}

* {
    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: #ce0015;
    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; 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;}
/*样式结束*/